/* ver:2.1 license:wakodou mapping:glassfilm top */
@charset "utf-8";
/* navi */
#itemwrapper nav div.catebtn{
overflow:hidden;
}
#itemwrapper nav div.catebtn h2{
margin:0 0 20px 0;
padding:15px 0;
background-color:#057ee5;
border-radius:50px;
text-align:center;
font-size:24px;
font-weight:bold;
color:#fff;
}
#itemwrapper nav div.catebtn p{
text-align:center;
}
#itemwrapper nav div.catebtn ul{
margin:0px;
padding:0px;
}
#itemwrapper nav div.catebtn ul a li{
float:left;
width:100%;
max-width:258px;
margin:0px 5px 7px 0px;
list-style-type:none;
text-align:center;
}
#itemwrapper nav div.catebtn ul a:link li, .conts ul a:visited li{
padding:18px 0 12px 0;
background:#fafafa;
border:1px solid #ddd;
box-shadow:1px 1px 2px #bbb;
font-size:18px;
font-weight:bold;
background:linear-gradient(to bottom,#FFF,#eee);
background: -moz-linear-gradient(to bottom, #FFF, #eee);　/* Firefox */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
-pie-background: linear-gradient(#6a6a6a, #1a1a1a);<span class="brush:js;highlight:[8,23];">  /* PIE用の記述 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#6a6a6a,endcolorstr=#1a1a1a));  /*IE6 IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6a6a6a,endColorstr=#1a1a1a))"; /* IE8 - */
border:1px solid #ddd;
color:#1a1a1a;
behavior:url(/path/PIE10b5/PIE.htc);/* 表示HTMLからの相対 */
position: relative; /* for lt IE8 */
zoom: 1;    /* for IE */
}
#itemwrapper nav div.catebtn ul a:link li p, nav div.catebtn ul a:visited li p{
margin:5px 0 10px 0;
color:#0048d2;
}
#itemwrapper nav div.catebtn ul a:link li span{
font-weight:normal;
color:#000;
font-weight:bold;
font-size:14px;
}
#itemwrapper nav div.catebtn ul a:hover li{
/*background:#0096d5;*/
border:1px solid #006ed5;
box-shadow:2px 2px 3px #5a5a5a;
background:linear-gradient(to bottom,#019fe4,#0048d2);
background: -moz-linear-gradient(to bottom, #019fe4, #0048d2);　/* Firefox */
background: -webkit-gradient(linear, left top, left bottom, from(#019fe4), to(#0048d2));
-pie-background: linear-gradient(#FFF, #ddd);<span class="brush:js;highlight:[8,23];">  /* PIE用の記述 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff,endcolorstr=#dddddd));  /*IE6 IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#dddddd))"; /* IE8 - */
border:1px solid #ddd;
color:#fff;
text-align:center;
display:block;
behavior:url(/path/PIE10b5/PIE.htc);/* 表示HTMLからの相対 */
position: relative; /* for lt IE8 */
zoom: 1;    /* for IE */
}
#itemwrapper nav div.catebtn ul a:hover li p{
color:#fff;
}
#itemwrapper nav div.catebtn ul a:hover li span{
padding:5px;
border:0px solid #fff;
color:#fff;
font-weight:bold;
}

/* contents menue */
#itemwrapper div.menubtn p{
margin:20px 0;
text-align:center;
font-weight:bold;
}
#itemwrapper  div.menubtn ul{
margin:0;
padding:15px 0 10px 0;
border-top:1px dotted #1a1a1a;
border-bottom:1px dotted #1a1a1a;
overflow:hidden;
}
#itemwrapper  div.menubtn ul a li{
float:left;
width:100%;
max-width:152px;
margin:0px 5px 7px 0px;
list-style-type:none;
text-align:center;
font-weight:bold;
border-radius:25px;
}
#itemwrapper  div.menubtn ul a:link li, .menubtn ul a:visited li{
padding:7px 0 3px 0;
background:#f9f9f9;
border:1px solid #4a4a4a;
box-shadow:1px 1px 2px #bbb;
font-size:14px;
color:#4a4a4a;
}
#itemwrapper  div.menubtn ul a:link li span, .menubtn ul a:visited li span{
color:#4a4a4a;
}
#itemwrapper  div.menubtn ul a:link li span{
font-weight:normal;
color:#000;
font-weight:bold;
font-size:14px;
}
#itemwrapper  div.menubtn ul a:hover li{
background:#4a4a4a;
border:1px solid #006ed5;
box-shadow:2px 2px 3px #5a5a5a;
color:#fff;
}
#itemwrapper  div.menubtn ul a:hover li span{
padding:5px;
border:0px solid #fff;
color:#fff;
font-weight:bold;
}




