/*----------------------------- 
ポーター
----------------------------- */
div.td280{
	width:280px;
	float:left;
	margin:10px 20px 0 0;
}

ul.alphabet2 li{
	float:left;
	margin:0 5px;
	list-style:none;
}
@charset "UTF-8";

/*----------------------------- 
動的スタイルシート
商品詳細ページ
----------------------------- */

hr{
	clear:both;
	border: 0;
	border-top: #CCC dotted 3px;
	margin:15px 0;
}

/*-- ページャー --*/
div.pager{
	text-align:center;
	margin:10px auto;
	font-size:140%;
}

/*-- コンテンツ部分 --*/
#products {
	font-size:100%;
	width: 600px;
	margin: 0 auto;
}

#products p{
	margin-bottom:15px;
}

/*-- カテゴリバナー --*/
#cate_img {
	width: 600px;
    height:auto;
    overflow:hidden;
}

/*-- h2 商品名 --*/
#products h2.line01{
	font-size:150%;
    border-bottom:3px solid #000066;
}

/*-- h2 商品名 --*/
#products h2.line02{
	font-size:160%;
    border:0;
	margin:10px 0;
	color:#000066;
}

/*-- h2 商品名 --*/
#products h3{
	
}


/*-- h2 span 型番 --*/
#products h2.line01 span{
	
}

#products h2.line01 span.b{
	float:right;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    color:#666666;
	width:250px;
	font-weight:bold;
	letter-spacing: 0.1em;
	line-height:100%;
	margin-top:10px;
}

#products h2.line01 span.red{
	display:inline;
    font-size:70%;
    font-weight:normal;
    text-align:left;
	margin:0;
	width:10px;
}

#products h2.line01 span.red{
	float:left;
    color:#B70000;
	margin-right:10px;
}

/*-- 商品ページバナー --*/
#banner_img {
	width: 600px;
    height:auto;
    overflow:hidden;
    margin-bottom:5px;
}
/*-- 詳細content --*/
div.product_content{
	position:relative;
}

/*-- 詳細左側ボックス --*/
#products .mimg-box,
#products .guide-box{
	width:250px;
	float:left;
}

#products .mimg-box{
	position:relative;
}
#products .mimg-box:after{
	content: "";
	clear: both;
	display: block;
  	height: 0;
}
#products .guide-box{
	position:absolute;
	top:310px;
	left:0;
}


/*-- 詳細右側ボックス --*/
.right-box{
	    width: 330px;
    float:left;
	margin-left:20px;
}

.right-box p{
	margin-bottom:10px!important;
}


/*-- h3 キャッチコピー --*/
#products h3.catch{
	color:#5A2E2E;
  	font-size:16px;
	margin-bottom:10px;
	line-height:140%;
}

/*-- カート部品　ボックス --*/
#products .cart_box{
	margin-top:20px;
	background-color:#E4E4E4;
  	padding:20px 10px 20px 20px;
    margin-bottom:20px;
}

#products .cart_box p{
    margin-bottom:10px;
}


#products .cart_box p.lh120{
	margin-top:10px;
	line-height:130%;
	margin-bottom:0;
}

#products .cart_box dd.point{
	display:block;
	background:#fff;
	font-size:12px;
	padding:3px 5px;
	color:#ff0000;
	font-weight:normal;
	border:1px solid #ff0000;
	margin-left:90px;
}

/*-- カート部品　セレクトボックス --*/
#products select.big{
    width:100px;
    margin-bottom:10px;
}

#products select.amount{
    width:50px;
    margin-bottom:10px;
}

#products .cart_box DL{
	
}

#products .cart_box DL DT{
	clear:both;
	width:90px;
	float:left;
}
#products .cart_box DL DD.price_red{
    color:#b12704;
}
#products .cart_box DL DD{
	float:left;
	width:200px;
}

#products .cart_box DL.kakaku{
	font-weight:bold;
	font-size:140%;
}

#products .cart_box DL DT.maker{
	font-weight:normal;
	font-size:70%;
	margin-bottom:15px;
}

#products .cart_box DL DD.maker2{
	font-weight:normal;
	font-size:70%;
	margin-bottom:15px;
}

/*----------------------------- 
オプション表
----------------------------- */

#products table.zokusei_hyou{
	    width: 300px;
    border: 1px #CCCCCC solid;
	border-collapse: collapse;
    margin:0;
}

#products table.zokusei_hyou td{
	border: 1px #CCCCCC solid;
	text-align: center;
}

#products span.zaiko_chuui{
	font-size:12px;
    font-weight:normal;
    display: block;
    margin-bottom:10px;
}



/*-- --------------------------*/

