@charset "utf-8";
*, *::after, *::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#category-wrap{
width:100%;
max-width:800px;
}
#category-wrap h1, #category-wrap h2, #category-wrap h3, #category-wrap h4, #category-wrap h5, #category-wrap h6, #category-wrap p, #category-wrap strong, #category-wrap span, #category-wrap font{
line-height:130%;
color:#1f1f1f;
font-size:1.0rem;
}
#category-wrap img{
line-height:0;
}

/* -------------------------------------------------------- 
	HEADER
-------------------------------------------------------- */
#category-wrap header{
width:100%;
padding:0;
}
#category-wrap header h3.exHdrCap{
margin:20px 0;
font-size:1.4rem;
font-weight:600;
text-align:center;
text-decoration:underline;
}
#category-wrap header p{
padding:0 30px;
}


/* -------------------------------------------------------- 
	NAV
-------------------------------------------------------- */
#category-wrap nav{
width:100%;
padding:0;
}
#category-wrap nav div{
padding:0;
border:0px solid #6875a4;
text-align:center;
}
#category-wrap nav div h5{
margin:0 0 20px 0;
text-align:center;
font-size:1.2rem;
font-weight:600;
text-decoration:underline;
color:#6c2c5b;
}
#category-wrap nav div p{
text-align:center;
}
#category-wrap nav div ul li{
float:left;
width:calc(94.8%/3);
margin:6px;
padding:10px 0;
font-size:0.9rem;
font-weight:600;
border:0px solid #bc28a9;
box-shadow:1px 1px 2px #999;
text-decoration:underline;
}
#category-wrap nav div ul a:link li,
#category-wrap nav div ul a:visited li{
color:#6c2c5b;
background-color:#fafafa;
}
#category-wrap nav div ul a:hover li{
color:#fff;
background-color:#6c2c5b;
text-decoration:none;
}


/*-----------------------------------------------------------------
    CATEGORY COMMON
-----------------------------------------------------------------*/
#category-wrap .CategoryItemList ul{
margin:0 0 30px 0;
}
#category-wrap .CategoryItemList ul li{
font-weight:bold;
color:#2f2f2f;
}

#category-wrap .CategoryItemList ul.ListSet2 li{
float:left;
width : calc(99% / 2);
}
#category-wrap .CategoryItemList ul.ListSet3 li{
float:left;
width : calc(99% / 3);
}
#category-wrap .CategoryItemList ul.ListSet4 li{
float:left;
width : calc(99% / 4);
}
#category-wrap .CategoryItemList ul.ListSet5 li{
float:left;
width : calc(98.6% / 5);
}
#category-wrap .CategoryItemList ul.ListSet6 li{
float:left;
width : calc(99% / 6);
}


/*-----------------------------------------------------------------
    CAP MAIN
-----------------------------------------------------------------*/
#category-wrap h2.CategoryCap-Main{
position: relative;
margin:0 0 30px 0;
padding: 1.2rem 0;
border-top: solid 2px #1f1f1f;
border-bottom: solid 2px #1f1f1f;
font-size:1.4rem;
font-weight:600;
text-align:center;
}
#category-wrap h2.CategoryCap-Main:before, h2.CategoryCap-Main:after {
content: '';
position: absolute;
top: -7px;
width: 2px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #1f1f1f;
}
#category-wrap h2.CategoryCap-Main:before {
left: 7px;
}
#category-wrap h2.CategoryCap-Main:after {
right: 7px;
}



/*-----------------------------------------------------------------
    LIST DISPLAY
-----------------------------------------------------------------*/
#category-wrap article section.ItemImageList ul{
width:100%;
}
#category-wrap article section.ItemImageList ul li{
float:left;
padding:5px 5px 10px 5px;
}
#category-wrap article section.ItemImageList ul li img{
width:100%;
}
#category-wrap article section.ItemImageList ul li h3{
font-size:1.2rem;
font-weight:bold;
}
#category-wrap article section.ItemImageList ul li h4{
font-size:1.0rem;
font-weight:bold;
}
#category-wrap article section.ItemImageList ul li h5{
font-size:0.8rem;
font-weight:bold;
}
#category-wrap article section.ItemImageList ul li p{
margin:5px 0 0 0;
font-size:1.0rem;
text-align:left;
}

