@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;
color:#1f1f1f;
}
h2,h3,h4,h5{
font-weight:bold;
}

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

/* nav */
article nav{
margin:0 0 30px 0;
box-sizing: border-box;
}
article nav h3{
margin:0 0 40px 0;
font-size:30px;
font-weight:bold;
text-align:center;
border:1px solid #999;
box-sizing:border-box;
}
article nav h3 img{
width:100%;
max-width:24px;
line-height:110%;
vertical-align:middle;
}

article nav div.navInner{
margin:0 0 50px 0;
width:100%;
border:0px solid #000;
}
article nav div.navInner h4{
margin:0 0 30px 0;
padding:0 0 10px 0;
font-size:24px;
font-weight:bold;
text-align:center;
border-bottom:1px solid #999;
}
article nav div.navInner h4 img{
width:100%;
max-width:26px;
vertical-align:middle;
line-height: 100%;
}
article nav div.navInner h5{
font-size:1.2rem;
text-align:center;
}
article nav div.navInner h5 strong{
text-decoration:underline;
}
article nav div.navInner ul{
width:100%;
margin:0 auto 5px auto;
}
article nav div.navInner ul li{
box-sizing: border-box;
box-shadow:2px 2px 3px #ddd;
}

article nav div.navInner ul li p{
font-size:80%;
font-weight:bold;
}

article nav div.navInner p#inner_except0{
margin:10px 0 10px 0;
font-size:1.4rem;
font-weight:bold;
text-align:center;
}
article nav div.navInner p#inner_except1 a img{
box-shadow:2px 2px 3px #ddd;
}
article nav div.navInner p#inner_except1 a:hover img{
box-shadow:2px 2px 3px #777;
}

article nav ul a:link li,
article nav ul a:visited li{
border:2px solid #aaa;
border-radius:10px;
}

article nav ul a:hover li{
/*background-color:#b8ccff;*/
/*background-color:#fafafa;*/
border:2px solid #ff6600;
/*box-shadow:2px 2px 3px #777;*/
box-shadow:0px 0px 5px 0px#ff4200;
}

article nav div.navInner div.nIAnchor p{
text-align:center;
font-weight:bold;
}
article nav div.navInner div.nIAnchor p#nianchor_a{
margin:15px 0;
}
article nav div.navInner div.nIAnchor p#nianchor_a a{
padding:5px 30px;
font-size:1.2rem;
font-weight:bold;
background-color:#1f1f1f;
color:#fff;
border-radius:2px;
box-shadow: 2px 2px 3px #eaeaea
}






/* NAV LIST SET */
article nav div.navInner ul.ListSet1 li{
float:left;
width:100%;
padding:20px 0;
box-sizing: border-box;
}
article nav div.navInner ul.ListSet2 li{
float:left;
width:calc(98% / 2);
margin:0 4px 6px 4px;
padding:10px 5px;
box-sizing: border-box;
}
article nav div.navInner ul.ListSet2 li:last-child{
margin:0 0 6px 4px;
}
article nav div.navInner ul.ListSet3 li{
float:left;
width:calc(98% / 3);
margin:0 4px;
padding:10px 5px;
box-sizing: border-box;
}
article nav div.navInner ul.ListSet3 li:last-child{
margin:0 0 0 4px;
}




article nav ul{
text-align: center;
box-sizing:border-box;
}
article nav ul a li{
}
article nav ul a li p{
margin:0 0 10px 0;
}
article nav ul a li p strong{
padding:2px 20px;
background-color:#1a1a1a;
color:#fff;
border-radius:50px;
}
article nav ul a li div{
margin:0 0 10px 0;
padding:6px 0;
font-size:20px;
font-weight:bold;
background-color:#ECF5E3;
color:#396322;
border:1px solid #396322;
border-radius:2px;
}
article nav ul a li div strong{
padding:3px 20px;
background-color:#396322;
color:#fff;
border-radius:50px;
}


article nav ul a li:link span,
article nav ul a li:visited span{
background-color:#fff;
color:#4a4a4a;
}
article nav ul a:hover div{
background-color:#fff;
color:#396322;
}
article nav ul a:hover li p strong{
background-color:#fff;
color:#396322;
}