/* list left */
#itemwrapper  ul.img-list-l{
overflow:hidden;
width:100%;
max-width:800px;
}
#itemwrapper ul.img-list-l li{
float:left;
margin:0 7px 10px 0;
}

#itemwrapper ul.img-list-l li img{
width:100%;
}
#itemwrapper ul.img-list-l li a:link img, #itemwrapper ul.img-list-c li a:visited img{
box-shadow:2px 2px 3px #ddd;
}
#itemwrapper ul.img-list-l li a:hover img{
box-shadow:4px 4px 5px #aaa;
}

/* list center */
#itemwrapper ul.img-list-c{
text-align: center;
}
#itemwrapper ul.img-list-c li{
margin:0 0 10px 0;
padding:3px;
display:inline-block;
vertical-align:top;
}
#itemwrapper ul.img-list-c li p#_cap_point{
margin:0;
padding:0;
font-weight:bold;
font-size:20px;
color:#F30;
}
#itemwrapper ul.img-list-c li h5{
margin:5px 0;
padding:8px 0;
border:1px solid #aaa;
font-weight:bold;
text-align:center;
}
#itemwrapper ul.img-list-c li img{
width:100%;
margin-bottom:0px;
}
#itemwrapper ul.img-list-c li a:link img, #itemwrapper ul.img-list-c li a:visited img{
box-shadow:2px 2px 3px #ddd;
}
#itemwrapper ul.img-list-c li a:hover img{
box-shadow:4px 4px 5px #ccc;
}

/* list center 特殊 */
#itemwrapper ul.img-list-c-a{
text-align: center;
border-top:18px solid #f0f0f0;
border-bottom:18px solid #f0f0f0;
}
#itemwrapper ul.img-list-c-a li{
width:48%;
margin:0 0 10px 0;
padding:3px;
display:inline-block;
vertical-align:top;
}
#itemwrapper ul.img-list-c-a li p{
margin:5px 0 10px 0;
font-size:16px;
}
#itemwrapper ul.img-list-c-a li img{
width:100%;
max-width:190px;
margin-bottom:0px;
}

/* hinban color 表示数設定 2～5 */
#itemwrapper ul#_ct2 li{
width:47%;
}
#itemwrapper ul#_ct3 li{
width:30%;
}
#itemwrapper ul#_ct4 li{
width:23.6%;
}
#itemwrapper ul#_ct5 li{
width:19.1%;
}
#itemwrapper ul#_ct6 li{
width:15.7%;
}

/* glassfilm専用 list */
#itemwrapper ul.img-list-l li p{
margin:10px 0;
font-size:13px;
}
#itemwrapper ul.img-list-l li p#_off{
margin:3px 0;
padding:8px 0;
color:#a40000;
font-weight:bold;
font-size:18px;
text-align:center;
background-color:#f9f9f9;
}
#itemwrapper ul.img-list-l li p#_price{
margin:0 0 10px 0;
color:#a40000;
font-weight:bold;
font-size:14px;
}

#itemwrapper div.catebox{
margin:50px 0;
}
#itemwrapper div.catebox h3{
margin:0;
padding:15px 0 13px 10px;
border-left:10px solid #019fe4;
border-bottom:3px solid #019fe4;
font-size:24px;
font-weight:bold;
}

#itemwrapper div.listtbl table{
margin:0 0 10px 0;
}
#itemwrapper div.listtbl table tr#_bg td{
background:#f0f0f0;
}
#itemwrapper div.listtbl td{
padding:2px 18px;
border:1px solid #ccc;
text-align:center;
}
#itemwrapper div.listtbl td a:link, #itemwrapper div.listtbl td a:visited{
text-decoration:underline;
}
#itemwrapper div.listtbl p{
margin:0 0 10px 0;
}



