@charset "shift_jis";
/* CSS Document */

.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;}
a{ text-decoration:none;}
a:link { color : #000000; }
a:visited { color : #000000; }
a img{ border:none;}
a:hover img{ opacity:0.8; }

img{ vertical-align:bottom;}
section{background-color: white;    margin: -1px 0;}

/*�t�H���g�T�C�Y*/
h3{font-family: 'Noto Sans JP', sans-serif;font-size: 2.4em; font-weight: 900;}/*�匩�o��*/
h4{font-family: 'Noto Sans JP', sans-serif;font-size: 1.4em; font-weight: 800;    display: flex; align-items: center;padding: 1% 2% 0;clear: both;}/*�����o���@����Ȃ����E�ɐ�*/
h4:before,h4:after{    content: "";  height: 1px; flex-grow: 1; background-color: black;}
h4:before{    margin-right: 1rem;}
h4:after{    margin-left: 1rem;}
h5{font-family: 'Noto Sans JP', sans-serif;font-size: 1.4em; font-weight: 800;    margin-bottom: 2%;}
h6{font-family: 'Noto Sans JP', sans-serif;font-size: 0.9em;
    color: white;
    background-color: black;
    padding: 0 4%;
    display: inline-block;
    border-radius: 90px;
    margin: 2% 0 0; }



/*�匳*/
#nekokagu{  width: 100%;   overflow: hidden;}
#nekokagu .box{max-width:900px; margin:0 auto;text-align: center;}



/*----------------------------------------------------�Ŕ�----------------------------------------------------*/
#kanban{position: relative;}
#kanban img{position: absolute;    top: 29vh;    left: 0;
    right: 0;
    margin: auto;}

/*---�Ŕ�PC��---*/

 .fixed-background{min-height:100vh; background-attachment: fixed;  background-position: center;  background-position-y: top;}
#kanban{ background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587536/image/210618nekokagu/kanban_01w.jpg"); }


/*�Ŕ‰�----------------------------------------------------*/
#nekokagu #head{background-color: white; padding: 3% 0;}
#nekokagu #head .icon{ margin: 2% 0 0;}


/*----------------------------------------------------�`������ point----------------------------------------------------*/
#nekokagu #point{    padding-bottom: 1%;}
#nekokagu #point p{     padding: 3% 2vw 5%;}
#nekokagu #point h4{    margin-bottom: 2%;}


/*----------------------------------------------------�A���J�[�����N----------------------------------------------------*/

.link{ position: fixed;}
.link li{ background-color: black;position: relative;}
.link a{position: absolute; width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;}

/*---------PC------*/
    .link{ top: 0px; right: 0;opacity: 0.9;  z-index: 99;}
    .link li{ font-weight: bold;
    background-color:#d4d6ce;
            padding: 2px 0 2px 10px;
        margin-bottom: 2px;
    color: black;
    text-align: left;
    width: 249px;
    font-size: 0.8em;
        overflow: hidden;
    border-radius: 60px 0 0 60px;
    
    }
    .link li:hover{transform: translateX(10px);}
    .link li:last-child{border: none;}
    .link dd,    .link dt{float: left;display: inline-block;}
    .link img{width: 50px;}
    .link .icon{padding-top: 8px; }
    .link .icon span{padding: 2px 9px !important;}
    .link .icon span:nth-of-type(2){margin-left: 2px !important; margin-right: 2px !important;}

/*�|�C���g itemtext----------------------------------------------------*/
#nekokagu ul.itemtext li{    width: calc(( 100% - 4%*2)/2);padding: 2%; float: left;}
#nekokagu ul.itemtext li:nth-of-type(odd){clear: both;}
#nekokagu ul.itemtext li:nth-of-type(even){    padding-right: 0;}
#nekokagu ul.itemtext div.textbox {}
#nekokagu ul.itemtext div.check{ overflow: hidden;   border: 1px black dashed;margin: 4% 2%;}
#nekokagu ul.itemtext div.check li{    width: calc((100% - 6%*2));  border-bottom: 1px solid black;    text-align: left;  margin: 0 4%;}
#nekokagu ul.itemtext div.check li:nth-of-type(even){padding-right: 2%;}
#nekokagu ul.itemtext div.check li:last-child{border-bottom: none;}
#nekokagu ul.itemtext div.check li span{background-color: #d7d8d1; color: black; padding: 1% 3%; margin-right: 2%;}


/*���i cate1�`cate4 -�@itemblock----------------------------------------------------*/
#nekokagu .itemblock{padding:8vh 0;overflow: hidden;}
#nekokagu .itemblock:nth-last-of-type(odd){background-color: #eeefea;}
#nekokagu .itemblock:nth-last-of-type(even){background-color: white;}

/*�J�e�S����*/
/*#nekokagu .itemblock .cate_text{margin-bottom: 5%;}*/
#nekokagu .icon span{border-radius: 90px;  padding: 0.5% 2%; color: white;  font-weight: bold;font-size: 0.8em;}
#nekokagu .icon span:nth-of-type(2){margin-left: 10px; margin-right: 10px;}
#nekokagu .icon .icon_s{ background-color: #e9520d;}
#nekokagu .icon .icon_t{ background-color: #58b6cc;}
#nekokagu .icon .icon_c{ background-color: #eab600;}
#nekokagu .icon .icon_g{ background-color: #6AAC69;}
#nekokagu .icon .icon_h{ background-color: #C75093;}

/*�V�[���摜*/
#nekokagu .itemblock .itemimg{margin-top: 1%;clear: both;}
#nekokagu .itemblock .itemimg dd{width:calc((100% - 4%*2)/3); margin: 2%; float: left;position: relative;background-color: black;}
#nekokagu .itemblock .itemimg dd img{opacity: 0.8;}
#nekokagu .itemblock .itemimg dd img:hover{opacity: 1;}
#nekokagu .itemblock .itemimg dd:nth-child(3){margin: 2% 0;}
#nekokagu .itemblock .itemimg dd::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 14px solid black;
  border-left: 14px solid transparent;
}