/* CM Area */
article section.WpCmArea div{
margin:10px 0 30px 0;
text-align:center;
}
article section.WpCmArea div p{
padding:5px 0;
}
article section.WpCmArea div a img{
box-shadow:2px 2px 3px #777;
}



/* Header Cap */
article section.HeaderCap{
text-align:center;
border:0px solid #000;
}



/* CATALOGNAVI  */
article section.CatalogNavi{
margin:0 0 50px 0;
}
article section.CatalogNavi h3{
margin:0 0 50px 0;
padding:5px 0 5px 7px;
font-size:24px;
border-left:10px solid #1a1a1a;
border-bottom:1px solid #1a1a1a;
}
article section.CatalogNavi div.catalogcap{
margin:10px 0 10px 0;
padding:25px 0;
/*border:2px solid #1a1a1a;*/
border:12px solid #bababa;
text-align:center;
}
article section.CatalogNavi div.catalogcap p{
font-weight:bold;
}




/* CATALOGNAVI -- CatalogList */
article section.CatalogNavi ul.CatalogOuter{
border-color:#666;
border-style: solid;
/*border-width:1px 0 0 1px;*/
border-width:0;
box-sizing:border-box;
}
article section.CatalogNavi ul.CatalogOuter li{
float:left;
width:50%;
padding:25px 15px;
box-sizing:border-box;
/*border-color:#666;*/
border-color:#aaa;
border-style: solid;
/*border-width:0px 1px 1px 0px;*/
border-width:1px;
border-radius:10px;
}
article section.CatalogNavi ul.CatalogOuter a:hover li{
/*border-color:#f9f9f9;
border-style: solid;
border-width:0 1px 1px 0;*/
border:1px solid #ff6600;
background-color:#fff8f3;
}
/*
article section.CatalogNavi ul.CatalogOuter li div.cataloginfo{
width:100%;
margin:15px 0 0 0;
box-sizing:border-box;
}
article section.CatalogNavi ul.CatalogOuter li div.cataloginfo p{
float: left;
width:30%;
margin:0 3px 3px 0;
padding:2px 3px;
font-size:12px;
border:1px solid #5A5A5A;
color:#1F1F1F;
}
article section.CatalogNavi ul.CatalogOuter li div.cataloginfo p#ci_off{
font-weight:bold;
color:#ff0000;
}
article section.CatalogNavi ul.CatalogOuter li div.cataloginfo p#ci_link{
border:1px solid #fff;
font-weight:bold;
text-align:right;
}
*/


/* CATALOGNAVI -- CatalogList -- InnerList */
article section.CatalogNavi ul.CatalogInnerCase{
padding:0px;
}
article section.CatalogNavi ul.CatalogInnerCase li{
float: left;
width:70%;
padding:0 0 0 10px;
border:0;
text-align:left;
box-sizing:border-box;
}

article section.CatalogNavi ul.CatalogInnerCase li.CatalogImg{
max-width:30%;
padding:0;
text-align:left;
}

article section.CatalogNavi ul.CatalogInnerCase li.CatalogImg img{
vertical-align:middle;
}

article section.CatalogNavi ul.CatalogInnerCase li h4{
margin:0;
font-size:18px;
}
article section.CatalogNavi ul.CatalogInnerCase li p.catalogsubcap{
margin:10px 0;
padding:5px;
font-size:0.9rem;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
}
/*article section.CatalogNavi ul.CatalogInnerCase li p.catalogpricecap{
margin:10px 0 5px 0;
padding:0px;
font-size:14px;
font-weight:bold;
color:#C80003;
}*/
article section.CatalogNavi ul.CatalogInnerCase li p.catalogprice{
margin:0;
padding:0;
font-size:1.2rem;
font-weight:600;
line-height: 100%;
color:#ff0000;
}
article section.CatalogNavi ul.CatalogInnerCase li p.catalogprice span{
font-size:0.9rem;
font-weight:normal;
color:#1F1F1F;
}
article section.CatalogNavi a:hover ul.CatalogInnerCase li{
border:0;
}
article section.CatalogNavi a:hover ul.CatalogInnerCase li h4{
color:#1F1F1F;
}




