@charset "utf-8";
*, *::after, *::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div#itemwrapper article section .Efct-Sdw img{
box-shadow:1px 1px 2px #ccc;
}
div#itemwrapper article section .Efct-Sdw a:hover img{
box-shadow:2px 2px 3px #aaa;
}

div#itemwrapper article section .Efct-Sdw2 img{
box-shadow:2px 2px 3px #ccc;
}
div#itemwrapper article section .Efct-Sdw2 a:hover img{
box-shadow:3px 3px 4px #aaa;
}

div#itemwrapper article section img.Efct-Sdw-Off{
box-shadow:0px 0px 0px #fff;
}


/*　******　CATEGORY　******　*/
/*-----------------------------------------------------------------
    common
-----------------------------------------------------------------*/
div.itemwrapper{
margin:0;
padding:0;
}

/* 	List ver.1 free */
div#itemwrapper .ListCaseFree ul li{
float:left;
width:100%;
/*padding:0px;*/
}
div#itemwrapper .ListCaseFree ul li.cpFre10{max-width:10%;} div#itemwrapper .ListCaseFree ul li.cpFre15{max-width:15%;}
div#itemwrapper .ListCaseFree ul li.cpFre20{max-width:20%;} div#itemwrapper .ListCaseFree ul li.cpFre25{max-width:25%;}
div#itemwrapper .ListCaseFree ul li.cpFre30{max-width:30%;} div#itemwrapper .ListCaseFree ul li.cpFre35{max-width:35%;} div#itemwrapper .ListCaseFree ul li.cpFre33{max-width:33.333%;}
div#itemwrapper .ListCaseFree ul li.cpFre40{max-width:40%;} div#itemwrapper .ListCaseFree ul li.cpFre45{max-width:45%;}
div#itemwrapper .ListCaseFree ul li.cpFre50{max-width:50%;} div#itemwrapper .ListCaseFree ul li.cpFre55{max-width:55%;}
div#itemwrapper .ListCaseFree ul li.cpFre60{max-width:60%;} div#itemwrapper .ListCaseFree ul li.cpFre65{max-width:65%;}
div#itemwrapper .ListCaseFree ul li.cpFre70{max-width:70%;} div#itemwrapper .ListCaseFree ul li.cpFre75{max-width:75%;}
div#itemwrapper .ListCaseFree ul li.cpFre80{max-width:80%;} div#itemwrapper .ListCaseFree ul li.cpFre85{max-width:85%;}
div#itemwrapper .ListCaseFree ul li.cpFre90{max-width:90%;} div#itemwrapper .ListCaseFree ul li.cpFre100{max-width:100%;}


/* 	List ver.1 left */
div#itemwrapper .ListCaseLeft ul{
margin:0px;
}
div#itemwrapper .ListCaseLeft ul li{
float:left;
margin:0;
padding:5px;
}
div#itemwrapper ul.cpLDispL1 li{width:calc(100% / 1);}
div#itemwrapper ul.cpLDispL2 li{width:calc(100% / 2);}
div#itemwrapper ul.cpLDispL3 li{width:calc(100% / 3);}
div#itemwrapper ul.cpLDispL4 li{width:calc(100% / 4);}
div#itemwrapper ul.cpLDispL5 li{width:calc(100% / 5);}
div#itemwrapper ul.cpLDispL6 li{width:calc(100% / 6);}
div#itemwrapper ul.cpLDispL7 li{width:calc(100% / 7);}
div#itemwrapper ul.cpLDispL8 li{width:calc(100% / 8);}



/*-----------------------------------------------------------------
    HEADER
-----------------------------------------------------------------*/
div.MainWrap header h1{
margin:20px 0;
font-size:1.6rem;
font-weight:600;
text-decoration:underline;
text-align:center;
}
div.MainWrap header .hderCap01{
margin:0;
padding:20px 0;
font-size:1.0rem;
line-height:180%;
background-color:#f9f9f9;
}

div.MainWrap .HeaderTtl01{
margin:40px 0 20px 0;
}
div.MainWrap .HeaderTtl01 p{
margin:0;
padding:0;
text-align:center;
font-size:1.0rem;
}
div.MainWrap .HeaderTtl01 p strong{
font-size:1.6rem;
line-height:100%;
padding:0;
border-bottom:0px solid #111;
}