/*-- カート部品　買い物カゴ　サブミットボタン --*/
#products input.cart_in{
    width:160px;
    height:40px;
    background:#000066;
    border-style: none;
    color: #fff;
    font-weight:bold;
    font-size:16px;
    letter-spacing: 0.2em;
    margin:0;
}


/*-- ガイドメニュ－ --*/
.detail_item_guide ul
{
	margin:10px 0;
}
.detail_item_guide ul li
{
	padding: 3px 0 3px 20px;
	font-size: 12px;
	list-style: none;
}
.detail_item_guide ul li.souryou
{
	background: url(../images/products/icon/ico_note.gif) no-repeat left;
}
.detail_item_guide ul li.form
{
	background: url(../images/products/icon/ico_mail2.gif) no-repeat left;
}
.detail_item_guide ul li.review
{
	background: url(../images/products/icon/ico_comment1.gif) no-repeat left;
}
.detail_item_guide ul li.toukou
{
	background: url(../images/products/icon/ico_pen.gif) no-repeat left;
}
.detail_item_guide ul li.cat
{
	background: url(../images/products/icon/ico_plus1.gif) no-repeat left;
}

.detail_item_guide div.mall_link
{
	margin: 60px auto 5px auto;
	line-height: 50px;
}

/*-- ガイドメニュ－　大サイズ --*/


/*----------------------------- 
画像３～６
パターン３種　
----------------------------- */
#products h3.obi{
	width:590px;
	padding:0 5px;
	font-size:110%;
	clear:both:
	display:block;
	background:#171c60;
	color:#ffffff;
	font-weight:normal;
	margin:10px 0;
}

#products h3.obi_black{
	width:590px;
	padding:0 5px;
	font-size:110%;
	clear:both:
	display:block;
	background:#000000;
	color:#ffffff;
	font-weight:normal;
	margin:10px 0;
}

#products .imgbox_typeB{
	width: 270px;
    margin:0 30px 20px 0;
    float:left;
	line-height:150%;
}


#products .imgbox_typeD{
	width:600px;
	margin:20px 0;
	padding-bottom:10px;
	line-height:150%;
}


#products .imgbox_typeC{
	margin-bottom:10px;
}

#products .imgbox_typeC img{
	float:left;
    margin-right:20px;
}

/*----------------------------- 
関連記事
----------------------------- */

#products .kiji_box{
	padding:20px;
    border: #CCCCCC dotted 3px;
    margin:20px 0;
}

#products .kiji_box h3{
    border-bottom: #E4E4E4 solid 3px;
	margin-bottom:20px;
}

#products .kiji_box .kiji_img_box{
	width:250px;
    float:right;
    margin-left:20px;
    font-size:12px;
    color:#000080;
}

/*----------------------------- 
お客様の声
----------------------------- */
#products .review_box{
}

div.bg_blue{
	padding:20px;
	background:#ebebfd;
	margin-bottom:50px;
}

div.bg_blue p{
	margin-bottom:15px!important;
	line-height:140%;
}

#products .review_box h3{
	padding:5px;
	border-bottom: #E4E4E4 solid 3px;
    border-top: #E4E4E4 solid 3px;
  	font-size:14px;
}

#products .review_box h3 a{
	text-decoration:none;
  	font-size:16px;
}

#products .review_box ul{
	list-style-type: none;
}

#products .review_box ul li{
	margin-bottom:10px;
    border-bottom:  dotted 1px;
}

#products .review_box ul li.henshin{
	margin-bottom:10px;
	margin-left:10px;
	color:#000080;
}


/*----------------------------- 
関連商品
----------------------------- */

#products .awase_box{
	
    
}

#products .awase_box h3{
	padding:5px;
	border-bottom: #E4E4E4 solid 3px;
    border-top: #E4E4E4 solid 3px;
  	font-size:14px;
    margin-top:20px;
}


/*----------------------------- 
関連商品・商品一覧
商品のテーブル
----------------------------- */

#products table.item_table{
	margin:5px 2px;
	border:1px solid #CCCCCC;
    float:left;
    padding:2px 0 10px 0;
        width: 140px;
}
#products table.item_table td{
	word-wrap: break-word;
}
#products table.item_table td.shiyo{
	word-wrap: break-word;
	font-size:10px!important;
}
#products table.item_table tr{
	text-align:center;
	line-height:150%;
}
#products table.item_table td.img{
	height:18px;
}
#products table.item_table td.price{
	padding-top:5px;
	text-align:center;
	font-size:140%;
    color:#b12704;
}
#products table.item_table td.price span.f12{
	font-size:11px!important;
}
#products table.item_table td.shiyo{
	height:30px;
	padding:0;
	font-size:90%;
	line-height:120%;
}