/* CLASS NAVI */
article section.ClassNavi{
margin:0 0 20px 0;
}
article section.ClassNavi h3{
margin:0 0 30px 0;
padding:5px 0 5px 7px;
font-size:24px;
border-left:10px solid #1a1a1a;
border-bottom:1px solid #1a1a1a;
}
article section.ClassNavi ul{
margin:0 0 10px 0;
box-sizing:border-box;
}
article section.ClassNavi ul li{
float:left;
width:19.6%;
margin:0 2px 2px 0;
padding:5px 8px;
border:1px solid #999;
font-size:9px;
box-sizing:border-box;
}

article section.ClassNavi p.classcap{
margin:20px 0 10px 0;
padding:0 0 0 5px;
font-size:18px;
background-color:#4a4a4a;
color:#fff;
}
article section.ClassNavi p.classnavitoplink{
margin:20px 0 50px 0;
text-decoration:underline;
}

article section.ClassNavi ul li div{
float:left;
}
article section.ClassNavi ul li div#cn_ttl{
padding:0 0 0 10px;
}
article section.ClassNavi ul li div img{
max-width:34px;
}
article section.ClassNavi ul li div#cn_ttl strong{
color:#337B30;
}
article section.ClassNavi ul a:hover li{
border: 1px solid #CB0003;
}



/* CLASS NAVI CATEGORY*/
article section.ClassNaviCate{
margin:0 0 70px 0;
}
article section.ClassNaviCate p#cnc_note strong{
font-size:1.0rem;
}
article section.ClassNaviCate ul{
margin:0 0 20px 0;
border-style:solid;
border-color:#eaeaea;
border-width:1px 0 0 1px;
text-align:center;
}
article section.ClassNaviCate ul li{
float:left;
width:calc( 100% / 3 );
padding:10px;
border-style:solid;
border-color:#eaeaea;
border-width:0px 1px 1px 0px;
}
article section.ClassNaviCate ul li img{
max-width:70%;
margin:10px 0;
}
article section.ClassNaviCate ul li p{
padding:2px 0;
margin:0 0 2px 0;
font-size:1.0rem;
/*background-color:#f6f6f6;*/
}
article section.ClassNaviCate ul li p strong{
padding:0 15px;
font-size:1.0rem;
}
article section.ClassNaviCate ul a:hover li p strong{
background-color:#1f1f1f;
color:#fff;
}
article section.ClassNaviCate ul li h5{
font-size:1.6em;
font-weight:bold;
color:#E00003;
text-align:center;
/*background-color:#E00003;*/
background-color:#f6f6f6;
}
article section.ClassNaviCate ul li h5 span{
font-size:1.0rem;
font-weight:normal;
}




/* HINABAN NAVI */
article section.HinbanNavi{
margin:0 0 20px 0;
}
article section.HinbanNavi h3{
margin:0 0 30px 0;
padding:5px 0 5px 7px;
font-size:24px;
border-left:10px solid #1a1a1a;
border-bottom:1px solid #1a1a1a;
}
article section.HinbanNavi ul{
margin:0 0 10px 0;
box-sizing:border-box;
}
article section.HinbanNavi ul a li{
float:left;
width:19.6%;
margin:0 2px 2px 0;
padding:5px 8px;
border:1px solid #999;
font-size:9px;
box-sizing:border-box;
}
article section.HinbanNavi ul a li img{
max-width:40px;
}
article section.HinbanNavi ul a li p{
box-sizing:border-box;
}
article section.HinbanNavi ul#hinban_init a li strong{
font-size:22px;
font-weight:bold;
color:#000;
}
article section.HinbanNavi ul a:hover li{
border: 1px solid #d50000;
}





/* 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;
/*box-shadow:0px 5px 6px #f0f0f0;*/
}
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:#1F1F1F;
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:#1F1F1F;
font-size:24px;
}

/*
article section.CategoryItemList h3{
padding:0 0 5px 3px;
margin:0 0 30px 0;
border-color:#1a1a1a;
border-style:solid;
border-width:0 0 1px 0;
color:#1F1F1F;
font-size:30px;
}
*/

