@charset "shift_jis";
/* CSS Document */
#cool_wrap * {
	font-family: 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', Meiryo, ƒƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 110%;
}

#cool_wrap{width: 750px;overflow-x: hidden; background-image:url(/IMAGE/190426cool/bk_normal.jpg);background-position:center top;margin: 0; padding: 0;}

#cool_wrap a{ text-decoration:none; color:#000;}
#cool_wrap a img{ border:none;}
#cool_wrap a:hover img{ opacity:0.8;}
#cool_wrap img{ vertical-align:bottom;}






/*====================================================================*/

#cool_wrap #kanban_wrap{width: 750px; position:relative; background:url(/IMAGE/190426cool/kanban_pc.jpg?0606671); background-repeat:repeat-x; background-position:center top;overflow:hidden; padding-top:35%;}
#cool_wrap #kanban_wrap #kanban{max-width: 1080px; overflow: hidden; margin: 0 auto; padding: 10px 0;}
/*Ιί€­₯Ρ₯Γ₯Θ’Ν*/#kanban_wrap .kanimg1{ position:absolute; top:13%; left:0px;     animation: float_5067 4s linear infinite;transform-origin: 50% 50%; width: 54%;}
@keyframes float_5067 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-6px) }
  100% { transform: translateY(0) }
}
#kanban_wrap .kanimg4{ position:absolute; top:5%; left:72%; display: none;}
#kanban_wrap .kanimg5{ position:absolute;; top:-30px; right:-160px;}
/*#kanban_wrap .kanimg2{ position:absolute; top: 3%; left: 18%;}*/

#kanban_wrap .kanimg2{ position:absolute; top: 1%; left: 13%;}

#cool_wrap #kanban_wrap .kanimg2 img { width: 90%;}

#kanban_wrap .kanimg3{ position:absolute; top:8%; right:-2%;animation: horizontal_7857 4s ease infinite;transform-origin: 50% 50%;width: 13%;}
#cool_wrap #kanban_wrap .kanimg3 img { width: 93%; margin-top:100px; margin-left:-50px;}

@keyframes horizontal_7857 {
  0% { transform:translate(0,0) }
  2.22581% { transform:translate(4px,0) }
  4.45161% { transform:translate(0,0) }
  6.67742% { transform:translate(4px,0) }
  8.90323% { transform:translate(0,0) }
  10.12903% { transform:translate(4px,0) }
  12.35484% { transform:translate(0,0) }
  14.12903% { transform:translate(4px,0) }
  16.35484% { transform:translate(0,0) }
  18.12903% { transform:translate(4px,0) }
  20.35484% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}



#cool_wrap #kanban_wrap .memo{

    margin:1%;
	}

#cool_wrap kanban_wrap .memo img{
	width:100%;
	}

#cool_wrap .wrap{max-width: 1000px; margin: 0 auto;overflow: hidden;}


/*==================================E=================================*/

/*====================================================================*/
#cool_wrap #navi_wrap{ width: 100%;  /*overflow: hidden;*/ margin: 0 auto; }
#cool_wrap #navi_wrap li{ width: 18%; float:left; margin: 10px 1% 0;	padding:0%; height: 66px;
	font-size: 14px;
	font-weight: bold;
    text-align: center;
	border-radius: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
    line-height: 1em;
    color: #333;
	background-image:url(/IMAGE/190426cool/bk_navi.jpg);
	background-position:bottom center;
	  box-shadow: 0 0 8px #48d6ff;
    }
#cool_wrap #navi_wrap li:hover{color: #ffffff; background-image:url(/IMAGE/190426cool/bk_navi_o.jpg);	background-position:bottom center;	  box-shadow: 0 0 10px #ffffff;}
#cool_wrap #navi_wrap li a{ color:#333;}
#cool_wrap #navi_wrap li .nav_txt{
    padding: 0.5em 1em;
    display: table-cell;
    vertical-align: middle;padding-bottom:30px;
}
#cool_wrap #navi_wrap li .nav_txt p{
    display: inline-block;
}
#cool_wrap #navi_wrap li .nav_txt p span{font-size:12px;}
	
