@charset "UTF-8";

/*テスト*/
.test {
	width:100px;
	position:relative ;
}

.navi-category-container {
  /*width:30%;
  line-height:100px;
  background:#fff;
  padding:0 4%;
  box-sizing:border-box;
  display:none;
  position:fixed ;
  top:55%;
  left:15%;
  right:0;
  bottom:0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/

	display: none;
	margin: 0;
	background: #fff;
	padding: 0 0 20px;
	position: absolute;
	font-size:7px;
	left: 0;
	top: 40px;
	width: 200px;
	z-index: 200;

}


/*.test:hover .navi-category-container {
	display: block;
	border:solid  ;
}*/

.category-under-category-item-box {
	width:100px;
	position:relative ;
}

.category-under-category-item-box-popup {
  /*width:30%;
  line-height:100px;
  background:#fff;
  padding:0 4%;
  box-sizing:border-box;
  display:none;
  position:fixed ;
  top:55%;
  left:15%;
  right:0;
  bottom:0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/

	display: none;
	margin: 0;
	background: #fff;
	padding: 0 0 20px;
	position: absolute;
	left: 0;
	top: 40px;
	width: 150px;
	z-index: 200;

}


.category-under-category-item-box:hover .category-under-category-item-box-popup {
	display: block;
	border: solid 1px #6091d3;
	border-radius: 10px;

}

/*ナビカテゴリーメニュー*/

#navi-category-menu-container-ih {
	width:100px;
	position:relative ;
}

#navi-category-submenu-container-ih {

	display: none;
	margin: 0;
	background: #fff;
	padding: 0 0 20px;
	position: absolute;
	left: 100px;
	top: 0px;
	width: 300px;
	z-index: 200;

}


#navi-category-menu-container-ih:hover #navi-category-submenu-container-ih {
	display: block;
	border: solid 1px #6091d3;
	border-radius: 10px;

}

#navi-category-menu-container-gas {
	width:100px;
	position:relative ;
}

#navi-category-submenu-container-gas {

	display: none;
	margin: 0;
	background: #fff;
	padding: 0 0 20px;
	position: absolute;
	left: 100px;
	top: 0px;
	width: 300px;
	z-index: 200;

}


#navi-category-menu-container-gas:hover #navi-category-submenu-container-gas {
	display: block;
	border: solid 1px #6091d3;
	border-radius: 10px;

}

#navi-category-menu-container-toilet {
	width:100px;
	position:relative ;
}

#navi-category-submenu-container-toilet {

	display: none;
	margin: 0;
	background: #fff;
	padding: 0 0 20px;
	position: absolute;
	left: 100px;
	top: 0px;
	width: 300px;
	z-index: 200;

}


#navi-category-menu-container-toilet:hover #navi-category-submenu-container-toilet {
	display: block;
	border: solid 1px #6091d3;
	border-radius: 10px;

}

#navi-category-menu-container-washlet {
	width:100px;
	position:relative ;
}

#navi-category-submenu-container-washlet {

	display: none;
	margin: 0;
	background: #fff;
	padding: 0 0 20px;
	position: absolute;
	left: 100px;
	top: 0px;
	width: 300px;
	z-index: 200;

}

#navi-category-menu-container-washlet:hover #navi-category-submenu-container-washlet {
	display: block;
	border: solid 1px #6091d3;
	border-radius: 10px;

}


/*共通*/

a *  {
	color:black;
}

.red {
    color: #d00000;
}

/*ナビ*/
/*.navi-category-container {
	width:100px;
}*/
.navi-category-container a {
	font-size:medium   ;
	color:red ;
}


.navi-category-submenu-top a {
	font-size:small   ;
	color:black ;
}

.navi-category-submenu {
	font-size:smaller ;
	display:none;
}

.navi-category-submenu a {
	color:black ;
}

.navi-category-second a {
	font-size:smaller ;
}

.navi-category-second li {
	list-style:none;
}


/*パンくず*/
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white ;
}

.breadcrumb li {
  display: inline-block;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {
  /* ▶を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #72a1f7;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  display: inline-block;
  padding: 0.2em .8em;
  border-radius: 15px;
  text-decoration: none;
  color: #72a1f7;
  background: #c6e2ff;
  font-size: 0.9em;
}

.breadcrumb li a:hover {
  background: #c9dbfb;
}


/*サイドメニュー関連*/

.sidemenu {
margin: 0 0 2% 0;
border: 1px solid #d0d0d0;
font-size:14px;
}

.sidemenu h2 {
border-top: 5px solid #008cd6;
background: #eee;
color: #000;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid #d0d0d0;
margin: 0;
padding: 5px;
}

.sidemenu h2 a {
color: #000;
}

.sidemenu ul {
margin: 0;
padding: 0;
background: #fff;
font-size: 14px;
}

.sidemenu ul li {
list-style: none;
border-bottom: 1px solid #d0d0d0;
margin: 0;
padding: 0;
}

.sidemenu ul li:last-child {
border-bottom: none;
}

.sidemenu ul li a {
display: block;
color: #000;
padding: 12px;
}

.sidemenu ul li a:hover {
background: #eee;
}

.hierarchy1 {
	margin-left :10px;
}

.hierarchy2 {
	margin-left :20px;
}

.hierarchy3 {
	margin-left :30px;
}

.hierarchy4 {
	margin-left :40px;
}

.hierarchy5 {
	margin-left :50px;
}

/*メーカーメニュ*/
.menumaker a {
	color:black;
	margin:10px;
}

/*カレンダー*/
.calender {
color : #000000;
margin: 1px;
padding:1px;
height:auto;
}

.calender th {
padding:0.5px;
margin:0.5px;
height:5px;
width:5px;
}

.calender td {
padding:0.5px;
margin:0.5px;
height:5px;
width:5px;
}


.off {
color : red;
background-color:lightgray;
}

/*サイドバスケット*/
.side-inbasket-item-box {
	border: solid  1px;
}


/*サイドメニュー関連 終わり*/


/*お客様の声*/
#customervoice-title {
	font-size:24px;
}

.customervoice-container {

	margin-top:10px;
}

.customervoice-item-box {
	display:grid;
	grid-template-rows:30px 120px;
	grid-template-columns:100px auto;
	font-size:x-small ;
	border-top-style : solid ;
	border-top-width:1px;
	margin: 3px;
	padding:1px;

}

.customervoice-item-box-title {
	grid-row:1/2;
	grid-column:1/3;
	font-size:20px;
}

.customervoice-item-box-img img {
	grid-row:2/3;
	grid-column:1/2;
	height:80px;
	width:auto;
}

.customervoice-item-box-main {
	grid-row:2/3;
	grid-column:2/3;
	height:80px;
}


/*スワイパー*/
.swiper-container-parent {
  border: 1px none #ccc;
  margin: 1px 5px 0;
  /*height: 200px;*/
  width: auto;
  position: relative;
}

.swiper-container {
	border: 1px none #d0d0d0;
	margin :1px 50px;
	height :auto ;

}

.swiper-title {
    height:auto;
	font-size:20px;
}


.swiper-item-box {
	height:auto;
   font-size:12px;
   width:30px;
}

.swiper-button-custom {
	font-size:12px;
}

/*商品*/
.productitem-container {
	margin:1px;
	grid-template-rows:75px 75px 10px 10px 10px 10px;
	width:100px;
	/*width:50px;*/
	margin: 0 10px;
}

.productitem-item-box-img {
	grid-row:1/2;
	align-content:center;
}

.productitem-item-box-img img{
	/*width:75px;*/
	height:75px;

}


.productitem-item-box-main {
	grid-row:2/3;
	font-size:x-small ;
}

.productitem-item-box-maker {
	grid-row:3/4;
	align-content:center;
	margin:2px;
	/*width:80px;*/
}

.productitem-item-box-stock {
	grid-row:4/5;
	color:white;
	background-color:gray;
	text-align:center;
	font:bold 12px;
	margin:2px;
	/*width:80px;*/
}

.productitem-item-box-rate {
	grid-row:5/6;
	color:white;
	background-color:red;
	text-align:center;
	margin:2px;
	/*width:80px;*/
}

.productitem-item-box-saleprice {
	grid-row:6/7;
	color:red;
	text-align:center;
	margin:2px;
	/*width:80px;*/
}


/*トップページ--------------------------------------------------------------------------------------------------------------------------*/

/*カテゴリー一覧*/
.home-category-container {
display: grid;
grid-template-columns: 300px 300px 300px 300px;
}

.home-category-container a {
	color:black;
}


.home-category-container1 {
	margin: 5px;
	border-top:2px solid black;
}


.home-category-container2 {
	display: grid;
	grid-template-columns: 145px 145px;
	background-color : #fff;
}

.home-category-item-box {
	height:60px;
	color : #000000;
	font-size : 12px;
	margin: 3px;
	border-top:thin solid #d8d1d1
}

/*カテゴリーページ-------------------------------------------------------------------------------------------------------------------------------------------------------*/
.category-hierarchy-container1 {
	display:grid;
	grid-template-columns: 400px 400px 400px;
	font-size:12px;
}

.category-hierarchy-container1 a {
	color:black;
}


.category-hierarchy-container2 {
	margin: 10px;
	border-left:1px solid lightgray;
}

.category-hierarchy-container2-title {
	background-color:lightblue ;
}

.category-hierarchy-container3 {
	display: grid;
	grid-template-columns: 370px;
	background-color : #fff;
	margin-left:10px;
}

.category-hierarchy-container3-other {
	background-color :lightgray;
}

/*.category-hierarchy-item-box {
	height:60px;
	color : #000000;
	font-size : 12px;
	margin: 1px;
	border-bottom:thin solid #d8d1d1
}*/

.category-under-category-container {
	display: grid;
	grid-template-columns: 130px 130px 130px 130px 130px 130px 130px 130px 130px 130px;
}

.category-ranking-container {
	display:grid;
	grid-template-columns: 300px 300px 300px;
}


.category-under-category-item-box {
	padding: 0.5em 1em;
	margin: 0.1em 0.1em;
	font-weight:400 ;
	font-size:small;
	color: #6091d3;
	background: #FFF;
	border: solid 1px #6091d3;
	border-radius: 10px;
}
.category-under-category-item-box p {
	margin: 0;
	padding: 0;
}

/*商品一覧*/
.category-productgroup-container {

}

.category-productgroup-item-box {

	display: grid;
	grid-template-columns: 100px 800px auto;
	margin:1px;
	border-bottom:  1px solid lightgray;
	height:80px;

}

.category-productgroup-item-box-img img {

	height:70px;
	width:auto;
}

.category-productgroup-item-box-main {
	font-size:12px;
}

.category-productgroup-item-box-sub {
	font-size:12px;
}




/*商品グループページ-------------------------------------------------------------------------------------------------------------------------------------------------------*/
.productgroup-productgroupinfo-container-parent{
	margin-left:1px;
	padding-left:1px;
	display:flex;
	flex-flow:column;
	margin-top:10px;
}

.productgroup-productgroupinfo-container {

	display:flex;

}

.productgrouop-productgroupinfo-left {
	display:flex;
	flex-flow:column;
	flex-basis: 80%;
	border:dotted 1px;
}

.productgroup-maininfo-container {
	border:dotted 1px;
}


.productgroup-documents-container {
	display: flex;
	margin: 0 0 20px;
	justify-content: space-between;
	align-items: flex-start;
	border:dotted 1px;
}

.productgroup-documents-titleimage {
	width: 27%;
	border: 1px solid #ccc;
	margin: 0 3% 0 0;
}

.productgroup-documents-titleimage img {
	width: 100%;
	height: auto;
}

.productgroup-documents-detail {
	width: 69%;
	display: flex;
	flex-wrap: wrap;
}

.productgroup-documents-detail a {
	background: #e6e6e6;
	color: #101010;
	display: flex;
	padding: 1px;
	width: 31%;
	height: 48px;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 12px;
	margin: 0 2% 1px 0;
	text-decoration: none;
	border: 1px solid #bbb;
	word-break: break-all;
	text-align: center;
	transition: background-color 0.3s ease;
}

.productgroup-documents-detail a:hover {
	background: #ccc;
	color: #101010;
	text-decoration: none;
}

.productgroup-image-container {
	display:flex;
	flex-wrap:wrap;
	grid-template-rows: 20px 5px;
	margin:1px;
   width:300px;
   border:dotted 1px;

}

.productgroup-image-main-item-box {
	/*width:20px;*/
	border:dotted 1px;
}

.productgroup-image-main-item-box img {
 width:300px;
}

.productgroup-image-sub-item-box {
	/*width:50px;*/
	border:dotted 1px;
}

.productgroup-image-sub-item-box img {
	width:100px;
}


.productgroup-subinfo-container {
	border:dotted 1px;
}

.productgroup-items-container {
	border:dotted 1px;
}

.productdetail-table-productid {
	/*display:none;*/
	}


/*カテゴリー一覧ページ----------------------------------------------------------------------------------------------------------------------------------------------------*/
.listcategory-container-parent {
	margin:1px;
}


.listcategory-container {
	display:flex inline  ;
	margin-left:1px;
	margin-bottom:20px;

}

.listcategory-first-container {
	/*display:grid;
	grid-template-columns: 50px auto;*/
	background-color:lightgray;
	margin:10px 1px;
	padding:1px 5px;
}

.listcategory-first-container h4 {
	font-size:medium ;
}


.listcategory-second-container {

	border-bottom:1px dashed gray;
	margin:10px 1px;
	padding:1px 5px;

}

.listcategory-second-container h5 {
	font-size:x-small;
}


.listcategory-third-container {
	display:flex;
}

.listcategory-item-box {
	margin:1px;
	font-size:x-small;
	padding: 0.5em 1em;
	font-weight:400 ;
	color: #6091d3;
	background: #FFF;
	border: solid 1px #6091d3;
	border-radius: 10px;

}

.listcategory-third-item-box {
	margin:20px 2px;
	font-size:x-small;
	padding: 0.5em 1em;
	font-weight:400 ;
	color: #6091d3;
	background: #FFF;
	border: solid 1px #6091d3;
	border-radius: 10px;
	width:50px;

	text-overflow:initial

}

/*お気に入り----------------------------------------------------------------------------------------------------------------------*/
.favorite-product-container{

	display:flex;
	flex-wrap:wrap;
	grid-template-columns: 50px;
	margin:20px 5px;
	border-top:1px  solid   gray;
	padding:5px;


}

.favorite-product-container img {

	width:50px;
	height:auto;

}

.favorit-product-detail {
	margin-left:5px;
	grid-template-rows: 50px auto auto;

}


.favorite-product-table {
	display:grid;
	border-top-style:solid;
	border-top-width:medium;
}

.favorite-product-table tr td:nth-child(1) {

	width:300px;

}

.favorite-product-table tr td:nth-child(2) {

	width:300px;

}

.favorite-product-table tr td:nth-child(3) {

	width:100px;

}

.favorite-product-table tr:nth-child(2n) {
	background: #eee;
}





/*以下は摘要されているがセレクション名を見直し*/



.item-property {
	display:flex;
	align-items:flex-start;
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 0 0 15px;
}

.item-property .img-property {
	width:26%;
	margin:0 4% 0 0;
}

.item-property .img-property img {
	max-width: 100%;
	height:auto;
}

.item-property .body-property {
	width: 70%;
}

.item-property .inner-property {
	display:flex;
	justify-content:space-between;
	padding: 0 0 3px;
	border-bottom: 1px solid #999;
	margin: 0 0 7px;
	align-items: center;
}

.item-property .ttl-property {
	margin: 0;
	font-weight: bold;
	font-size: 13px;
}

.item-property .note-property {
	margin: 0;
	font-size: 11px;
}

.item-property .note-property a {
	text-decoration: underline;
}

.item-property .name-property {
	font-weight:bold;
	font-size: 12px;
	margin: 0 0 5px;
	color: #d9534f;
}

.item-property .txt-property {
	font-size: 12px;
}




.maker {
color : #0094ff;
}

.sidemenu-heading{
	color : #000000;
}

.ordercount{
	width:50px;
}

.salepriceincludedtax{
	width:300px;
}

.productcode{
	width:300px;
}


.item_box {
	font-size : smaller ;
	height : 100px;
}

.latestsales-item {
	font-size : smaller ;
}



.product-main {
display: grid;
grid-template-columns: 1200px 300px;
}

.product-container h1 {
	font-size :inherit  ;
	font-weight :700 ;
}


.product-image img {
width: 300px;
height:auto;

}

.latestsales-item img {
height:50px
}


.customervoice-item img {
height:50px
width:auto;
}

.item_box img {
width:80px;
height:auto;
font-size:8px;
}



.product-image {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
}

.big-box{
	grid-column:1/4;
}



/*辻本さんのｃｓｓをコピー*/
#cart {
margin: 0;
padding: 0;
}

#cart_main {
width: 68%;
float: left;
margin: 0;
padding: 0;

}

.in_cart {
display: flex;
margin: 12px 0 12px 0;
padding: 12px 0 12px 0;
border-top: 1px dotted #d0d0d0;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.cart_item_del {
width: 2%;
text-align: center;
}

.cart_item_del��.mid {
	display: flex; /* 絖�荀�膣���flexbox�ф����� */
	flex-direction: column; /* 絖�荀�膣���flexbox������膰��劫��������� */
	justify-content: center; /* 絖�荀�膣���flexbox������筝㊤ぎ����臀����� */
	align-items: center;  /* 絖�荀�膣���flexbox������筝㊤ぎ����臀����� */

}

.cart_item_image {
width: 10%;
}

.cart_item_image img {
width: 90%;
min-width: 60px;
}

.cart_item_info {
width: 65%;
}

.cart_item_info h2.item_name {
font-size: 20px;
font-weight: normal;
margin: 0 0 6px 0;
padding: 0;
}

.cart_item_info p {
font-size: 14px;
margin: 0;
padding: 0;
}


.cart_total_info {
width: 20%;
}

.cart_total_info dl {
margin: 0;
padding: 0;
}

.cart_total_info dl dt {
background: #fafafa;
float: left;
margin: 0;
padding: 4px 6px;
}

.cart_total_info dl dd {
float: left;
margin: 0 0 0 60px;
padding: 4px 0;
}

#cart_main #cart_total {
border-top: 2px solid #d0d0d0;
margin: 0 0 36px 0;
padding: 24px 24px;
overflow: hidden;
}

#cart_main #cart_total .price {
color: #d00000;
text-align: right;
font-size: 18px;
padding: 0 0 12px 0;
margin: 0 0 12px 0;
}

#cart_side {
float: right;
margin: 0;
padding: 0;
width: 30%;
}

#cart_side #side_price {
background: #eee;
padding: 24px;
}

#cart_side .title{
text-align: center;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}

#cart_side .sub_title{
font-size: 18px;
font-weight: bold;
margin: 12px 0 12px 0;
padding: 0;
}

#cart_side .total_price {
color: #d00000;
text-align: right;
font-size: 18px;
border-bottom: 1px solid #d0d0d0;
padding: 0 0 12px 0;
margin: 0 0 12px 0;
}

#cart_side dl {
margin: 24px 0;
padding: 0;
border-top: 1px solid #d0d0d0;
}

#cart_side dl dt {
width: 20%;
float: left;
margin: 0;
padding: 12px 0;
}

#cart_side dl dd {
margin: 0;
padding: 12px 0 12px 21%;
text-align: right;
border-bottom: 1px solid #d0d0d0;
}


/* ツムラ記述分9/23～ */

/*------------------------------------------
 *	Reset:サイト共通
------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,header,hgroup,footer,menu,nav,section,summary,time,mark,audio,video {
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

body {
	line-height: 1;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

nav,ul,ol {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
	content: none;
}

a {
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background: transparent;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: top;
}

input,select,textarea {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*------------------------------------------
 *	html
------------------------------------------*/
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	padding: 0;
	min-width: 1024px;
}

/*------------------------------------------
 *	ヘッダー
------------------------------------------*/
.header-global {
	width: 100%;
}

.header-global .menu-mobile-btn {
	display: none;
}

.header-global .header-inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px 16px;
}

.header-global .header-inner .header-l {
	display: flex;
}

.header-global .header-inner .header-info {
	display: flex;
}

.header-global .logo {
	margin: 0 30px 0 0;
}

.header-global .logo .txt-logo {
	font-size: 1.2rem;
	text-align: center;
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
}

.header-global .logo a {
	text-decoration: none;
}

.header-global .logo img {
	width: 254px;
	height: auto;
}

.header-global .header-stock {
	background: #ed761a;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 150;
}

.header-global .header-stock p {
	font-size: 1.4rem;
	width: 100%;
	background: #fff;
	padding: 5px 10px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
	box-sizing: border-box;
}

