@charset "utf-8";
/* ver:5.3 license:wakodou mapping:wallpaper */

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

article,header,nav,section,span,strong{
margin:0;
padding:0;
}
h2,h3,h4,h5{
font-weight:bold;
}

/* header */
article header h1{
margin-bottom:5px;
font-size:14px;
font-weight:normal;
text-align:right;
}


/* CONTENTS NAVI */
article section.ContentsNavi{
margin:0 0 50px 0;
}
article section.ContentsNavi h3{
margin:0 0 30px 0;
padding:5px 0 5px 7px;
font-size:1.8em;
border-left:5px solid #1a1a1a;
border-bottom:1px solid #1a1a1a;
}
article section.ContentsNavi ul{
margin:0 0 10px 0;
box-sizing:border-box;
}
article section.ContentsNavi ul li{
margin:0 0 15px 0;
padding:5px;
box-sizing:border-box;
}
article section.ContentsNavi ul li a img{
width:100%;
border:0;
line-height:0;
box-shadow:2px 2px 3px #cacaca;
}
article section.ContentsNavi ul li a:hover img{
box-shadow:3px 3px 4px #bbb;
}
article section.ContentsNavi ul li h5{
margin-bottom:10px;
padding:10px 0 5px 0;
font-size:18px;
font-weight:bold;
border-bottom:1px dotted #ccc;
}

article section.ContentsNavi ul a:link li.sozailink,
article section.ContentsNavi ul a:visited li.sozailink{
padding:15px 0 15px 7px;
background-color:#e5eaeb;
border-left:4px solid #0065b2;
color:#2a2a2a;
}
article section.ContentsNavi ul a:hover li.sozailink,
article section.ContentsNavi ul a:hover li.sozailink p{
background-color:#0065b2;
color:#fdfdfb;
}
article section.ContentsNavi ul li.sozailink p{
margin:15px 0 0 0;
font-size:13px;
color:#5a5a5a;
}

article section.ContentsNavi div.ContentsSubInfo{
padding:10px;
}
article section.ContentsNavi p#subinfo_cap{
padding:15px 5px;
background-color:#f5f5f5;
font-size:18px;
font-weight:bold;
color:#1a1a1a;
box-sizing: border-box;
}
article section.ContentsNavi div.ContentsSubInfo ul{
margin:0;
}
article section.ContentsNavi div.ContentsSubInfo ul li{
margin:0 0 0 15px;
padding:0;
list-style-type:disc;
}
article section.ContentsNavi div.ContentsSubInfo ul li span{
color:#ff0000;
}
article section.ContentsNavi div.ContentsSubInfo ul li font{
font-size:11px;
}
article section.ContentsNavi div.ContentsSubInfo ul li a{
text-decoration:underline;
color:#060AC1;
}
article section.ContentsNavi p.cnJumpToMenu,
article section.CatalogNavi p.cnJumpToMenu,
article section.ClassNavi p.cnJumpToMenu,
article section.HinbanNavi p.cnJumpToMenu{
text-align:right;
text-decoration:underline;
}






/* ITEM ALL LIST */
article section.ItemListAll a:link div, article section.ItemListAll a:visited div{
padding:30px;
background-color:#1a1a1a;
text-align:center;
font-size:36px;
font-weight:bold;
color:#fff;
box-shadow:2px 2px 3px #cacaca;
}
article section.ItemListAll a:hover div{
background-color:#000;
color:#fff;
text-decoration: none;
box-shadow:3px 3px 4px #bbb;
}




/* SET2 */
article section.Set2 ul li{
float:left;
width:50%;
max-width:400px;
box-sizing: border-box;
}

/* SET3 */
article section.Set3 ul li{
float:left;
width:33.3333%;
max-width:266px;
box-sizing: border-box;
}







/*-----------------------------------------------------------------
	CATEGORY ITM LIST
-----------------------------------------------------------------*/
article section.CategoryItemList h1{
padding:0 0 5px 0px;
margin:0 0 10px 0;
border-color:#CCCCCC;
border-style:solid;
border-width:0 0 2px 0;
color:#1a1a1a;
font-size:24px;
}