/*-----------------------------------------------------------------
    NAVI
-----------------------------------------------------------------*/
div.MainWrap nav.SelectNavMain h3{
margin:0 0 5px 0;
font-size:1.2rem;
}
div.MainWrap nav.SelectNavMain ul{
background-color:#fafafa;
}
div.MainWrap nav.SelectNavMain ul li img{
box-shadow:2px 2px 3px #999;
}
div.MainWrap nav.SelectNavMain li h4{
margin:0 0 5px 0;
font-size:1.0rem;
}
div.MainWrap nav.SelectNavMain li.fixL{
border-right:5px solid #fff;
}
div.MainWrap nav.SelectNavMain li.fixR{
border-left:5px solid #fff;
}
div.MainWrap nav.SelectNavMain div{
margin:10px 0 0 0;
}
div.MainWrap nav.SelectNavMain div p{
font-size:1.0rem;
color:#111;
}



/*-----------------------------------------------------------------
    NAVI
-----------------------------------------------------------------*/
div.MainWrap nav.SelectNav{
margin-bottom:10px;
}
div.MainWrap nav.SelectNav h3{
margin:0 0 5px 0;
font-size:0.9rem;
border-bottom:0px solid #111;
}
div.MainWrap nav.SelectNav li{
text-align:left;
}
div.MainWrap nav.SelectNav li a:link p,
div.MainWrap nav.SelectNav li a:visited p{
width:100%;
padding:15px 5px;
background-color:#412d22;
color:#fff;
font-size:0.9rem;
font-weight:300;
border:1px solid #fff;
}
div.MainWrap nav.SelectNav li a:hover p{
background-color:#84443c;
color:#fff;
text-decoration:none;
}
div.MainWrap nav.SelectNav li a:link p.bgRed,
div.MainWrap nav.SelectNav li a:visited p.bgRed{
background-color:#b52020;
color:#fff;
font-weight:600;
}
div.MainWrap nav.SelectNav li a:hover p.bgRed{
background-color:#ff0000;
color:#fff;
text-decoration:none;
}
div.MainWrap nav.SelectNav li a:link p.bgblue,
div.MainWrap nav.SelectNav li a:visited p.bgblue{
background-color:#0ce9e2;
color:#FFFE91;
font-weight:600;
}
div.MainWrap nav.SelectNav li a:hover p.bgblue{
background-color:#008080;
color:#fff;
text-decoration:none;
}
div.MainWrap nav.SelectNav li a:link p.bggreen,
div.MainWrap nav.SelectNav li a:visited p.bggreen{
background-color:#325737;
color:#fff;
font-weight:600;
}
div.MainWrap nav.SelectNav li a:hover p.bggreen{
background-color:#7c9f81;
color:#111;
text-decoration:none;
}

div.MainWrap nav.SelectNav li a:link p.bgbeg,
div.MainWrap nav.SelectNav li a:visited p.bgbeg{
background-color:#eeeed6;
color:#402b25;
font-weight:600;
}
div.MainWrap nav.SelectNav li a:hover p.bgbeg{
background-color:#402b25;
color:#eeeed6;
text-decoration:none;
}



/*-----------------------------------------------------------------
	LIST DISP CONTROL
-----------------------------------------------------------------*/
div.MainWrap .CategoryItemList div.cil-CateCap{
margin:0 0 30px 0;
}
div.MainWrap .CategoryItemList div.cil-CateCap h3{
margin:0 0 5px 0;
padding:0 0 5px 0;
font-size:1.2rem;
font-weight:600;
border-bottom:1px solid #111;
}




/*-----------------------------------------------------------------
	LIST DISP CONTROL
-----------------------------------------------------------------*/
div.MainWrap .CategoryItemList table.ListDispControl{
width:100%;
max-width:800px;
margin:0 0 10px 0;
border-bottom:1px solid #1a1a1a;
}
div.MainWrap .CategoryItemList table.ListDispControl td{
padding:10px 0;
font-size:1.0rem;
}
div.MainWrap .CategoryItemList table.ListDispControl td a{
text-decoration:underline;
}
div.MainWrap .CategoryItemList table.ListDispControl td font{
font-size:1.1rem;
font-weight:bold;
}


/*-----------------------------------------------------------------
	ITEM LIST DISP
-----------------------------------------------------------------*/
div.MainWrap .CategoryItemList table.ItemListDisp{
width:100%;
max-width:800px;
margin:10px 0;
border-spacing:0;
}
div.MainWrap .CategoryItemList table.ItemListDisp tr td{
vertical-align:top;
}
div.MainWrap .CategoryItemList table.ItemListDisp tr td img{
margin:3px 0;
}
div.MainWrap .CategoryItemList table.ItemListDisp tr td font{
color:#F30004;
line-height:160%;
}