.header-global .header-stock span {
	color: #ed761a;
	font-size: 2.2rem;
	font-weight: bold;
	background: linear-gradient(transparent 80%, #a5e0ff 80%);
}

.header-global .header-info .img-company {
	border: 1px solid #ddd;
	padding: 1px;
	margin: 0 20px 0 0;
}

.header-global .header-info .img-company img {
	width: 180px;
	height: auto;
}

.header-global .header-contact .header-tel {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
	margin: 0 0 10px;
	line-height: 1.2;
}

.header-global .header-contact .header-tel a {
	font-size: 2.4rem;
	font-weight: bold;
	color: #ed761a;
	pointer-events: none;
}

.header-global .header-contact .txt-btime {
	font-size: 1.2rem;
	text-align: center;
}


.header-global .header-contact .header-contact-btn a {
	width: 100%;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	background: #008cd7;
	font-size: 1.4rem;
}

.header-global .header-contact .header-contact-btn {
	width: 100%;
}

.header-global .header-contact .header-contact-btn a {
	width: 100%;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	background: #008cd7;
	font-size: 1.4rem;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.header-global .header-contact .header-contact-btn a:hover {
	background: #444;
}
.header-global .header-contact .header-tel-btn {
display: none;
}
/*ヘッダーお知らせ*/
.header-global .header-news {
	width: 100%;
	display: flex;
}

.header-global .header-news .header-shipping {
	width: 60%;
	box-sizing: border-box;
	padding: 5px 60px 5px 20px;
	background: #008cd7;
	text-align: right;
}

.header-global .header-news .header-shipping .txt-shipping {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	letter-spacing: 0.05em;

}

.header-global .header-news .txt-shipment {
	margin: 0;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	letter-spacing: 0.05em;
	padding: 5px 0px 5px 30px
}

.header-global .header-news .txt-shipping i {
	transform: scale(-1, 1);
	margin: 0 10px 0 0;
	font-size: 2.6rem;
}

.header-global .header-news .txt-shipment i {
	margin: 0 10px 0 0;
	font-size: 2.6rem;
}

.header-global .header-news .txt-shipment p {
	line-height: 1;
	margin: 0;
}

.header-global .header-news .txt-shipment .txt-shipment-small {
	font-size: 1.2rem;
	align-items: bottom;
}

.header-global .header-news-inner {
	display: flex;
	align-items: center;
	width: 50%;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background: #fafafa;
}

.header-global .header-news-inner .news-ttl {
	background: #101010;
	padding: 0 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	position: relative;
	margin: 0 40px 0 0;
	box-sizing: border-box;
	flex-shrink: 0;
}

.header-global .header-news-inner .news-ttl:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -10px 0 0 0;
	border: 10px solid transparent;
	border-left: 10px solid #000;
}

.header-global .header-news-inner .news-ttl span {
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
	transition: opacity 0.3s ease;
}

.header-global .header-news-inner .news-ttl a:hover {
	opacity: 0.7;
}

.header-global .header-news-inner .news-list {
	padding: 0 20px 0 0;
	font-size: 1.4rem;
	margin: 0;
}

.header-global .header-news-inner .news-list span {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.4rem;
	color: #101010;
}

/*ナビゲーション*/
.header-global .header-nav {
	display: flex;
	width: 100%;
	border-bottom: 4px solid #008cd7;
	background: #eee;
	justify-content: space-between;
	height: 56px;
}

.header-global .header-nav-inner {
	display: flex;
	width: 50%;
}

@media all and (min-width: 768px) and (max-width: 1300px) {
.header-global .header-nav {
	height: 114px;
	flex-wrap: wrap;
}

.header-global .header-nav-inner {
	display: flex;
	width: 100%;
}

.header-global .nav-global {
	margin: 0 0 0 auto;
}

}

.header-global .header-category-nav {
	margin: 0;
	width: 204px;
}

.header-global .header-category-nav:hover .category-list-nav {
	display: block;
}

.header-global .header-category-btn a {
	display: block;
	width: 204px;
	color: #fff;
	background: #ed761a;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	height: 100%;
	text-decoration: none;
	line-height: 56px;
	text-align: center;
    position: relative;
}
.header-global .header-category-btn a .arrow{
    position: absolute;
    top: 0;
    right: 20px;
    color: #fff;
    font-size: 60%;
}

.header-category-nav .category-list-nav {
	background: #fff;
	position: relative;
	display: none;
	z-index: 9999;
	box-shadow: 7px 5px 12px 0 rgba(0,0,0,.15);
}

@media all and (min-width: 768px) and (max-width: 1300px) {
.header-category-nav .category-list-nav {
	position: absolute;
	width: 204px;
}
}

.header-category-nav .category-list-nav .category-list-group:hover {
	background: #fff;
}

.header-category-nav .category-list-nav .category-list-group:hover .category-list-secondly {
	display: block;
}

.header-category-nav .category-list-nav li > a {
	font-size: 1.4rem;
	padding: 10px;
	color: #101010;
	display: block;
	padding: 16px 20px;
	border-bottom: 1px solid #ccc;
	word-break: break-all;
	line-height: 1.2;
	transition: color 0.3s ease;
    position: relative;
}
.header-category-nav .category-list-nav li > a .arrow{
    position: absolute;
    top: 50%;
    right: 20px;
    color: #101010;
    font-size: 70%;
    transform: translate(0,-50%);
}

.header-category-nav .category-list-nav li > a:hover {
	color: #008cd7;
}

.category-list-nav .category-list-secondly {
	position: absolute;
	left: 100%;
	background: #fff;
	top: 0;
	width: 300px;
	z-index: 9999;
	min-height: 700px;
	box-shadow: 7px 5px 12px 0 rgba(0,0,0,.3);
	display: none;
}

.category-list-nav .category-list-secondly .ttl {
	font-weight: bold;
	font-size: 1.8rem;
	padding: 20px 20px 10px;
	word-break: break-all;
}

.category-list-nav .category-list-secondly .ttl a {
	color: #008cd6;
	text-decoration: underline;
}

.category-list-nav .category-list-secondly .ttl a:hover {
	text-decoration: none;
}

.category-list-nav .category-list-secondly .list a {
	font-size: 1.4rem;
	padding: 8px 20px 8px 30px;
	border-bottom: none;
	position: relative;
}

.category-list-nav .category-list-secondly .list a:before {
	content: "";
	left: 20px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #101010;
	border-right: 1px solid #101010;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	margin: -2px 0 0;
	transition: border-color 0.3s ease;
}

.category-list-nav .category-list-secondly .list a:hover:before {
	border-top: 1px solid #008cd7;
	border-right: 1px solid #008cd7;
}


.header-global form[name="search"] {
	width: calc(100% - 172px);
}

select::-ms-expand {
    display: none;
}

.header-global .search-product-nav {
	display: flex;
	align-items: center;
	height: 56px;
}

.header-global .search-category-list {
	position: relative;
	border: 1px solid #008cd6;
	background: #f0faff;
	font-size: 1.4rem;
	line-height: 1;
	width: 200px;
	box-sizing: border-box;
}

.header-global .search-category-list:after {
	position: absolute;
	top: 18px;
	right: 12px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #008cd6;
	pointer-events: none;
}

.header-global .search-category-list select {
	appearance: none;
	width: 100%;
	border: none;
	outline: none;
	background-image: none;
	box-shadow: none;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	padding: 14px 0 14px 10px;
	line-height: 1;
}

.header-global .search-product-input {
	width: calc(100% - 272px);
	position: relative;
}

.header-global .search-product-input .search-input {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 11px 7px;
	font-size:1.4rem;
	width: 100%;
}

.header-global .search-product-submit {
	display: flex;
	align-items: center;
	width: 72px;
	border: 1px solid #ddd;
	color: #fff;
	font-size: 1.6rem;
	background: #444;
	justify-content: center;

}

.header-global .search-product-submit input[type="submit"] {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	cursor: pointer;
	margin: 0 0 0 5px;
}


.header-global .nav-global .nav-list {
	display: flex;
	padding: 0 20px 0 0;
	margin: 0;
	height: 56px;
}

.header-global .nav-global .nav-list li {
	font-size: 1.4rem;
	list-style: none;
	font-weight: bold;
	border-left: 1px solid #fff;
	line-height: 1;
}

.header-global .nav-global .nav-list li #logoutForm {
	height: 100%;
}

.header-global .nav-global .nav-list li a {
	color: #101010;
	padding: 15px;
	transition: background-color 0.3s ease;
	text-decoration: none;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}


.header-global .nav-global .nav-list li a:hover {
	background: #008cd6;
	color: #fff;
}

.header-global .nav-global .nav-list li a:hover i {
	color: #fff;
}

.header-global .nav-global .nav-list i {
	font-size: 2rem;
	margin: 0 3px 0 0;
}
.header-global .nav-global .nav-tel {
display: none;
}

.container {
	display: flex;
	flex-direction: row-reverse;
	padding: 40px 20px;
	justify-content: flex-end;
}

.main-container {
	display: flex;
	flex-direction: row-reverse;
	padding: 40px 20px;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
}
.main-contents {
	width: auto;
	box-sizing: border-box;
	padding: 0 0 0 40px;
	overflow: hidden;
}

.side-menu {
	min-width: 250px;
}

.sidemenu-heading li {
	background: #eee;
}

.side-menu {
	min-width: 250px;
}

div.sidemenu h2 {
	font-weight: bold;
	padding: 15px;
}

/*TOPスライダー*/
.swiper-container {
	margin: 0 33px;
}

.slick-track {
	display: flex;
}

.productitem-container a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: opacity 0.3s ease;
	text-decoration: none;
	height: 100%;
	position: relative;
}

.productitem-container a:hover {
	opacity: 0.7;
}

.productitem-item-box-img {
	margin: 0 0 15px;
}

.productitem-item-box-img img {
	width: 100%;
	height: auto;
}

.productitem-item-box-main {
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	line-height: 1.2;
	word-break: break-all;
	font-weight: bold;
	color: #222;
	margin: 0 0 10px;
	height: 3.5em;
	overflow: hidden;
    height:45px;
}

.productitem-item-box-saleprice {
	font-size: 1.6rem;
	font-weight: bold;
	color: #d00;
    margin:1px;
}

.productitem-item-box-imgarea {
	position: relative;
}

.productitem-item-box-maker {
	position: absolute;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 12px;
	/*text-indent: -9999px;*/
	/*background: url(https://www.direct-store.net/directimages/category/logo/logo_rinnai.svg) 0 0 no-repeat;*/
	background-size: auto 12px;
}

.productitem-item-box-stockarea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
}

.productitem-item-box-stock {
	font-size: 1.1rem;
	color: #fff;
	line-height: 1;
	padding: 2px 1px 2px 1px;
	margin: 0;
}

.productitem-item-box-rate {
	color: #d00;
	font-size: 1.1rem;
	background:none;
	margin: 0 0 0 auto;
	text-align: right;
}

.productitem-container .ranknum {
	width: 25px;
	height: 25px;
	color: #fff;
	background: #ccc;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	font-weight: bold;
}


.swiper-container .productitem-container .ranknum.num01 {
	background: #e9aa31;
}

.swiper-container .productitem-container .ranknum.num02 {
	background: #999;
}

.swiper-container .productitem-container .ranknum.num03 {
	background: #b96a3f;
}

.swiper-title {
	font-size: 2.2rem;
	margin: 0 0 10px;
	/*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;*/
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	background: #f9f9f9;
	font-weight: bold;
}

.swiper-title .fa-crown {
	color: #e9aa31;
	margin: 0 5px 0 0;
}

div.swiper-container {
	border: none;
}

.product-slider {
	margin: 0 0 10px;
}

.swiper-container .prev,
.swiper-container .next {
 position:absolute;
 top:50%;
 width:27px;
 height:44px;
 margin-top:-22px;
 z-index:10;
 cursor:pointer;
 -moz-background-size:27px 44px;
 -webkit-background-size:27px 44px;
 background-size:27px 44px;
 background-position:center;
 background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
 opacity:.35;
 cursor:auto;
 pointer-events:none
}
.swiper-container .prev {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 left:-30px;
 right:auto
}

.swiper-container .next {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 right:-30px;
 left:auto
}


/*ブログ記事パーツ　2020.2.5*/
.list-productinfo {
    display:flex;
    flex-wrap:wrap;
    margin:0 0 30px;
}

.list-productinfo .productinfo-link {
    padding:7px 5px 10px;
    display:block;
    transition:opacity 0.3s ease;
    width: 16.66%;
    box-sizing: border-box;
}

.list-productinfo .productinfo-link:hover {
    text-decoration:none;
    opacity:0.7;
}

.list-productinfo .productinfo-content {
    border:1px solid #ccc;
    padding:7px;
    height:100%;
}

.list-productinfo .productinfo-img {
    height: 120px;
    overflow:hidden;
}

.list-productinfo .productinfo-img img {
    width:100%;
    height:auto;
}

.list-productinfo .productinfo-date {
    color:#101010;
    font-size: 1.2rem;
    margin: 10px 0;
}

.list-productinfo .productinfo-ttl {
    color:#101010;
    line-height:1.2;
    font-size: 1.6rem;
}

.list-all-faq {
    width: 400px;
    margin: 0 auto 40px;
}

.list-all-faq  a {
    display: block;
    padding: 24px 0;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #008cd7;
    transition: background-color 0.3s ease;
    font-size: 1.8rem;
    font-weight: bold;
}

.list-all-faq  a:hover {
    background:#444;
}

.list-faq {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 10px;
	align-items: flex-start;
}

.list-faq li {
	width: 49%;
	border: 1px solid #008cd6;
	background: #f0faff;
	box-sizing: border-box;
	padding: 16px;
	margin: 0 0 20px;
	cursor: pointer;
}

.list-faq .question {
	display: flex;
	font-size: 1.6rem;
	align-items: center;
}


.list-faq .question .ico {
	color: #fff;
	border-radius: 50%;
	padding: 6px;
	margin: 0 10px 0 0;
	background: #008cd6;
	font-weight: bold;
	text-align: center;
	width: 30px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.list-faq .question p {
	font-weight: bold;

}

.list-faq .toggole-js {
	display: none;
}

.list-faq .answer {
	display: flex;
	font-size: 1.6rem;
	align-items: center;
	margin: 20px 0 0;
}


.list-faq .answer .ico {
	color: #fff;
	border-radius: 50%;
	padding: 6px;
	margin: 0 10px 0 0;
	background: #ed761a;
	font-weight: bold;
	text-align: center;
	width: 30px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.list-faq .answer p {
	font-weight: bold;
	line-height: 1.4;

}

/*カテゴリ一覧*/
.sec-category-list .category-list {
	display: flex;
	align-items: flex-start;
	margin: 0 0 30px;
	flex-wrap: wrap;
}

.sec-category-list .category-list .category {
	margin: 0 0 10px;
	padding: 0 30px 0 0;
	width: 33%;
	box-sizing: border-box;
}

.sec-category-list .ttl-category {
	font-size: 1.4rem;
	font-weight: bold;
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.sec-category-list .ttl-category a {
	color: #101010;
}

.sec-category-list .category-seccond {
	margin: 0 0 10px;
}

.sec-category-list .category-seccond-inner {
	display: flex;
	flex-wrap: wrap;
}

.sec-category-list .category-seccond-inner a {
	width: 50%;
	display: flex;
	align-items: center;
	color: #101010;
	font-size: 1.3rem;
	margin: 5px 0;
	line-height: 1.2;
}

.sec-category-list .category-seccond-inner a:hover {
	text-decoration: underline;
}

.sec-category-list .category-seccond-inner a img {
	width: 50px;
	height: auto;
	margin: 0 5px 0 0;
}

.sec-category-list .category .btn-category-all {
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	background: #eee;
	margin: 10px 0 0;
	padding: 5px 0;
	cursor: pointer;
    transition:background-color 0.3s ease;
}

.sec-category-list .category .btn-category-all:hover {
	background:#ccc;
}

.sec-category-list .category .btn-category-all.open {
	font-size:0;
}

.sec-category-list .category .btn-category-all.open:after {
	content:"カテゴリを隠す";
    text-align:center;
    font-size:1.2rem;
}

.sec-category-list .category-seccond-inner a:nth-of-type(n+7){
    display: none;
}

/*お客様の声*/
.sec-voice {
	margin: 0 0 40px;
}

.sec-voice .ttl-h2-top {
	font-size: 2.2rem;
	margin: 0 0 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px;
	background: #f9f9f9;
	font-weight: bold;
}

.sec-voice .ttl-h2-top i {
	margin: 0 5px 0 0;
}

.sec-voice .ttl-h2-top .red {
	color: #d00;
	margin: 0 0 0 10px;
}

.sec-voice .voice-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
	align-items: flex-start;
}

.sec-voice .voice-list .voice {
	display: flex;
	width: calc(100% / 2);
	padding: 0 10px 30px;
	box-sizing: border-box;
}

.voice-list .voice .img-voice {
	width: 180px;
	flex-shrink: 0;
	margin: 0 20px 0 0;
}

.voice-list .voice .img-voice img {
	width: 100%;
	height: auto;
}

.voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 5px;
	line-height: 1.2;
}

.voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
}

.voice-list .voice .product-voice {
	font-size: 1.4rem;
	margin: 0 0 15px;
	line-height: 1.2;
	word-break: break-all;
}

.voice-list .voice .product-rate {
	font-size: 1.2rem;
	margin: 0 0 5px;
}

.voice-list .voice .date-voice {
	margin: 0 0 10px;
	font-size: 1.2rem;
}

.voice-list .voice .name-voice {
	font-size: 1.4rem;
	color: #101010;
	font-weight: bold;
	margin: 0 0 0 10px;
}

.voice-list .voice .comment {
	font-size: 1.4rem;
	line-height: 1.6;
}

.voice-list .voice .comment-staff {
	margin: 12px 0 0;
	padding: 12px 0 0;
	border-top: 1px solid #ddd;
}

.voice-list .voice .more-voice {
	font-size: 1.4rem;
	text-align: right;
	margin: 5px 0 0;
}

.voice-list .voice .more-voice a {
	color: #008cd6;
	transition-duration: none;
}

.voice-list .voice .more-voice a:hover {
	text-decoration: underline;
}

/*------------------------------------------
 *	お知らせ
------------------------------------------*/
.sec-news {
	margin: 0 0 40px;
}

.sec-news .ttl-h2-top {
	font-size: 2.2rem;
	margin: 0 0 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px;
	background: #f9f9f9;
	font-weight: bold;
}

.sec-news .ttl-h2-top i {
	margin: 0 5px 0 0;
}

.sec-news .news-list {
	width: 100%;
}

.sec-news .news-list li {
	display: flex;
	align-items: flex-start;
	padding: 0 0 15px 0;
	margin: 0 0 15px;
	border-bottom: 1px dotted #444;
}

.sec-news .news-list .date {
	font-size: 1.4rem;
	margin: 0 20px 0 0;
}

.sec-news .news-list .ttl {
	font-size: 1.4rem;
	line-height: 1.4;
}

.sec-news .news-list .ttl a {
	color: #008cd6;
	text-decoration: underline;
}

.sec-news .news-list .ttl a:hover {
	text-decoration: none;
}


/*------------------------------------------
 *	商品詳細
------------------------------------------*/
@media all and (min-width: 768px) and (max-width: 1199px) {
.page-product-detail {
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.page-product-detail .list-breadcrumb {
	padding: 0 16px;
}

/*商品詳細情報グループ*/
.product-info-group {
	display: flex;
	align-items: flex-start;
	margin: 0 0 40px;
	padding: 0 16px;
	flex-direction: column;
}

.product-detail {
	margin: 0;
	width: 100%;
}

.product-detail-inner {
	display: flex;
	flex-direction: column;
}


}
/*パンくずリスト*/
.list-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
}

.list-breadcrumb li {
	font-size: 1.2rem;
	padding: 0 24px 0 0;
	position: relative;
}

.list-breadcrumb li:after {
	content: "";
	border-right: 1px solid #888;
	border-top: 1px solid #888;
	height: 5px;
	right:12px;
	margin: -3px 0 0 -3px;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 5px;
}

.list-breadcrumb li:last-child:after {
	display: none;
}

.list-breadcrumb li a {
	color: #888;
	text-decoration: none;
}

.list-breadcrumb li a:hover {
	text-decoration: underline;
}

/*商品詳細情報グループ*/
.product-info-group {
	display: flex;
	align-items: flex-start;
	margin: 0 0 40px;
}

.product-detail {
	margin: 0 30px 0 0;
}

.product-detail-inner {
	display: flex;
}

/*商品写真*/
.product-info-group .product-photo {
	margin: 0 40px 0 0;
	width: 300px;
}


.product-info-group .product-photo .product-photo-main {
	margin: 0 0 20px;
	text-align: center;
}

.product-info-group .product-photo .product-photo-main img {
	width: 100%;
	height: auto;
}

.product-info-group .product-photo .product-photo-sub {
	display: flex;
	flex-wrap: wrap;
}

.product-info-group .product-photo .product-photo-sub li {
	width:calc(20% - 10px);
	padding:0;
	border:1px solid #ddd;
	height:100%;
	margin: 0 5px 5px;
	box-sizing:border-box;
	cursor:pointer;
	transition:all 0.3s ease;
}

.product-info-group .product-photo .product-photo-sub li:hover,
.product-info-group .product-photo .product-photo-sub li.current {
	 border:1px solid #f98026;
}

.product-info-group .product-photo .product-photo-sub li img {
	width: 100%;
	height: auto;
}

/*商品情報*/
.product-info .product-info-inner {
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}

.product-info .product-info-inner .product-name {
	font-size: 2.2rem;
	line-height: 1.4;
	margin: 0 0 10px;
	font-weight: bold;
}

