@charset "shift_jis";
/* CSS Document */
.inner_content{width:900px;}
.smp{ display: none !important;}.brp::before{			content: "\A" ;			white-space: pre ;}

/*▽基本CSS*/
*{ list-style:none; margin:0; padding:0;font-family:"Century Gothic",Verdana,Arial,sans-serif; color : #000000;}
a{ text-decoration:none;}
a:link { color : #000000; }
a:visited { color : #000000; }
a img{ border:none;}
a:hover img{ opacity:0.8; }
#nekokagu img{ vertical-align:bottom;}
#nekokagu section{background-color: white;    margin: -1px 0;}
#nekokagu section:nth-of-type(even){background-color: #eeefea;}
#nekokagu section:nth-of-type(odd){background-color: white;}

/*フォントサイズ*/
#nekokagu h3{font-family: 'Noto Sans JP', sans-serif;font-size: 2.4em; font-weight: 900;color: black;}/*大見出し*/
#nekokagu h4{font-family: 'Noto Sans JP', sans-serif;font-size: 1.4em; font-weight: 800; clear: both;display: flex; align-items: center;padding: 1% 2% 0;clear: both;}

#nekokagu h4:before,h4:after{    content: "";  height: 1px; flex-grow: 1; background-color: black;}
#nekokagu h4:before{    margin-right: 1rem;}
#nekokagu h4:after{    margin-left: 1rem;}

#nekokagu h5{font-family: 'Noto Sans JP', sans-serif;font-size: 1.2em; font-weight: 800;    margin-bottom: 2%;}


/*大元*/
#nekokagu{ width: 100%; margin:0 auto;text-align: center;    overflow: hidden;}
#nekokagu .box{width: calc((100% - 4%*2)); padding: 0 1.5%; margin: auto; left: 0; right: 0;}





/*----------------------------------------------------看板----------------------------------------------------*/


/*---看板PC版---*/
#kanban{position: relative;}
#kanban .logo{position: absolute;    top: 18vh;    left: 0;
    right: 0;
    margin: auto;}


/*看板下----------------------------------------------------*/
#nekokagu #head{background-color: white; padding: 3% 0;background-image: url("../IMAGE/nekokagu/back.jpg"); padding: 0;   overflow: hidden;}
#nekokagu #head p{margin: 2% 0;}
#nekokagu #head .box{background-color: white;overflow: hidden;padding: 3%;}

/*--------------------------------------------商品 cate1〜cate4 -　itemblock----------------------------------------------------*/
#nekokagu .itemblock{padding: 4% 0 3%;overflow: hidden;}


/*カテゴリ名*/

#nekokagu .icon span{padding: 0.5% 2%; color: white;  font-weight: bold;font-size: 0.8em;border-radius:90px; }
#nekokagu .icon .icon_s,#nekokagu .icon .icon_c{ background-color: black;}
#nekokagu .icon .icon_t{ background-color: #5E5E5E;margin: 0 3px;
}

/*シーン画像*/
#nekokagu .itemblock .itemimg{margin-top: 1%;clear: both;position: relative;}
#nekokagu .itemblock .itemimg dd{position: absolute;width: 99%;top: 0;}


/*商品*/
#nekokagu .itemblock .cate_text{    margin: 2% 0;}
#nekokagu .itemblock ul.itemlist{clear: both;overflow: hidden;    margin-bottom: 5%;}
#nekokagu .itemblock ul.itemlist dd.no{ float:right;}

#nekokagu .itemblock ul.itemlist dd{ margin: 2% 0 0;}
#nekokagu .itemblock ul.itemlist dd.no span{ color:black; padding: 3px 10px;  text-align: left;    font-size: 0.9em; border: 1px solid black;}
#nekokagu .itemblock hr{margin: auto; width: 77%; color: black !important;}
#nekokagu .itemblock .botan{ background-color: black;color: white !important;border-radius: 90px;padding: 1% 0;}
#nekokagu .itemblock a:hover .botan,#nekokagu .bn p:hover{background-color:#CCCCCC !important; }
#nekokagu .itemblock ul.col2 li{width: calc((100% - 6%)/2); margin: 2% 0; float: left;}
#nekokagu .itemblock ul.col2 li:nth-of-type(odd){    margin-right: 6%;}
#nekokagu .itemblock ul.itemlist .size{ text-align: left;}
#nekokagu .bn p{padding: 2% 0; border: 1px solid black;border-radius: 90px;}


/*4点セット画像*/
#nekokagu .catimg{    overflow: hidden;margin-bottom: 2%;}
#nekokagu .catimg dd{width: calc((100% - 3%*2)/4); margin-top: 2%;    float: left;background-color: black;position: relative;}
#nekokagu .catimg dd:nth-child(3){margin: 2% 2% 0 2%;}
#nekokagu .catimg dd:nth-child(5){margin: 2% 0 0 2%;}
#nekokagu .catimg dd img{opacity: 0.8;}
#nekokagu .catimg dd img:hover{opacity: 1;}
#nekokagu .catimg dd::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 14px solid black;
  border-left: 14px solid transparent;
}




/*価格プロ*/
#nekokagu .price_p{display: inline-block;}
#nekokagu .price_p li{
    width: 100% !important;
    margin: 0 !important;
    float: left !important;}
#nekokagu span.spesicalprice{display: none;}
#nekokagu .price_p li.price{color: #B11012;}
#nekokagu .price_p li.intax{font-size: 0.6em !important;}
#nekokagu .price_p li.price,#nekokagu .price_p li.intax{margin-right: 0 !important;}

/*--------------------------------------------ポイント itemtext----------------------------------------------------*/


    #nekokagu .itemtext li{width: calc((100% - 3%)/2); float: left;    }
    #nekokagu .itemtext li:nth-of-type(odd){margin-right: 2%;}
#nekokagu .itemtext {border: 1px solid black;overflow: hidden; padding: 2%;}
#nekokagu .itemtext li{     margin: 1% 0 0; text-align: left;overflow: hidden;border-bottom: 1px dotted;}
#nekokagu .itemtext li span{background-color: black !important;color: white !important;margin-right: 2%;
    padding: 1% 2%;
    overflow: hidden;
    display: inline-block;}
#nekokagu .itemtext li:nth-of-type(odd){clear: both;}


/*--------------------------------------------アンカーリンク----------------------------------------------------*/

#nekokagu .link{ position: fixed;}
#nekokagu .link li{ position: relative;}
#nekokagu .link a{position: absolute; width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;}
#nekokagu .link .icon span{border-radius: 90px;}
/*---------PC------*/
    #nekokagu .link{ top: 0; right: 10px;opacity: 0.8;   z-index: 99;height: 100vh;background-color: white;background-image: url("../IMAGE/nekokagu/back.jpg");}
    #nekokagu .link li{ 
    background-color:white;
    color: black;
    line-height: 1.4em;
    text-align: center;
    width: 138px;
    font-size: 0.8em;
    padding: 5px 0;}
    #nekokagu .link li:first-child{margin-top: 10px;}
    #nekokagu .link li.menu_item img{width: 37%;}
    #nekokagu .link hr{    width: 80%; margin: auto;}
    #nekokagu .link li.menu_item:hover{background-color: #CCCCCC !important;}




/*--------------------------------------------フッター footer----------------------------------------------------*/
section#footer{padding: 2% 0; }