/*-----------------------------------------------------------------
	PAGE LIST CONTROL
-----------------------------------------------------------------*/
div.MainWrap .CategoryItemList table.ListPageControl{
width:100%;
margin:10px 0;
background-color:#eaeaea;
border-collapse: collapse;
}
div.MainWrap .CategoryItemList table.ListPageControl td{
padding:15px 10px;
text-align:center;
vertical-align: middle;;
}
div.MainWrap table.ListPageControl ul li{
border:0;
margin:0;
}
div.MainWrap .CategoryItemList table.ListPageControl td ul li{
border:0;
margin:0;
box-shadow:0 0 0 0;
}
/* 分解 */
div.MainWrap .CategoryItemList table.ListPageControl td ul.M_pager li a{
font-size:14px;
padding:0 7px;
margin:0 2px;
}
div.MainWrap .CategoryItemList table.ListPageControl td ul.M_pager li.active{
padding:0 8px;
font-size:18px;
color:#f86b1e;
}
div.MainWrap .CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next{
margin:0 10px;
}
div.MainWrap .CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:link,
div.MainWrap .CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:visited,
div.MainWrap .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;
}

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

div.MainWrap .CategoryItemList ul.CgListTypeF{
border:1px solid #63471c;
}
div.MainWrap .CategoryItemList ul.CgListTypeF li{
border:1px solid #63471c;
}




/*-----------------------------------------------------------------
	MULTI CASE
-----------------------------------------------------------------*/
div.MainWrap .IwCaseAny{
margin:0;
}
div.MainWrap .IwCaseAny h3{
margin:0 0 20px 0;
padding:0 0 7px 0;
font-size:1.1rem;
font-weight:600;
border-bottom:1px solid #111;
}
div.MainWrap .IwCaseAny ul li{
margin:0 0 8px 0;
padding:1px 0 1px 8px;
font-size:1.0rem;
border-left:5px solid #ddd;
}
div.MainWrap .IwCaseAny ul li a{
text-decoration:underline;
color:#1925FF;
}
div.MainWrap .IwCaseAny ul li font{
background-color:#FFFEB1;
}

div.MainWrap .IwCaseAnyCollection ul{
width:100%;
}
div.MainWrap .IwCaseAnyCollection ul li{
float:left;
width:33.3333%;
padding:15px;	
border:1px solid #eaeaea;
}
div.MainWrap .IwCaseAnyCollection ul li h4{
margin:0 0 3px 0;
text-align:center;
}
div.MainWrap .IwCaseAnyCollection ul li h4 span{
padding:0 0 3px 0;
border-bottom:1px solid #ccc;
}
div.MainWrap .IwCaseAnyCollection ul li h5{
margin:0 0 7px 0;
text-align:center;
}
div.MainWrap .IwCaseAnyCollection ul li p{
margin:5px 0 0 0;
text-align:center;
}
div.MainWrap .IwCaseAnyCollection ul li p{
text-decoration:underline;
}

div.MainWrap .IwCaseList01 ul li{
padding:5px 0;
list-style-type: none;
}
div.MainWrap .IwCaseList01 ul li a{
font-size:1.0rem;
color:#111;
text-decoration:underline;
}
div.MainWrap .IwCaseList01 ul li a:hover{
font-size:1.0rem;
color:#0B08FF;
text-decoration:underline;
}

/* VTR */
div.MainWrap .IwCaseAny div.PromOpe{
padding:20px 0;
border:1px solid #aaa;
background-color:#fafafa;
text-align:center;
}
div.MainWrap .IwCaseAny div #promo_fix1{
margin:auto 0;
}
div.MainWrap .IwCaseAny div.PromOpe p{
margin:5px 0 0 0;
font-size:1.0rem;
}









/*　******　PRODUCTS　******　*/
/*  HEADER TAG ver.2 */
div#itemwrapper article section.ItemTagList{
margin:10px 0 30px 0;
padding:20px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
div#itemwrapper article section.ItemTagList h5{
margin:0 0 10px 0;
font-size:1.0em;
line-height:100%;
}
div#itemwrapper article section.ItemTagList ul li{
float:left;
margin:10px 4px 5px 0;
}
div#itemwrapper article section.ItemTagList ul li a{
padding:5px 15px;
/*border:1px solid #5a5a5a;*/
border:1px solid #fff;
border-radius:4px;
background-color:#5368ac;
color:#fff;
font-size:1.0em;
box-shadow:1px 1px 2px #ccc;
text-decoration:none;
}
div#itemwrapper article section.ItemTagList ul li a:hover{
background-color:#1a1a1a;
color:#fff;
}
div#itemwrapper article section.ItemTagList ul li#tglst_sp2 a{
padding:2px 15px;
border:1px solid #3f2121;
border-radius:2px;
background-color:#bc0000;
color:#fff;
font-size:1.0em;
box-shadow:1px 1px 2px #eaeaea;
text-decoration:none;
}
div#itemwrapper article section.ItemTagList ul li#tglst_sp2 a:hover{
background-color:#1a1a1a;
color:#fff;
}