/* Menu */
article section.CategoryItemList ul.ItemListInnerNavi{
margin:0 0 30px 0;
padding:5px;
}
article section.CategoryItemList ul.ItemListInnerNavi a li{
float:left;
width:50%;
max-width:390px;
margin:0 5px 5px 0;
padding:5px 10px;
border-color:#396322;
border-style:solid;
border-width:0px 0px 0px 6px;
/*background-color:#1a1a1a;*/
box-sizing: border-box;
}
article section.CategoryItemList ul.ItemListInnerNavi a li h4{
margin:0 0 5px 0;
font-size:16px;
color:#1a1a1a;
border-bottom:1px dotted #ddd;
}
article section.CategoryItemList ul.ItemListInnerNavi a li font{
font-size:80%;
vertical-align:middle;
color:#396322;
}
article section.CategoryItemList ul.ItemListInnerNavi a:link li, article section.CategoryItemList ul.ItemListInnerNavi a:visited li{
color:#396322;
}
article section.CategoryItemList ul.ItemListInnerNavi a:hover li{
background-color:#396322;
color:#fff;
}
article section.CategoryItemList ul.ItemListInnerNavi a li:hover h4{
color:#fff;
border-bottom:1px dotted #fff;
}
article section.CategoryItemList ul.ItemListInnerNavi a li:hover font{
color:#fff;
}
article section.CategoryItemList ul.ItemListInnerNavi a li img{
width:100%;
max-width:60px;
vertical-align: middle;
}



/* Menu TEST */
article section.CategoryItemList ul.ItemListInnerNaviTEST li{
padding:5px 0;
}
article section.CategoryItemList ul.ItemListInnerNaviTEST li strong{
font-size:18px;
font-weight:bold;
}



/* Kuzu navi */
article section.CategoryItemList ul.ItemListKuzuNavi{
margin:0 0 30px 0;
border-color:#eaeaea;
border-style:solid;
border-width:1px 0 1px 0;
}
article section.CategoryItemList ul.ItemListKuzuNavi li{
float:left;
width:50%;
max-width:400px;
padding:30px 0;
box-sizing: border-box;
}
article section.CategoryItemList ul.ItemListKuzuNavi li a{
padding:8px 20px;
text-align:center;
box-sizing: border-box;
}
article section.CategoryItemList ul.ItemListKuzuNavi li a:link, article section.CategoryItemList ul.ItemListKuzuNavi li a:visited{
background-color:#1a1a1a;
color:#fff;
}
article section.CategoryItemList ul.ItemListKuzuNavi li a:hover{
background-color:#5e7d54;
}
article section.CategoryItemList ul.ItemListKuzuNavi li.JmpToWpHome{
text-align:right;
}

/* RANKING */
article section.CategoryItemList div#cil_ranking h3{
margin:0 0 10px 0;
font-size:1.2rem;
font-weight:bold;
text-align:center;
}
article section.CategoryItemList div#cil_ranking h3 img{
margin-right:10px;
max-width:32px;
}
article section.CategoryItemList div#cil_ranking ul li{
float:left;
width:calc( 100% / 3 );
margin:0 0 50px 0;
padding:20px;
border-style:solid;
border-color:#eaeaea;
border-width:1px 0 1px 0;
}
article section.CategoryItemList div#cil_ranking ul li p{
padding:10px 0;
text-align: center;
}
article section.CategoryItemList div#cil_ranking ul li img{
box-shadow:3px 3px 4px #ccc;
}