/*====================================================================*/
#cool_wrap h3{ padding: 2.5% 0;     background-image: -webkit-linear-gradient(45deg, #3ba6d1 0%, #82e5f1 100%);
    background-image: linear-gradient(45deg, #3ba6d1 0%, #82e5f1 100%); color: #ffffff; font-size: 25px; font-weight: bold; margin: 100px 0 10px; text-align: center;}

#cool_wrap h3#navi_01{margin-top:5%;}

#cool_wrap h5{color: #000;font-size:26px;font-weight: bold; margin: 70px 0 15px; text-align: center; letter-spacing: 2px;}

#cool_wrap h6{text-align:center; padding: 5px 0; border-bottom: 4px solid #000;margin-bottom: 10px;}


/*====================================================================*/
#cool_wrap .item_wrap{ margin: 0; width: 100%; overflow: hidden; padding:0;}
#cool_wrap .item_wrap dl dt{ font-weight: bold;}
#cool_wrap .item_wrap dl dd p.item_name{ font-size: 19px; font-weight: bold; padding:1px 0 10px 0;}
#cool_wrap .item_wrap dl dd p.txt{ font-size: 13px; font-weight:normal; padding:7px 0 4px 0;}
#cool_wrap .item_wrap dl{position:relative;}
#cool_wrap .item_wrap dl .icon_obi{position:absolute;top:0px; left: 0px; z-index: 10;}
#cool_wrap .item_wrap dl .icon_souryou{display: none;/* position:absolute; bottom:8%; left: 90px; z-index:10;*/}
/*====================================================================*/
#cool_wrap .item_wrap dl.item_w-max{ width: 98%; margin: 20px 0 0 0;padding: 0;}
#cool_wrap .item_wrap dl.item_w-max .icon_img{position:absolute;top:-25px; left: 0px; z-index: 10;}
#cool_wrap .item_wrap dl.item_w-max .icon_souryou{display: none; /*position:absolute; bottom:0; left:360px; z-index:10;*/}
#cool_wrap .ranking3made .item_wrap dl.item_w-max{ margin: 0 2% 5% 0; width: 31.333%; float: left;}

/*====================================================================*/

#cool_wrap .item_wrap dl.item_2{ margin-top: 3%; width: 46%; float: left; margin:0.5%; padding:1%;}
#cool_wrap .item_wrap dl.item_2 a{ display:block;}
#cool_wrap .item_wrap dl.item_2:hover{ background-color:#c6e9f4;}
#cool_wrap .item_wrap dl.item_2 dl{	display: inline-block;}
#cool_wrap .item_wrap dl.item_2 dd.itemimg{ clear:both; margin-bottom:10px;}
#cool_wrap .item_wrap dl.item_2 .icon_img{position:absolute;top:-20px; left: 0px; z-index: 10; width: 30%;}



/**/
#cool_wrap .icon{ width: 100%; overflow: hidden; font-size: 80%; color: #FFF; font-weight: bold; margin: 1% 0 0;}
#cool_wrap .icon2{width:100%; overflow: hidden;}
#cool_wrap .icon2 li{ float:left; padding-right: 3px;}
#cool_wrap .icon2 li img{width: 40px;}
#cool_wrap .icon li{
	float: left;
	text-align: center;
	/*max-width: 5em;
	max-height: 3em;*/
	margin: 0 1% 0.5em 0;
	background: #fdfd00;/*#7BCAF4;*/
	color:#000;
	/*border: solid 2px #00695c;*/
	padding: 1% 2.5%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;}
#cool_wrap .icon li.dc{
	color: #fdfd00;
	background: #ff3000;/*#7BCAF4;*/}
#cool_wrap .item_wrap dl.item_w-max dd .icon,.item_wrap dl.item_w-max dd.dc { width: 100%; float: left;}
	