#products table.item_table th{
	text-align:center;
	height:60px;
}

#products table.item_table th a{
	line-height:140%;
    margin:0;
    font-weight:bold;
}

#products table.item_table span.btn_box2{
	display:block;
    text-align:center;
    background:#000066;
    color:#FFFFFF;
    padding:3px;
    font-size:12px;
	margin-left:10px;
}

#products table.item_table span.btn_box2 a{
	color:#ffffff;
	text-decoration:none;

}
#products table.item_table:nth-of-type(4n){
	margin:5px 0 5px 1px;
}
#products table.item_table:nth-of-type(4n+1){
	clear:both;
}
#products div.cate_text{
	line-height:150%;
	margin-bottom:20px;
}

#products div.cate_text p{
	margin-bottom:20px;
}

/*----------------------------- 
お買い物ガイド
----------------------------- */
#products div.pay_txt{
	border-bottom:1px dashed #CCCCCC;
	padding:10px 0 20px 0;
}

#products div.pay_txt h4{
	font-size:120%;
}


#products div.pay_txt p{
	margin-bottom:15px;
}

#products h3.guide{
	background:#000066;
	font-size:120%;
	color:#FFFFFF;
	padding:2px 10px;
	margin:20px 0;
	
}

/*----------------------------- 
シリーズ名から探す
----------------------------- */
#products .flex3{
    display: flex;
}
#products .flex3 .series{
	width: calc((100% - 24px) / 3) ;
	border: 1px solid #9a9a9a;
	margin: 0 4px;
	color:;
}
#products .flex3 .series a{
	display:block;
	text-decoration: none;
	font-family: sans-serif;
	text-align:center;
	color:#333;
	font-weight:600;
	font-size: 1.2rem;
	padding: 8px;	
}
#products .flex3 .series a span{
	font-size:13px !important;
	letter-spacing: -0.06em;
}

#products .flex3 .series a {
  -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  /*display: block;
  margin: 20px auto;
  max-width: 180px;
  text-decoration: none;
  border-radius: 4px;
  padding: 20px 30px;*/

  color: rgba(51,51,51,1.00);
  box-shadow: rgba(51,51,51,1.00) 0 0px 0px 1px inset;
}

#products .flex3 .series a:hover {
  color: #fff;
  box-shadow: rgba(51,51,51,1.00) 0 0px 0px 40px inset;
}



#products div.to_title{
	border:1px solid #333333;
	padding:2px 5px;
	float:left;
	width:180px;
	margin:0 5px 20px 0;
	text-align:center;
}

#products div.to_title a{
	color:#B00000;
	font-weight:bold;
}


#products ul.alphabet{
	margin:10px 0 20px ;
	display:flex;
}

#products ul.alphabet li{
	float:left;
	list-style:none;
	margin:0 3px 0 5px;
	font-size:120%;
	font-weight:normal;
}

#products ul.alphabet li a{
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

#products ul.alphabet li a:hover{
	color:#BB0000;
	text-decoration:underline;
}


#products img.series_img{
	float:left;
	margin-top:10px;
}


#products ul.series_list{
	margin-bottom:10px;
}

#products ul.series_list li{
	border-bottom:1px dotted #333333;
	list-style: none;
	line-height:160%;
	padding:10px 0;
	height:auto;
	position: relative;
	
}

#products ul.series_list_porter{
	float:left;
	margin-bottom:5px;
	width:535px;
	margin-left:15px;
}

#products ul.series_list_porter li{
	border-bottom:1px dotted #333333;
	list-style: none;
	line-height:160%;
	padding:10px 0 10px 0;
	position: relative;
}


#products div.title{
	clear:both;
	width:225px;
	float:left;
	margin-right:15px;
}



#products h3.s_name{
	width:100%;
	text-align:left;
	font-size:110%;
}

#products h3.s_name a{
	font-size:110%;
	color:#000066;
	text-decoration:none;
}

#products .btn_box{
	width:100px;
	display:block;
    text-align:center;
    background:#000066;
    color:#FFFFFF;
    padding:3px;
    font-size:12px;
	float:right;
}

#products .btn_box a{
	color:#ffffff;
	text-decoration:none;
}

#products div.series_list_box{
	width:545px;
	float:right;
	margin:6px 0 0 0;
}

#products div.series_list{
	width:133px;
	float:left;
	margin:5px 3px 0 0;
	font-size:95%;
	line-height:120%;
}

#products div.series_list a{
	text-decoration:none;
}
#products div.series_list a:hover{
	text-decoration:underline;
}


#products div.series_list2{
	width:145px;
	float:left;
	margin:5px 5px 0 0;
	font-size:95%;
	line-height:120%;
}