/*-----------------------------------------------------------------
	LIST DISP
-----------------------------------------------------------------*/
article section.CategoryItemList h3#itemlist_cap{
padding:10px 0 10px 2px;
background-color:#2a2a2a;
font-size:18px;
text-align:center;
color:#fff;
}
article section.CategoryItemList h3#itemlist_cap span{
font-size:14px;
font-weight:normal;
color:#fff;
}
article section.CategoryItemList div#C_menuList{
margin:0 0 30px 0;
padding:10px 0;
border:1px solid #1a1a1a;
}
article section.CategoryItemList div#C_menuList p{
width:97%;
margin:25px auto 15px auto;
padding:10px 0;
text-align:center;
font-weight:bold;
background-color:#eaeaea;
border-bottom:0px solid #ccc;
}
article section.CategoryItemList div#C_menuList ul li{
float:left;
margin:0 0 5px 0;
padding:8px 15px 8px 15px;
text-align:center;
}
article section.CategoryItemList div#C_menuList ul li a:link,
article section.CategoryItemList div#C_menuList ul li a:visited{
color:#1f1f1f;
text-decoration:underline;
}
article section.CategoryItemList div#C_menuList ul li a:hover{
color:#5e7d54;
}

article section.CategoryItemList div#C_backto ul li{
float:left;
width:50%;
margin:0 0 5px 0;
padding:15px 0;
box-sizing:border-box;
font-size:13px;
}
article section.CategoryItemList div#C_backto ul li a{
padding:5px 18px;
background-color:#1f1f1f;
color:#fff;
text-decoration:none;
box-shadow:2px 2px 3px #ccc;
}
article section.CategoryItemList div#C_backto ul li a:hover{
background-color:#5e7d54;
color:#fff;
box-shadow:2px 2px 3px #999;
}


article section.CategoryItemList div#slideBox div#C_menuList{
margin:0 0 30px 0;
padding:0px 0;
border-width:0;
}
article section.CategoryItemList div#slideBox  div#C_menuList p{
width:100%;
margin:0px auto 25px auto;
padding:10px 0;
text-align:center;
font-weight:bold;
font-size:16px;
background-color:#eaeaea;
}
article section.CategoryItemList div#slideBox  div#C_menuList ul li{
float:left;
margin:0 0 5px 0;
padding:8px 15px 8px 15px;
text-align:center;
}
article section.CategoryItemList div#slideBox div#C_menuList ul li a{
text-decoration:underline;
}



/*-----------------------------------------------------------------
	LIST DISP CONTROL
-----------------------------------------------------------------*/
article section.CategoryItemList table.ListDispControl{
width:100%;
max-width:800px;
margin:0 0 10px 0;
border-bottom:1px solid #1a1a1a;
}
article section.CategoryItemList table.ListDispControl td{
padding:10px 0;
}
article section.CategoryItemList table.ListDispControl td a{
text-decoration:underline;
}
article section.CategoryItemList table.ListDispControl td p{
margin:0 0 10px 0;
padding:10px 0;
background-color:#fafafa;
}
article section.CategoryItemList table.ListDispControl td p strong{
padding:3px 5px;
font-size:1.2rem;
}
article section.CategoryItemList table.ListDispControl td font{
font-size:1.2rem;
font-weight:600;
}




/*-----------------------------------------------------------------
	ITEM LIST 2column DISP
-----------------------------------------------------------------*/
article section.CategoryItemList div#M_categoryList{
width:100%;
margin-bottom:16px;	
}
article section.CategoryItemList ul.M_innerList{
_zoom:1;
}
article section.CategoryItemList ul.M_innerList li{
float:left;
width:50%;
box-sizing:border-box;
}
article section.CategoryItemList ul.M_innerList li div.M_innerBox{
margin:8px 0 0 8px;	
padding:5px;
border:1px solid #eaeaea;
background:#f9f9f9;
_zoom:1;
/*height:180px;*/
height:auto;
}
article section.CategoryItemList ul.M_innerList p.M_cl_price{
text-align:right;	
}
article section.CategoryItemList ul.M_innerList div.M_cl_imgWrap{	
float:left;
width:160px;
text-align:left;
}
article section.CategoryItemList ul.M_innerList div.M_cl_imgWrap img{
border:0px solid #c9c9c9;
}
article section.CategoryItemList ul.M_innerList div.M_cl_detail{
float:right;
width:210px;
}
article section.CategoryItemList ul.M_innerList div.M_cl_detail p{
padding:0;
}
article section.CategoryItemList ul.M_innerList p.M_cl_price{
margin-top:7px;
border-top:1px dotted #ccc;
}
article section.CategoryItemList ul.M_innerList p.M_cl_price strong{
font-size:20px;
color:#cc0000;
}
article section.CategoryItemList ul.M_innerList p.M_cl_taxprice{
font-size:13px;
padding:5px 0 10px 0;
text-align:right;
border-bottom:1px dotted #ccc;
}
article section.CategoryItemList ul.M_innerList p.M_cl_content{
margin-top:5px;
padding:5px 0;
}