/* ---------------------------------------
	Products info
--------------------------------------- */
div#itemwrapper section .wnhListNavi li p{
margin:0 0 7px 0;
font-size:1.0rem;
}
div#itemwrapper section .wnhListNavi li p span{
padding:0px 12px;
background-color:#231815;
border:0px solid #231815;
color:#fff;
line-height:100%;
}
div#itemwrapper section.Fix-Line{
margin:100px 0;
text-align:center;
}


/* ---------------------------------------
	Products info
--------------------------------------- */
div#itemwrapper div.PdcTtlCase{
margin:0 0 20px 0;
border:0px solid #231815;
}
div#itemwrapper div.PdcTtlCase ul{
margin:0;
}
div#itemwrapper div.PdcTtlCase ul li{
padding:5px 0;
border:0px solid #112DD0;
}
div#itemwrapper section p.ttlBx01{
margin:0;
padding:0;
vertical-align: middle;
}
div#itemwrapper section p.ttlBx01 strong{
margin:0;
padding:2px 50px;
font-size:1.0rem;
border:1px solid #fff;
background-color:#231815;
color:#fff;
}
div#itemwrapper section p.ttlBx02{
margin:0;
padding:10px 0;
font-size:1.6rem;
line-height:100%;
border-bottom:1px solid #231815;
}
div#itemwrapper section p.ttlBx03{
margin:0;
padding:0;
font-size:1.0rem;
line-height:100%;
}
div#itemwrapper section .bcktoNavi{
margin:0;
padding:0;
text-align:right;
border:0px solid #ff0000;
}
div#itemwrapper section .bcktoNavi a{
padding:3px 15px;
color:#fff;
background-color:#231815;
box-shadow:2px 2px 3px #ccc;
}

div#itemwrapper section div.PdcUperNotice{
margin:0 0 10px 0;
padding:0;
}
div#itemwrapper section div.PdcUperNotice p{
margin:0;
font-size:0.7rem;
}

div#itemwrapper section table.PdctInfoSet{
width:100%;
border-style: solid;
border-color:#fff;
border-width: 1px 0 0 1px;
}
div#itemwrapper section table.PdctInfoSet th,
div#itemwrapper section table.PdctInfoSet td{
padding:9px 5px;
text-align:left;
font-size:0.9rem;
border-style: dotted;
border-color:#aaa;
border-width:0 0 1px 0;
}
div#itemwrapper section table.PdctInfoSet th{
width:12%;
background-color:#eaeaea;
}
div#itemwrapper section table.PdctInfoSet td.pis_price{
font-weight:600;
color:#ff0000;
font-size:1.0rem;
}
div#itemwrapper section table.PdctInfoSet td p.pisLnkCart{
margin:10px 0 0 0;
}
div#itemwrapper section table.PdctInfoSet td p.pisLnkCart a{
padding:5px 0 0 0;
border:1px solid #231815;
}

div#itemwrapper section table.PdctInfoSet td span.pisLnkCart{
margin:0;
}
div#itemwrapper section table.PdctInfoSet td span.pisLnkCart a{
padding:0;
border:1px solid #231815;
}

div#itemwrapper section table.PdctInfoSet td font{
font-size:0.7rem;
}
/* Referrence */
div#itemwrapper section div.PdcReference{
margin:0 0 30px 0;
}
div#itemwrapper section div.PdcReference li{
padding:0 10px 0 0;
}
div#itemwrapper section div.PdcReference li p{
margin:7px 0 0 0;
font-size:0.7rem;
}
div#itemwrapper section div.PdcReference p.priCap{
margin:0 0 10px 0;
padding:0 0 5px 0;
font-size:1.0rem;
font-weight:600;
border-bottom:1px solid #aaa;
}
div#itemwrapper section div.PdcReference p.priCaution{
margin:20px 0 5px 0;
font-size:0.8rem;
font-weight:300;
color:#ff0000;
}
div#itemwrapper section div.PdcReference p.priCaution span{
text-decoration:underline;
}
div#itemwrapper section div.PdcReference p.priColorVali{
margin:0 0 10px 0;
font-size:0.8rem;
font-weight:300;
}
div#itemwrapper section div.PdcReference p.priColorVali a{
text-decoration:underline;
}