/* list 汎用 */
#itemwrapper .ListNormal li{
float:left;
list-style-type: none;
padding:5px;
}
/* cap */
#itemwrapper .capTtl{
padding:15px 0 13px 10px;
border-left:10px solid #019fe4;
border-bottom:3px solid #019fe4;
font-size:24px;
font-weight:bold;
}
/* more effect */
#itemwrapper .listMore{
padding:50px 10px;
background-color:#f6f6f6;
border:1px solid #999;
}
#itemwrapper .listMore li{
float:left;
text-align:center;
}
#itemwrapper .listMore li a{
font-size:0.8rem;
font-weight:600;
}
#itemwrapper .listMore li a:link p,
#itemwrapper .listMore li a:visited p{
padding:15px 0;
border:3px solid #1f1f1f;
text-align:center;
background-color:#fff;
}
#itemwrapper .listMore li a:hover p{
background-color:#2A56AF;
color:#fff;
border:3px solid #fff;
text-decoration:none;
}




#itemwrapper div#_infobox{
margin:0;
padding:10px 5px;
}
#itemwrapper div#_infobox p#_info_cap{
margin:0;
padding:15px 0px 10px 10px;
font-size:18px;
font-weight:bold;
border-left:10px solid #3a3a3a;
border-bottom:1px solid #aaa;
}
#itemwrapper div#_infobox a:hover{
opacity:0.7;
}
#itemwrapper div#_infobox h4{
margin:0;
padding:5px 0;
font-weight:normal;
}





/*-----------------------------------------------------------------
	SUB CATE
-----------------------------------------------------------------*/
#itemwrapper .CategoryItemList{
text-align:left;
}
#itemwrapper .CategoryItemList h2{
font-size:24px;
font-weight:bold;
}
#itemwrapper .CategoryItemList p{
font-size:1.0rem;
}
#itemwrapper .CategoryItemList p.c-ci-discri{
padding:0 0 0 5px;
}


/*-----------------------------------------------------------------
	CONTENTS NAV
-----------------------------------------------------------------*/
#itemwrapper .CategoryNavConts ul{
margin-bottom:6px;
}
#itemwrapper .CategoryNavConts ul li{
float:left;
text-align:left;
border:0px solid #999;
}
#itemwrapper .CategoryNavConts ul.ListSet3 li{
width:calc(100% / 3);
}
#itemwrapper .CategoryNavConts ul.ListSet4 li{
width:calc(100% / 4);
}
#itemwrapper .CategoryNavConts ul li p{
width:100%;
padding:0;
font-size:1.0rem;
}
#itemwrapper .CategoryNavConts ul a p{
color:#000;
text-decoration:underline;
}
#itemwrapper .CategoryNavConts ul a:hover li p{
color:#0005FF;
}


/*-----------------------------------------------------------------
	CATE MAIN NAV
-----------------------------------------------------------------*/
#itemwrapper .CategoryNavMain ul{
margin-bottom:6px;
}
#itemwrapper .CategoryNavMain ul li{
float:left;
padding:3px;
text-align:center;
}
#itemwrapper .CategoryNavMain ul.ListSet3 li{
width : calc(100% / 3);
}
#itemwrapper .CategoryNavMain ul.ListSet4 li{
width : calc(100% / 4);
}

#itemwrapper .CategoryNavMain ul li p{
border:1px solid #2e1e19;
width:100%;
padding:26px 0;
text-align:center;
font-size:1.0rem;
font-weight:600;
background:linear-gradient(to bottom, #fff,#dadada);
}
#itemwrapper .CategoryNavMain ul li p strong{
color:#2e1e19;
font-size:1.1rem;
text-decoration:underline;
}
#itemwrapper .CategoryNavMain ul a li p,
#itemwrapper .CategoryNavMain ul a:hover li p{
color:#1f1f1f;
}
#itemwrapper .CategoryNavMain ul a:hover li p{
border:1px solid #f4ecd0;
color:#f4ecd0;
background:linear-gradient(to bottom, #000,#2e1e19);
}
#itemwrapper .CategoryNavMain ul a:hover li p strong{
color:#f4ecd0;
}