/* NINAまとめ用 */
article section.CategoryItemList ul.M_innerList p.M_cl_matome{
margin-top:5px;
padding:5px 0;
color:#ff5a00;
}




/*-----------------------------------------------------------------
	ITEM LIST 3column DISP
-----------------------------------------------------------------*/
article section.CategoryItemList div#M_categoryList_T{
width:100%;
max-width:800px;
margin-bottom:16px;
border:1px solid #fff;
box-sizing: border-box;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T{
overflow:hidden;
_zoom:1;
border-bottom:1px solid #ccc;
background:#fff;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T li{
float:left;
width:calc(100% / 3);
box-sizing: border-box;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T li .M_innerBox_T{
border-right:1px dotted #ccc;
margin:8px auto;
box-sizing: border-box;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T li.lastChild .M_innerBox_T{
border-right:none;/* 一番右のボックスだけ右の罫線を消す */
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T li .M_cl_detail_T{
margin:0px;
padding:10px;
margin-bottom:20px;
}

article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_name_T{
margin-bottom:4px;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T{
text-align:right;
border-bottom:1px dotted #ccc;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_consPrice_T{
text-decoration: line-through;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_webPriceCap_T{
font-size:14px;
color:#ff0000;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_webPrice_T{
font-size:20px;
font-weight:bold;
color:#ff0000;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T span.M_cl_webPriceCap_X{
padding:5px 0;
font-size:14px;
color:#1f1f1f;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_SO{
margin:10px 0 0 0;
padding:5px 0;
font-size:14px;
text-align:center;
background-color:#f3f3f3;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_price_T font{
font-size:13px;
}


article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_imgWrap_T{
/*height:140px;*/
margin-bottom:10px;
line-height:0;
text-align:center;
}

article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_content_T{
font-size:11px;
margin-top:7px;
text-align:right;
}
article section.CategoryItemList div#M_categoryList_T .M_innerList_T .M_cl_content_T img{
vertical-align: middle;
}





/*-----------------------------------------------------------------
	PAGE LIST CONTROL
-----------------------------------------------------------------*/
article section.CategoryItemList table.ListPageControl{
width:100%;
margin:0 0 20px 0;
box-sizing: border-box;
background-color:#eaeaea;
border-collapse: collapse;
}
article section.CategoryItemList table.ListPageControl td{
padding:10px;
text-align:center;
vertical-align: middle;
}
/* 分解 */
article section.CategoryItemList table.ListPageControl td ul.M_pager li a{
font-size:14px;
padding:0 7px;
margin:0 2px;
}
article section.CategoryItemList table.ListPageControl td ul.M_pager li#active a{
font-size:18px;
}
article section.CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next{
margin:0 10px;
}
article section.CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:link,
article section.CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:visited,
article section.CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:hover{
padding:3px 12px;
font-size:16px;
background-color:#1a1a1a;
border-radius:3px;
color:#fff;
}





/*-----------------------------------------------------------------
	CATEGORY PAGE　catalog page
-----------------------------------------------------------------*/
div#itemwrapper article header p#_gline{
margin:0 0 5px 0;
padding:0;
}
div#itemwrapper article header p#_gline a{
font-size:14px;
line-height:100%;
text-decoration:underline;
}
div#itemwrapper article header p#_gline span{
padding:0 10px;
font-size:11px;
}