@charset "UTF-8";
/* CSS Document */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css");

/* reset */
body,
div,
pre,
p,
blockquote,
form,
fieldset,
input,
textarea,
select,
option,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
embed,
object {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
address {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

table,
th,
td {
	text-align: left;
}

ul {
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
}

ol {
	list-style: decimal outside none;
	margin: 0;
	padding: 0 0 0 0;
}

fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

dl {
	margin: 0px;
	padding: 0px;
}

/* -----------------
  クリアフィックス
-- -----------------*/
.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/* reset */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	text-decoration: none;
}

.btn,
a.btn,
button.btn {
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-svg {
 font-weight: 700;
    line-height: 54px;
    width: 400px;
    height: 54px;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    /* margin-left: 231px; */
    background-color: transparent;
}

a.btn-svg svg {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

a.btn-svg svg rect {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;

  stroke: #000;
  stroke-width: 2;
  stroke-dasharray: 599px, 20px;
  stroke-dashoffset: 570px;
}

a.btn-svg:hover svg rect {
  stroke-dashoffset: 284px;
}

a.btn-svg span {
  color: #000;
}

#wrapper {
	/*max-width: 850px;*/
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#case,
#gift,
#hot,
#brnder {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 60px;
}

/* #case_slider,
#gift_slider,
#hot_slider,
#brnder_slider {
	margin-bottom: 30px;
} */

#case_slider_area,
#gift_slider_area,
#hot_slider_area,
#brnder_slider_area {
	max-width: 750px;
	float: right;
}

.slider_in_title {
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	height: 38px;
}

.slider {
	counter-reset: itemCounter;
}

.slider li .clown,
.slider li .clown_2 {
	display: inline-block;
	position: absolute;
	top: 10px;
	width: 50%;
}

.slider li .clown::before,
.slider li .clown_2::before {
	content: "\f521";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 20px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #E8BF36;
	margin-right: 3px;
}

/*.slider li .clown::after {
	content: attr(data-count);
	font-size: 20px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #000;
}

.slider li .clown_2::after {
	content: counter(itemCounter) "位";
	counter-increment: itemCounter;
	font-size: 20px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #000;
}
*/
.slider li {
	position: relative;
	max-width: 230px;
margin-right: 20px;
	width: 100%;
	height: auto;
	/* border-top: 1px dashed #717071;
	border-left: 1px dashed #717071;
	border-bottom: 1px dashed #717071; */
}

.slider li a {
	display: block;
	line-height: 0;
	color:#000;
}

#gift_slider_area .slider li,
#hot_slider_area .slider li {
	float: left;
	width: calc(99% / 3);
    margin-right: 20px;
}

#gift_slider_area .slider li:last-child,
#hot_slider_area .slider li:last-child {
	/* border-right: 1px dashed #717071; */
	margin-right: -1px;
}

.slider li img {
	width: 100%;
	height: auto;
	padding-top: 25px;
}

.slider .slick-dots {
	display: none !important;
}

.slider_box .title {
	float: left;
	width: 100%;
}

#case_slider .title,
#gift_slider .title,
#hot_slider .title,
#brnder_slider .title {
	max-width: 130px;
	margin-right: 23px;
}

.slider_btn {
	font-size: 25px;
	line-height: 1.5;
	color: #000;
	margin-top: 10px;
}

.slider_btn:hover {
	color: #3D828E;
}
.slick-next {
    right: -2px !important;
}
.slick-next:before, .slick-prev:before {
	font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    font-size: 2rem !important;
	color: #252424 !important;
}

.slick-prev:before {
    content: '\f053' !important;

}

.slick-next:before {
    content: '\f054' !important;
}
.poke_titl{
font-size:1.2rem;
font-weight: 700;
    line-height: 54px;
text-align:center;
}
.main_titl{
font-size:1.5rem;
font-weight: 700;
line-height: 54px;
text-align:center;
margin-bottom:15px;
}
@media screen and (max-width:980px) {

	#case_slider .title,
	#gift_slider .title,
	#hot_slider .title,
	#brnder_slider .title {
		max-width: 138px;
	}

	.slider li {
		width: 175px;
	}

	#case_slider_area,
	#gift_slider_area,
	#hot_slider_area,
	#brnder_slider_area {
		max-width: 569px;
	}
}