#category-wrap article section.ItemImageList ul li.sideBdr{
border-style:dotted;
border-colod:#2f2f2f;
border-width:0 1px;
}


/* DISPLAY LIST COUNT */
#category-wrap article section ul.ListDisp-1 li{
width:calc(100% / 1);
}
#category-wrap article section ul.ListDisp-2 li{
width:calc(100% / 2);
}
#category-wrap article section ul.ListDisp-3 li{
width:calc(100% / 3);
}
#category-wrap article section ul.ListDisp-4 li{
width:calc(100% / 4);
}
#category-wrap article section ul.ListDisp-5 li{
width:calc(100% / 5);
}
#category-wrap article section ul.ListDisp-6 li{
width:calc(100% / 6);
}
#category-wrap article section ul.ListDisp-7 li{
width:calc(100% / 7);
}
#category-wrap article section ul.ListDisp-8 li{
width:calc(100% / 8);
}
#category-wrap article section ul.ListDisp-9 li{
width:calc(100% / 9);
}
@media all and (-ms-high-contrast: none) {
#category-wrap article section ul.ListDisp-3 li{
width:calc(96% / 3); /*IE*/
}
}


/*-----------------------------------------------------------------
    EXPO original
-----------------------------------------------------------------*/
#category-wrap article section.exRecoList h3{
margin:0 0 20px 0;
padding:0 0 10px 0;
text-align:center;
font-size:1.2rem;
font-weight:600;
border-bottom:1px solid #555;
}
#category-wrap article section.exRecoList p.exrCp{
margin:30px 0;
padding:0 20px;
}
#category-wrap article section.exRecoList p.exrCp span{
color:#E01619;
font-size:0.8rem;
}
#category-wrap article section.exRecoList ul{
/*margin:0 0 30px 0;*/
}
#category-wrap article section.exRecoList ul li{
padding:0 12px;
}
#category-wrap article section.exRecoList ul li h4{
margin:10px 0 0 0;
}
#category-wrap article section.exRecoList ul li img{
box-shadow:2px 2px 3px #aaa;
}

#category-wrap article section.exRecoList div.exDispMore{
padding:10px;
}
#category-wrap article section.exRecoList div.exDispMore a p{
width:80%;
margin:20px auto 0 auto;
padding:15px 0;
background-color:#1f1f1f;
color:#fff;
text-align:center;
box-shadow:2px 2px 3px #ccc;
border-radius:3px;
}
#category-wrap article section.exRecoList div.exDispMore a:hover p{
background-color:#5f5f5f;
text-decoration:none;
}




/*-----------------------------------------------------------------
    COMMON contents
-----------------------------------------------------------------*/
#category-wrap article section.CategoryConts{
width:100%;
}
#category-wrap article section.CategoryConts h3{
margin:0 0 30px 0;
padding:0 0 10px 0;
font-size:1.2rem;
color:#C9450A;
border-bottom:1px solid #1f1f1f;
}
#category-wrap article section.CategoryConts p{
margin:0 0 5px 0;
}
#category-wrap article section.CategoryConts p a{
color:#232EF5;
text-decoration:underline;
}
#category-wrap article section.CategoryConts p.ccCaution{
margin:20px 0;
padding:10px 20px;
background-color:#C9450A;
color:#fff;
}
#category-wrap article section.CategoryConts ul.ccNmlLst li{
font-size:1.0rem;
}


#category-wrap article section.CategoryConts div.info img{
margin:0 auto 10px auto;
}
#category-wrap article section.CategoryConts div p{
margin:10px 0 0 0;
margin:0;
padding:2px 0;
font-size:1.0rem;
line-height:140%;
}
#category-wrap article section.CategoryConts div p span{
color:#ff0000;
}
#category-wrap article section.CategoryConts div p a:link,
#category-wrap article section.CategoryConts div p a:visited{
text-decoration:underline;
color:#1A34FF;
}
#category-wrap article section.CategoryConts div.cptContsimg img{
box-shadow:3px 3px 4px #ccc;
}
/* CONTACT FORM */
#category-wrap article section.CategoryConts div.ccContactform ul{
width:100%;
}
#category-wrap article section.CategoryConts div.ccContactform ul li{
float:left;
width:calc(100% / 2);
padding:10px;
background-color:#f9f9f9;
}
#category-wrap article section.CategoryConts div.ccContactNote{
padding:15px;
border:1px solid #1f1f1f;
}
#category-wrap article section.CategoryConts div.ccContactNote h3{
padding:15px 0;
font-size:1.5rem;
font-weight:600;
background-color:#1f1f1f;
color:#fff;
}
#category-wrap article section.CategoryConts div.ccContactNote h3 strong{
color:#F0FF00;
}