/* 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:#1F1F1F;
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;
}




/*-----------------------------------------------------------------
	IMAGE SHOW CASE
-----------------------------------------------------------------*/
article section.ImgShowCase h5{
padding:15px 0 5px 15px;
border-bottom:1px solid #2a2a2a;
font-weight:bold;
font-size:18px;
box-sizing:border-box;
}
article section.ImgShowCase div{
margin:0 0 3px 0;
padding:0;
text-align:right;
font-style: italic;
font-size:12px;
color:#759871;
box-sizing: border-box;
}
article section.ImgShowCase ul li{
float:left;
width:50%;
padding:2px 5px;
box-sizing:border-box;
}
article section.ImgShowCase ul li p{
margin:5px 0 0 0;
padding:0;
border-top:1px solid #000;
font-size:18px;
font-weight:bold;
}
article section.ImgShowCase ul li p font{
font-size:12px;
color:#759871;
}
article section.ImgShowCase ul li img{
width:100%;
}

article section.ImgShowCase ul li.ImgCount1{
width:100%;
padding:5px 0;
box-sizing:border-box;
}


/*-----------------------------------------------------------------
	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 15px 0;
padding:15px 0;
font-size:13px;
}
article section.CategoryItemList div#C_backto ul li a{
padding:10px 16px;
background-color:#2f2f2f;
color:#fff;
text-decoration:none;
border-radius:2px;
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;
}

/* ※openboxを使用した場合 */
article section.CategoryItemList div#H_backto ul li{
margin:0 0 10px 0;
padding:5px 0;
box-sizing:border-box;
text-align:right;
}
article section.CategoryItemList div#H_backto ul li a{
padding:5px 15px;
border:1px solid #2a2a2a;
text-decoration:none;
}
article section.CategoryItemList div#H_backto ul li a:hover{
background-color:#2a2a2a;
color:#fff;
}

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;
}



/*-----------------------------------------------------------------
	三 CATALOG MENU　OPEN-BOX
-----------------------------------------------------------------*/
article section.CategoryItemList div.openbox{
cursor: pointer;
margin:0 0 10px 0;
padding:15px 0px;
border:1px solid #2a2a2a;
text-align:center;
}
article section.CategoryItemList div.openbox img{
vertical-align: middle;
line-height: 0;
}
article section.CategoryItemList p.openbox{
cursor: pointer;
width:30%;
margin:0 auto 10px auto;
padding:4px 10px;
text-align:center;
border:1px solid #2a2a2a;
font-size:12px;
}

article section.CategoryItemList div#slideBox{
width:100%;
border:1px solid #999;
border-radius:2px;
display:none;
box-sizing:border-box;
}


/*-----------------------------------------------------------------
	三 OPEN-BOX STYLE  ALL ITEM
-----------------------------------------------------------------*/
article section.CategoryItemList div.obDoorOp{
margin:0;
}
article section.CategoryItemList div.obDoorOp ul{
border-bottom:1px solid #aaa;
}
article section.CategoryItemList div.obDoorOp ul li{
float:left;
padding:10px 0;
font-size:1.0rem;
}
article section.CategoryItemList div.obDoorOp ul li.obDO-L,
article section.CategoryItemList div.obDoorOp ul li.obDO-R span{
cursor: pointer;
}
article section.CategoryItemList div.obDoorOp ul li.obDO-L{
width:70%;
}
article section.CategoryItemList div.obDoorOp ul li.obDO-L strong{
text-decoration:underline;
}
article section.CategoryItemList div.obDoorOp ul li.obDO-R{
width:30%;
text-align:right;
}
article section.CategoryItemList div.obDoorOp ul li.obDO-R span{
padding:3px 20px;
border-radius:5px;
background-color:#1f1f1f;
color:#fff;
font-size:0.9rem;
font-weight:normal;
}
article section.CategoryItemList div.obDoorOp img{
vertical-align: middle;
line-height: 0;
}


article section.CategoryItemList div.obSlide{
width:100%;
padding:0 0 20px 0;
margin:0;
border:0px solid #ff0000;
display:none;
}
article section.CategoryItemList div.obSlide div#OB_menuList ul{
margin:0;
padding:0;
border:0px solid #0012ff;
}
article section.CategoryItemList div.obSlide div#OB_menuList ul li{
float:left;
padding:10px 15px;
text-align:left;
}
article section.CategoryItemList div.obSlide div#OB_menuList ul li a{
text-decoration:underline;
}