div#itemwrapper section div.PdctInfoNotice{
padding:10px;
background-color:#f0f0f0;
}
div#itemwrapper section div.PdctInfoNotice p{
font-size:0.8rem;
}













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

	IMPORTANT

//--------------------------------------------------------------------------------- */
@media screen and (max-width: 480px){
div#itemwrapper{
margin:0;
padding:0 3px;
}



/* ---------------------------------------
	Products info
--------------------------------------- */
/*  HEADER TAG ver.2 */
div#itemwrapper article section.ItemTagList{
margin:0px 0 30px 0;
padding:10px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
div#itemwrapper article section.ItemTagList h5{
margin:0 0 5px 0;
font-size:0.9em;
font-weight:normal;
line-height:100%;
}
div#itemwrapper article section.ItemTagList ul li{
float:left;
margin:5px 4px 5px 0;
}
div#itemwrapper article section.ItemTagList ul li a{
padding:4px 15px;
border:1px solid #fff;
border-radius:4px;
background-color:#5368ac;
color:#fff;
font-size:0.8em;
line-height:100%;
box-shadow:1px 1px 2px #ddd;
text-decoration:none;
}
div#itemwrapper article section.ItemTagList ul li a:hover{
background-color:#1a1a1a;
color:#fff;
}

div#itemwrapper section .wnhListNavi li p{
margin:0 0 7px 0;
font-size:0.8rem;
}
div#itemwrapper section .wnhListNavi li p span{
padding:0px 2px;
background-color:#231815;
color:#fff;
font-size:0.8rem;
line-height:100%;
}
div#itemwrapper section.Fix-Line{
margin:50px 0;
text-align:center;
}

div#itemwrapper div.PdcTtlCase{
margin:0 0 10px 0;
border:0px solid #231815;
}
div#itemwrapper div.PdcTtlCase ul{
margin:0;
}
div#itemwrapper div.PdcTtlCase ul li{
padding:5px 0;
border:0px solid #112DD0;
}

div#itemwrapper section p.ttlBx01{
margin:0;
padding:0;
vertical-align: middle;
}
div#itemwrapper section p.ttlBx01 strong{
margin:0;
padding:2px 30px;
font-size:1.0rem;
border:1px solid #fff;
background-color:#231815;
color:#fff;
}
div#itemwrapper section p.ttlBx02{
margin:0;
padding:15px 0 10px 0;
font-size:1.2rem;
line-height:100%;
border-bottom:1px solid #231815;
}
div#itemwrapper section p.ttlBx03{
margin:0;
padding:0;
font-size:0.7rem;
line-height:100%;
}
div#itemwrapper section .bcktoNavi{
margin:0;
padding:0;
text-align:right;
border:0px solid #ff0000;
}
div#itemwrapper section .bcktoNavi a{
padding:3px 15px;
color:#fff;
background-color:#231815;
box-shadow:2px 2px 3px #ccc;
}

/* detail table */
div#itemwrapper section table.PdctInfoSet{
width:100%;
border-style: solid;
border-color:#eaeaea;
border-width: 1px 1px 0 0;
}
div#itemwrapper section table.PdctInfoSet th,
div#itemwrapper section table.PdctInfoSet td{
padding:8px 5px;
text-align:left;
font-size:0.8rem;
}
div#itemwrapper section table.PdctInfoSet th{
width:23%;
/* important-- */
background-color:#f0f0f0;
border-style: solid;
border-color:#eaeaea;
border-width: 0 0 1px 1px;
/* -- important */
}
div#itemwrapper section table.PdctInfoSet td{
width:77%;
/* important-- */
border-style: solid;
border-color:#eaeaea;
border-width: 0 0 1px 1px;
/* -- important */
}
div#itemwrapper section table.PdctInfoSet td.pis_price{
font-weight:600;
font-size:0.8rem;
}
div#itemwrapper section table.PdctInfoSet td p.pisLnkCart{
margin:10px 0 0 0;
}
div#itemwrapper section table.PdctInfoSet td p.pisLnkCart a{
padding:5px 0 0 0;
border:1px solid #231815;
}

div#itemwrapper section table.PdctInfoSet td span.pisLnkCart{
margin:0;
}
div#itemwrapper section table.PdctInfoSet td span.pisLnkCart a{
padding:0;
border:1px solid #231815;
}

div#itemwrapper section table.PdctInfoSet td font{
font-size:0.7rem;
}


div#itemwrapper section div.PdctInfoNotice{
padding:12px 8px;
background-color:#f9f9f9;
border:1px solid #aaa;
}
div#itemwrapper section div.PdctInfoNotice p{
padding:3px 0;
font-size:0.7rem;
}


}