@charset "UTF-8";

/* SP 5/SC*/
@media screen and (max-device-width: 320px) {
	
	.tokushu-wrap .cont h3 span {
		font-size: 0.5em!important;
	}
	
	.tokushu-wrap .cont h3 span:before {
	position: absolute;
	background: url(../imgs/img01.png) no-repeat;
	background-size: contain;
	left:-55px;
	top: 25px;
	width: 77.4px;
	height: 29%;
	content: "";
}

.tokushu-wrap .cont h3 span:after {
	position: absolute;
	background: url(../imgs/img01.png) no-repeat;
	background-size: contain;
	right:-77.4px;
	top: 25px;
	width: 77.4px;
	height: 29%;
	content: "";
}

  }

/* SP */
@media screen and (max-device-width: 480px) {
	 .tokushu-wrap .pc{
  display: none;
}

.tokushu-wrap .sp{
  display: block;
}
	 
	 .tokushu-wrap .cont{
    width: 95%!important;
  }
	
  .tokushu-wrap .cont h3 {
   height: 36px;
   margin: 10px auto 15px auto !important;
	 background: none!important;
  }
  .tokushu-wrap .cont h3 span {
    font-size: 2em !important;
    line-height: 36px !important;
		}

  .tokushu-wrap .cont .product-l,
  .tokushu-wrap .cont .product-m {
    width: 94%;
    padding: 8px 5px !important;
    text-align: center;
  }
  .tokushu-wrap .cont .product-l p,
  .tokushu-wrap .cont .product-m p {
    font-size: 1.2em !important;
    line-height: 1.4 !important;
    text-align: center;
  }
  .tokushu-wrap .cont .product-l p span,
  .tokushu-wrap .cont .product-m p span {
    font-size: 0.7em !important;
  }

  .tokushu-wrap .cont .product-l p br,
  .tokushu-wrap .cont .product-m p br {
    display: none;
  }

  .tokushu-wrap .cont .product-l .detail img,
  .tokushu-wrap .cont .product-m .detail img {
    float: none;
    margin: 0 auto 5px auto !important;
  }

  .tokushu-wrap .cont .product-l .value,
  .tokushu-wrap .cont .product-m .value {
    position: static;
    margin: 5px auto !important;
    text-align: center;
  }

  .tokushu-wrap .cont .product-l .value dl,
  .tokushu-wrap .cont .product-m .value dl {
    margin: 3px auto !important;
    text-align: center;
  }

  .tokushu-wrap .cont .product-l .value dd:after,
  .tokushu-wrap .cont .product-m .value dd:after {
    font-size: 0.5em !important;
  }

  .tokushu-wrap .cont .product-l .detail img {
    width: 40%;
  }

  .tokushu-wrap .cont .product-l .detail img:first-child {
    width: 48%;
  }
	
		.tokushu-wrap .cont .product-l .detail .tokuten_2 img {
	width: 40%!important;
	display: inline-block;
}


  .tokushu-wrap .cont .product-l ul li {
    font-size: 1.5em!important;
    line-height: 1.4!important;
  }

  .tokushu-wrap .cont .product-m .detail img {
    float: none;
    width: 80%;
    margin: 5px auto !important;
  }

  .tokushu-wrap .cont .product-m ul li {
    font-size: 1em !important;
    line-height: 1.4 !important;
  }

  .tokushu-wrap .cont .product-l ul {
    margin: 5px !important;
  }

  .tokushu-wrap .cont .product-m ul li {
    font-size: 1.5em!important;
    line-height: 1.4!important;
  }

  .tokushu-wrap .itemlist {
    margin: 20px auto 10px auto !important;
		width: 85%!important;
		text-align: center!important;
  }


 /* .tokushu-wrap .itemlist a {
    width: 100%;
    font-size: 1.2em !important;
  }*/
	
	.tokushu-wrap .itemlist > span {
	background: url(../imgs/img02.png) no-repeat;
	display: inline-block;
	background-size: contain!important;
	width: 90%!important;
}
}