/*���i*/
#nekokagu .itemblock ul.itemlist{clear: both;overflow: hidden;}
#nekokagu .itemblock ul.itemlist dt,
#nekokagu .col_1 dt{ padding: 2%;float: left;}
#nekokagu .itemblock ul.itemlist dd,
#nekokagu .col_1 dd{ padding: 2%;}
#nekokagu .itemblock ul.itemlist dt span,
#nekokagu .col_1 dt span{ color: black; padding: 3px 10px;    border: 1px black solid; text-align: left;    font-size: 0.9em;}
#nekokagu .itemblock ul.itemlist hr,
#nekokagu .col_1 hr{margin: 2%;    border: 1px black; border-bottom: double;}
#nekokagu .itemblock ul.itemlist .botan,
#nekokagu .col_1 .botan{border-radius: 90px;background-color: black;color: white;}
#nekokagu .itemblock ul.itemlist a:hover .botan,#nekokagu .col_1 a:hover .botan{background-color:#333333 !important;padding: 0.5em 0; }
#nekokagu .itemblock ul.col2 li{    width: calc((100% - 4%*2)/2);margin: 0% 1% 2%; padding: 1%;float: left;}
#nekokagu .itemblock ul.itemlist .size,#nekokagu .col_1 .size{font-size: 1.2em;    overflow: hidden;}
#nekokagu .bn{    margin: 7% 0 0;}
#nekokagu .bn div{margin: 3% 0 4%;}
#nekokagu .bn img{border: 1px solid black;}

    #nekokagu .col_1 .size,    #nekokagu .col_1 dt{padding-top: 0 !important;}
        #nekokagu .col_1 hr{    margin: 0 0 11px !important;}



/*���i�v��*/
#nekokagu .prices{font-size:2vw;color: firebrick; font-weight: bold;}


/*�L����----------------------------------------------------*/
#nekokagu .box{position: relative;}
#nekokagu #cate1 .cat{position: absolute;max-width:98px;    top:-2vh;right: 1%;}
#nekokagu #cate1 .cat2{position: absolute;max-width:98px;    top:-2vh;left: 1%;}
#nekokagu #cate7 .cat{position: absolute;max-width: 103px;    top:-2vh;left: 0;}
#nekokagu #cate2 .cat{position: absolute;max-width:80px;    top:-2vh;right: 1%;}
#nekokagu #cate3 .cat{position: absolute;max-width:74px;    top:-2vh;left: 1%;}

#nekokagu #cate5 .cat{position: absolute;max-width:99px;    top:-2vh;left: -5%; display: none;}
#nekokagu #cate4 .cat{position: absolute;max-width:88px;    top:-2vh;right: 1%; display: none;}



#nekokagu #point .cat{position: absolute;max-width:98px;    top:-2vh;right: 1%;}

/*�t�b�^�[ footer----------------------------------------------------*/
footer{ width: 100%; padding: 2% 0; background-color: white;}
footer div{ max-width: 900px; margin: auto;text-align: center;}