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

/*����{CSS*/
*{ list-style:none; margin:0; padding:0; font-weight: bold;}
a{ text-decoration:none;}
a img{ border:none;}
a:hover img{ opacity:0.8;}
img{ vertical-align:bottom;}

#wrap2{ max-width:750px; margin:0 auto; background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587536/image/190913petbed_19aw/back_0.gif"); background-repeat: repeat; overflow: hidden; color: white;}
.kakunin{ background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587536/image/190913petbed_19aw/back_0_2.gif") !important;}


#wrap2 a:hover { background-color:#453737; opacity:0.5; background-image:url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587536/image/190913petbed_19aw/back_1.jpg") ;}
#wrap2 .top5{ margin-top: 5%;}
    
/*-----------------------------�A�C�e���u���b�N�@itemblock-----------------------------------*/
/*--------------------�y�S�T�C�Y���ʁz-------------------------------------*/
/*�S��*/
#wrap2 section{  width:94%; padding: 1%; background-color: #241d1d; 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;}
#wrap2 section li{ clear: both; overflow: hidden;}


/*���i��*/
#wrap2 section li dt{ color: #ffcc31; font-family: "M PLUS 1p"; text-align: center; font-size: 1.4em;}

/*�e�L�X�g*/
#wrap2 section dd h4{ color: lightgray;font-family: "M PLUS 1p";text-align: center; font-size: 1.5em; }
#wrap2 section dd h3{ clear: both; text-align: center;margin-top: 2%; border-bottom: 2px solid white;}


/*�T�C�Y����*/
#wrap2 section  dd.ps{text-align: center;  word-break: keep-all; font-size: 1.5em;}
#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: 1%; margin: 1%;text-align: center; float: left;
    border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; width: auto; min-width: 95%; background:linear-gradient(-5deg,#7c6498,#202125,#3b3d6d); }

/*�O�p�`*/
#wrap2 section li dd.ps div.type:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    right: 5%;
    top: 35%;
    border: 3px solid transparent;
    border-left: 9px solid #ffcc31;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;}

/*--------------------�y�Ԃ��ʂ�1�J�����@clm0�z-------------------------------------*/
/*�摜*/
#wrap2 section ul.clm0 dd:nth-of-type(1){ width: 100%;}
/*�T�C�Y����*/
#wrap2 section ul.clm0 li dd.ps{ width: 100%; overflow: hidden; margin-bottom: 4%;}
#wrap2 section ul.clm0 li dd.ps div.type{ float: left; width: 48%; clear: none;}
#wrap2 section ul.clm0 li dd.ps div.type:nth-child(odd){ margin-right: 4%;}
#wrap2 section ul.clm0 li dd.ps div.type span.size{ width: 20%; }

/*--�T�C�Y�W�J�Ȃ�(���`�[�t�Ȃǁ@li.oneitem)---*/
/*�T�C�Y����*/
#wrap2 section ul.clm0 li.oneitem dd.ps div.type{ width: 100%; clear: none;}
#wrap2 section ul.clm0 li.oneitem dd.ps div.type:nth-child(odd){ margin-right: 0;}

/*--------------------�y1�J�����@clm1�z-------------------------------------*/
/*�摜*/
#wrap2 section ul.clm1 dd:nth-of-type(1){ width: 50%; float: left; }

/*�T�C�Y����*/
#wrap2 section ul.clm1 dd.ps{ float: right; width: 50%;}

/*--------------------�y2�J�����@clm2�z-------------------------------------*/
#wrap2 section ul.clm2{
    clear: both;
    /*���������낦��^�O*/
��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: 6%;}
#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;}
/*�T�C�Y����*/
#wrap2 section ul.clm2 li dd.ps{ float: left; width: 100%;}
#wrap2 section ul.clm2 li dd.ps div.type span.size{ width: 20%; }

/*-----------------------------�����N�͈͎w��-----------------------------------*/

#wrap2 section li div.type,#wrap2 section ul.clm2 li,#wrap2 section ul.clm0 li{position: relative; overflow: hidden;}
#wrap2 section li div.type a,#wrap2 section ul.clm2 li a,#wrap2 section ul.clm0 li a{ border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px;
position: absolute; width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;
}

/*-----------------------------�A���J�[-----------------------------------*/
#wrap2 ul#anker li{  margin: 0;  display: inline-block; width: calc(100% / 3 - 6.5%); padding: 3%;}

/*-----------------------------����-----------------------------------*/
#wrap2 section#c_02 { position: relative; }
#wrap2 section#c_02 div.ac { position: absolute; left:-2%;top: -15%; width: 25%;}
#wrap2 section p.snowline{ position: absolute; top: -15px;}