#category-wrap article section.CategoryConts div.ccContactNote ul li{
padding:5px 0;
margin-left:25px;
font-size:1.0rem;
font-weight:600;
list-style-type:circle;
}
#category-wrap article section.CategoryConts div.ccContactNote ul li strong{
color:#ff0000;
}
#category-wrap article section.CategoryConts div.ccContactNote ul li span{
text-decoration:underline;
}
#category-wrap article section.CategoryConts div.ccContactNote ul li a:link,
#category-wrap article section.CategoryConts div.ccContactNote ul li a:visited{
text-decoration:underline;
color:#1A34FF;
}

#category-wrap article section.CategoryConts p#cc_samplink{
width:90%;
margin:30px auto;
padding:20px 0;
color:#1f1f1f;
background-color:#8ac3e0;
text-align:center;
font-size:1.0rem;
font-weight:600;
border-radius:10px;
border:3px solid #eaeaea;
box-shadow:3px 3px 4px #ccc;
}
#category-wrap article section.CategoryConts a:hover p#cc_samplink{
color:#fff;
background-color:#128ccb;
text-decoration:none;
}



/*-----------------------------------------------------------------
    LIST CATEGORY COMMON
-----------------------------------------------------------------*/
#category-wrap .CategoryItemList ul{
margin:0 0 30px 0;
}
#category-wrap .CategoryItemList ul li{
font-weight:bold;
color:#2f2f2f;
}

#category-wrap .CategoryItemList ul.ListSet2 li{
float:left;
width : calc(99% / 2);
}
#category-wrap .CategoryItemList ul.ListSet3 li{
float:left;
width : calc(99% / 3);
}
#category-wrap .CategoryItemList ul.ListSet4 li{
float:left;
width : calc(99% / 4);
}
#category-wrap .CategoryItemList ul.ListSet5 li{
float:left;
width : calc(98.6% / 5);
}
#category-wrap .CategoryItemList ul.ListSet6 li{
float:left;
width : calc(99% / 6);
}




/*-----------------------------------------------------------------
	LIST NAVI CONTROL .ver2
-----------------------------------------------------------------*/
#category-wrap .CategoryItemList table.ListNaviControl{
width:100%;
max-width:800px;
margin:0 0 30px 0;
}
#category-wrap .CategoryItemList table.ListNaviControl td{
width:50%;
padding:15px 0;
}
#category-wrap .CategoryItemList table.ListNaviControl td a{
padding:7px 24px;
background-color:#1f1f1f;
color:#f4ecd0;
box-shadow:2px 2px 3px #aaa;
border-radius:2px;
}
#category-wrap .CategoryItemList table.ListNaviControl td a:hover{
background-color:#f4ecd0;
color:#1f1f1f;
border:1px solid #1f1f1f;
text-decoration:none;
}

/*-----------------------------------------------------------------
    CATEGORY COMMON .ver2
-----------------------------------------------------------------*/
#category-wrap .CategoryItemList .cil-CateCap{
margin-bottom:30px;
}
#category-wrap .CategoryItemList ul{
margin:0 0 30px 0;
}
#category-wrap .CategoryItemList ul li{
font-weight:bold;
color:#2f2f2f;
}

#category-wrap .CategoryItemList ul.ListSet2 li{
float:left;
width : calc(99% / 2);
}
#category-wrap .CategoryItemList ul.ListSet3 li{
float:left;
width : calc(98% / 3);
}
#category-wrap .CategoryItemList ul.ListSet4 li{
float:left;
width : calc(99% / 4);
}
#category-wrap .CategoryItemList ul.ListSet5 li{
float:left;
width : calc(98.6% / 5);
}
#category-wrap .CategoryItemList ul.ListSet6 li{
float:left;
width : calc(99% / 6);
}