#products div.series_list2 a{
	text-decoration:none;
}
#products div.series_list2 a:hover{
	text-decoration:underline;
}


#products ul.ul_series{
	margin:10px 0 10px 15px;
}

#products ul.ul_series li{
	font-size:95%;
	width:112px;
	float:left;
	margin-right:5px;
}

#products ul.ul_series li a{
	text-decoration:none;
}
#products ul.ul_series li a:hover{
	text-decoration:underline;
}


/*----------------------------- 
アイテムから探す
----------------------------- */
#products img.item_g{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#products div.item_navi{
	background:#000066;
	font-size:150%;
	font-weight:bold;
	padding:3px 10px;
	color:#FFFFFF;
	margin-bottom:10px;
}

#products h3.org{
	color:#E87400;
	font-size:14px;
	padding:0;
	margin-top:20px;
}

#products div.osusume{
	width:600px;
	padding:5px 0 5px 0;
}

#products table.item_table2{
	background:#ffffff;
	margin:5px 5px;
    float:left;
   	padding:2px 2px 10px 2px;
        width: 140px;
	border:1px solid #CCCCCC;
}



#products table.item_table2 tr{
	text-align:center;
	line-height:150%;
}

#products table.item_table2 td.img{
	height:18px;
}

#products table.item_table2 td.price{
	padding-top:5px;
	text-align:center;
	font-size:140%;
}

#products table.item_table2 td.shiyo{
	overflow:hidden;
	height:30px;
	font-size:90%;
	line-height:120%;
}

#products table.item_table2 th{
	text-align:center;
	padding-bottom:10px;
	height:60px;
}

#products table.item_table2 th a{
	line-height:140%;
    margin:0;
    font-weight:bold;
}

#products table.item_table2 span.btn_box2{
	display:block;
    text-align:center;
    background:#000066;
    color:#FFFFFF;
    padding:3px;
    font-size:12px;
	margin-left:10px;
}

#products table.item_table2 span.btn_box2 a{
	color:#ffffff;
	text-decoration:none;
}

#products div.to_osusume_list{
	background: url(../images/products/item_btn_bg.gif) no-repeat 0px 0px;
	text-align:center;
	width:600px;
	height:32px;
	padding:8px 0 0 0;
}

#products div.to_osusume_list img{
	
	vertical-align:text-top;
}

#products div.to_osusume_list a{
	display : block ;
	text-decoration:none;
	font-size:140%;
	font-weight:bold;
	color:#333333;
}

#products div.to_osusume_list a:hover{
	color:#800000;
	background: url(../images/products/item_btn_bg-o.gif) no-repeat 0px -0.45em;
	width:600px;
	height:30px;
}

#products div.to_osusume_list span.red{
	font-size:80%;
}


/*----------------------------- 
色から探す
----------------------------- */

#products div.color_box{
	float:left;
	width:50px;
	margin:0 2px;
	line-height:120%;
	margin-bottom:10px;
	font-size:90%;
}

#products div.color_box a{
	text-decoration:none;
	color:#333333;
}

#products div.color_box a:hover{
	color:#BB0000;
}

/*----------------------------- 
金額から探す
----------------------------- */
#products div.kakaku{
	margin-top:20px;
}
#products div.kakaku .item_box{
	margin:0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#products div.kakaku_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width:134px;
	margin:0 2px;
	line-height:120%;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	font-size:110%;
	font-weight:bold;
	text-align:center;
}

#products div.kakaku_box a{
	display:block;
	text-decoration:none;
	color:#333333;
	padding:5px;
}

#products div.kakaku_box a:hover{
	color:#BB0000;
}

/*----------------------------- 
性別から探す
----------------------------- */
#products div.sex_box{
	width:80px;
	padding:2px 2px 2px 10px;
	float:left;
	margin-right:10px;
	font-size:120%;
	font-weight:bold;
}

#products div.sex_box a{
	text-decoration:none;
	color:#666666;
}

#products div.sex_box a:hover{
	text-decoration:underline;
	color:#BB0000;
}

/*----------------------------- 
ランキング
----------------------------- */

#products div.no_item{
	     width: 147px;
	background:#CCCCCC;
	height:285px;
	margin-right:3px;
	margin-top:5px;
	float:left;
}

#products div.runk_box{
	     width: 147px;
	margin-right:3px;
	float:left;
}

div.hyouka{
	font-size:16px;
  	font-weight:bold;
    margin:10px 0 0 0;
}

span.hoshi{
	color:#fdcd0c;
}

img.hoshi{
    vertical-align:top;
}

span.average{
	color:#db5340;
    font-weight:bold;
}