article section.CategoryItemList p.obDoorCl{
cursor: pointer;
padding:2px 10px;
text-align:right;
font-size:0.9rem;
}
article section.CategoryItemList p.obDoorCl a{
background-color:#eaeaea;
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;
}
div#itemwrapper article header p#wp_type_note{
margin:5px 0 0 0;
padding:5px 0;
background-color:#f0f0f0;
text-align:center;
font-size:0.9rem;
}

div#itemwrapper article section.CategoryHeaderInfo ul li{
float:left;
padding:16px;
box-sizing:border-box;
}
div#itemwrapper article section.CategoryHeaderInfo ul li#chi_right{
width:100%;
max-width:620px;
}
div#itemwrapper article section.CategoryHeaderInfo div{
margin:20px 0 0 0;
}
div#itemwrapper article section.CategoryHeaderInfo div a:link, div#itemwrapper article section.CategoryHeaderInfo div a:visited{
padding:8px 20px;
border-radius:4px;
background-color:#2a2a2a;
box-shadow:1px 1px 2px #aaa;
color:#fff;
}
div#itemwrapper article section.CategoryHeaderInfo div a:hover{
/*background-color:#2baaa8;*/
background-color:#5e7d54;
}
div#itemwrapper article section.CategoryHeaderInfo div a img{
width:14px;
vertical-align:middle;
line-height:0;
}



/* 新旧対応表 */
div#itemwrapper article section div.NewOldCompare{
width:100%;
max-width:800px;
padding:10px;
box-sizing:border-box;
border:1px solid #ccc;
}
div#itemwrapper article.NewOldCompare ul{
width:100%;
box-sizing: border-box;
border:1px solid #000;
}
div#itemwrapper article.NewOldCompare ul li{
width:50%;
border:1px solid #000;
box-sizing: border-box;
}


/* 比較表 */
article section.CategoryItemList div.ItemChratList{
margin:30px 0 20px 0;
}
article section.CategoryItemList div.ItemChratList h4{
font-weight:bold;
font-size:18px;
padding:5px 0;
}
article section.CategoryItemList div.ItemChratList table{
width:100%;
border-spacing: 0;
box-sizing: border-box;
}
article section.CategoryItemList div.ItemChratList table th{
padding:6px;
border:1px solid #5a5a5a;
text-align:center;
font-size:13px;
background-color:#F8F5DE;
}
article section.CategoryItemList div.ItemChratList table td{
padding:4px;
border:1px solid #5a5a5a;
text-align:center;
font-size:13px;
}
article section.CategoryItemList div.ItemChratList table td.iclo{
background-color:#F8F5DE;

}
article section.CategoryItemList div.ItemChratList table td a:link, article section.CategoryItemList div.ItemChratList table td a:visited{
color:#0068B7;
text-decoration:underline;
}
article section.CategoryItemList div.ItemChratList table td a:hover{
color:#E45D00;
}


/* NINA専用 Info */
article section.CategoryItemList div.WpNinaInfo{
margin:0 0 50px 0;
}
article section.CategoryItemList div.WpNinaInfo h4{
font-weight:bold;
font-size:18px;
padding:5px 0;
margin:0 0 20px 0;
background-color:#f0f0f0;
}
article section.CategoryItemList div.WpNinaInfo ul li{
float:left;
width:70%;
text-align:left;
}
article section.CategoryItemList div.WpNinaInfo ul li#wpni_img{
width:24%;
}
article section.CategoryItemList div.WpNinaInfo ul li img{
width:100%;
max-width:160px;
}
article section.CategoryItemList div.WpNinaInfo ul li p{
margin:0 0 10px 0;

}
article section.CategoryItemList div.WpNinaInfo ul li a{
text-decoration:underline;
}