/*
#cool_wrap div.prices{text-align: right;font-size:2.5vw; color:#FF0004; font-weight:bold; position: relative; top:5px; margin-right:2%;}

#cool_wrap .item_wrap dl.item_w-max dd div.prices{ width: 100%; margin:0; position: relative; top: -25px;}
	
#cool_wrap .ranking3made .item_wrap dl.item_w-max dd div.prices{text-align: right;font-size:150%; color:#FF0004; font-weight:bold; position: relative; top:5px;}*/

/*‰ΏŠiƒvƒƒOƒ‰ƒ€*/
#cool_wrap div.prices{text-align: right;font-size:2.5vw; color:#e01414; top:0; margin-right:2%; margin-top: -19px;}
#cool_wrap .buy_price li {
	float: none;
	line-height: 100%;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#cool_wrap .buy_price li{
	display: inline;
    font-size: 11px;
    color: #F00;
    
 }
#cool_wrap li.motoprice {
	display: none;
}
#cool_wrap span.spesicalprice {
	font-size: 11px;
	color: #2a42b9;
	font-weight: bold;
	width: 70px;
	text-align: left;
	padding-right:5px;
}
#cool_wrap li.price {
	color: #e01414;
	font-size: 21px;
	border: none;
	font-weight: bold;

}
#cool_wrap li .intax {
	font-size: 10px;
	color: #e01414;
	border: none;
}

/*====================================================================*/
	/**/
#cool_wrap	.box2_wrap{ width: 100%; overflow: hidden;}
	/*.box2{ width: 530px; overflow: hidden; float: left;}*/
    

/*====================================================================*/
#cool_wrap .size_wrap{ width:100%;}
#cool_wrap .size_wrap ul{ border-top: solid 1px #333333; margin:auto;}
#cool_wrap .size_wrap li{ float:left; border:#333 solid 1px; padding:10px; margin:1%; text-align:center;	border-radius: 25px;}
#cool_wrap .size_wrap a{ display:block;}
#cool_wrap .size_wrap li:hover{ background-color:#c6e9f4;}
#cool_wrap .size_wrap p{
	display: inline-block;
	padding-top:20px;
	height:40px;}
#cool_wrap .size_wrap li.w15{ width:15%;}
#cool_wrap .size_wrap li.w30{ width:28%;}

/*====================================================================*/
#cool_wrap .slider_wrap{ background: #dbedf2!important;padding: 0;margin-bottom: 10px; }

#cool_wrap .slider_wrap li.item{ padding:14px; width: 220px; float: left; height: 354px;}
#cool_wrap .slider_wrap li.item:hover{ background-color:#c6e9f4;}
#cool_wrap .slider_wrap li p{padding: 0.5em; line-height: 1.2em; font-size: 14px; height: 32px}

#cool_wrap ul.slider { width: 750px; margin: 0 auto;overflow: hidden;}
#cool_wrap ul.slider dl { width: 100%; margin: 0 auto;overflow: hidden;}
#cool_wrap ul.slider dl dd { float: left; margin: 2px;}
#cool_wrap ul.slider dl dd img { width: 40px; }
/*====================================================================*/
#cool_wrap .icon_qmax{position:relative;}
#cool_wrap .icon_qmax div{ position:absolute; bottom:2px; color:#FFF; font-size:13px; text-align:center; width:40px;}

#cool_wrap span.qmax{ font-weight:bold; font-size:150%;}
/*===================================================================*/
#cool_wrap #p_top2 { position: fixed;; bottom:0px; right:0;}

/*==================================SALE—p==================================*/
#cool_wrap #sale_mida{
    background-color: #FF0000;
    padding: 2%;
    text-align: center;
    font-size: 130%;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2% 0% 1%;
}
#cool_wrap #sale{width: 790px; margin: auto;}
#cool_wrap #sale img{width: 100%;}
#cool_wrap #sale .saleitem_box{float: left; width: 31%; margin: 0% 1% 3% 0%;}
#cool_wrap #sale .saleitem_box .item_name{font-size: 90%; font-weight: bold;}
#cool_wrap #sale dd{margin: 3% 0%;}