/* 推しbotton */
#itemwrapper .CategoryNavMain ul li.cnmEfct01 p{
color:#fff;
background:linear-gradient(to bottom, #d21818,#910404);
border:1px solid #ab0404;
}


/*-----------------------------------------------------------------
	SUB CATE SUB NAV
-----------------------------------------------------------------*/
#itemwrapper .CategoryNavSub ul{
margin-bottom:6px;
}
#itemwrapper .CategoryNavSub ul li{
float:left;
padding:3px;
text-align:center;
}
#itemwrapper .CategoryNavSub ul.ListSet2 li{
width : calc(100% / 2);
}
#itemwrapper .CategoryNavSub ul.ListSet3 li{
width : calc(100% / 3);
}
#itemwrapper .CategoryNavSub ul.ListSet4 li{
width : calc(100% / 4);
}
#itemwrapper .CategoryNavSub ul.ListSet5 li{
width : calc(100% / 5);
}
#itemwrapper .CategoryNavSub ul.ListSet6 li{
width : calc(100% / 6);
}

#itemwrapper .CategoryNavSub ul li p{
padding:10px 0;
font-size:0.8rem;
text-align:center;
color:#1f1f1f;
border:2px solid #2e1e19;
box-shadow:1px 1px 2px #999;
}
#itemwrapper .CategoryNavSub ul li p strong{
color:#2e1e19;
font-size:0.9rem;
text-decoration:underline;
}
#itemwrapper .CategoryNavSub ul a:hover li p{
border:2px solid #220c00;
background-color:#2e1e19;
box-shadow:2px 2px 3px #999;
color:#f4ecd0;
}
#itemwrapper .CategoryNavSub ul a:hover li p strong{
color:#f4ecd0;
}


/*-----------------------------------------------------------------
	LIST NAVI CONTROL
-----------------------------------------------------------------*/
#itemwrapper .CategoryItemList table.ListNaviControl{
width:100%;
max-width:800px;
}
#itemwrapper .CategoryItemList table.ListNaviControl td{
width:50%;
padding:10px 0;
}
#itemwrapper .CategoryItemList table.ListNaviControl td a{
padding:7px 24px;
background-color:#220c00;
color:#f4ecd0;
box-shadow:2px 2px 3px #ccc;
border-radius:2px;
}
#itemwrapper .CategoryItemList table.ListNaviControl td a:hover{
background-color:#722319;
color:#f4ecd0;
text-decoration:none;
}


/*-----------------------------------------------------------------
	LIST DISP CONTROL（20210321～　税込表示規制）
-----------------------------------------------------------------*/
#itemwrapper div.itemlist table.ListDispControl{
width:100%;
max-width:800px;
margin:50px 0 10px 0;
border-bottom:1px solid #1a1a1a;
}
#itemwrapper div.itemlist table.ListDispControl td{
padding:10px 0;
}
#itemwrapper div.itemlist table.ListDispControl td a{
text-decoration:underline;
}
#itemwrapper div.itemlist table.ListDispControl td p{
margin:0 0 10px 0;
padding:10px 0;
background-color:#fafafa;
}
#itemwrapper div.itemlist table.ListDispControl td p strong{
padding:3px 5px;
font-size:1.2rem;
}
#itemwrapper div.itemlist table.ListDispControl td font{
font-size:1.2rem;
font-weight:600;
}


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

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


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

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


/*-----------------------------------------------------------------
	PAGE LIST CONTROL（20210321～　税込表示規制）
-----------------------------------------------------------------*/
#itemwrapper div.itemlist table.ListPageControl{
width:100%;
margin:0 0 20px 0;
box-sizing: border-box;
background-color:#eaeaea;
border-collapse: collapse;
}
#itemwrapper div.itemlist table.ListPageControl td{
padding:20px 0;
text-align:center;
vertical-align: middle;
}
/* 分解 */
#itemwrapper div.itemlist table.ListPageControl td ul.M_pager li a{
font-size:14px;
padding:0 7px;
margin:0 2px;
}
#itemwrapper div.itemlist table.ListPageControl td ul.M_pager li#active a{
font-size:18px;
}
#itemwrapper div.itemlist table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next{
margin:0 10px;
}
#itemwrapper div.itemlist table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:link,
#itemwrapper div.itemlist table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:visited,
#itemwrapper div.itemlist 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;
}