@charset "utf-8";
/* CSS Document */


/*▽基本CSS*/
*{ list-style:none; margin:0; padding:0;font-size: 18px; }
body{background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587536/image/210910petbed_aw/back_0.gif"); background-repeat: repeat;font-family:"Century Gothic",Verdana,Arial,sans-serif;}
a{ text-decoration:none;}
a img{ border:none;}
a:hover img{ opacity:0.8;}
img{ vertical-align:bottom;}


/*-----------------------------aw直下-----------------------------------*/
#aw{position: relative; overflow: hidden;}
#aw #night{position: absolute;top: 0; width: 100vw;}
#aw #star{    position: fixed;top: 0; width: 100vw;}
#aw #photo1{position: absolute;top:734px; width: 100vw;}
#aw #photo2{position: absolute;top:1500px; width: 100vw;}
#aw #photo4{position: absolute;top:4300px; width: 100vw;}


#aw #kanban .title{position: relative;max-width:750px; margin:0 auto; }
#aw #kanban .cat{ width: 424px; position: absolute; top: 10px; left: -150px; }
/*※snowは個別css*/

/*-----------------------------wrap2-----------------------------------*/

#wrap2{ max-width:900px; margin:0 auto; overflow: hidden; color: white;}

#wrap2 a:hover { background-color:#453737; opacity:0.5; }

/*-----------------------------アイテムブロック　itemblock-----------------------------------*/
/*--------------------【全サイズ共通】-------------------------------------*/
/*価格*/
#wrap2 .prices{ text-align: center;    padding: 0.5em; margin: 0.5em;}
#wrap2 span.prdisp-price{ color:#ffffff; font-weight: bold;}/*通常表示*/
#wrap2 span.prdisp-price{ font-size:1.2em; }

/*全体*/
#wrap2 section{  width:calc( 100% - ( 1% + 2% )*2 ); padding: 1%;  margin: 2%; margin-bottom: 10%;position: relative;
     border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px;}
#wrap2 section ul{ padding: 0 5% 2%; overflow: hidden;background-color: #241d1d !important;}
#wrap2 section li{ clear: both; overflow: hidden;}


/*商品名*/

#wrap2 section li dt{ color: #ffcc31;text-align: center;font-family: 'M PLUS Rounded 1c', sans-serif;    font-size: 1.4em;    line-height: 1.2em;}
#wrap2 section li dt{ font-size: 1.6em; }

/*テキスト*/
#wrap2 section dd h4{ color: lightgray;font-family: "M PLUS 1p";text-align: center; font-weight: normal; padding: 0.5em 0;}
#wrap2 section dd h3{ clear: both; text-align: center;margin-top: 2%; border-bottom: 2px solid white;}


/*サイズ部分*/
#wrap2 section  dd.ps{text-align: center;  word-break: keep-all;}
#wrap2 section li dd.ps div.type { clear: both;border-bottom: 1px dotted gray; overflow: hidden; position: relative;padding: 1% 0;}

#wrap2 section li dd.ps div.type span.size{padding: 0.5em; margin:0.5em;text-align: center; float: left; background-color:white ;color: #241d1d;font-weight: bold;
    border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; width: auto; min-width: 20%; }

/*ふみふみ*/
#wrap2 section#c_01{position: relative;}
#wrap2 section#c_01 #photo3{position: absolute; }
#wrap2 section#c_01 #photo3{top: 140px; width: 276px; right: -16px;}


/*三角つくるよ!*/
#wrap2 section li dd.ps div.type:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    right: 2%;
    bottom: 1.5em;;}


#wrap2 section li dd.ps div.type:after{
    border: 3px solid transparent;
    border-left: 9px solid #ffcc31;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;}

/*--------------------【ぶちぬき1カラム　clm0】-------------------------------------*/
/*画像*/
#wrap2 section ul.clm0 dd:nth-of-type(1){ width: 100%;}
/*サイズ部分*/
#wrap2 section ul.clm0 li dd.ps{ width: 100%; overflow: hidden; }
#wrap2 section ul.clm0 li dd.ps div.type{ float: left; width:calc( ( 100% - 8% )/3 );clear: none; }
#wrap2 section ul.clm0 li dd.ps div.type:nth-child(2),#wrap2 section ul.clm0 li dd.ps div.type:nth-child(5){ margin: 0 4%;}

    #wrap2 section ul.clm0 li dd.ps div.type span.size{ width: 20%; }

/*--サイズ展開なし(モチーフなど　li.oneitem)---*/
/*サイズ部分*/
#wrap2 section ul.clm0 li.oneitem dd.ps div.type{ width: 100%;}
#wrap2 section ul.clm0 li.oneitem dd.ps div.type:nth-child(odd){ margin-right: 0;}



/*--------------------【2カラム　clm2】-------------------------------------*/
#wrap2 section ul.clm2{
    clear: both;
    /*↓高さそろえるタグ*/
　display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;
}

#wrap2 section ul.clm2 li {width: 46%; padding: 1%; margin-top: 3%;}
#wrap2 section ul.clm2 li:nth-child(odd){ margin-right: 4%;}
/*画像*/
#wrap2 section ul.clm2 li dd:nth-of-type(1){ width: 100%; clear: both;}
/*サイズ部分*/
#wrap2 section ul.clm2 li dd.ps{ float: left; width: 100%;}
#wrap2 section ul.clm2 li dd.ps div.type span.size{ width: 20%; }


/*-----------------------------リンク範囲指定-----------------------------------*/

#wrap2 section li div.type,
#wrap2 section ul.clm2 li,
#wrap2 section ul.clm0 li,
#wrap2 section ul.clm0 li,
#aw #footer
{position: relative; overflow: hidden;}

#wrap2 section li div.type a,
#wrap2 section ul.clm2 li a,
#wrap2 section ul.clm0 li a,
#aw #footer a
{ position: absolute; width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;}


/*------------------------------フッター----------------------------------*/
#aw #footer{width: 100%; color: white; font-weight: bold;background-color: black; overflow: hidden;}

#aw #footer p{text-align: center;padding: 1vh 0;margin:1vh 0;}
#aw #footer:hover{color: #FFCB18;}

#aw #jump{position:fixed; bottom: 10px; right: 10px; width: 200px;}
/*----------------------------------------------------------------*/
.v_sm{ display: none;}