/* margin ver */
#category-wrap .CategoryItemList ul.fix-mgn3 li{
width : calc(98.8% / 3);
margin:0 3px 0 0;
}
#category-wrap .CategoryItemList ul.fix-mgn4 li{
width : calc(98% / 4);
margin:0 3px 0 0;
}


/*-----------------------------------------------------------------
    ALL LIST DISPLAY
-----------------------------------------------------------------*/
#category-wrap .CategoryItemList ul.ciNavMain{
margin-bottom:40px;
padding:20px;
border:1px solid #1f1f1f;
}
#category-wrap .CategoryItemList ul.ciNavMain li{
float:left;
width:calc(98.2%/3);
margin:2px;
padding:10px 0;
text-align:left;
text-decoration:underline;
font-size:1.0rem;
font-weight:normal;
}
#category-wrap .CategoryItemList ul.ciNavMain a:link li,
#category-wrap .CategoryItemList ul.ciNavMain a:visited li{
color:#002CFF;
background-color:#fff;
}
#category-wrap .CategoryItemList ul.ciNavMain a:hover li{
color:#1f1f1f;
}



/*-----------------------------------------------------------------
    CATEGORY DISPLAY .ver2
-----------------------------------------------------------------*/
#category-wrap .CategoryNavSub{
margin-bottom:40px;
}
#category-wrap .CategoryNavSub ul{
margin-bottom:6px;
}
#category-wrap .CategoryNavSub ul li{
padding:18px 0;
text-align:center;
border:1px solid #220c00;
border-radius:2px;
box-shadow:2px 2px 3px #aaa;
}
#category-wrap .CategoryNavSub ul li.fix-mgn-center{
margin-left:7px;
margin-right:7px;
}
#category-wrap .CategoryNavSub ul li p{
margin-top:0px;
font-size:0.8rem;
text-align:center;
color:#3f3f3f;
font-weight:600;
}
#category-wrap .CategoryNavSub ul a li img{
max-width:190px;
margin:0 0 5px 0;
}
#category-wrap .CategoryNavSub ul a:hover li{
border:1px solid #1f1f1f;
background-color:#f4ecd0;
box-shadow:3px 3px 4px #888;
}
#category-wrap .CategoryNavSub ul a:hover li h5,
#category-wrap .CategoryNavSub ul a:hover li p{
color:#1f1f1f;
}

#category-wrap .CategoryNavSub div.CateHCap{
margin:30px 0;
}
#category-wrap .CategoryNavSub div.CateHCap h2{
margin:10px 0;
padding:0 0 10px 0;
font-size:1.3rem;
font-weight:600;
text-align:center;
text-decoration:underline;
}
#category-wrap .CategoryNavSub div.CateHCap p{
padding:5px 0;
}
#category-wrap .CategoryNavSub div.CateHCap p.chcNote{
width:100%;
max-width:600px;
margin:0 auto;
text-align:center;
font-size:1.0rem;
}


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

/*-----------------------------------------------------------------
	ITEM LIST DISP .ver2
-----------------------------------------------------------------*/
#category-wrap .CategoryItemList table.ItemListDisp{
width:100%;
max-width:800px;
margin:10px 0;
border-spacing:0;
}

/*-----------------------------------------------------------------
	PAGE LIST CONTROL .ver2
-----------------------------------------------------------------*/
#category-wrap section.CategoryItemList table.ListPageControl{
width:100%;
margin:10px 0;
background-color:#eaeaea;
border-collapse: collapse;
}
#category-wrap section.CategoryItemList table.ListPageControl td{
padding:15px 10px;
text-align:center;
vertical-align: middle;;
}
#category-wrap section.CategoryItemList table.ListPageControl ul li{
border:0;
margin:0;
}
#category-wrap section.CategoryItemList table.ListPageControl td ul li{
border:0;
margin:0;
box-shadow:0 0 0 0;
}

#category-wrap section.CategoryItemList table.ListPageControl td ul.M_pager li a{
font-size:14px;
padding:0 7px;
margin:0 2px;
}
#category-wrap section.CategoryItemList table.ListPageControl td ul.M_pager li.active{
padding:0 8px;
font-size:18px;
color:#f86b1e;
}
#category-wrap section.CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next{
margin:0 10px;
}
#category-wrap section.CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:link,
#category-wrap section.CategoryItemList table.ListPageControl td ul.M_pager li.prev a, ul.M_pager li.next a:visited,
#category-wrap 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;
}








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

	IMPORTANT

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

