﻿@charset "utf-8";

.box-wrap{
 display:flex;
}

.box-1 {
box-sizing: border-box;
text-align: center;
padding: 0.25em 0.25em;
width: 98%;
}


.box-2 {
 box-sizing: border-box;
 text-align: center;
 font-weight: bold;
 font-size: 16px; 	
 background-color: #f7e1c9;
 padding: 0.15em 0.15em;
 width: 100%;
}



.box-3 {
 box-sizing: border-box;
 text-align: left;
 padding: 0.25em 0.25em;
 width: 100%;
}


/*▼▼▼商品ページ用▼▼*▼**/

	/*マルチカラム（1～6）*/
	.col,
	.col_ns{
		float: left;
	}

	.col::after,
	.col_ns::after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}

	.col5-wrap > .col,
	.col4-wrap > .col,
	.col2-wrap > .col{
		width: 49%;
	}

	.col5-wrap > .col:nth-child(odd),
	.col4-wrap > .col:nth-child(odd),
	.col2-wrap > .col:nth-child(odd){
		margin-right: 2%;
	}

	.col6-wrap > .col,
	.col3-wrap > .col{
		width: 32%;
		margin-right: 2%;
	}

	.col6-wrap > .col:nth-child(3n),
	.col3-wrap > .col:nth-child(3n){
		margin-right: 0;
	}

	.col5-wrap > .col_ns,
	.col4-wrap > .col_ns,
	.col2-wrap > .col_ns{
		width: 50%;
	}

	.col6-wrap > .col_ns,
	.col3-wrap > .col_ns{
		width: 33.33333333%;
	}
	
	
	
	
	/* ▼▼2021-07-31　介護ベッド追加▼▼ */

.div item_upper_bed{
text-align:left;
}
.item_upper_bed p{
font-size:15px;
}


@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium"),
       local("Yu Gothic");
  font-weight: 500;
       /*
         Chrome 58.0.3029.110 (64-bit) では
         "Yu Gothic Medium" を認識しないバグあるため
         "Yu Gothic" と font-weight も併せて指定。
       */
}

p {
  font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}

/*見出し*/

.item_upper_bed h2 {
  position: relative;
  background: #374D40;
  padding: 10px 5px 10px 25px;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px 10px 10px 10px;
}

.item_upper_bed h3 {
  position: relative;
  background: #F5E2C7;
  padding: 2px 5px 2px 50px;
  font-size: 20px;
  color: #624B3F;
  font-weight: bold;
  border-radius: 10px 2px 2px 10px;
}

.item_upper_bed h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f236";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #714B32;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -0.3em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

/*説明枠*/

.box1 {
    border: 4px double #ddd;
    margin: 2em 0;
    padding: 2em;
}



/*価格下部表*/


.itemSpec_bed {
width:100%;
border-top:solid 1px #6D9513;
border-right:solid 1px #6D9513;
border-left:solid 1px #6D9513;
margin:0 0 12px 0;
}
.itemSpec_bed th {
border-right:solid 1px #6D9513;
border-bottom:solid 1px #6D9513;
background-color:#CEF4AB;
padding:5px;
font-weight:bold;
}
.itemSpec_bed td {
border-right:solid 1px #6D9513;
border-bottom:solid 1px #6D9513;
padding:5px;
}



/* 商品キャッチコピー */
.itemCatchCopy {
display:block;
font-weight:normal;
font-size:85%;
color:#900;
}

/* 商品名 */
.itemTitle {
font-weight:bold;
font-size:123.1%;
}

/* 当店特別価格 */
.itemPrice {
font-weight:bold;
font-size:123.1%;
color:#900;
}


/* 4カラムtable */
.itemSpec_bed1{
width:100%;
margin:20px 0px 0px 0px;
border-top:solid 1px #6D9513;
border-right:solid 1px #6D9513;
border-left:solid 1px #6D9513;

}

.itemSpec_bed1 th{
width:25%;
padding:5px 5px 5px 5px;
border-right:solid 1px #6D9513;
border-bottom:solid 1px #6D9513;
background:#CEF4AB;
font-weight:bold;
}

.itemSpec_bed1 td{
width:25%;
padding:5px 8px 5px 8px;
border-right:solid 1px #6D9513;
border-bottom:solid 1px #6D9513;
background:#fff;
text-align:left;
}


/* 2カラムtable */
.itemSpec_bed2{
width:100%;
margin:0px 0px 0px 0px;
border-top:solid 1px #6D9513;
border-right:solid 1px #6D9513;
border-left:solid 1px #6D9513;

}

.itemSpec_bed2 th{
width:20%;
padding:5px 5px 5px 5px;
border-right:solid 1px #6D9513;
border-bottom:solid 1px #6D9513;
background:#CEF4AB;
font-weight:bold;
}

.itemSpec_bed2 td{
width:80%;
padding:5px 8px 5px 8px;
border-right:solid 1px #6D9513;
border-bottom:solid 1px #6D9513;
background:#fff;
text-align:left;
}


/* ▼RWD対応▼ */
@media only screen and (min-width: 320px) and (max-width: 1023px) {
/* h2,h3タグフォント関連調整 */
.item_upper_bed h2 {
  font-size: 15px;
  padding: 5px;
}

.item_upper_bed h3 {
  font-size: 15px;
  padding: 7.5px 5px 7.5px 45px;
}


/*説明枠*/
.box1 {
    border: 4px double #ddd;
    margin: 1em;
    padding: 1em;
}

}
/* ▲RWD対応▲ */



/* ▼ページ内リンク▼*/

#header {
    width: 100%;
    min-width: 960px;
   height: 100px;
  position: fixed;
    left:0;
 top:0;
  z-index: 10;
}
#content{
  padding-top: 100px;
}
#link01 {
   margin-top:-100px;
  padding-top:100px;
}

html{scroll-behavior: smooth;}


/* ▼ページ内リンク▼ */