.product-info .product-info-inner .maker-logo {
	width: 80px;
	margin: 0 0 20px;
}

.product-info .product-info-inner .maker-logo img {
	width: 100%;
	height: auto;
}

.product-rate {
	font-size: 1.4rem;
	margin: 0 0 15px;
}

.product-rate span {
    color:#dedede;
    display: inline-block;
}

.product-rate.rate-10 span:nth-child(-n+1) {
    color:#e7711b;
}

.product-rate.rate-15 span:nth-child(-n+1) {
    color:#e7711b;
}

.product-rate.rate-15 span:nth-child(2) {
    position: relative;
}

.product-rate.rate-15 span:nth-child(2):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-20 span:nth-child(-n+2) {
    color:#e7711b;
}

.product-rate.rate-25 span:nth-child(-n+2) {
    color:#e7711b;
}

.product-rate.rate-25 span:nth-child(3) {
    position: relative;
}

.product-rate.rate-25 span:nth-child(3):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-30 span:nth-child(-n+3) {
    color:#e7711b;
}

.product-rate.rate-35 span:nth-child(-n+3) {
    color:#e7711b;
}

.product-rate.rate-35 span:nth-child(4) {
    position: relative;
}

.product-rate.rate-35 span:nth-child(4):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-40 span:nth-child(-n+4) {
    color:#e7711b;
}

.product-rate.rate-45 span:nth-child(-n+4) {
    color:#e7711b;
}

.product-rate.rate-45 span:nth-child(5) {
    position: relative;
}

.product-rate.rate-45 span:nth-child(5):after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.5em;
	overflow: hidden;
	color:#e7711b;
}

.product-rate.rate-50 span:nth-child(-n+5) {
    color:#e7711b;
}

.product-rate .voice-num {
	margin: 0 0 0 10px;
}

.product-rate .voice-num a {
	color: #007185;
}

.product-rate .voice-num a:hover {
	text-decoration: underline;
}

.product-info .product-info-inner .product-label {
	display: flex;
	align-items: center;
}

.product-info .product-info-inner .product-label li {
	font-size: 1.2rem;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.product-info .product-info-inner .product-label li.label-release {
	background: #5bc0de;
}

.product-info .product-info-inner .product-label li.label-order {
	background: #f0ad4e;
}

.product-info .product-info-inner .product-label li.label-stock {
	background: #808080;
}

.product-info .product-info-inner .product-label li.label-end {
	background: #d00;
}

.product-info .product-num {
	margin: 20px 0 35px;
	font-size: 1.6rem;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.05em;
}

.product-info .product-num p {
	margin: 0 0 15px;
	display: flex;
	align-items: center;
}

.product-info .product-num p .num-left {
	text-align: right;
	width: 6em;
	font-weight: normal;
}

.product-info .product-num .num-past a:hover {
	text-decoration: underline;
}

.product-info .product-num .line-through {
	text-decoration: line-through;
}

.product-info .product-num .selling-price .price {
	font-weight: bold;
	font-size: 2.2rem;
	color: #d00;
}

.product-info .product-num .tax {
	font-size: 1.2rem;
}

.product-info .product-num .discount {
	font-size: 1.4rem;
	color: #d00;
	margin: 0 0 0 10px;
	letter-spacing: -0.02em;
}

.product-info .product-drawing {
	display: flex;
	align-items: flex-start;
}

.product-info .product-drawing .drawing-img {
	width: 150px;
	flex-shrink: 0;
	padding: 1px;
	border: 1px solid #bbb;
	box-sizing: border-box;
	margin: 0 20px 0 0;
}

.product-info .product-drawing .drawing-img a {
	transition: opacity 0.3s ease;
}

.product-info .product-drawing .drawing-img a:hover{
	opacity: 0.7;
}

.product-info .product-drawing .drawing-img span {
	display: none;
}

.product-info .product-drawing .drawing-img img {
	width: 100%;
	height: auto;
}

.product-info .product-drawing .drawing-btn {
	display: flex;
	flex-wrap: wrap;
}

.product-info .product-drawing .drawing-btn a {
	background: #f2f2f2;
	color: #101010;
	display: flex;
	padding: 5px;
	width: 130px;
	height: 48px;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 1.2rem;
	margin: 0 5px 10px 0;
	text-decoration: none;
	border: 1px solid #bbb;
	word-break: break-all;
	text-align: center;
	transition: background-color 0.3s ease;
}

.product-info .product-drawing .drawing-btn a:hover {
	background: #ccc;
	color: #101010;
	text-decoration: none;
}

.product-detail .tbl-standard {
	margin: 30px 0 30px;
	border-right: 1px solid #ddd;
	width: 100%;
}

.product-detail .tbl-standard th {
	background: #f2f2f2;
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.product-detail .tbl-standard td {
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
}

.product-detail .tbl-standard td a {
	color: #008cd6;
	text-decoration: underline;
}

.product-detail .tbl-standard td a:hover {
	text-decoration: none;
}

.product-detail .tbl-standard td:last-child {
	padding: 10px;
}

.product-detail .tbl-standard .price {
	font-size: 1.6rem;
	color: #d00;
}

.product-detail .tbl-standard .tax {
	font-size: 1.2rem;
	font-weight: bold;
}

.product-detail .tbl-standard .discount {
	font-size: 1.2rem;
	color: #d00;
	font-weight: normal;
}

.product-detail .tbl-standard .stock {
	font-size: 1.2rem;
	background: #808080;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}


.product-detail .tbl-standard .end {
	font-size: 1.2rem;
	background: #d00;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.product-detail .tbl-standard .order {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.product-detail .tbl-standard .manufact {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #d00;
	font-weight: bold;s
}



.product-detail .tbl-standard input[type="text"] {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.4rem;
	width: 6em;
}

.product-detail .tbl-standard .btn-cart {
	position: relative;
	width: 100%;
	background: #af0d12;
	border-bottom: 2px solid #640100;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
}

.product-detail .tbl-standard .btn-cart:hover {
	opacity: 0.7;
}

.product-detail .tbl-standard .btn-cart:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f07a';
	position: absolute;
	font-size: 1.6rem;
	left: 5px;
	color: #fff;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.product-detail .tbl-standard .btn-cart input[type="submit"] {
	line-height:32px;
	display: block;
	color: #fff;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	padding: 0 10px 0 25px;
	box-sizing: border-box;
}

.product-detail .staff-comment {
	padding: 20px;
	background: #ddd;
	border-radius: 10px;
	margin: 0 0 30px;
}

.product-detail .staff-comment p {
	font-size: 1.4rem;
	line-height: 1.4;
}

.product-detail .staff-comment a {
	text-decoration: underline;
	color: #008cd6;
}

.product-detail .staff-comment a:hover {
	text-decoration: none;
}

.product-detail .staff-comment .staff-comment-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1;
}

.product-detail .staff-comment .staff-comment-ttl i {
	margin: 0 10px 0 0;
}

.product-detail .product-attention {
	margin: 0 0 30px;
	padding: 0 20px;
}

.product-detail .product-attention p {
	font-size: 1.2rem;
	line-height: 1.4;
}

.product-detail .product-attention .attention-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1;
}

.product-detail .product-attention .attention-ttl i {
	margin: 0 10px 0 0;
}

/*カートに入れる*/
.product-cart {
	width: 240px;
	flex-shrink: 0;
	margin: 0 0 0 auto;
}

.product-cart-group {
	border: 1px solid #ddd;
	padding: 14px 18px 20px;
	box-sizing: border-box;
	margin: 0 0 40px;
}

.product-cart .product-cart-quantity {
	margin: 0 0 20px;
	display: flex;
	align-items: center;
}

.product-cart .product-cart-quantity .txt-quantity {
	line-height: 1;
	margin: 0 15px 0 0;
	font-size: 1.4rem;
}

.input-quantity-group {
	display: flex;
	align-items: center;
}

.input-quantity-group .btn-sub,
.input-quantity-group .btn-add {
	width: 24px;
	height: 24px;
	background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
	border: 1px solid #aaa;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.input-quantity-group .btn-sub:disabled,
.input-quantity-group .btn-add:disabled {
	background: #bbb;
	border: 1px solid #aaa;
	cursor: default;
}

.input-quantity-group .btn-sub span,
.input-quantity-group .btn-add span {
	width: 14px;
	height: 2px;
	background: #555;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.input-quantity-group .btn-add span:after {
	content: "";
	height: 14px;
	width: 2px;
	background: #555;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.input-quantity-group .btn-sub:disabled span,
.input-quantity-group .btn-add:disabled span,
.input-quantity-group .btn-add:disabled span:after {
	background: #fff;
}

 .cart-product .product .product-price-group .product-quantity .product-quantity-inner .input-quantity-group .input-quantity-spinner {
	width:75px;
	position:relative ;
    height:30px;
}

  /*.tbl-standard-group .tbl-standard input-quantity-group .input-quantity-spinner {
	width:75px;
	position:relative ;
    height:30px;
}*/

.input-quantity-group .input-quantity {
	/*border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.6rem;
	width: 4em;
	margin: 0 5px;*/
	text-align: right;
}


.product-cart .product-cart-inner {
	margin: 0 0 20px;
}

.product-cart .product-price {
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0 0 10px;
}

.product-cart .product-price .price {
	color: #d00;
}

.product-cart .product-price .tax {
	color: #101010;
	font-size: 1.4rem;
	margin: 0 0 0 5px;
}

.product-cart .btn-cart {
	position: relative;
	width: 100%;
	background: #af0d12;
	border-bottom: 4px solid #640100;
	transition: opacity 0.3s ease;
}

.product-cart .btn-cart:hover {
	opacity: 0.7;
}

.product-cart .btn-cart:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f07a';
	position: absolute;
	font-size: 2rem;
	left: 10px;
	color: #fff;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.product-cart .btn-cart input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

.product-cart .btn-product-contact,
.product-cart .btn-favorite {
	position: relative;
	width: 100%;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	border-radius: 5px;
}

.product-cart .btn-product-contact {
	margin: 0 0 10px;
}

.product-cart .btn-product-contact:hover,
.product-cart .btn-favorite:hover {
	background: #ddd;
}

.product-cart .btn-product-contact:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f005';
	position: absolute;
	font-size: 1.8rem;
	left: 10px;
	color: #101010;
	font-weight: 400;
	top: 50%;
	transform: translateY(-50%);
}
.product-cart .btn-favorite:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f0e0';
	position: absolute;
	font-size: 2rem;
	left: 10px;
	color: #101010;
	font-weight: 400;
	top: 50%;
	transform: translateY(-50%);
}