/*タブレット */
@media screen and (min-width:480px) and (max-width:1024px) {
  
	
	.tokushu-wrap .cont{
    width: 95%!important;
  }


	.tokushu-wrap .cont h3 {
    margin: 10px auto 15px auto!important;
		background: none!important;
  }
  .tokushu-wrap .cont h3 span {
    font-size: 3em!important;
}

  .tokushu-wrap .cont h3:after {
    width: 100%;
  }

  .tokushu-wrap .cont .product-l,
  .tokushu-wrap .cont .product-m {
    width: 94%;
    padding: 8px 5px!important;
    text-align: center;
  }
  .tokushu-wrap .cont .product-l p,
  .tokushu-wrap .cont .product-m p {
    font-size: 1.8em!important;
    line-height: 1.4!important;
    text-align: center;
  }
	
  .tokushu-wrap .cont .product-l p span,
  .tokushu-wrap .cont .product-m p span {
    font-size: 1em!important;
  }
	
	  .tokushu-wrap .cont .product-l p a,
  .tokushu-wrap .cont .product-m p a {
    font-size: 1.8em!important;
    line-height: 1.4!important;
    text-align: center;
  }

  .tokushu-wrap .cont .product-l p br,
  .tokushu-wrap .cont .product-m p br {
    display: none;
  }

  .tokushu-wrap .cont .product-l .detail img,
  .tokushu-wrap .cont .product-m .detail img {
    float: none;
    margin: 0 auto 5px auto!important;
  }

  .tokushu-wrap .cont .product-l .value,
  .tokushu-wrap .cont .product-m .value {
    position: static;
    margin: 5px auto!important;
    text-align: center;
  }

  .tokushu-wrap .cont .product-l .value dl,
  .tokushu-wrap .cont .product-m .value dl {
    margin: 3px auto!important;
    text-align: center;
		font-size: 2.5em!important;
  }
	
	
  .tokushu-wrap .cont .product-l .value dt,
  .tokushu-wrap .cont .product-m .value dt {
    font-size: 2.5em!important;
  }
	
	 .tokushu-wrap .cont .product-l .value dd,
  .tokushu-wrap .cont .product-m .value dd {
    font-size: 2.8em!important;
  }

  .tokushu-wrap .cont .product-l .value dd:after,
  .tokushu-wrap .cont .product-m .value dd:after {
    font-size: 0.8em!important;
  }
	
	 .tokushu-wrap .cont .product-l .value .cart,
  .tokushu-wrap .cont .product-m .value .cart {
    width: 40%;
		height: auto;
		padding: 8px 0!important;
  }
	
	 .tokushu-wrap .cont .product-l .value .cart span,
  .tokushu-wrap .cont .product-m .value .cart span {
    font-size: 2.5em!important;
		display: inline-block;
  }
  .tokushu-wrap .cont .product-l .detail img {
    width: 40%;
  }

  .tokushu-wrap .cont .product-l .detail img:first-child {
    width: 48%;
  }
	
		.tokushu-wrap .cont .product-l .detail .tokuten_2 img {
	width: 40%!important;
	display: inline-block;
}


  .tokushu-wrap .cont .product-l ul li {
    font-size: 1.8em!important;
    line-height: 1.4!important;
  }

  .tokushu-wrap .cont .product-m .detail img {
    float: none;
    width: 80%;
    margin: 5px auto!important;
  }
  .tokushu-wrap .cont .product-m ul li {
    font-size: 1.5em!important;
    line-height: 1.4!important;
  }

  .tokushu-wrap .cont .product-l ul {
    margin: 5px!important;
  }

  .tokushu-wrap .cont .product-m ul li {
    font-size: 1.5em!important;
    line-height: 1.4!important;
  }

  .tokushu-wrap .itemlist {
    margin: 30px auto 20px auto !important;
  }

  .tokushu-wrap .itemlist:after {
    width: 100%;
  }

  .tokushu-wrap .itemlist a {
    width: 100%;
    font-size: 1.4em!important;
  }
}