@charset "euc-jp";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/

.catetitle {
	background-color:#314753;
	width: 100%;
	color: #fff;
	font-size: 18px;
	padding: 5px auto 5px 10px;	
}

.midashi-series {
	clear:both;
	overflow:hidden;
	margin: 20px auto 5px auto;
	text-align:center;
}

.midashi-item{
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid #000;
	}

.image_item{
		width: 100%;
	}

.product-box {
    background: #FFF;
    padding: 50px 10px 50px 22px;
    overflow: hidden;
	width: 100%;
	float: left;
	
}
		
.productimg {
    float: left;
    margin-right: 10px;
	width: 200px;
}
.productsummary {
    font-size: 14px;	
    overflow: hidden;
}
.productname {
    font-size: 14px;
    font-weight: bold;
    margin: 8px;
	vertical-align:text-top;
}


.item-code {
	font-size:16px;
	font-weight: 400;
	color: #fff;
	background-color:#000;
	line-height: 200%;
	padding: 0 10px;
	margin-bottom: 10px;
}
.item-code a{
	display: block;
	text-decoration: none;
}
	
/* シンプル 枠 1*/
.kakomi-box1 {
 margin: 5px auto;
 padding: 2px 5px 0px 5px;;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
 text-align: center;
 font-size: 11px;
 display:inline-block;
 color: gray;
position:relative;
}	

.btn-black_half {
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 45px;
  width: 44%;
  position: relative;
text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
	background-color: #000;
	float: left;
	margin:30px 3%;
}

.btn-black_half:hover {
  color: #FFF;	
  opacity: 0.6;
  text-decoration: none;	
}	


/* デスクトップレイアウト : 769 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {

.catetitle {
	background-color:#314753;
	width: 100%;
	color: #fff;
	font-size: 18px;
	padding: 5px auto 5px 10px;	
}
	
.midashi-series {
	clear:both;
	overflow:hidden;
	margin: 20px auto 10px auto;
	text-align:center;
}

.midashi-item{
	font-size: 25px;
	font-weight: 600;
	border-bottom: 1px solid #000;
	}

.image_item{
	width: 200px;
	margin: 0 auto;
	display: block;
	}
	

		
.productimg {
    float: left;
    margin-right: 10px;
	width: 200px;
}
.productsummary {
    font-size: 14px;	
    overflow: hidden;
}
.productname {
    font-size: 14px;
    font-weight: bold;
    margin: 8px;
	vertical-align:text-top;
}
.product-box {
    background: #FFF;
    padding: 50px 10px 50px 22px;
    overflow: hidden;
	width: 45%;
	float: left;
	
}
	
.product-box img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}

.product-box:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
		
.item-code {
	font-size:16px;
	font-weight: 400;
	color: #fff;
	background-color:#000;
	line-height: 200%;
	padding: 0 10px;
	margin-bottom: 10px;
}
.item-code a{
	display: block;
	text-decoration: none;
}
	
/* シンプル 枠 1*/
.kakomi-box1 {
 margin: 5px auto;
 padding: 2px 5px 0px 5px;;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
 text-align: center;
 font-size: 11px;
 display:inline-block;
 color: gray;
position:relative;
}		

.btn-black_half {
  color: #FFF;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 45px;
  width: 44%;
  position: relative;
	text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
	background-color: #000;
	float: left;
	margin:30px 3%;
}

.btn-black_half:hover {
  color: #FFF;	
  opacity: 0.6;
  text-decoration: none;	
}	

}