.product-cart .btn-product-contact input[type="submit"],
.product-cart .btn-favorite input[type="submit"] {
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

/*関連記事*/
.product-relation-article {
	width: 240px;
	flex-shrink: 0;
	margin: 0 0 0 20px;
}


@media all and (min-width: 768px) and (max-width: 1200px) {
	.product-relation-article {
		width: 100%;
		flex-shrink: 0;
		margin: 0 0 30px;
	}
}

.product-relation-article .ttl-relation-article {
	padding: 16px 0;
	border-top: 5px solid #008cd6;
	background: -webkit-repeating-linear-gradient(-45deg,#f0faff 0,#f0faff 6px,#fff 6px,#fff 12px);
    background: -o-repeating-linear-gradient(-45deg,#f0faff 0,#f0faff 6px,#fff 6px,#fff 12px);
    background: repeating-linear-gradient(-45deg,#f0faff 0,#f0faff 6px,#fff 6px,#fff 12px);
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
}

.product-relation-article .list-article li {
	padding: 0 20px;
	margin: 15px 0 0;
}

.product-relation-article .list-article a {
	transition: opacity 0.3s ease;
}

.product-relation-article .list-article a:hover {
	opacity: 0.7;
}

.product-relation-article .list-article img {
	width: 100%;
	height: auto;
}






/*商品詳細自由入力エリア*/
.product-free-area {
	font-size: 2rem;
	margin: 0 0 50px;
}


/*関連カテゴリ*/
.sec-relation-category .list-relation-category {
	margin: 0 0 40px;
	display: flex;
	flex-wrap: wrap;
}

.sec-relation-category .list-relation-category li {
	font-size: 1.6rem;
	padding: 0 0 0 25px;
	position: relative;
	margin: 0 20px 0 0;
}

.sec-relation-category .list-relation-category li:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f02e';
	position: absolute;
	font-size: 1,6rem;
	left: 0;
	color: #101010;
	font-weight: 400;
	top: 50%;
	transform: translateY(-50%);
}

.sec-relation-category .list-relation-category a {
	color: #008cd6;
	text-decoration: underline;
}

.sec-relation-category .list-relation-category a:hover {
	text-decoration: none;
}

/*------------------------------------------
 *	商品グループ
------------------------------------------*/

/*商品詳細情報グループ*/
.productgroup-info-group {
	display: flex;
	align-items: flex-start;
	margin: 0 0 40px;
	justify-content: space-between;
}

.productgroup-info-group .productgroup-info {
	margin: 0 40px 0 0;
}

/*商品グループ関連記事*/
.productgroup-info-group .product-relation-article {
	margin: 0;
}

.productgroup-info .product-name {
	font-size: 2.2rem;
	line-height: 1.4;
	margin: 0 0 10px;
	font-weight: bold;
}

.productgroup-info .maker-logo {
	width: 80px;
	margin: 0 0 20px;
}

.productgroup-info .maker-logo img {
	width: 100%;
	height: auto;
}

.productgroup-info .product-rate {
	font-size: 1.4rem;
	margin: 0 0 15px;
}

.productgroup-info .product-rate span {
    color:#dedede;
}

.productgroup-info .product-rate.rate-1 span:nth-child(-n+1) {
    color:#e7711b;
}

.productgroup-info .product-rate.rate-2 span:nth-child(-n+2) {
    color:#e7711b;
}
.productgroup-info .product-rate.rate-3 span:nth-child(-n+3) {
    color:#e7711b;
}

.productgroup-info .product-rate.rate-4 span:nth-child(-n+4) {
    color:#e7711b;
}

.productgroup-info .product-rate.rate-5 span:nth-child(-n+5) {
    color:#e7711b;
}

.productgroup-info .product-rate .voice-num {
	margin: 0 0 0 10px;
}

.productgroup-info .product-rate .voice-num a {
	color: #007185;
}

.productgroup-info .product-rate .voice-num a:hover {
	text-decoration: underline;
}

/*商品写真*/
.productgroup-info .productgroup-photo {
	display: flex;
	margin: 0 0 40px;
}

.productgroup-info .productgroup-photo .product-photo-main {
	width: 240px;
	margin: 0 10px 0 0;
}

.productgroup-info .productgroup-photo .product-photo-main a {
	display: block;
	border: 1px solid #ddd;
	padding: 2px;
	transition: opacity 0.3s ease;
}

.productgroup-info .productgroup-photo .product-photo-main a:hover {
	opacity: 0.7;
}

.product-info-group .product-photo .product-photo-main img {
	width: 100%;
	height: auto;
}

.productgroup-info .productgroup-txt-area {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 25px;
}

.productgroup-info .productgroup-feature {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 0 30px;
}

.productgroup-info .productgroup-feature h2 {
	font-weight: bold;
	font-size: 2rem;
	line-height: 1;
	padding: 0 0 10px 0;
	margin: 0 0 20px;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.item-property {
	display:flex;
	align-items:flex-start;
	width: 31%;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 0 0 25px;
}

.item-property .img-property {
	width:26%;
	margin:0 4% 0 0;
}

.item-property .img-property img {
	max-width: 100%;
	height:auto;
}

.item-property .body-property {
	width: 70%;
}

.item-property > .body-property {
	width: 100%;
}

.item-property .inner-property {
	display:flex;
	justify-content:space-between;
	padding: 0 0 5px;
	border-bottom: 1px solid #999;
	margin: 0 0 15px;
	align-items: center;
}

.item-property .ttl-property {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 1.4rem;
}

.item-property .note-property {
	margin: 0;
	font-size: 1.2rem;
}

.item-property .note-property a {
	text-decoration: underline;
}

.item-property .name-property {
	font-weight:bold;
	font-size: 1.4rem;
	margin: 0 0 5px;
	color: #d9534f;
}

.item-property .txt-property {
	font-size: 1.3rem;
	line-height: 1.6;
}

.productgroup-info .product-attention {
	margin: 0 0 30px;
	padding: 0 20px;
}

.productgroup-info .product-attention p {
	font-size: 1.2rem;
	line-height: 1.4;
}

.productgroup-info .product-attention .attention-ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1;
}

.productgroup-info .product-attention .attention-ttl i {
	margin: 0 10px 0 0;
}

.productgroup-info .tbl-standard {
	margin: 30px 0 30px;
	border-right: 1px solid #ddd;
}

.productgroup-info .tbl-standard th {
	background: #f2f2f2;
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.productgroup-info .tbl-standard td {
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
}

.productgroup-info .tbl-standard td a {
	color: #008cd6;
	text-decoration: underline;
}

.productgroup-info .tbl-standard td a:hover {
	text-decoration: none;
}

.productgroup-info .tbl-standard td:last-child {
	padding: 10px;
}

.product-info .tbl-standard .price {
	font-size: 1.6rem;
	color: #d00;
}

.productgroup-info .tbl-standard .tax {
	font-size: 1.2rem;
	font-weight: bold;
}

.productgroup-info .tbl-standard .discount {
	font-size: 1.2rem;
	color: #d00;
	font-weight: normal;
}

.productgroup-info .tbl-standard .stock {
	font-size: 1.2rem;
	background: #808080;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}


.productgroup-info .tbl-standard .end {
	font-size: 1.2rem;
	background: #d00;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.productgroup-info .tbl-standard .order {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

.productgroup-info .tbl-standard .manufact {
	font-size: 1.2rem;
	background: #f0ad4e;
	padding: 5px 10px;
	color: #d00;
	font-weight: bold;s
}

.productgroup-info .tbl-standard input[type="text"] {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.4rem;
	width: 6em;
}

.productgroup-info .tbl-standard .btn-cart {
	position: relative;
	width: 100%;
	background: #af0d12;
	border-bottom: 2px solid #640100;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
}

.productgroup-info .tbl-standard .btn-cart:hover {
	opacity: 0.7;
}

.productgroup-info .tbl-standard .btn-cart:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f07a';
	position: absolute;
	font-size: 1.6rem;
	left: 5px;
	color: #fff;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.productgroup-info .tbl-standard .btn-cart input[type="submit"] {
	line-height:32px;
	display: block;
	color: #fff;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	padding: 0 10px 0 25px;
	box-sizing: border-box;
}

/*------------------------------------------
 *	カテゴリー
------------------------------------------*/
.page-category {
	width: 100%;
}

.category-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

@media all and (min-width: 768px) and (max-width: 1200px) {
	.category-group {
		flex-wrap: wrap;
	}
}

.category-page-nav {
	display: flex;
	flex-wrap: wrap;
}

.category-page-nav .category {
	width: 20%;
	padding: 0 5px 10px;
	box-sizing: border-box;
}

.category-page-nav {
	margin: 0 0 60px;
}
.category-page-nav a {
	display: flex;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 80px;
	background-size: auto 100%;
	background-position: right center;
	background-repeat:no-repeat;
	position: relative;
	transition:opacity 0.3s ease-in-out;
	text-decoration: none;
	outline: none;
	align-items: center;
}

.category-page-nav .category-summary a {
	display: inline;
	border: none;
	border-radius: 0;
	height: auto;
	background-size: auto 100%;
	background-position: right center;
	background-repeat:no-repeat;
	position: relative;
	transition:opacity 0.3s ease-in-out;
	text-decoration: none;
	outline: none;
    background-image:none;
}

.category-page-nav a:hover {
	opacity:0.5;
	text-decoration:none;
}

.category-page-nav a:visited {
	text-decoration:none;
}

.category-page-nav .category-logo {
	width: 30%;
	margin: 0;
	position: absolute;
	left: 10px;
	top: 5px;
	z-index: 1;
}

.category-page-nav .category-logo img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.category-page-nav .category-name {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.1;
	color: #333;
	padding: 13px 0 0 10px;
	margin: 0;
	word-break: break-all;
	box-sizing: border-box;
    text-decoration:none;
    text-shadow: 0px 1px 1px rgba(255,255,255,1),1px 1px 1px rgba(255,255,255,0.8);
    position:relative;
    z-index:2;
}

.category-page-nav .category-name .count {
	font-size: 1.2rem;
	margin: 0 0 0 3px;
}



.category-page-nav .category-name .size-adjust {
	font-size: 1.3rem;
}

.category-page-nav .pricerate-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0 20px;
}

.category-page-nav .pricerate-area .price {
	margin: 0;
	font-size: 1.8rem;
	color:#d00;
	font-weight: bold;
	line-height: 1;
}

.category-page-nav .pricerate-area .price span {
	font-size: 1.2rem;
	font-weight: normal;
	color:#333;
}

.category-page-nav .pricerate-area .rate {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1;
}

.category-page-nav .pricerate-area .rate span {
	font-size: 1.8rem;
	color: #d00;
}

.category-page-nav .category-summary {
	margin: 10px 0 0;
}

/*カテゴリ第一階層ナビゲーション*/
.page-category .first-category-nav {
	width: 100%;
	margin: 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.page-category .first-category-nav .first-category-container {
	width: calc(100% /3);
}

.page-category .first-category-nav .first-category-inner {
	padding: 0 20px 20px 0;
	width: 100%;
	box-sizing: border-box;
}

.page-category .first-category-nav .ttl-seccond-category {
	background: #f0faff;
	padding: 10px;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.page-category .first-category-nav .ttl-seccond-category .btn-sp {
	display: none;
}

.page-category .first-category-nav .ttl-seccond-category a {
	color: #101010;
	text-decoration: none;
}

.page-category .first-category-nav .ttl-seccond-category a:hover {
	text-decoration: underline;
	color: #008cd6;
}

.page-category .first-category-nav .category-list-lower {
	padding: 0 0 0 10px;
	border-left: 1px solid #ddd;
	list-style: none;
}

.page-category .first-category-nav .category-list-lower li {
	color: #101010;
	text-decoration: none;
	padding: 5px 0 0;
	line-height: 1.4;
	word-break: break-all;
}

.page-category .first-category-nav .category-list-lower li a {
	font-size: 1.4rem;
	list-style: none;
	color: #101010;
}

.page-category .first-category-nav .category-list-lower li a:hover {
	text-decoration: underline;
	color: #008cd6;
}


/*検索ボタンスマホの場合のみ出現*/
.search-btn-group {
	display: none;
}

.select-param-mobile {
	display: none;
}

.mobile-search-closebtn {
	display: none;
}

.ttl-h1 {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
}

.ttl-h2 {
	font-size: 2rem;
	font-weight: bold;
	margin: 50px 0 30px;
	/*padding: 20px;*/
	/*border-top: 5px solid #008cd6;*/
	/*background: #f4f4f4;*/
}

.page-category .category-contents {
	width: 100%;
}

.category-contents .ttl-h1 + p {
	line-height: 1.4;
	font-size: 1.4rem;
}

.category-productlist {
	margin: 20px 0 50px;
}

.category-productlist .category-productlist-ttl {
	border-top: 5px solid #008cd6;
	background: #eee;
	border-bottom: 1px solid #d0d0d0;
	padding: 12px 10px;
	display: flex;
	justify-content: space-between;
	margin: 0 0 10px;
}

.category-productlist-ttl .category-count {
	display: flex;
	align-items: center;
}

.category-productlist-ttl .category-count .product-count {
	font-size: 1.4rem;
	margin: 0 10px 0 0;
}

.category-productlist-ttl .category-count .product-count span {
	font-weight: bold;
}

.category-productlist-ttl .product-style-select {
	font-size: 1.4rem;
	margin: 0 0 0 20px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.category-productlist-ttl .product-style-select:hover,
.category-productlist-ttl .product-style-select.current {
	color: #008cd6;
}

.category-productlist-ttl .product-style-select i {
	margin: 0 5px 0 0;
}

.category-productlist-ttl .category-sort {
	display: flex;
	align-items: center;
}

.category-productlist-ttl .category-sort p {
	font-size: 1.4rem;
	margin: 0 10px 0 0;
}

.category-productlist-ttl .category-sort .select-category-sort {
	font-size: 1.4rem;
	padding: 5px 20px 5px 5px;
}

.category-productlist-inner .product-group {
	display: flex;
	justify-content: space-between;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px;
}

.category-productlist-inner .product-group .product-group-inner {
	display: flex;
	align-items: flex-start;
}

.category-productlist-inner .product-group-inner .product-photo {
	flex-shrink: 0;
	width: 100px;
	margin: 0 20px 0 0;
}

.category-productlist-inner .product-group-inner .product-photo a {
	transition: opacity 0.3s ease;
}

.category-productlist-inner .product-group-inner .product-photo a:hover {
	opacity: 0.7;
}

.category-productlist-inner .product-group-inner .product-name-group .maker-logo {
	width: 80px;
	margin: 0 0 10px;
}

.category-productlist-inner .product-group-inner .product-name-group .product-name {
	font-size: 1.8rem;
	margin: 0 0 10px;
	word-break: break-all;
}

.category-productlist-inner .product-group-inner .product-name-group .product-name a {
	color: #008cd6;
}

.category-productlist-inner .product-group-inner .product-name-group .product-name a:hover {
	text-decoration: underline;
}

.category-productlist-inner .product-group-inner .product-name-group .product-txt {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 30px 0 0;
	word-break: break-all;
}

.category-productlist-inner .product-group .product-price-area {
	width: 240px;
	flex-shrink: 0;
	margin: 0 0 0 30px;
}

.category-productlist-inner .product-price {
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0 0 5px;
}

.category-productlist-inner .product-price .price {
	color: #d00;
}

.category-productlist-inner .product-price .tax {
	color: #101010;
	font-size: 1.4rem;
	margin: 0 0 0 5px;
}

.category-productlist-inner .product-price-area .stock {
	font-size: 1.2rem;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	background: #808080;
	display: inline-block;
	line-height: 1;
}

.category-productlist-inner .product-price-area .btn-productgroup {
	margin: 10px 0 0;
}

.category-productlist-inner .product-price-area .btn-productgroup a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #008cd6;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.category-productlist-inner .product-price-area .btn-productgroup a:hover {
	opacity: 0.7;
}

.category-productlist-inner .product-price-area .txt-kind-productgroup {
	font-size: 1.2rem;
	margin: 5px 0 0;
}

.category-productlist-photostyle {
	display: flex;
	flex-wrap: wrap;
}

.category-productlist-photostyle .product-group {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 15px;
	border-bottom: none;
	margin: 0 0 20px;
	width: 16.66%;
	box-sizing: border-box;
}

.category-productlist-photostyle .product-group .product-group-inner {
	display: block;
}

.category-productlist-photostyle .product-group-inner .product-photo {
	flex-shrink: inherit;
	width: 100%;
	margin: 0 0 15px;
	text-align: center;
}

.category-productlist-photostyle .product-group-inner .product-photo img {
	max-width: 100%;
	height: auto;
}

.category-productlist-photostyle .product-group-inner .product-name-group .maker-logo {
	width: 60px;
	margin: 0 0 8px;
}

.category-productlist-photostyle .product-group-inner .product-name-group .product-name {
	font-size: 1.6rem;
	line-height: 1.2;
	margin: 0 0 8px;
	word-break: break-all;
}

.category-productlist-photostyle .product-rate {
	font-size: 1.2rem;
	margin: 0;
}

.category-productlist-photostyle .product-group-inner .product-name-group .product-txt {
	display: none;
}

.category-productlist-photostyle .product-group .product-price-area {
	width: auto;
	flex-shrink: inherit;
	margin: 18px 0 0;
}

.category-productlist-photostyle .product-price {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	word-break: break-all;
}

.category-productlist-photostyle .product-price .tax {
	color: #101010;
	font-size: 1.2rem;
	margin: 0 0 0 5px;
}

.category-productlist-photostyle .product-price-area .stock {
	font-size: 1.2rem;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	background: #808080;
	display: inline-block;
	line-height: 1;
}

.category-productlist-photostyle .product-price-area .btn-productgroup {
	margin: 20px 0 0;
}

.category-productlist-photostyle .product-price-area .btn-productgroup a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #008cd6;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.category-productlist-photostyle .product-price-area .txt-kind-productgroup {
	font-size: 1.2rem;
	margin: 5px 0 0;
}

/*ページネーション*/
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0 0;
}

.pagination li {
	margin: 0 2px;
	font-size: 1.4rem;
}

.pagination li a {
	display: block;
	border: 1px solid #ccc;
	padding: 8px 3px;
	text-align: center;
	color: #101010;
	text-decoration: none;
	width: 2em;
	transition: background-color 0.3s ease,color 0.3s ease;
}

.pagination li a:hover,
.pagination li.active a {
	background: #008cd6;
	color: #fff;
}

.pagination li.PagedList-ellipses a {
	display: block;
	border: none;
	padding: 5px;
	text-align: center;
	width: auto;
}

.pagination li.PagedList-ellipses a:hover {
	background: transparent;
	color: #101010;
}

.pagination li.PagedList-skipToPrevious a,
.pagination li.PagedList-skipToNext a {
	font-size: 0;
	position: relative;
	width: auto;
}

.pagination li.PagedList-skipToPrevious.disabled a,
.pagination li.PagedList-skipToNext.disabled a {
	border: none;
	color: #777;
}

.pagination li.PagedList-skipToPrevious.disabled a:hover,
.pagination li.PagedList-skipToNext.disabled a:hover {
	background:transparent;
	color: #777;
}

.pagination li.PagedList-skipToPrevious a {
	padding: 8px 15px 8px 20px;
}

.pagination li.PagedList-skipToNext a {
	padding: 8px 20px 8px 15px;
}

.pagination li.PagedList-skipToPrevious a:after {
	content: "前へ";
	font-size:1.4rem;
}

.pagination li.PagedList-skipToNext a:after {
	content: "次へ";
	font-size:1.4rem;
}

.pagination li.PagedList-skipToPrevious a:before {
	border-right: 1px solid #101010;
	border-top: 1px solid #101010;
	content: "";
	height: 5px;
	left: 7px;
	margin: -3px 0 0 -3px;
	position: absolute;
	top: 50%;
	width: 5px;
	transition: border-color 0.3s ease;
}

.pagination li.PagedList-skipToNext a:before {
	border-right: 1px solid #101010;
	border-top: 1px solid #101010;
	content: "";
	height: 5px;
	right: 7px;
	margin: -3px 0 0 -3px;
	position: absolute;
	top: 50%;
	width: 5px;
	transition: border-color 0.3s ease;
}

.pagination li.PagedList-skipToPrevious a:hover:before,
.pagination li.PagedList-skipToNext a:hover:before {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.pagination li.PagedList-skipToPrevious.disabled a:before,
.pagination li.PagedList-skipToNext.disabled a:before {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
}

.pagination li.PagedList-skipToPrevious.disabled a:hover:before,
.pagination li.PagedList-skipToNext.disabled a:hover:before {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
}

.pagination li.PagedList-skipToPrevious a:before {
	transform: rotate(-135deg);
}

.pagination li.PagedList-skipToNext a:before {
	transform: rotate(45deg);
}

/*サイドバーカテゴリ*/
.sidemenu-category {
	border-top: 5px solid #008cd6;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 0 10px;
}

.sidemenu-category a {
	font-size: 1.3rem;
	color: #333;
	transition: color 0.3s ease;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.sidemenu-category a:hover {
	color: #008cd6;
	text-decoration: underline;
}

.sidemenu-category .search-param-list {
	padding: 5px 10px 10px;
	border-top: 1px solid #d0d0d0;
}

.sidemenu-category .search-param-list li {
	margin: 8px 0 0;
	line-height: 1.2;
}

.sidemenu-category .search-param-list li.current a {
	color: #101010;
	font-weight: bold;
}

.sidemenu-category .search-param-list li.disabled a {
	pointer-events: none;
	color: #bbb;
}

.sidemenu-category .search-param-list li.current a:hover {
	color: #101010;
}

.sidemenu-category .search-param-list li.current a:after {
	content: " [×]";
	font-size: 1.3rem;
}

.sidemenu-category .search-param-list .product-rate {
	font-size: 1.3rem;
}

.sidemenu-category .search-param-list a:hover .product-rate {
	color: #008cd6;
}

.sidemenu-category .search-param-list li.current a:hover .product-rate {
	color: #101010;
}

.sidemenu-category .search-param-list li.disabled .product-rate {
	color: #bbb;
}

.sidemenu-category .search-param-list .checkbox {
	vertical-align: middle;
	width: 16px;
	height: auto;
}

.sidemenu-category h3 {
	background: #eee;
	padding: 15px;
	font-size: 1.6rem;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	color: #101010;
}

.sidemenu-category h3:after {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
	content: "";
	height: 8px;
	right: 10px;
	margin: -3px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(-45deg);
}

.sidemenu-category.open h3:after {
	margin: -8px 0 0;
	transform: rotate(135deg);
}

.sidemenu-category-tree h3 {
	background: #eee;
	padding: 15px;
	font-size: 1.6rem;
	position: relative;
	cursor: inherit;
	font-weight: bold;
	color: #101010;
}

.sidemenu-category-tree h3:after {
	display: none;
}

.sidemenu-category-tree .category-tree-list {
	padding: 5px 10px 10px;
	border-top: 1px solid #d0d0d0;
}

.sidemenu-category-tree p {
	margin: 7px 0 0;
	line-height: 1.2;
	word-break: break-all;
}

.sidemenu-category-tree p.current a {
	font-weight: bold;
	color: #101010;
}

.sidemenu-category-tree .hierarchy-1 {
	padding: 0 0 0 1em;
}

.sidemenu-category-tree .hierarchy-2 {
	padding: 0 0 0 2em;
}

.sidemenu-category-tree .hierarchy-3 {
	padding: 0 0 0 3em;
}

.sidemenu-category-tree .hierarchy-4 {
	padding: 0 0 0 4em;
}


/*サイドバーメーカー*/
.sidemenu-maker {
	border-top: 5px solid #008cd6;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 0 30px;
}

.sidemenu-maker h3 {
	background: #eee;
	padding: 15px;
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
}

.sidemenu-maker h3:before {
	color: #008cd6;
	font-family: 'Font Awesome 5 Free';
	content: '\f1ad';
	font-size: 2.4rem;
	left: 15px;
	font-weight: 400;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.sidemenu-maker h3 a {
	color: #101010;
	text-decoration: none;
	padding: 0 0 0 25px;
}

.sidemenu-maker h3 a:hover {
	color: #008cd6;
}

.sidemenu-maker .sidemenu-maker-syllabary {
	background: #eee;
	padding: 15px;
	font-size: 1.4rem;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	color: #101010;
	border-top: 1px solid #d0d0d0;
}

.sidemenu-maker .sidemenu-maker-syllabary:after {
	border-right: 1px solid #777;
	border-top: 1px solid #777;
	content: "";
	height: 8px;
	right: 10px;
	margin: -3px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(-45deg);
}

.sidemenu-maker .sidemenu-maker-syllabary.open:after {
	margin: -8px 0 0;
	transform: rotate(135deg);
}

.sidemenu-maker .sidemenu-maker-list {
	border-top: 1px solid #d0d0d0;
}

.sidemenu-maker .sidemenu-maker-list a {
	line-height: 1.2;
	display: block;
	padding: 8px 10px;
	font-size: 1.3rem;
	border-bottom: 1px dotted #d0d0d0;
	word-break: break-all;
	color: #008cd6;
}

.sidemenu-maker .sidemenu-maker-list a:hover {
	text-decoration: underline;
}

.sidemenu-maker .sidemenu-maker-list li:last-child a {
	border-bottom: none;
}

/*カレンダー*/
.calender {
	margin: 0 0 30px;
}

.tbl-calender {
	width: 100%;
	font-size: 1.3rem;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}

.tbl-calender details {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.4;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	padding: 0 5px;
	background: #f0faff;
}

.tbl-calender summary {
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 8px 0;
	cursor: pointer;
}

.tbl-calender th {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 5px 3px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.tbl-calender th:nth-child(1) {
	color: #df6060;
}

.tbl-calender th:nth-child(7) {
	color: #46b7ec;
}

.tbl-calender td {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 5px 3px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}

.tbl-calender td.off {
	background: #ddd;
}

/*カートの中身サイドに表示*/
.cart-contents {
	margin: -40px -20px -40px 30px;
	border-left: 1px solid #d0d0d0;
	width: 160px;
	flex-shrink: 0;
	box-sizing: border-box;
	position: relative;
}

@media all and (max-width: 1199px) {
	.cart-contents {
		display: none;
	}
}

.cart-contents-inner {
	overflow: auto;
	overflow-x: hidden;
	padding: 20px 10px;
	background:#fff;
	z-index: 5000;
	width: 140px;
}

.cart-contents-inner.is-fixed {
	position: fixed;
}

.cart-contents .ttl-cart-contents {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}

.cart-contents .price-total {
	margin: 0 0 20px;
}

.cart-contents .txt-total {
	font-size: 1.1rem;
	font-weight: bold;
	color: #101010;
	margin: 0 0 5px;
	text-align: center;
}

.cart-contents .txt-price {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
	color: #d00;
}

.cart-contents .price-total .regibtn {
	line-height:1;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	padding: 7px 0;
	background: #af0d12;
	transition: opacity 0.3s ease;
}

.cart-contents .price-total .regibtn:hover {
	opacity: 0.7;
}

.cart-contents .product-cart-contents {
	margin: 0 0 15px;
}

.cart-contents .product-cart-contents .product-cart-contents-inner {
	margin: 0 0 10px;
}

.cart-contents .product-cart-contents .productname-cart-contents {
	margin: 5px 0 0;
	font-size: 1.1rem;
	line-height: 1.3;
	word-break: break-all;
}

.cart-contents .product-cart-contents .price-cart-contents {
	margin: 3px 0 0;
	font-size: 1.2rem;
	font-weight: bold;
}

.cart-contents .product-cart-contents a {
	transition: opacity 0.3s ease;
}

.cart-contents .product-cart-contents a:hover {
	opacity: 0.7;
}


.cart-contents .product-cart-contents .productname-cart-contents a {
	color: #101010;
	transition: color 0.3s ease;
}

.cart-contents .product-cart-contents .productname-cart-contents a:hover {
	color: #008cd6;
}

.cart-contents .product-cart-contents .input-cart-contents {
	display: flex;
	align-items: center;
}

.cart-contents .product-cart-contents .input-cart-contents form:first-child {
	display: flex;
}

.cart-contents .product-cart-contents .input-cart-contents .input-quantity {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 5px;
	font-size:1.2rem;
	width: 3.5em;
    text-align: right;
}

.cart-contents .product-cart-contents .input-cart-contents .btn-delete {
	font-size: 1.1rem;
	color: #008cd6;
	margin: 0 0 0 5px;
}

.cart-contents .product-cart-contents .input-cart-contents .btn-delete:hover {
	text-decoration: underline;
}

.cart-contents .product-cart-contents .input-cart-contents .btn-update {
	line-height:20px;
	display: block;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 40px;
	cursor: pointer;
	background: #008cd6;
	margin: 0 0 0 5px;
	transition: opacity 0.3s ease;
}

.cart-contents .product-cart-contents .input-cart-contents .btn-update:hover {
	opacity: 0.7;
}

/*------------------------------------------
 *	かごの中
------------------------------------------*/
.page-cart {
	padding: 0 40px;
	width: 100%;
}

.cart-product-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.cart-product-group .cart-product .ttl-cart {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.cart-product-group .cart-product .ttl-cart i {
	margin: 0 10px 0 0;
	font-size: 2.4rem;
}

.cart-product-group .cart-product {
	margin: 0 0 50px;
	width: 100%;
}

.cart-product-group .cart-product .product {
	padding: 0 0 30px;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 20px;
}

.cart-product-group .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.cart-product .product .product-info {
	display: flex;
	align-items: flex-start;
}

.cart-product .product .product-info .img-product {
	width: 200px;
	margin: 0 20px 0 0;
	flex-shrink: 0;
}

.cart-product .product .product-info .txt-product .ttl-product {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1.2;
}

.cart-product .product .product-info .txt-product .ttl-product a {
	color: #008cd6;
	text-decoration: none;
}

.cart-product .product .product-info .txt-product .ttl-product a:hover {
	text-decoration: underline;
}

.cart-product .product .product-info .txt-product .txt-productnum {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 5px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;

}

.cart-product .product .product-info .txt-product .txt-productname {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 5px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.cart-product .product .product-info .txt-product .txt-productinfo {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 10px 0 0;
	word-break: break-all;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.cart-product .product .product-price-group {
	display: flex;
	justify-content: flex-end;
	width: 340px;
	flex-shrink: 0;
	align-items: center;
	padding: 0 20px 0 0;
    height:80px;
}

.cart-product .product .product-price-group .product-quantity {
	margin: 0 15px 0 0;
}

.cart-product .product .product-price-group .product-quantity .btn-update {
	line-height:32px;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	margin: 10px 0 0;
	transition: opacity 0.3s ease;
}

.cart-product .product .product-price-group .product-quantity .btn-update:hover {
	opacity: 0.7;
}

.cart-product .product .product-price-group .product-price {
	font-size: 1.8rem;
	font-weight: bold;
	width: 6em;
	text-align: right;
}

.cart-product .product .product-price-group .btn-delete {
	font-size: 1.2rem;
	margin: 0 0 0 10px;
}

.cart-product .product .product-price-group .btn-delete a {
	text-decoration: none;
	color: #008cd6;
}

.cart-product .product .product-price-group .btn-delete a:hover {
	text-decoration: underline;
}

.cart-product .product-total {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cart-product .product-total .txt-total {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.cart-product .product-total .txt-price {
	font-size: 2.8rem;
	font-weight: bold;
	color: #d00;
}

.cart-product .product-total .txt-tax {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 0 10px;
}

.cart-product-group .cart-buy {
	width: 350px;
	margin: 0 0 0 30px;
	flex-shrink: 0;
}

.cart-product-group .cart-buy .cart-buy-inner {
	padding: 20px;
	background: #eee;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-total {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-quantity {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 5px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-price {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 20px;
	color: #d00;
	text-align: right;
	padding: 0 0 10px;
	border-bottom: 2px solid #008cd6;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-login {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 10px;
	align-items: center;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 7em;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size:1.4rem;
	width: 100%;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost {
	font-size: 1.2rem;
	margin: 0 0 15px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost a:hover {
	text-decoration: none;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy:hover {
	opacity: 0.7;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue {
	margin: 0 0 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue a:hover {
	background: #ddd;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist {
	font-size: 1.2rem;
	margin: 0 0 15px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist a:hover {
	text-decoration: none;
}

.cart-product-group .cart-buy .cart-buy-inner .input-check {
	display: flex;
	align-items: center;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-check {
	font-size: 1.2rem;
	margin: 0 0 0 5px;
}

.cart-product-group .cart-buy .txt-shipping {
	padding: 10px;
	border: 1px solid #d00;
	margin: 20px 0 0;
	font-size: 1.2rem;
	line-height: 1.4;
}

.cart-product-group .cart-buy .txt-shipping span {
	color: #d00;
	font-weight: bold;
}

.cart-product-group .cart-none {
	margin: 40px 0 50px;
}

.cart-product-group .cart-none p {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

.cart-product-group .cart-none .txt-done {
	font-size: 1.6rem;
	font-weight: normal;
}

.cart-product-group .cart-none .attention {
	color: #d00;
	font-size: 2.4rem;
}

.cart-product-group .cart-none .btn-continue {
	margin: 0 auto 10px;
	width: 400px;
}

.cart-product-group .cart-none .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.cart-product-group .cart-none .btn-continue a:hover {
	background: #ddd;
}

@media all and (min-width: 768px) and (max-width: 1140px) {
.page-cart {
	padding: 0 16px;
	width: 100%;
	box-sizing: border-box;
}

.cart-product-group {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.cart-product-group .cart-product .ttl-cart {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.cart-product-group .cart-product .ttl-cart i {
	margin: 0 10px 0 0;
	font-size: 1.8rem;
}

.cart-product-group .cart-product {
	margin: 0 0 20px;
	width: 100%;
}

.cart-product-group .cart-product .product {
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	margin: 0 0 20px;
}

.cart-product .product .product-info {
	display: flex;
	align-items: flex-start;
	margin: 0 0 15px;
	word-break: break-all;
}

.cart-product .product .product-info .img-product {
	width: 100px;
	flex-shrink: 0;
	margin: 0 15px 0 0;
}

.cart-product .product .product-info .txt-product .ttl-product {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1.4;
}

.cart-product .product .product-info .txt-product .ttl-product a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product .product .product-info .txt-product .ttl-product a:hover {
	text-decoration: underline;
}

.cart-product .product .product-info .txt-product .txt-productnum {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 5px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;

}

.cart-product .product .product-info .txt-product .txt-productname {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 5px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.cart-product .product .product-info .txt-product .txt-productinfo {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 15px 0 0;
	word-break: break-all;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.cart-product .product .product-price-group {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-shrink: inherit;
	align-items: center;
	padding: 0 5px 0 10px;
	box-sizing: border-box;
}

.cart-product .product .product-price-group .product-quantity {
	margin: 0 0 0 0;
}

.cart-product .product .product-price-group .product-quantity .btn-update {
	line-height:38px;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	background: #008cd6;
	border-radius: 0;
	margin: 15px 0 0;
	transition: opacity 0.3s ease;
	-webkit-appearance:none;
	appearance:none;
}

.cart-product .product .product-price-group .product-quantity .btn-update:hover {
	opacity: 1;
}

.cart-product .product .product-price-group .product-price {
	font-size: 1.6rem;
	font-weight: bold;
	width: auto;
	text-align: right;
	margin: 0 0 0 auto;
}

.cart-product .product .product-price-group .btn-delete {
	font-size: 1.2rem;
	margin: 0 0 0 15px;
}

.cart-product .product .product-price-group .btn-delete a {
	text-decoration: none;
	color: #101010;
	background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
	border: 1px solid #aaa;
	border-radius: 5px;
	display: block;
	padding: 10px;
}

.cart-product .product .product-price-group .btn-delete a:hover {
	text-decoration: none;
}

.cart-product .product-total {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cart-product .product-total .txt-total {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.cart-product .product-total .txt-price {
	font-size: 2.2rem;
	font-weight: bold;
	color: #d00;
}

.cart-product .product-total .txt-tax {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 0 5px;
}

.cart-product-group .cart-buy {
	width: 100%;
	margin: 30px 0 30px;
	flex-shrink: inherit;
}

.cart-product-group .cart-buy .cart-buy-inner {
	padding: 20px;
	background: #eee;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-total {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-quantity {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 5px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-price {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 12px;
	color: #d00;
	text-align: right;
	padding: 0 0 10px;
	border-bottom: 2px solid #008cd6;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-login {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 15px;
	align-items: center;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.4rem;
	width: auto;
	margin: 0 0 5px;
}

.cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size:1.6rem;
	width: 100%;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost {
	font-size: 1.2rem;
	margin: 20px 0 20px;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-lost a:hover {
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy:hover {
	opacity: 1;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-buy input[type="submit"] {
	line-height:52px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue {
	margin: 0 0 10px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 0;
	line-height:50px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-continue a:hover {
	background: #fff;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist {
	font-size: 1.2rem;
	margin: 20px 0 20px;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist a {
	color: #008cd6;
	text-decoration: underline;
}

.cart-product-group .cart-buy .cart-buy-inner .btn-regist a:hover {
	text-decoration: none;
}

.cart-product-group .cart-buy .cart-buy-inner .input-check {
	display: flex;
	align-items: center;
}

.cart-product-group .cart-buy .cart-buy-inner .txt-check {
	font-size: 1.2rem;
	margin: 0 0 0 5px;
}

.cart-product-group .cart-buy .txt-shipping {
	padding: 10px;
	border: 1px solid #d00;
	margin: 20px 0 0;
	font-size: 1.2rem;
	line-height: 1.4;
}

.cart-product-group .cart-buy .txt-shipping span {
	color: #d00;
	font-weight: bold;
}

.cart-product-group .cart-none {
	margin: 40px 0 50px;
}

.cart-product-group .cart-none p {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

.cart-product-group .cart-none .txt-done {
	font-size: 1.6rem;
	font-weight: normal;
}

.cart-product-group .cart-none .attention {
	color: #d00;
	font-size: 2.4rem;
}

.cart-product-group .cart-none .btn-continue {
	margin: 0 auto 10px;
	width: 100%;
}

.cart-product-group .cart-none .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.cart-product-group .cart-none .btn-continue a:hover {
	background: #fff;
}

/*数量増減部分*/

.input-quantity-group {
	display: flex;
	align-items: center;
}

.input-quantity-group .btn-sub,
.input-quantity-group .btn-add {
	width: 32px;
	height: 32px;
	background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
	border: 1px solid #aaa;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.input-quantity-group .btn-sub:disabled,
.input-quantity-group .btn-add:disabled {
	background: #bbb;
	border: 1px solid #aaa;
	cursor: default;
}

.input-quantity-group .btn-sub span,
.input-quantity-group .btn-add span {
	width: 14px;
	height: 2px;
	background: #555;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.input-quantity-group .btn-add span:after {
	content: "";
	height: 14px;
	width: 2px;
	background: #555;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.input-quantity-group .btn-sub:disabled span,
.input-quantity-group .btn-add:disabled span,
.input-quantity-group .btn-add:disabled span:after {
	background: #fff;
}

.input-quantity-group .input-quantity {
	/*border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.6rem;
	width: 4em;
	margin: 0 5px;
	text-align: right;
	-webkit-appearance:none;
	appearance:none;
	border-radius: 0;*/
}

 .input-quantity-group .input-quantity {
    width: 4em;
 }

}

/*------------------------------------------
 *	お客様情報入力画面
------------------------------------------*/
.page-inputinfo {
	width: 100%;
	padding: 0;
}

.page-inputinfo .user-infoinput {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-inputinfo .btn-payment {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-inputinfo .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
}

.page-inputinfo .btn-back:hover {
	background: #ddd;
}

.user-infoinput .ttl-infoinput {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	line-height: 33px;
}

.user-infoinput {
	width: 100%;
}

.user-infoinput .txt-cart-form {
	font-size: 1.6rem;
	margin: 0 0 15px;
}

.user-infoinput .txt-cart-form span {
	color: #d00;
}

.user-infoinput .cart-form .ttl-info {
	font-size: 2rem;
	font-weight: bold;
	padding: 15px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #008cd6;
	color: #fff;
}

.user-infoinput .tbl-cart-form {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.user-infoinput .tbl-cart-form th {
	padding: 20px 10px;
	background: #E1F6FD;
	text-align: left;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: top;
	width: 20%;

}

.user-infoinput .tbl-cart-form th span {
	margin: 0 0 0 5px;
	color: #d00;
}

.user-infoinput .tbl-cart-form td {
	padding: 20px;
	background: #fff;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	width: 80%;
}

.user-infoinput .tbl-cart-form .input-form-group {
	display: flex;
	align-items: flex-start;
}

.user-infoinput .tbl-cart-form .input-form-group-address {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.user-infoinput .tbl-cart-form .input-form-group-tel {
	display: flex;
	align-items: center;
}

.user-infoinput .tbl-cart-form td .input-form-group-address:last-child {
	margin: 15px 0 0;
}

.user-infoinput .tbl-cart-form td .input-form-group-address:nth-of-type(2) {
	margin: 15px 0 0;
}

.user-infoinput .tbl-cart-form .input-form-inner {
	box-sizing: border-box;
	padding: 0 20px 0 0;
}

.user-infoinput .tbl-cart-form .input-form-check {
	margin: 0 0 10px;
}

.user-infoinput .tbl-cart-form .input-form-group-address .input-form-inner {
	box-sizing: border-box;
	padding: 0;
	display: flex;
	align-items: center;
}

.user-infoinput .tbl-cart-form .input-form-group-tel .input-form-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 30%;
}

.user-infoinput .tbl-cart-form .text-danger {
	display: inline-block;
	margin: 8px 0 0;
	color: #d00;
	font-weight: bold;
	font-size: 1.2rem;
}

.user-infoinput .tbl-cart-form .input-form-group-address .text-danger {
	margin: 8px 0 0 0;
}

.user-infoinput .tbl-cart-form .txt-attention {
	font-size: 1.4rem;
	color: #d00;
	margin: 10px 0 0;
	line-height: 1.4;
}

.user-infoinput .tbl-cart-form .link {
	font-size: 1.2rem;
	flex-shrink: 0;
	margin: 0 0 0 10px;
	color: #008cd6;
	text-decoration: underline;
}

.user-infoinput .tbl-cart-form .link:hover {
	text-decoration: none;
}

.user-infoinput #isdifferent_true,
.user-infoinput #isdifferent_false {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 400px;
	cursor: pointer;
	background: #008cd6;
	/*margin: 40px auto 0;*/
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.user-infoinput #isdifferent_false:hover {
	background: #444;
}

.user-infoinput .tbl-cart-form input[type="radio"] {
	margin: -3px 5px 0 20px;
	vertical-align: middle;
}

.user-infoinput .tbl-cart-form td input[type="radio"]:first-child {
	margin: -3px 5px 0 0;
	vertical-align: middle;
}

.user-infoinput .tbl-cart-form input[type="text"],
.user-infoinput .tbl-cart-form input[type="email"],
.user-infoinput .tbl-cart-form input[type="tel"],
.user-infoinput .tbl-cart-form input[type="password"]  {
	border-radius: 0;
	font-size: 1.6rem;
	padding: 8px 7px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.05em;
}

.user-infoinput .tbl-cart-form .select-form {
	font-size: 1.6rem;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	padding: 5px;
	width: auto;
	display: block;
}

.user-infoinput .tbl-cart-form #Target_Customer_ConfirmEmailAddress {
	margin: 15px 0 0;
}

.user-infoinput .tbl-cart-form #Target_IndexViewModel_ConfirmPassword {
	margin: 15px 0 0;
}

.user-infoinput .tbl-cart-form .input-full {
	width: 100%;
}

.user-infoinput .tbl-cart-form .input-middle {
	width: 30%;
}

.user-infoinput .tbl-cart-form .input-large {
	width: 65%;
	margin: 0 0 0 10px;
}

.user-infoinput .tbl-cart-form .input-mini {
	width: 20%;
}

/*------------------------------------------
 *	支払方法入力画面
------------------------------------------*/
.page-payment {
	width: 100%;
	padding: 0;
}

.page-payment .user-infoinput {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-payment .tbl-cart-form {
	margin: 0 0 40px;
}


.user-infoinput .tbl-cart-form .input-form-payment {
	margin: 0 0 15px;
}

.user-infoinput .tbl-cart-form td .input-form-payment:last-child {
	margin: 0;
}

.page-payment .txt-payment {
	line-height: 1.6;
	font-size: 1.6rem;
	margin: 0 0 30px;
}

.page-payment .txt-payment span {
	font-weight: bold;
	color: #d00;
}

.page-payment textarea {
	margin: 15px 0 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 1.6rem;
	padding: 8px 7px;
	width:100%;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.page-payment .btn-payment {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-payment .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
}

.page-payment .btn-back:hover {
	background: #ddd;
}

.page-payment .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.user-infoinput .btn-confirm:hover {
	background: #444;
}

/*------------------------------------------
 * クレジットカード番号入力
*/
.page-payment .tbl-cart-form {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.page-payment .tbl-cart-form th {
	padding: 20px 10px;
	background: #E1F6FD;
	text-align: left;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: top;
	width: 20%;

}

.page-payment .tbl-cart-form td {
	padding: 20px;
	background: #fff;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	width: 80%;
	line-height: 1.4;
}

.page-payment .attention {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 10px;
}

.page-payment .ttl-payment {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}


/*------------------------------------------
 *	お届け先情報の入力画面
------------------------------------------*/
.page-delivinfo {
	width: 100%;
	padding: 0;
}

.page-delivinfo .user-infoinput {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-delivinfo .btn-delivinfo {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-delivinfo .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.page-delivinfo .btn-back:hover {
	background: #ddd;
}

.page-delivinfo .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-delivinfo .btn-confirm:hover {
	background: #444;
}

/*------------------------------------------
 *	注文内容確認画面
------------------------------------------*/

@media all and (min-width: 768px) and (max-width: 1260px) {

.page-cart-confirm .cart-product-group {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

}

.page-cart-confirm .ttl-cart {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-cart-confirm .ttl-info {
	font-size: 2rem;
	font-weight: bold;
	padding: 15px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #008cd6;
	color: #fff;
}

.page-cart-confirm .tbl-cart-form {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.page-cart-confirm .tbl-cart-form th {
	padding: 20px 10px;
	background: #E1F6FD;
	text-align: left;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: top;
	width: 20%;

}

.page-cart-confirm .tbl-cart-form td {
	padding: 20px;
	background: #fff;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	width: 80%;
	line-height: 1.4;
}

.page-cart-confirm .product-confirm {
	margin: 50px 0 0;
}

.page-cart-confirm .cart-product-group .cart-buy {
	width: 450px;
	margin: 0 0 0 30px;
	flex-shrink: 0;
}

@media all and (min-width: 768px) and (max-width: 1260px) {

.page-cart-confirm .cart-product-group .cart-buy {
	width: 100%;
	margin: 0;
	flex-shrink: 0;
}
}


.page-cart-confirm .cart-product-group .cart-buy .cart-buy-inner .txt-total {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}

.page-cart-confirm .cart-product-group .cart-buy .cart-buy-inner .cart-total-price {
	display: flex;
	justify-content: space-between;
	margin: 0 0 15px;
	align-items: center;
	padding: 0 0 15px;
	border-bottom: 1px solid #008cd6;
	font-weight: bold;
	font-size: 1.6rem;
}

.page-cart-confirm .cart-product-group .cart-buy .cart-buy-inner .txt-not-buy {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 30px 0 10px;
	text-align: center;
	color: #d00;
}

.page-cart-confirm .cart-product .product .product-info .img-product {
	width: 150px;
	margin: 0 20px 0 0;
	flex-shrink: 0;
}

.page-cart-confirm .cart-product .product .product-price-group {
	display: flex;
	justify-content: flex-end;
	width: 400px;
	flex-shrink: 0;
	align-items: center;
	padding: 0 20px 0 0;
}

.page-cart-confirm .cart-product .product .product-price-group .product-price-label {
	padding: 3px;
	background: #008cd6;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px;
	border-left: 1px solid #fff;
}

.page-cart-confirm .cart-product .product .product-price-group .product-price {
	width: 8em;
	font-size: 1.4rem;
	text-align: center;
}

/*------------------------------------------
 *	注文確定画面
------------------------------------------*/
.page-done {
	padding: 0 40px;
	width: 100%;
}

/*------------------------------------------
 *	注文確定画面（非会員）
------------------------------------------*/
.page-determine {
	padding: 0 40px;
	width: 100%;
}

.page-determine .btn-determine {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	width: 400px;
	cursor: pointer;
	background: #af0d12;
	margin: 30px auto 0;
	transition: opacity 0.3s ease;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
}

.page-determine .btn-determine:hover {
	opacity: 0.7;
}

/*------------------------------------------
 *	注文確定画面（非会員）
------------------------------------------*/
.page-determined {
	padding: 0 40px;
	width: 100%;
}

/*------------------------------------------
 *	新規会員登録
------------------------------------------*/
.page-register {
	padding: 0 40px;
	width: 100%;
}

.page-register .cart-product-group {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.page-register .ttl-cart {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-register .cart-product-group .cart-buy {
	width: 500px;
	margin: 0 0 0 30px;
	flex-shrink: 0;
}

.page-register .cart-product-group .cart-buy {
	width: 500px;
	margin: 0 0 0 30px;
	flex-shrink: 0;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 9em;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 0;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-register .txt-register {
	font-size: 1.4rem;
}

.page-register .txt-input-register {
	font-size: 1.2rem;
	color: #d00;
	font-weight: bold;
}

.page-register .txt-input-error {
	font-size: 1.4rem;
	color: #d00;
	font-weight: bold;
	margin: 0 0 10px;
}

.page-register .txt-input-error i {
	margin: 0 5px 0 0;
}

.page-register .cart-product-group .cart-buy .cart-buy-inner span {
	color: #d00;
	font-size: 1.2rem;
	margin: 0 0 8px;
	display: inline-block;
}

/*------------------------------------------
 *	会員情報仮登録画面
------------------------------------------*/
.page-registconfirm {
	width: 100%;
	padding: 0;
}

.page-registconfirm .user-infoinput {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-registconfirm p {
	font-size: 1.6rem;
	color: #101010;
	line-height: 1.6;
	margin: 0 0 12px;
}

.page-registconfirm .txt-tel {
	margin: 0 0 20px;
}

.page-registconfirm .bold {
	font-weight: bold;
	margin: 20px 0 0;
}

.page-registconfirm .attention {
	color: #d00;
	font-size: 2rem;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-registconfirm .list-registconfirm {
	margin: 0 0 20px;
	list-style: inside none;
}

.page-registconfirm .list-registconfirm li {
	list-style: disc inside;
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 10px;
}

/*------------------------------------------
 *	会員情報入力画面
------------------------------------------*/
.page-userdata {
	width: 100%;
	padding: 0;
}

.page-userdata .user-infoinput {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-userdata .attention {
	color: #d00;
	font-size: 2rem;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-userdata .bold {
	font-weight: bold;
	margin: 20px 0 0;
	font-size: 1.6rem;
	line-height: 1.6;
}

.page-userdata .user-infoinput .txt-userdata {
	font-size: 1.6rem;
	margin: 0 0 15px;
	line-height: 1.6;
}

.page-userdata .user-infoinput .txt-userdataconfirm {
	font-size: 1.4rem;
	margin: 15px 0 0;
	line-height: 1.6;
}

.page-userdata .user-infoinput .txt-userdata span {
	color: #d00;
}

.page-userdata .user-infoinput .tbl-cart-form td input[type="radio"] {
	margin: -3px 5px 0 20px;
	vertical-align: middle;
}

.page-userdata .user-infoinput .tbl-cart-form td label:first-child input[type="radio"] {
	margin: -3px 5px 0 0;
	vertical-align: middle;
}

.page-userdata .user-infoinput .btn-userdata {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 400px;
	cursor: pointer;
	background: #008cd6;
	margin: 40px auto 0;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-userdata .user-infoinput .btn-userdata:hover {
	background: #444;
}

.page-userdata .btn-userdataconfirm {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-userdata .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	background: #fff;
	outline: medium none;
	border: 1px solid #101010;
	padding: 12px;
	font-weight: bold;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
}

.page-userdata .btn-back:hover {
	background: #ddd;
}

.page-userdata .btn-complete {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-userdata .btn-complete:hover {
	background: #444;
}

.page-userdata .btn-continue {
	margin: 30px auto 10px;
	width: 400px;
}

.page-userdata .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-userdata .btn-continue a:hover {
	background: #ddd;
}

/*------------------------------------------
 *	パスワード再発行画面
------------------------------------------*/
.page-forgotpasswaord {
	padding: 0 40px;
	width: 100%;
}

.page-forgotpasswaord .cart-product-group {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.page-forgotpasswaord .ttl-forgotpasswaord {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-forgotpasswaord .txt-forgotpasswaord {
	font-size: 1.4rem;
	margin: 0 0 15px;
}

.page-forgotpasswaord .cart-product-group .cart-buy {
	width: 500px;
	margin: 0;
	flex-shrink: 0;
}

.page-forgotpasswaord .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 9em;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 0;
}

.page-forgotpasswaord .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
}

.page-forgotpasswaord .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-forgotpasswaord .txt-input-error {
	font-size: 1.4rem;
	color: #d00;
	font-weight: bold;
	margin: 0 0 10px;
}

.page-forgotpasswaord .form-input {
	width: 100%;
}

/*------------------------------------------
 *	パスワード再発行用メール送信画面
------------------------------------------*/
.page-forgotpasswaordconfirmation {
	padding: 0 40px;
	width: 100%;
}

.page-forgotpasswaordconfirmation .ttl-forgotpasswaordconfirmation {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-forgotpasswaordconfirmation .forgotpasswaordconfirmation-group {
	margin: 40px 0 50px;
}

.page-forgotpasswaordconfirmation .forgotpasswaordconfirmation-group p {
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-forgotpasswaordconfirmation .btn-top {
	margin: 30px auto 10px;
	width: 400px;
}

.page-forgotpasswaordconfirmation .btn-top a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-forgotpasswaordconfirmation .btn-top a:hover {
	background: #ddd;
}

/*------------------------------------------
 *	パスワード再設定画面
------------------------------------------*/
.page-resetpassword {
	padding: 0 40px;
	width: 100%;
}

.page-resetpassword .cart-product-group {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.page-resetpassword .ttl-resetpassword {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-resetpassword .txt-resetpassword {
	font-size: 1.4rem;
	margin: 0 0 15px;
}

.page-resetpassword .cart-product-group .cart-buy {
	width: 500px;
	margin: 0;
	flex-shrink: 0;
}

.page-resetpassword .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 11em;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 0;
}

.page-resetpassword .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 8px;
	align-items: flex-start;
}

.page-resetpassword .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-resetpassword .login-area .form-input span {
	color: #d00;
	font-size: 1.2rem;
	margin: 0 0 10px;
	display: inline-block;
}

.page-resetpassword .form-input {
	width: 100%;
}

/*------------------------------------------
 *	パスワード再設定完了画面
------------------------------------------*/
.page-resetpasswordconfirmation {
	padding: 0 40px;
	width: 100%;
}

.page-resetpasswordconfirmation .ttl-resetpasswordconfirmation {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group {
	margin: 40px 0 50px;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group p {
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group a {
	color: #008cd6;
	text-decoration: underline;
}

.page-resetpasswordconfirmation .resetpasswordconfirmation-group a:hover {
	text-decoration: none;
}

/*------------------------------------------
 *	ログイン画面
------------------------------------------*/
.page-login {
	padding: 0 40px;
	width: 100%;
}

.page-login .ttl-login {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-login .login-container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.page-login .login-group {
	width: 500px;
	margin: 0;
}

.page-login .login-group .login-inner {
	padding: 20px;
	background: #eee;
}

.page-login .login-group .txt-login {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px;
}

.page-login .login-group .input-area {
	display: flex;
	margin: 0 0 10px;
	align-items: center;
}

.page-login .login-group .txt-input {
	font-size: 1.2rem;
	width: 7em;
	flex-shrink: 0;
}

.page-login .login-group .form-input {
	width: 100%;
}

.page-login .login-group .input-login {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size:1.4rem;
	width: 100%;
}

.page-login .login-group .input-area span {
	color: #d00;
	font-size: 1.2rem;
	margin: 10px 0 0;
	display: inline-block;
}

.page-login .login-group .txt-lost {
	font-size: 1.2rem;
	margin: 0 0 15px;
}

.page-login .login-group .txt-lost a {
	color: #008cd6;
	text-decoration: underline;
}

.page-login .login-group .txt-lost a:hover {
	text-decoration: none;
}

.page-login .login-group .btn-login {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-login .login-group .btn-login:hover {
	opacity: 0.7;
}

.page-login .login-group .btn-login input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	transform: rotate(0.05deg);
	text-align: center;
}

.page-login .login-group .txt-no-member {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 10px;
}

.page-login .login-group .bold {
	font-weight: bold;
}

.page-login .login-group .btn-regist {
	font-size: 1.2rem;
	margin: 0 0 15px;
}

.page-login .login-group .btn-regist a {
	color: #008cd6;
	text-decoration: underline;
}

.page-login .login-group .btn-regist a:hover {
	text-decoration: none;
}

/*------------------------------------------
 *	ご利用規約
------------------------------------------*/
.page-userpolicy {
	width: 100%;
	padding: 0;
}

.page-userpolicy .ttl-userpolicy {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-userpolicy .userpolicy-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-userpolicy .attention {
	color: #d00;
	font-size: 1.6rem;
	margin: 0 0 10px;
	font-weight: bold;
}

.page-userpolicy .txt-userpolicy {
	font-size: 1.4rem;
	margin: 0 0 20px;
	line-height: 1.6;
}

.page-userpolicy .userpolicy h3 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 30px 0 15px;
}

.page-userpolicy .userpolicy h4 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 30px 0 15px;
}

.page-userpolicy .userpolicy p {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 10px;
}

.page-userpolicy .userpolicy ol {
	margin: 0 0 30px;
}

.page-userpolicy .userpolicy ol li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 5px;
}

.page-userpolicy .userpolicy .list-decimal {
	list-style: decimal inside;
}

/*------------------------------------------
 *	プライバシーポリシー
------------------------------------------*/
.page-privacypolicy {
	width: 100%;
	padding: 0;
}

.page-privacypolicy .ttl-privacypolicy {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-privacypolicy .privacypolicy-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-privacypolicy .txt-privacypolicy {
	font-size: 1.6rem;
	margin: 0 0 20px;
	line-height: 1.6;
}

.page-privacypolicy .privacypolicy h3 {
	font-weight: bold;
	font-size: 1.8rem;
	margin: 30px 0 15px;
}

.page-privacypolicy .privacypolicy p {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 10px;
}

.page-privacypolicy .privacypolicy ol {
	margin: 0 0 30px;
}

.page-privacypolicy .privacypolicy ol li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 0 5px;
}

.page-privacypolicy .privacypolicy .list-decimal {
	list-style: decimal inside;
}
/*------------------------------------------
 *	反社会的勢力に対する当社の基本方針について
------------------------------------------*/
.page-antisocial {
    width: 100%;
    padding: 0;
}
.page-antisocial .ttl-antisocial {
	font-size: 2.8rem;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-antisocial .antisocial-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-antisocial  .txt-antisocial {
    font-size:  18px;
    margin: 0px 0px 20px 0px;
}

.page-antisocial .box {
    margin: 0px 0px 60px 0px;
    padding: 0px;
    border: 1px solid #999;
    text-align: center;
}

 .page-antisocial .box h2 {
    margin: 0px;
    padding: 10px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background: #F3F3F3;
}

.page-antisocial  .box ol {
    padding: 20px 20px 20px 60px;
}

.page-antisocial .box ol li {
    font-size: 18px;
}

.page-antisocial .right {
    text-align: right;
    font-size: 18px;
}

/*------------------------------------------
 *	新型コロナウイルス感染症への当社の取り組みについて
------------------------------------------*/
.page-covid19 {
    width: 100%;
    padding: 0;
}


.page-covid19 .ttl-covid19 {
	font-size: 2.8rem;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-covid19 .covid19-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

 .page-covid19 .section-covid19 .txt-covid19 {
    font-size: 18px;
    margin: 0px 0px 20px 0px;
}

.page-covid19 .section-covid19 .box {
    font-size: 18px; 
    margin: 0px 0px 60px 0px;
    padding: 0px;
    border: 1px solid #999;
}

.page-covid19 .section-covid19 .box h2 {
    margin: 0px;
    padding: 10px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background: #F3F3F3;
}

.page-covid19 .section-covid19 .box ol {
    padding: 20px 20px 20px 60px;
    list-style: disc;
}

.page-covid19 .section-covid19 .box ol li {
    font-size: 18px;
}

/*------------------------------------------
 *	特定商取引に関する法律に基づく表記
------------------------------------------*/
.page-actonsct {
	width: 100%;
	padding: 0;
}

.page-actonsct .ttl-actonsct {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 40px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-actonsct .actonsct-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-actonsct .tbl-actonsct {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.page-actonsct .tbl-actonsct th {
	padding: 15px;
	background: #eee;
	text-align: left;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: middle;
	width: 20%;
}

.page-actonsct .tbl-actonsct td {
	padding: 15px;
	background: #fff;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	width: 80%;
	line-height: 1.6;
}

.page-actonsct .tbl-actonsct a {
	color: #008cd6;
	text-decoration: underline;
}

.page-actonsct .tbl-actonsct a:hover {
	text-decoration: none;
}

/*------------------------------------------
 *	カテゴリ一覧
------------------------------------------*/
.page-categorylist .category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: center;
	justify-content: flex-start;
}


.page-categorylist .category-list li {
	margin: 0 10px 10px 0;
}

.page-categorylist .category-list li a {
	display: block;
	border :1px solid #008cd6;
	padding: 10px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
}

.page-categorylist .category-list li a:hover {
	text-decoration: none;
}

.page-categorylist .categorylist-container {
	margin: 0 0 40px;
}

.page-categorylist .category-first {
	font-size: 2rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
}

.page-categorylist .category-first a {
	color: #101010;
	text-decoration: none;
}

.page-categorylist .category-first a:hover {
	text-decoration: underline;
}

.page-categorylist .categorylist-secondary-container {
	margin: 0 0 20px;
}

.page-categorylist .category-second {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.4rem;
	margin: 0 0 15px;
	font-weight: bold;
}

.page-categorylist .category-second a {
	color: #101010;
	text-decoration: none;
}

.page-categorylist .category-second a:hover {
	text-decoration: underline;
}

.page-categorylist .categorylist-third {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.page-categorylist .categorylist-third li {
	margin: 0 10px 10px 0;
}

.page-categorylist .categorylist-third li a {
	display: flex;
	align-items: center;
	width: 200px;
	padding: 5px;
	font-size: 1.3rem;
	word-break: break-all;
	line-height: 1.2;
	height: 100%;
	color: #101010;
	border: 1px solid #ccc;
	transition: background-color 0.3s ease,color 0.3s ease;
	box-sizing: border-box;
	background: #fff;
}

.page-categorylist .categorylist-third img {
	width: 56px;
	height: auto;
	margin: 0 8px 0 0;
}

.page-categorylist .categorylist-third li a:hover {
	color: #008cd6;
	background: #eee;
}

.categorylist-group .ttl-h1 + p {
	line-height: 1.4;
	font-size: 1.4rem;
}

/*------------------------------------------
 *	メーカ一覧
------------------------------------------*/
.page-makerlist .makerlist-index-group {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: flex-start;
	width: 100%;
}

.page-makerlist .makerlist-index-group .index-list {
	width: 30%;
	margin: 0 3.33% 15px 0;
	display: flex;
}

.page-makerlist .index-list li {
	width: 20%;
}

.page-makerlist .index-list li a {
	display: block;
	border-right :1px solid #008cd6;
	padding: 10px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.6rem;
	background: #f0faff;
	width: 100%;
	box-sizing: border-box;
}

.page-makerlist .index-list li:first-child a {
	border-left :1px solid #008cd6;
}

.page-makerlist .index-list li a:hover {
	text-decoration: none;
}

.page-makerlist .makerlist-container {
	margin: 0 0 40px;
}

.page-makerlist .makerlist-index-ttl {
	font-size: 2rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
}

.page-makerlist .makerlist-inner {
	margin: 0 0 20px;
}

.page-makerlist .makerlist-ttl {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 0 15px;
	font-weight: bold;
}

.page-makerlist .makerlist-container .maker-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 10px;
}

.page-makerlist .makerlist-container .maker-list li {
	margin: 0 10px 10px 0;
}

.page-makerlist .makerlist-container .maker-list a {
	display: flex;
	align-items: center;
	width: 200px;
	font-size: 1.4rem;
	word-break: break-all;
	line-height: 1.2;
	height: 100%;
	color: #008cd6;
	box-sizing: border-box;
}

.page-makerlist .makerlist-container li a:hover {
	text-decoration: underline;
}

.page-makerlist .makerlist-group .ttl-h1 + p {
	line-height: 1.4;
	font-size: 1.4rem;
}

/*------------------------------------------
 *	商品名一覧
------------------------------------------*/
.page-productnamelist .productnamelist-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: flex-start;
	width: 100%;
}

.page-productnamelist .productnamelist-group .productnamelist-inner {
	width: 20%;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.page-productnamelist .productnamelist-ttl {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 0 15px;
	font-weight: bold;
	width: 90%;
}

.page-productnamelist .productnamelist-inner .productname-list li {
	margin: 0 10px 5px 0;
}

.page-productnamelist .productnamelist-inner .productname-list span {
	font-size: 1.2rem;
	color: #008cd6;
}

.page-productnamelist .productnamelist-inner .productname-list a {
	font-size: 1.4rem;
	word-break: break-all;
	line-height: 1.2;
	color: #008cd6;
}

.page-productnamelist .productnamelist-inner .productname-list li a:hover {
	text-decoration: underline;
}

/*.productnamelist-group .ttl-h1 + p {
	line-height: 1.4;
	font-size: 1.4rem;
}*/
.productnamelist-group .productnamelist-container  p {
	line-height: 1.4;
	font-size: 1.4rem;
}


/*------------------------------------------
 *	商品名一覧詳細ページ
------------------------------------------*/
.page-productnamelistdetail .productnamelist-index-group {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: flex-start;
	width: 100%;
}

.page-productnamelistdetail .productnamelist-index-group .index-list {
	width: 30%;
	margin: 0 3.33% 8px 0;
	display: flex;
}

.page-productnamelistdetail .index-list li {
	width: 20%;
}

.page-productnamelistdetail .index-list li a {
	display: block;
	border-right :1px solid #008cd6;
	padding: 10px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.6rem;
	background: #f0faff;
	width: 100%;
	box-sizing: border-box;
}

.page-productnamelistdetail .index-list li:first-child a {
	border-left :1px solid #008cd6;
}

.page-productnamelistdetail .index-list li a:hover {
	text-decoration: none;
}

.page-productnamelistdetail .productnamelist-index-group .other-list {
	width: 100%;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.page-productnamelistdetail .other-list li {
	width: 6%;
	margin: 0 0 8px;
}

.page-productnamelistdetail .other-list li a {
	border-left :1px solid #008cd6;
	border-right: none;
}

.page-productnamelistdetail .other-list li:last-child a {
	border-right :1px solid #008cd6;
}


.page-productnamelistdetail .productnamelist-container {
	margin: 0 0 40px;
}

.page-productnamelistdetail .productnamelist-index-ttl {
	font-size: 2rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
}

.page-productnamelistdetail .productnamelist-inner {
	margin: 0 0 20px;
}

.page-productnamelistdetail .productnamelist-ttl {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 0 15px;
	font-weight: bold;
}

.page-productnamelistdetail .productnamelist-container .productname-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.page-productnamelistdetail .productnamelist-container .productname-list li {
	margin: 0 20px 10px 0;
}

.page-productnamelistdetail .productnamelist-container .productname-list a {
	display: flex;
	align-items: center;
	width: 200px;
	font-size: 1.4rem;
	word-break: break-all;
	line-height: 1.2;
	height: 100%;
	color: #008cd6;
	box-sizing: border-box;
}

.page-productnamelistdetail .productnamelist-container li a:hover {
	text-decoration: underline;
}

.page-productnamelistdetail .productnamelistdetail-group .ttl-h1 + p {
	line-height: 1.4;
	font-size: 1.4rem;
}

/*------------------------------------------
 *	新着商品一覧
------------------------------------------*/
.page-arrival {
	width: 100%;
}

/*------------------------------------------
 *	お知らせ
------------------------------------------*/
.page-shopinfo {
	width: 100%;
}

.page-shopinfo .category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: center;
	justify-content: flex-start;
}


.page-shopinfo .category-list li {
	margin: 0 10px 10px 0;
}

.page-shopinfo .category-list li a {
	display: block;
	border :1px solid #008cd6;
	padding: 10px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
}

.page-shopinfo .category-list li a:hover {
	text-decoration: none;
}

.page-shopinfo .shopinfo-group .shopinfo-list {
    font-size: 1.4rem;
    margin:0px 1px 0px 1px;
}

/*------------------------------------------
 *	在庫商品一覧
------------------------------------------*/
.page-stockonstore {
	width: 100%;
}

.page-stockonstore .category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: center;
	justify-content: flex-start;
}


.page-stockonstore .category-list li {
	margin: 0 10px 10px 0;
}

.page-stockonstore .category-list li a {
	display: block;
	border :1px solid #008cd6;
	padding: 10px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
}

.page-stockonstore .category-list li a:hover {
	text-decoration: none;
}

/*------------------------------------------
 *	おすすめ商品一覧
------------------------------------------*/
.page-recommend {
	width: 100%;
}

.page-recommend .category-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	align-items: center;
	justify-content: flex-start;
}


.page-recommend .category-list li {
	margin: 0 10px 10px 0;
}

.page-recommend .category-list li a {
	display: block;
	border :1px solid #008cd6;
	padding: 10px;
	text-align: center;
	color: #008cd6;
	text-decoration: underline;
	font-size: 1.4rem;
}

.page-recommend .category-list li a:hover {
	text-decoration: none;
}

/*------------------------------------------
 *	おすすめ商品一覧
------------------------------------------*/
.page-campaign {
	width: 100%;
}

.page-campaign .campaign-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.page-campaign .campaign-list .campaign {
	width: 30%;
	margin: 0 3% 0 0;
}

.page-campaign .campaign .ttl-campaign {
	padding: 0 0 10px;
	border-bottom: 1px dotted #101010;
	line-height: 1;
	font-size: 1.6rem;
	margin: 0 0 15px;
	width: 100%;
	font-weight: bold;
	box-sizing: border-box;
}

.page-campaign .campaign .img {
	margin: 0 auto 20px;
	width: 80%;
	border: 1px solid #eee;
	padding: 1px;
}

.page-campaign .campaign .img a {
	transition: opacity 0.3s ease;
}

.page-campaign .campaign .img a:hover {
	opacity: 0.7;
}

.page-campaign .campaign .img img {
	max-width: 100%;
	height: auto;
}

.page-campaign .campaign .txt {
	font-size: 1.4rem;
	line-height: 1.4;
}

.page-campaign .campaign .link {
	text-align: right;
	margin: 5px 0 0;
	font-size: 1.6rem;
}

.page-campaign .campaign .link a {
	color: #008cd6;
	text-decoration: underline;
}

.page-campaign .campaign .link a:hover {
	text-decoration: none;
}

.page-campaign .campaign-none {
	font-size: 2rem;
	width: 100%;
	font-weight: bold;
}

/*------------------------------------------
 *	マイページメールアドレス変更
------------------------------------------*/
.page-changeemail {
	width: 100%;
	padding: 0;
}

.page-changeemail .ttl-changeemail {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-changeemail .changeemail-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-changeemail .txt-changeemail {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 15px;
}

.page-changeemail .txt-changeemail span {
	font-weight: bold;
	color: #d00;
}

.page-changeemail .cart-product-group .cart-buy {
	width: 500px;
	margin: 0 auto;
}

.page-changeemail .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 11em;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 0;
}

.page-changeemail .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
}

.page-changeemail .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-changeemail .form-input span {
	color: #d00;
	font-size: 1.2rem;
	display: inline-block;
}

.page-changeemail .form-input {
	width: 100%;
}

.page-changeemail .btn-changeemail {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-changeemail .btn-changeemail:hover {
	opacity: 0.7;
}

.page-changeemail .btn-changeemail input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.page-changeemail .txt-input-changeemail {
	font-size: 1.2rem;
	color: #d00;
	font-weight: bold;
	display: inline-block;
	margin: 5px 0 0;
}

.page-changeemail .attention {
	color: #d00;
	font-size: 2rem;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-changeemail .btn-top {
	margin: 30px auto 10px;
	width: 400px;
}

.page-changeemail .btn-top a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-changeemail .btn-top a:hover {
	background: #ddd;
}

/*------------------------------------------
 *	マイページパスワード変更
------------------------------------------*/
.page-changepassword {
	width: 100%;
	padding: 0;
}

.page-changepassword .ttl-changepassword {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-changepassword .changepassword-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-changepassword .txt-changepassword {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 15px;
}

.page-changepassword .txt-changepassword span {
	font-weight: bold;
	color: #d00;
}

.page-changepassword .cart-product-group .cart-buy {
	width: 500px;
	margin: 0 auto;
}

.page-changepassword .cart-product-group .cart-buy .cart-buy-inner .input-area .txt-input {
	font-size: 1.2rem;
	width: 11em;
	flex-shrink: 0;
	font-weight: bold;
	margin: 10px 0 0;
}

.page-changepassword .cart-product-group .cart-buy .cart-buy-inner .input-area {
	display: flex;
	margin: 0 0 20px;
	align-items: flex-start;
}

.page-changepassword .cart-product-group .cart-buy .cart-buy-inner .input-area .input-login {
	margin: 0 0 8px;
}

.page-changepassword .form-input span {
	color: #d00;
	font-size: 1.2rem;
	display: inline-block;
}

.page-changepassword .form-input {
	width: 100%;
}

.page-changepassword .btn-changepassword {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-changepassword .btn-changepassword:hover {
	opacity: 0.7;
}

.page-changepassword .btn-changepassword input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.page-changepassword .txt-input-changepassword {
	font-size: 1.2rem;
	color: #d00;
	font-weight: bold;
	display: inline-block;
	margin: 5px 0 0;
}

.page-changepassword .attention {
	color: #101010;
	font-size: 2rem;
	margin: 0 0 10px;
	font-weight: bold;
}

.page-changepassword .btn-area {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-changepassword .btn-mypage {
	width: 300px;
	margin: 0 10px;
}

.page-changepassword .btn-mypage a {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
}


.page-changepassword .btn-mypage a:hover {
	background: #444;
}


.page-changepassword .btn-continue {
	margin: 0 10px;
	width: 300px;
}

.page-changepassword .btn-continue a {
	font-size: 1.6rem;
	line-height:40px;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 12px;
	font-weight: bold;
}

.page-changepassword .btn-continue a:hover {
	background: #ddd;
}

/*------------------------------------------
 *	お気に入り
------------------------------------------*/
.page-favorite {
	width: 100%;
	padding: 0;
}

.main-contents .ttl-mypage {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.main-contents .mypage-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.mypage-btn {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
}

.mypage-btn li {
	width: 230px;
}

.mypage-btn li a {
	padding: 20px;
	display: block;
	font-size: 1.6rem;
	text-align: center;
	color: #101010;
	background: #eee;
	transition: background-color 0.3s ease;
	font-weight: bold;
}

.mypage-btn li a:hover,
.mypage-btn li a.current {
	background: #008cd6;
	color: #fff;
}

.page-favorite .favorite-product {
	margin: 0 0 50px;
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 20px 0 0;
}

.page-favorite .favorite-product .product {
	padding: 0 0 40px;
	border-bottom: 1px solid #ddd;
	margin: 0 0 40px;
}

.page-favorite .favorite-product .product-category {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

.page-favorite .favorite-product .product .product-info {
	display: flex;
	align-items: center;
}

.page-favorite .favorite-product .product .img-product {
	width: 150px;
	margin: 0 20px 0 0;
	flex-shrink: 0;
}

.page-favorite .favorite-product .product .ttl-product {
	line-height: 1.3;
	word-break: break-all;
	font-size: 2rem;
}

.page-favorite .favorite-product .product .ttl-product a {
	color: #008cd6;
	text-decoration: underline;
}

.page-favorite .favorite-product .product .ttl-product a:hover {
	text-decoration: none;
}

.page-favorite .favorite-product .product .btn-delete {
	font-size: 1.4rem;
	margin: 0 0 0 20px;
	width: 10em;
	flex-shrink: 0;
}

.page-favorite .favorite-product .product .btn-delete a {
	color: #008cd6;
	text-decoration: underline;
}

.page-favorite .favorite-product .product .btn-delete a:hover {
	text-decoration: none;
}

.page-favorite .tbl-favorite-group {
	width: 100%;
}

.page-favorite .tbl-favorite-group .tbl-favorite {
	width: 100%;
	border-left: 1px solid #ddd;
	table-layout: fixed;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col01 {
	width: 15%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col02 {
	width: 15%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col03 {
	width: 8%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col04 {
	width: 12%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col05 {
	width: 10%;
}

.page-favorite .tbl-favorite-group .tbl-favorite .col06 {
	width: 40%;
}

/*.page-favorite .tbl-favorite-group .tbl-favorite .col07 {
	width: 15%;
}*/

.page-favorite .tbl-favorite-group .tbl-favorite th {
	background: #f2f2f2;
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.page-favorite .tbl-favorite-group .tbl-favorite td {
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.2;
}


.page-favorite .tbl-favorite-group .tbl-favorite td a {
	color: #008cd6;
	text-decoration: underline;
}

.page-favorite .tbl-favorite-group .tbl-favorite td a:hover {
	text-decoration: none;
}

.page-favorite .tbl-favorite-group .tbl-favorite td:nth-child(1),
.page-favorite .tbl-favorite-group .tbl-favorite td:nth-child(2) {
	text-align-last: left;
}

.page-favorite .tbl-favorite-group .tbl-favorite td:nth-child(4) {
	text-align-last: right;
}

.page-favorite .tbl-favorite .price {
	font-size: 1.6rem;
	font-weight: bold;
}

.page-favorite .tbl-favorite .discount {
	font-size: 1.2rem;
	color: #d00;
	font-weight: normal;
	margin: 2px 0 0 10px;
	display: block;
}

.page-favorite .tbl-favorite .stock,
.page-favorite .tbl-favorite .order,
.page-favorite .tbl-favorite .manufact,
.page-favorite .tbl-favorite .discontinued {
	font-size: 1.2rem;
	padding: 5px;
	width: 5em;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	line-height: 1;
}

.page-favorite .tbl-favorite .stock {
	background: #808080;
}

.page-favorite .tbl-favorite .order {
	background: #f0ad4e;
}

.page-favorite .tbl-favorite .manufact {
	background: #f0ad4e;
	color: #d00;
}

.page-favorite .tbl-favorite .discontinued {
	background: #d00;
}

.page-favorite .tbl-favorite .quantity {
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	padding: 8px;
	font-size: 1.4rem;
	width: 100%;
	text-align: right;
}

.page-favorite .tbl-favorite .btn-cart {
	position: relative;
	width: 100%;
	background: #af0d12;
	border-bottom: 2px solid #640100;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
}

.page-favorite .tbl-favorite .btn-cart:hover {
	opacity: 0.7;
}

.page-favorite .tbl-favorite .btn-cart:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f07a';
	position: absolute;
	font-size: 1.6rem;
	left: 5px;
	color: #fff;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
}

.page-favorite .tbl-favorite .btn-cart input[type="submit"] {
	line-height:32px;
	display: block;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	padding: 0 10px 0 25px;
	box-sizing: border-box;
}

.page-favorite .favorite-none {
	margin: 40px 0 50px;
}

.page-favorite .favorite-none p {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

/*------------------------------------------
 *	購入履歴
------------------------------------------*/
.page-purchasehistory {
	width: 100%;
	padding: 0;
}

.page-purchasehistory .mypage-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-purchasehistory .tbl-purchasehistory {
	margin: 30px 0 30px;
	border-right: 1px solid #ddd;
	width: 100%;
}

.page-purchasehistory .tbl-purchasehistory .col01 {
	width: 15%;
}

.page-purchasehistory .tbl-purchasehistory .col02 {
	width: 10%;
}

.page-purchasehistory .tbl-purchasehistory .col03 {
	width: 25%;
}

.page-purchasehistory .tbl-purchasehistory .col04 {
	width: 25%;
}

.page-purchasehistory .tbl-purchasehistory .col05 {
	width: 15%;
}

.page-purchasehistory .tbl-purchasehistory .col06 {
	width: 10%;
}

.page-purchasehistory .tbl-purchasehistory th {
	background: #ccc;
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.page-purchasehistory .tbl-purchasehistory td {
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.4;
}

.page-purchasehistory .tbl-purchasehistory tr td:nth-child(3),
.page-purchasehistory .tbl-purchasehistory tr td:nth-child(4) {
	text-align: left;
}

.page-purchasehistory .tbl-purchasehistory tr td:nth-child(5) {
	text-align: right;
}


.page-purchasehistory .tbl-purchasehistory td a {
	color: #008cd6;
	text-decoration: underline;
}

.page-purchasehistory .tbl-purchasehistory td a:hover {
	text-decoration: none;
}

.page-purchasehistory .purchasehistory-none {
	margin: 40px 0 50px;
}

.page-purchasehistory .purchasehistory-none p {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}

/*-------------------------------------------
    *注文詳細
--------------------------------------------*/
.page-shoppingdetail {
    width: 100%;
	padding: 0;
}

.page-shoppingdetail .shoppingdetail-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-shoppingdetail .ttl-shoppingdetail {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-shoppingdetail .tbl-shoppingdetail {
	margin: 30px 0 30px;
	border-right: 1px solid #ddd;
	width: 100%;
}

.page-shoppingdetail .tbl-shoppingdetail .col01 {
	width: 15%;
}

.page-shoppingdetail .tbl-shoppingdetail .col02 {
	width: 25%;
}

.page-shoppingdetail .tbl-shoppingdetail .col03 {
	width: 25%;
}

.page-shoppingdetail .tbl-shoppingdetail .col04 {
	width: 10%;
}

.page-shoppingdetail .tbl-shoppingdetail .col05 {
	width: 10%;
}

.page-shoppingdetail .tbl-shoppingdetail .col06 {
	width: 10%;
}

.page-shoppingdetail .tbl-shoppingdetail th {
	background: #ccc;
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.page-shoppingdetail .tbl-shoppingdetail td {
	padding: 10px 20px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.4;
}

.page-shoppingdetail .tbl-shoppingdetail tr td:nth-child(2),
.page-shoppingdetail .tbl-shoppingdetail tr td:nth-child(3) {
	text-align: left;
}

.page-shoppingdetail .tbl-shoppingdetail tr td:nth-child(4),
.page-shoppingdetail .tbl-shoppingdetail tr td:nth-child(5),
.page-shoppingdetail .tbl-shoppingdetail tr td:nth-child(6) {
	text-align: right;
}

.page-shoppingdetail .tbl-shoppingdetail tr .text-center {
	text-align: center;
}

.page-shoppingdetail .tbl-shoppingdetail tr td .text-right  {
	text-align: right;
}

.page-shoppingdetail .tbl-shoppingdetail td a {
	color: #008cd6;
	text-decoration: underline;
}

.page-shoppingdetail .tbl-shoppingdetail td a:hover {
	text-decoration: none;
}

.page-shoppingdetail .btn-area {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-shoppingdetail .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.page-shoppingdetail .btn-back:hover {
	background: #ddd;
}

.page-shoppingdetail .btn-receipt {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-shoppingdetail .btn-receipt a {
	color: #fff;
}


.page-shoppingdetail .btn-receipt:hover {
	background: #444;
}

/*------------------------------------------
 *	退会手続き
------------------------------------------*/
.page-remove {
	width: 100%;
	padding: 0;
}

.page-remove .remove-group .ttl-remove {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-remove .remove-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-remove .txt-remove {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 15px;
}

.page-remove .cart-product-group .cart-buy {
	width: 500px;
	margin: 0 auto;
}

.page-remove .form-input {
	width: 100%;
}

.page-remove .form-input textarea {
	margin: 0 0 15px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 1.6rem;
	padding: 8px 7px;
	width:100%;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.page-remove .btn-remove {
	position: relative;
	width: 100%;
	background: #af0d12;
	transition: opacity 0.3s ease;
	margin: 0 0 15px;
}

.page-remove .btn-remove:hover {
	opacity: 0.7;
}

.page-remove .btn-remove input[type="submit"] {
	line-height:46px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.page-remove .btn-top {
	margin: 30px auto 10px;
	width: 400px;
}

.page-remove .btn-top a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-remove .btn-top a:hover {
	background: #ddd;
}

.page-remove .tbl-remove-group {
	width: 100%;
}

.page-remove .tbl-remove-group .tbl-remove {
	width: 100%;
	border-left: 1px solid #ddd;
	table-layout: fixed;
}

.page-remove .tbl-remove-group .tbl-remove .col01 {
	width: 33%;
}

.page-remove .tbl-remove-group .tbl-remove .col02 {
	width: 34%;
}

.page-remove .tbl-remove-group .tbl-remove .col03 {
	width: 33%;
}

.page-remove .tbl-remove-group .tbl-remove th {
	background: #f2f2f2;
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.page-remove .tbl-remove-group .tbl-remove td {
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.2;
}

/*------------------------------------------
 *	マイページTOP
------------------------------------------*/
.page-mypage {
	width: 100%;
	padding: 0;
}

.page-mypage .txt-mypage {
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.page-mypage .txt-mypage span {
	color: #d00;
}

.page-mypage .change-btn {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 0 30px;
}

.page-mypage .change-btn li {
	margin: 0 10px;
}

.page-mypage .change-btn a {
	font-size: 1.6rem;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	display: block;
	background: #444;
}

.page-mypage .change-btn a:hover {
	background: #ccc;
}

.page-mypage .user-infoinput .btn-mypage {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 400px;
	cursor: pointer;
	background: #af0d12;
	margin: 40px auto 0;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-mypage .user-infoinput .btn-mypage:hover {
	background: #444;
}

.page-mypage .btn-continue {
	margin: 30px auto 10px;
	width: 400px;
}

.page-mypage .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-mypage .btn-continue a:hover {
	background: #ddd;
}

.page-mypage .attention {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 10px;
}

/*------------------------------------------
 *	お届け先の指定（会員）
------------------------------------------*/
.page-mdeliveryaddress {
	width: 100%;
	padding: 0;
}

.page-mdeliveryaddress .mdeliveryaddress-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-mdeliveryaddress .ttl-mdeliveryaddress {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-mdeliveryaddress .txt-mdeliveryaddress {
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.page-mdeliveryaddress .mdeliveryaddress-form {
	width: 100%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress {
	width: 100%;
	margin: 0 0 20px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	table-layout: fixed;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col01 {
	width: 10%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col02 {
	width: 15%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col03 {
	width: 55%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col04 {
	width: 10%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress .col05 {
	width: 10%;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress th {
	padding: 10px 15px;
	background: #E1F6FD;
	text-align: center;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: middle;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress td {
	padding: 20px;
	background: #fff;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress td:nth-child(3) {
	text-align: left;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress input[type="radio"] {
	margin: -3px 0 0;
	vertical-align: middle;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress a {
	color: #008cd6;
	text-decoration: underline;
}

.page-mdeliveryaddress .tbl-mdeliveryaddress a:hover {
	text-decoration: none;
}


.page-mdeliveryaddress .btn-mdeliveryaddress {
	width: 200px;
}

.page-mdeliveryaddress .btn-mdeliveryaddress a {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	background: #444;
	text-align: center;
	transition: background-color 0.3s ease;
}

.page-mdeliveryaddress .btn-mdeliveryaddress a:hover {
	background: #bbb;
}

.page-mdeliveryaddress .btn-area {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-mdeliveryaddress .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.page-mdeliveryaddress .btn-back:hover {
	background: #ddd;
}

.page-mdeliveryaddress .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-mdeliveryaddress .btn-confirm:hover {
	background: #444;
}

/*------------------------------------------
 *	お届け先の指定（会員）
------------------------------------------*/
.page-madddeliveryaddress {
	width: 100%;
	padding: 0;
}

.page-madddeliveryaddress .madddeliveryaddress-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-madddeliveryaddress .ttl-madddeliveryaddress {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-madddeliveryaddress .txt-madddeliveryaddress {
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.page-madddeliveryaddress .txt-madddeliveryaddress span {
	color: #d00;
}


.page-madddeliveryaddress .btn-madddeliveryaddress {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-madddeliveryaddress .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

.page-madddeliveryaddress .btn-back:hover {
	background: #ddd;
}

.page-madddeliveryaddress .btn-confirm {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-madddeliveryaddress .btn-confirm:hover {
	background: #444;
}

/*------------------------------------------
 *	ご利用ガイド
------------------------------------------*/
.page-guide {
	width: 100%;
	padding: 0;
}

.page-guide .ttl-guide {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 30px 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-guide .guide-group .txt-guide {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 30px;
}

.page-guide .guide-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-guide .guide-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
	width: 100%;
}

.page-guide .guide-list li {
	width: 25%;
	margin: 0 0 15px;
}

.page-guide .guide-list li a {
	display: flex;
	align-items: center;
	line-height: 1.4;
	border: 1px solid #ccc;
	margin: 0 10px;
	font-size: 1.4rem;
	padding: 10px 0;
	color: #101010;
	font-weight: bold;
	text-decoration: none;
	transition: background-color ease 0.3s;
	justify-content: center;
}

.page-guide .guide-list li a:hover {
	background: #f0faff;
	color: #008cd6;
}

.page-guide .guide-contents {
	margin: 0 0 50px;
}

.page-guide .guide-contents .ttl {
	font-size: 2rem;
	margin: 0 0 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	background: #f9f9f9;
	font-weight: bold;
}

.page-guide .guide-contents .guide-inner {
	margin: 0 0 30px;
}

.page-guide .guide-contents h3,
.page-guide .guide-contents .ttl-sub {
	font-size: 1.6rem;
	padding: 0 0 10px;
	margin: 0 0 15px;
	border-bottom: 1px dotted #333;
	font-weight: bold;
}

.page-guide .guide-contents .ttl-sub {
	font-size: 2rem;
}

.page-guide .guide-contents h4 {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px;
}

.page-guide .guide-contents p {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 15px;
}

.page-guide .guide-contents p a,
.page-guide .txt-guide a {
	text-decoration: underline;
	color: #008cd6;
}

.page-guide .guide-contents p a:hover,
.page-guide .txt-guide a:hover {
	text-decoration: none;
}

.page-guide .guide-contents .list {
	list-style: none;
	margin: 0 0 15px;
}

.page-guide .guide-contents .list li {
	list-style: disc inside;
	padding: 0 0 0 1em;
	text-indent: -1em;
	margin: 0 0 8px;
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: bold;
}

.page-guide .guide-contents .img {
	text-align: center;
	margin: 20px 0;
}

.page-guide .guide-contents .img-left {
	text-align: left;
	margin: 20px 0 30px;
}

.page-guide .bold {
	font-weight: bold;
}

.page-guide .attention {
	color: #d00;
}

.page-guide .tbl-payments {
	border-left: 1px solid #ddd;
	width: 45%;
}

.page-guide .tbl-payments th {
	background: #f2f2f2;
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	width: 50%;
}

.page-guide .tbl-payments td {
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	line-height: 1.2;
	width: 50%;
}

/*------------------------------------------
 *	404,500エラーページ
------------------------------------------*/
.page-error {
	width: 100%;
	padding: 0;
}

.page-error .error-group {
	text-align: center;
}

.page-error h1 {
	font-size: 4rem;
	font-weight: bold;
	margin: 0 0 20px;
}

.page-error .txt-error {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 20px;
}

.page-error p {
	font-size: 1.6rem;
	font-weight: normal;
}

.page-error .btn-area {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-error .btn-sitemap {
	width: 300px;
	margin: 0 10px;
}

.page-error .btn-sitemap a {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
}


.page-error .btn-sitemap a:hover {
	background: #444;
}

.page-error .btn-top {
	margin: 0 10px;
	width: 300px;
}

.page-error .btn-top a {
	font-size: 1.6rem;
	line-height:40px;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 12px;
	font-weight: bold;
}

.page-error .btn-top a:hover {
	background: #ddd;
}

/*------------------------------------------
 *	よくあるご質問
------------------------------------------*/
.page-faq {
	width: 100%;
	padding: 0;
}

.page-faq .ttl-faq {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 30px 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-faq .faq-group .txt-faq {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 30px;
}

.page-faq .faq-group {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-faq .faq-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
	width: 100%;
}

.page-faq .faq-list li {
	width: 25%;
	margin: 0 0 15px;
}

.page-faq .faq-list li a {
	display: flex;
	align-items: center;
	line-height: 1.4;
	border: 1px solid #ccc;
	margin: 0 10px;
	font-size: 1.4rem;
	padding: 10px 0;
	color: #101010;
	font-weight: bold;
	text-decoration: none;
	transition: background-color ease 0.3s;
	justify-content: center;
}

.page-faq .faq-list li a:hover {
	background: #f0faff;
	color: #008cd6;
}

.page-faq .faq-contents {
	margin: 0 0 50px;
}

.page-faq .faq-contents .ttl {
	font-size: 2rem;
	margin: 0 0 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	background: #f9f9f9;
	font-weight: bold;
}

.page-faq .faq li {
	border-bottom: 1px dotted #444;
	margin: 0 0 30px;
	padding: 0 0 15px;
}

.page-faq .faq p {
	line-height: 1.4;
	font-size: 1.6rem;
}

.page-faq .faq .answer p {
	margin: 3px 0 0;
}
.page-faq .faq a {
	color: #008cd6;
	text-decoration: underline;
}

.page-faq .faq a:hover {
	text-decoration: none;
}

.page-faq .faq .question {
	display: flex;
	align-items: center;
	padding: 0 0 15px;
}

.page-faq .faq .ico {
	color: #fff;
	border-radius: 50%;
	padding: 6px;
	margin: 0 15px 0 0;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	flex-shrink: 0;
	font-size: 1.6rem;
	box-sizing: border-box;
}

.page-faq .faq .question .ico {
	background: #008cd6;
}

.page-faq .faq .answer .ico {
	background: #ed761a;
}

.page-faq .faq .answer {
	display: flex;
	align-items: flex-start;
}

/*------------------------------------------
 *	会員情報入力画面
------------------------------------------*/
.page-ask {
	width: 100%;
	padding: 0;
}

.page-ask .ttl-ask {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 30px 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.page-ask .user-infoinput {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-ask .user-infoinput .tbl-cart-form td {
	line-height: 1.6;
	word-break: break-all;
}

.page-ask .attention {
	color: #d00;
	font-size: 1.2rem;
	margin: 0 0 20px;
	font-weight: bold;
}

.page-ask .rate {
	color: #d00;
}

.page-ask .bold {
	font-weight: bold;
	margin: 20px 0 0;
	font-size: 1.6rem;
	line-height: 1.6;
}

.page-ask .user-infoinput .txt-ask {
	font-size: 1.6rem;
	margin: 0 0 15px;
	line-height: 1.6;
}

.page-ask .user-infoinput .txt-askconfirm {
	font-size: 1.4rem;
	margin: 15px 0 0;
	line-height: 1.6;
}

.page-ask .user-infoinput .txt-ask span {
	color: #d00;
}

.page-ask textarea {
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 1.6rem;
	padding: 8px 7px;
	width:100%;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.page-ask .user-infoinput .btn-ask {
	line-height:40px;
	display: block;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 400px;
	cursor: pointer;
	background: #008cd6;
	margin: 40px auto 0;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-ask .user-infoinput .btn-ask:hover {
	background: #444;
}

.page-ask .btn-askconfirm {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-ask .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height:40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	background: #fff;
	outline: medium none;
	border: 1px solid #101010;
	padding: 12px;
	font-weight: bold;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
}

.page-ask .btn-back:hover {
	background: #ddd;
}

.page-ask .btn-complete {
	line-height:40px;
	display: block;
	margin: 0 10px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: none;
	width: 300px;
	cursor: pointer;
	background: #008cd6;
	transition: background-color 0.3s ease;
	padding: 12px;
	font-weight: bold;
}

.page-ask .btn-complete:hover {
	background: #444;
}

.page-ask .btn-continue {
	margin: 30px auto 10px;
	width: 400px;
}

.page-ask .btn-continue a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-ask .btn-continue a:hover {
	background: #ddd;
}

/*------------------------------------------
 *	現在の受注状況
------------------------------------------*/
.sec-order {
	margin: 0 0 40px;
}

.sec-order .tbl-order-container {
	margin: 0 auto;
	width: 960px;
}

.sec-order .tbl-ttl {
	width: 100%;
	background: #f0faff;
	display: table;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
}

.sec-order .tbl-ttl p {
	display: table-cell;
	font-size: 1.4rem;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
}

.sec-order .tbl-ttl p:nth-child(1),
.sec-order .tbl-order .tbl-order-contents p:nth-child(1) {
	width: 15%;
}

.sec-order .tbl-ttl p:nth-child(2),
.sec-order .tbl-order .tbl-order-contents p:nth-child(2) {
	width: 10%;
}

.sec-order .tbl-ttl p:nth-child(3),
.sec-order .tbl-order .tbl-order-contents p:nth-child(3) {
	width: 40%;
}

.sec-order .tbl-ttl p:nth-child(4),
.sec-order .tbl-order .tbl-order-contents p:nth-child(4) {
	width: 15%;
}

.sec-order .tbl-ttl p:nth-child(5),
.sec-order .tbl-order .tbl-order-contents p:nth-child(5) {
	width: 20%;
}

.sec-order .tbl-order {
	height: 600px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;

}

.sec-order .tbl-order .tbl-order-js {
	width: 100%;
}

.sec-order .tbl-order .tbl-order-contents {
	width: 100%;
	display: table;
	border-bottom: 1px solid #ddd;
	height: 100px;
	vertical-align: middle;
	box-sizing: border-box;
}

.sec-order .tbl-order .tbl-order-js {
	position: absolute;
	left: 0;
	overflow: hidden;
}

.sec-order .tbl-order .tbl-order-contents p {
	font-size: 1.4rem;
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ddd;
}

.sec-order .tbl-order .tbl-order-contents p img {
	width: 100%;
	height: auto;
}

.sec-order .tbl-order .tbl-order-contents p:last-child {
	border-right: #fff;
}

.sec-order .tbl-order .tbl-order-contents p a {
	color: #008cd6;
	text-decoration: underline;
}

.sec-order .tbl-order .tbl-order-contents p a:hover {
	text-decoration: none;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(1) {
	text-align: center;
	line-height: 1.4;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(2) {
	text-align: center;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(3) {
	line-height: 1.4;
	word-break: break-all;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(4) {
	text-align: center;
}

.sec-order .tbl-order .tbl-order-contents p:nth-child(5) {
	text-align: center;
}

/*------------------------------------------
 *	お客様の声一覧
------------------------------------------*/
.page-reviewlist {
	width: 100%;
}

.page-reviewlist .reviewlist-group {
	padding: 0 0 60px;
}

.page-reviewlist .ttl-reviewlist {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 30px 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

.btn-review-write {
	display: block;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	text-align: center;
	outline: medium none;
	border: medium none;
	background: #ed761a;
	width: 300px;
	cursor: pointer;
	text-align: center;
	padding: 10px;
	margin: 0 0 25px;
	transition: opacity ease 0.3s;
}

.btn-review-write i {
	margin: 0 10px 0 0;
}

.btn-review-write:hover {
	opacity: 0.7;
}

.page-reviewlist .voice-list {
	margin: 0 0 40px;
}

.page-reviewlist .voice-list .voice {
	display: flex;
	width: 100%;
	padding: 0 10px 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	margin: 0 0 30px;
}

.page-reviewlist .voice-list .voice .txt-voice {
	width: 100%;
}

.page-reviewlist .voice-list .voice .img-voice {
	width: 250px;
	flex-shrink: 0;
	margin: 0 20px 0 0;
}

.page-reviewlist .voice-list .voice .img-voice img {
	width: 100%;
	height: auto;
}

.page-reviewlist .voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 5px;
	line-height: 1.2;
}

.page-reviewlist .voice-list .voice .ttl-voice {
	font-size: 1.6rem;
	font-weight: bold;
}

.page-reviewlist .voice-list .voice .product-voice {
	font-size: 1.4rem;
	margin: 0 0 15px;
	line-height: 1.2;
	word-break: break-all;
}

.page-reviewlist .voice-list .voice .product-rate {
	font-size: 1.2rem;
	margin: 0 0 5px;
}

.page-reviewlist .voice-list .voice .date-voice {
	margin: 0 0 10px;
	font-size: 1.2rem;
}

.page-reviewlist .voice-list .voice .name-voice {
	font-size: 1.4rem;
	color: #101010;
	font-weight: bold;
	margin: 0 0 0 10px;
}

.page-reviewlist .voice-list .voice .comment {
	font-size: 1.4rem;
	line-height: 1.6;
}

.page-reviewlist .voice-list .voice .comment-staff {
	margin: 12px 0 0;
	padding: 12px 0 0;
	border-top: 1px dotted #999;
}

.page-reviewlist .voice-list .voice .more-voice {
	font-size: 1.4rem;
	text-align: right;
	margin: 5px 0 0;
}

.page-reviewlist .voice-list .voice .more-voice a {
	color: #008cd6;
	transition-duration: none;
}

.page-reviewlist .voice-list .voice .more-voice a:hover {
	text-decoration: underline;
}


/*------------------------------------------
 *	レビュー登録
------------------------------------------*/
.page-review {
	width: 100%;
	padding: 0;
}

.page-review .review-input {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-review .ttl-review {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	line-height: 33px;
}

.page-review .review-group {
	margin: 40px 0 50px;
}

.page-review .review-group p {
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
}


.page-review .btn-reviewconfirm {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}

.page-review .btn-back {
	width: 300px;
	margin: 0 10px;
	line-height: 40px;
	display: block;
	color: #101010;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #101010;
	background: #fff;
	padding: 12px;
	font-weight: bold;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
}

.page-review .btn-back:hover {
	background: #ddd;
}


.page-review .btn-top {
	margin: 30px auto 10px;
	width: 400px;
}

.page-review .btn-top a {
	font-size: 1.6rem;
	color: #101010;
	display: block;
	background: #fff;
	border: 1px solid #101010;
	transition: background-color ease 0.3s;
	margin: 0 0 10px;
	text-align: center;
	padding: 20px;
	font-weight: bold;
}

.page-review .btn-top a:hover {
	background: #ddd;
}

.page-review .btn-confirm {
		line-height: 40px;
		display: block;
		margin: 0 10px;
		color: #fff;
		font-size: 1.6rem;
		text-align: center;
		outline: medium none;
		border: medium none;
		background: none;
		width: 300px;
		cursor: pointer;
		background: #008cd6;
		transition: background-color 0.3s ease;
		padding: 12px;
		font-weight: bold;
}

.page-review .btn-confirm:hover {
	background: #444;
}

.page-review .product .product-info {
	display: flex;
	align-items: flex-start;
}

.page-review .btn-complete {
		line-height: 40px;
		display: block;
		margin: 0 10px;
		color: #fff;
		font-size: 1.6rem;
		text-align: center;
		outline: medium none;
		border: medium none;
		background: none;
		width: 300px;
		cursor: pointer;
		background: #008cd6;
		transition: background-color 0.3s ease;
		padding: 12px;
		font-weight: bold;
}

.page-review .btn-complete:hover {
		background: #444;
}

.page-review .btn-continue {
		margin: 30px auto 10px;
		width: 400px;
}

.page-review .btn-continue a {
		font-size: 1.6rem;
		color: #101010;
		display: block;
		background: #fff;
		border: 1px solid #101010;
		transition: background-color ease 0.3s;
		margin: 0 0 10px;
		text-align: center;
		padding: 20px;
		font-weight: bold;
}

.page-review .btn-continue a:hover {
		background: #ddd;
}

.review-input {
	width: 100%;
}

.review-input .tbl-cart-form {
	width: 100%;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.review-input .tbl-cart-form th {
	padding: 20px 10px;
	background: #E1F6FD;
	text-align: left;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: bold;
	vertical-align: top;
	width: 20%;
}

.review-input .tbl-cart-form th span {
	margin: 0 0 0 5px;
	color: #d00;
}

.review-input .tbl-cart-form td {
	padding: 20px;
	background: #fff;
	font-size: 1.6rem;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: left;
	vertical-align: middle;
	width: 80%;
}

.page-review .review-input .txt-review {
	font-size: 1.6rem;
	margin: 0 0 15px;
	line-height: 1.6;
}

.page-review .review-input .txt-reviewconfirm {
	font-size: 1.4rem;
	margin: 15px 0 0;
	line-height: 1.6;
}




/*------------------------------------------
 *	図面ページ
------------------------------------------*/
.category-contens {
	padding: 0;
}
.documents-group {
	position: relative;
}

.documents-group .txt-documents {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 30px;
}

.documents-group .txt-documents a {
	color: #008cd7;
	text-decoration: underline;
}

.documents-group .txt-documents a:hover {
	text-decoration: none;
}

.documents-group .documents-ttl {
	font-size: 2rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
	word-break: break-all;
}

.documents-group .document-contents {
	margin: 0 0 50px;
}

.documents-group .txt-documents-contents {
	font-size: 1.4rem;
	margin: 0 0 20px;
	line-height: 1.6;
}

.documents-group .lightgallery {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.documents-group .lightgallery a {
	width: 10%;
	position: relative;
	text-align: center;
}

.documents-group .lightgallery a img {
    border: 1px solid #d0d0d0;
    margin-bottom: 24px;
    overflow: hidden;
}

.documents-group .lightgallery a:hover img {
    border: 1px solid #008cd7;
}

.documents-group .btn-documents {
    width: 800px;
    margin: 0 auto 40px;
    word-break: break-all;
}

.documents-group .btn-documents a {
    display: block;
    padding: 24px 0;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #008cd7;
    transition: background-color 0.3s ease;
    font-size: 1.8rem;
    font-weight: bold;
}

.documents-group .btn-documents  a:hover {
    background:#444;
}

#documents_fixed {
    position: fixed;
    text-align: center;
    right: 24px;
    z-index: 9999;
    /*width: 160px;*/
    width: 270px;
    margin: 0;
    padding: 0;
    top: 340px;
}

#documents_fixed img {
    width: 42%;
    height: auto;
    margin: 0;
    flex-shrink: 0;
}

#documents_fixed a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px;
    text-decoration: none;
    border: 1px solid #d0d0d0;
    background: #fff;
}

#documents_fixed a:hover {
    border: 1px solid #008cd7;
}

#documents_fixed .caption {
    width: 57%;
    margin: 10px 0 0;
}

#documents_fixed .caption .ttl-product {
    font-size: 1.2rem;
    word-break: break-all;
    color: #008cd7;
    text-align: left;
    line-height: 1.4;
    font-weight: bold;
}

#documents_fixed .caption .rate {
    font-size: 1.1rem;
    width: 100%;
    padding: 3px 0;
    text-align: center;
    color: #fff;
    background: #008cd7;
    margin: 3px 0 0;
}

#documents_fixed .caption .price {
    font-size: 1.4rem;
    font-weight: bold;
    color: #d00;
    margin: 8px 0 0;
    padding: 0 0 8px;
}

.lg-outer {
	z-index: 9999!important;
}

.lg-backdrop {
	z-index: 9999!important;
}

/*------------------------------------------
 *	サイトマップ
------------------------------------------*/
.page-sitemap {
	width: 100%;
}

.sitemap-group .sitemap-ttl {
	font-size: 2rem;
	margin: 0 0 20px;
	padding: 15px;
	background: #eee;
	font-weight: bold;
	word-break: break-all;
}

.sitemap-group .sitemap-ttl a {
	color: #101010;
	text-decoration: none;
}

.sitemap-group .sitemap-ttl a:hover {
	text-decoration: underline;
}


.sitemap-group .sitemap-nav {
	width: 100%;
	margin: 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.sitemap-group .sitemap-nav .sitemap-container {
	width: calc(100% /4);
}

.sitemap-group .sitemap-nav .sitemap-inner {
	padding: 0 20px 20px 0;
	width: 100%;
	box-sizing: border-box;
}

.sitemap-group .sitemap-nav .sitemap-page-ttl {
	background: #f0faff;
	padding: 10px;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position: relative;
}

.sitemap-group .sitemap-nav .sitemap-page-ttl .arrow {
	display: block;
	position: absolute;
	width: 48px;
	height: 35px;
	top: 50%;
	right: 0;
	margin: -17px 0 0;
	cursor: pointer;
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-js:nth-last-of-type(2) .arrow {
	display: block;
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-page-ttl .arrow:after {
	display: block;
	content: "";
	border-right: 2px solid #777;
	border-top: 2px solid #777;
	height: 8px;
	right: 15px;
	margin: -7px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(135deg);
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-page-ttl .arrow.open:after {
	display: block;
	content: "";
	border-right: 2px solid #777;
	border-top: 2px solid #777;
	height: 8px;
	right: 15px;
	margin: -2px 0 0;
	position: absolute;
	top: 50%;
	width: 8px;
	transform: rotate(-45deg);
}

.sitemap-group .sitemap-nav .sitemap-page-ttl a {
	color: #101010;
	text-decoration: none;
}

.sitemap-group .sitemap-nav .sitemap-page-ttl a:hover {
	text-decoration: underline;
	color: #008cd6;
}

.sitemap-group .sitemap-nav .sitemap-page-list {
	padding: 0 0 0 10px;
	border-left: 1px solid #ddd;
	list-style: none;
}

.sitemap-group .sitemap-nav .sitemap-inner .sitemap-page-list.sitemap-js {
	display: none;
}

.sitemap-group .sitemap-nav .sitemap-page-list li {
	color: #101010;
	text-decoration: none;
	padding: 5px 0 0;
	line-height: 1.4;
	word-break: break-all;
}

.sitemap-group .sitemap-nav .sitemap-page-list li a {
	font-size: 1.4rem;
	list-style: none;
	color: #101010;
}

.sitemap-group .sitemap-nav .sitemap-page-list li a:hover {
	text-decoration: underline;
	color: #008cd6;
}

/*------------------------------------------
 *	autocomplete予測検索
------------------------------------------*/
input#quantity{
    border:none;
    width:60%;
}

.ui-widget.ui-widget-content {
	border: 1px solid #aed0ea;
	/*position: absolute !important;*/
	/*left: 0 !important;*/
	width: 100% !important;
	border-radius: 0!important;
	box-sizing: border-box;
	font-size: 1.4rem!important;
   padding-right:0.5em;
}

/*.ui-widget.ui-widget-content {
	border: 1px solid #aed0ea;
	position: absolute !important;
	left: 0 !important;
	width: 100% !important;
	border-radius: 0!important;
	box-sizing: border-box;
	font-size: 1.4rem!important;
}*/

.ui-widget.ui-widget-content li {
	word-break: break-all;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	font-weight: 400;
	font-size:1.4rem;
}

.ui-widget.ui-widget-content .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0;
}

#ui-id-1 {
	top: 41px;
}

#ui-id-1 .ui-menu-item:nth-child(11) a {
	background-color:#008cd7;
	background-image:none;
	color:#fff;
}

#ui-id-1 .ui-menu-item:nth-child(11) a:hover {
	background-color:#45ace3;
	background-image:none;
	color:#fff;
}

#ui-id-2 .ui-menu-item:nth-child(11) a {
	background-color:#008cd7;
	background-image:none;
	color:#fff;
}

#ui-id-2 .ui-menu-item:nth-child(11) a:hover {
	background-color:#45ace3;
	background-image:none;
	color:#fff;
}


.tbl-standard-group .tbl-standard .input-quantity-group .ui-widget.ui-widget-content {
	border: 1px solid #aed0ea;
	position:relative  !important;
	left: 0  !important;
	width: 100% !important;
	border-radius: 0!important;
	box-sizing: border-box;
	font-size: 1.4rem!important;
}

.input-cart-contents .ui-widget.ui-widget-content {
	border: 1px solid #aed0ea;
	position:relative  !important;
	left: 0  !important;
	width: 70% !important;
	border-radius: 0!important;
	box-sizing: border-box;
	font-size: 1.4rem!important;
}

/*Knavi*/
.page-knaviconfirm {
	width: 100%;
	padding: 0;
}

.page-knaviconfirm .tokne-knaviconfirm {
	padding: 0 20px;
	max-width: 1024px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.page-knaviconfirm .ttl-knaviconfirm {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
    line-height: 33px;
}

.knavi_confirm_attention {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 10px;
}


/*フッター*/
#bottom_navi {
    display: none;
}

#footer {
    font-size: 1.4rem;
    border-top: 5px solid #008cd6;
    background: #f0faff;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 9998;
}

#footer .footer-nav {
	padding: 30px;
	display: flex;
	justify-content: space-between;
}

#footer .footer-nav .footer-nav-ttl {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 0 10px;
	color: #222;
	pointer-events: none;
}

#footer .footer-nav .footer-nav-list {
	margin: 0 0 20px;
}

#footer .footer-nav-list li {
	margin: 0 0 8px;
}

#footer .footer-nav-list li a {
	color: #008cd6;
}

#footer .footer-nav-list li a:hover {
	text-decoration: underline;
}

#footer .footer-company {
	display: flex;
	width: 550px;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

#footer .company-info {
	padding: 0 0 0 20px;
}

#footer .footer-company .footer-logo {
	margin: 0 0 10px;
}

#footer .footer-company .footer-logo img {
	width: 200px;
	height: auto;
}

#footer .footer-company .footer-address {
	line-height: 1.4;
	margin: 0 0 5px;
}

#footer .footer-company .footer-tel a {
	pointer-events: none;
	font-weight: bold;
	font-size: 2.4rem;
	color: #ed761a;
}

#footer .footer-company .txt-btime {
	display: inline-block;
	font-size: 1.2rem;
	margin: 5px 0 0;
}

#footer .footer-contact-btn {
	margin: 15px 0 0;
	width: 100%;
	text-align: center;
}

#footer .footer-contact-btn a {
	width: 100%;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	background: #008cd7;
	font-size: 1.4rem;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
}

#footer .footer-contact-btn a:hover {
	background: #444;
}

#footer .footer-ssl {
	display: flex;
	width: 550px;
	padding: 10px;
	border: 1px solid #d0d0d0;
	align-items: center;
}

#footer .footer-ssl .img-ssl {
	margin: 0 10px 0 0;
	width: 90px;
	flex-shrink: 0;
}

#footer .footer-ssl p {
	line-height: 1.4;
}

#footer .copyright {
	text-align: center;
	background: #fff;
	padding: 15px 0;
	font-size: 1.2rem;
}

#footer .copyright a {
	color: #008cd6;
	text-decoration: underline;
}

#footer .copyright a:hover{
	text-decoration: none;
}

.swiper-container{
  display: flex;
}
.swiper-container.slick-initialized{
  display: block;
}

 /*.cart-product .product .product-price-group .product-quantity .product-quantity-inner .input-quantity-group .input-quantity-spinner {
  width: 75px;
  height:30px;
}*/


@media (min-width:768px) {
    .page-productgroup .tbl-standard-group.pc {
        display: block;
    }

    .page-productgroup .tbl-standard-group.sp {
        display: none;
    }
}