article section.CategoryItemList div.WpNinaInfo ul.NinaStockInfo li{
float:left;
width:12.5%;
margin:0 0 10px 0;
padding:2px;
box-sizing: border-box;
font-size:12px;
}
article section.CategoryItemList div.WpNinaInfo ul.NinaStockInfo li img{
width:100%;
line-height:0;
}
article section.CategoryItemList div.WpNinaInfo h5{
padding:10px 0;
font-size:1.4rem;
font-weight:bold;
border:1px solid #555;
text-align:center;
}
/*article section.CategoryItemList div.WpNinaInfo h5 span{
padding:5px 10px;
border:1px solid #555;
}*/
article section.CategoryItemList div.WpNinaInfo p.shiirecaution{
font-weight:bold;
padding:10px 0;
font-size:1.0rem;
}
article section.CategoryItemList div.WpNinaInfo p.shiirecaution font{
color:#ff0000;
}
article section.CategoryItemList div.WpNinaInfo p.shiirecaution a{
padding:15px 50px;
background-color:#333;
color:#FFFD1C;
box-shadow:2px 2px 3px #aaa;
border-radius:3px;
}






/* xselect */
div#itemwrapper article nav.xs-nav p{
margin:0;
padding:10px 0;
text-align:center;
border-left:15px solid #1a1a1a;
border-right:15px solid #1a1a1a;
background-color:#e0e1db;

color:#1F1F1F;
box-sizing:border-box;
}
div#itemwrapper article nav.xs-nav ul{
margin:0 0 20px 0;
padding:20px 0 5px 0;
text-align:center;
background-color:#f9f9f9;
}
div#itemwrapper article nav.xs-nav ul a:link li, div#itemwrapper article nav.xs-nav ul a:visited li{
width:100%;
max-width:260px;
margin:0px 0 15px 0;
padding:5px 0;
display:inline-block;
border:1px solid #34495e;
border-radius:3px;
background-color:#1a1a1a;
color:#fff;
}
div#itemwrapper article nav.xs-nav ul a:hover li{
background-color:#fff;
color:#1F1F1F;
}
div#itemwrapper article nav.xs-nav ul a li span{
font-size:0.7em;
}
div#itemwrapper article nav.xs-nav h5{
color:#5a5a5a;
}
div#itemwrapper article nav.xs-nav h5 a:link, div#itemwrapper article nav.xs-nav h5 a:visited{
text-decoration:underline;
color:#384bba;
}

div#itemwrapper article section div.xs-cap{
margin-bottom:30px;
padding:1px 0;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #555;
}
div#itemwrapper article section div.xs-cap span{
font-size:12px;
color:#999;
}

div#itemwrapper article section ul.xs-list{
text-align:center;
}
div#itemwrapper article section ul.xs-list li{
margin:0 0 15px 0;
padding:0 3px;
display:inline-block;
}
div#itemwrapper article section ul.xs-list li p{
margin:0;
padding:0;
font-size:13px;
text-align:center;
}
div#itemwrapper article section ul.xs-list li a img{
max-height:240px;
padding:0;
}
div#itemwrapper article section ul.xs-list li a:link img, div#itemwrapper article section ul.xs-list li a:visited img{
padding:0;
box-shadow:2px 2px 3px #ddd;
}
div#itemwrapper article section ul.xs-list li a:hover img{
box-shadow:4px 4px 5px #ccc;
}
div#itemwrapper article section a:link p#_more, div#itemwrapper article section a:visited p#_more{
max-width:400px;
margin:0 auto;
padding:5px 0;
text-align:center;
background-color:#1a1a1a;
color:#fff;
text-decoration:underline;
border-radius:3px;
}
div#itemwrapper article section a:hover p#_more{
background-color:#233b6e;
color:#fff;
}

div#itemwrapper article section ul.xs-hinban{
overflow:hidden;
width:100%;
max-width:800px;
padding:10px 0;
border-bottom:1px dotted #ccc;
}
div#itemwrapper article section ul.xs-hinban li{
float:left;
width:100%;
max-width:126px;
margin:0px 5px 9px 0px;
box-sizing:border-box;
}
div#itemwrapper article section ul.xs-hinban li a:link, section ul.xs-hinban li a:visited{
padding:5px 0 5px 5px;
border-left:3px solid #ddd;
text-decoration:underline;
color:#036;
font-size:0.9em;
}
div#itemwrapper article section ul.xs-hinban li a:hover{
border-left:3px solid #F30;
color:#F30;
}
/* xselect */





@media screen and (max-width: 480px){


}