/* -------------------------------------------------------- 
	HEADER
-------------------------------------------------------- */
#category-wrap header h3.exHdrCap{
margin:20px 0;
font-size:1.0rem;
font-weight:600;
}
#category-wrap header p{
font-size:0.8rem;
padding:0 10px;
}


/* -------------------------------------------------------- 
	NAV
-------------------------------------------------------- */
#category-wrap nav div h5{
margin:0 0 10px 0;
text-align:center;
font-size:1.0rem;
}
#category-wrap nav div ul li{
float:left;
width:calc(100%/2);
margin:0;
padding:10px 0;
font-size:0.8rem;
font-weight:300;
border:3px solid #fff;
box-shadow:0px 0px 0px #fff;
}
#category-wrap nav div ul a:link li,
#category-wrap nav div ul a:visited li{
color:#fff;
background-color:#6c2c5b;
text-decoration:none;
}
#category-wrap nav div ul a:hover li{
color:#6c2c5b;
background-color:#fafafa;
text-decoration:none;
}

/*-----------------------------------------------------------------
    CAP MAIN
-----------------------------------------------------------------*/
#category-wrap h2.CategoryCap-Main{
position: relative;
margin:0 0 15px 0;
padding: 1.2rem 0;
border-top: solid 2px #1f1f1f;
border-bottom: solid 2px #1f1f1f;
font-size:1.0rem;
font-weight:600;
text-align:center;
}
#category-wrap h2.CategoryCap-Main:before, h2.CategoryCap-Main:after {
content: '';
position: absolute;
top: -7px;
width: 2px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #1f1f1f;
}
#category-wrap h2.CategoryCap-Main:before {
left: 7px;
}
#category-wrap h2.CategoryCap-Main:after {
right: 7px;
}


/*-----------------------------------------------------------------
    EXPO original
-----------------------------------------------------------------*/
#category-wrap article section.exRecoList h3{
margin:20px 0 10px 0;
padding:0 0 5px 0;
font-size:1.0rem;
}
#category-wrap article section.exRecoList p.exrCp{
margin:0 0 20px 0;
padding:0 10px;
font-size:0.9rem;
}
#category-wrap article section.exRecoList p.exrCp span{
color:#E01619;
font-size:0.8rem;
}
#category-wrap article section.exRecoList ul{
/*margin:0 0 30px 0;*/
}
#category-wrap article section.exRecoList ul li{
padding:0 12px;
}
#category-wrap article section.exRecoList ul li h4{
margin:5px 0 0 0;
font-size:0.9rem;
}
#category-wrap article section.exRecoList ul li img{
box-shadow:2px 2px 3px #aaa;
}

#category-wrap article section.exRecoList div.exDispMore{
padding:10px;
}
#category-wrap article section.exRecoList div.exDispMore a p{
width:80%;
margin:20px auto 0 auto;
padding:15px 0;
background-color:#1f1f1f;
color:#fff;
text-align:center;
box-shadow:2px 2px 3px #ccc;
border-radius:3px;
}
#category-wrap article section.exRecoList div.exDispMore a:hover p{
background-color:#5f5f5f;
text-decoration:none;
}


/* CONTACT FORM */
#category-wrap article section.CategoryConts h3{
margin:0 0 20px 0;
padding:0 0 5px 0;
font-size:1.0rem;
color:#C9450A;
}
#category-wrap article section.CategoryConts p{
margin:0 0 5px 0;
font-size:0.9rem;
}
#category-wrap article section.CategoryConts div.ccContactform ul li{
width:calc(100% / 2);
padding:5px;
}
#category-wrap article section.CategoryConts div.ccContactNote{
padding:15px;
border:1px solid #1f1f1f;
}
#category-wrap article section.CategoryConts div.ccContactNote h3{
padding:0 0 5px 0;
font-size:1.2rem;
font-weight:600;
background-color:#1f1f1f;
color:#fff;
}
#category-wrap article section.CategoryConts div.ccContactNote h3 strong{
color:#F0FF00;
}



#category-wrap article section.CategoryConts ul.ccNmlLst li{
font-size:0.9rem;
}



}