@charset "utf-8";

/* 繝輔ぉ繝ｼ繝峨う繝ｳstyle */
.in{
  opacity: 0;
  transform: translate(0,60px); 
  -webkit-transform: translate(0,60px); 
  transition: .8s;
}
.fade_in{
  opacity: 1.0;
  transform: translate(0,0); 
  -webkit-transform: translate(0,0);
}
/*--------------------------------------------
		蜈ｨ菴楢ｨｭ螳�
--------------------------------------------*/
  .body {
    width:100%;
    text-align: center;
  }
  .body p,.div02 .item_bg h3 {
     font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
 p[class^="text_0"],.item_name,.item_price {
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 
.font_gothic ,.cmn_tmp_pop p {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}
.body img{
  width:100%;
}

/*--------------------------------------------
		繝壹�繧ｸ繝医ャ繝�
--------------------------------------------*/

/* 繧ｹ繝ｩ繧､繝€繝ｼ縺ｮ蝣ｴ蜷� */
.div01 .slider{
position:relative;
overflow:hidden;
}

.div01 .slider >div {
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count:infinite;
	animation-duration:20s;
	background-repeat: no-repeat;
}
.div01 .slider >div:nth-child(1){
}
.div01 .slider >div:nth-child(2){
	animation-name:SliderTop;
	animation-delay:3s;
	opacity:0;
}
@-webkit-keyframes SliderTop {
    0%{
		opacity:0;
	}
	15%{
		opacity:1;
	}
	40%{
		opacity:1;
	}
	60%{
		opacity:1;
	}
	70%{
		opacity:0;
	}
	100%{
		opacity:0;
	}	
}
@-webkit-keyframes Slider {
    0%{
		opacity:0;
	}
	15%{
		opacity:1;
	}
	40%{
		opacity:1;
	}
	60%{
		opacity:1;
	}
	70%{
		opacity:0;
	}
	100%{
		opacity:0;
	}	
}
.div01 >div {
	opacity:0;
  animation: fadeIn 3s ease 1s 1 forwards;
  -webkit-animation: fadeIn 3s ease 1s 1 forwards;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*--------------------------------------------
		蝠�刀荳€隕ｧ
--------------------------------------------*/
/* 3蛻苓｡ｨ遉ｺ */
.item_box {
	display:flex; 
	justify-content: center;
	margin-top: 50px auto 0 auto;
}
.item_box >div {
	width: 30%;
}
.item_box >div.column2 {
	width: 48%;
}
.item_box.item_box_column3 >div:nth-child(2){
	margin-left: 2%;
	margin-right: 2%;
}
.item_box.item_box_column2 >div:nth-child(odd){
	margin-right: 1%;
}
.item_box.item_box_column2 >div:nth-child(even){
	margin-left: 1%;
}
.item_box img {
	border: 1px solid #eee;
}
.gallery .item_box img {
	border: none;
}
.item_price .sale {
	font-size: larger;
}
/*--------------------------------------------
		豎守畑style
--------------------------------------------*/
.strong {
	font-weight: bold;
}
.col_white {
	color: #fff;
}
.col_brown {
	color: #67491a;
}
.col_darkglay {
	color: #444;
}
.col_red {
	color: #cc0000;
}


.ls1 {
	letter-spacing: 1px;
}
.ls2 {
	letter-spacing: 2px;
}
.ls3 {
	letter-spacing: 3px;
}

.font_cursive {
	
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.w90 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.w80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.w60 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.w50 {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.heroimg .btn {
	border: 1px solid #fff;
	padding: 3px 5px;
	transition: all 0.3s ease 0s;
}
.heroimg .btn.inline {
	display: inline-block;
}
.heroimg .block {
	display: block;
}
.heroimg .btn:hover,.heroimg .btn:active {
	text-decoration: none;
	opacity: 0.6;
	animation: 
}

/* 2繧ｫ繝ｩ繝� */
.row.column2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.row.column2 >div {
	width: 48%;
}

/* 3繧ｫ繝ｩ繝� */
.row.column3 {
	display: flex;
	justify-content: space-between;
	margin: 60px auto;
}
.row.column3 >div {
	width: 28%;
}

/* 4繧ｫ繝ｩ繝� */
.row.column4 {
	display: flex;
	justify-content: space-between;
	margin: 60px auto;
}
.row.column4 >div {
	width: 15%;
}

/* 画像スライダー */
.row.carousel {
}
.row.carousel div {
	margin: 0 10px;
}
.slick-prev:before,
.slick-next::before {
	color: black !important;
}
.slick-prev:before {
	content: "<" !important;
}
.slick-next::before {
	content: ">" !important;
}
.slick-prev,
.slick-next {
	top: 40% !important;
}

.row.carousel .slick-slide img {
	width: 95%;
}


/* 縺ｵ繧上▲縺ｨ */
.effect-fade {
縲€opacity : 0;
縲€transform : translate(0, 45px);
縲€transition : all 300ms;
}

.effect-fade.effect-scroll {
縲€opacity : 1;
縲€transform : translate(0, 0);
}

/*--------------------------------------------
		swiper.css荳頑嶌縺行tyle
--------------------------------------------*/
.swiper-button-next:before {
	position: absolute;
	top: 42% !important;
	right: 5px;
	width: 16px;
	height: 16px;
	margin: -5px 0 0 0;
	border-top: solid 1px #4f4f4f;
	border-right: solid 1px #4f4f4f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.swiper-button-prev:before {
	position: absolute;
	top: 42% !important;
	left: 5px;
	width: 16px;
	height: 16px;
	margin: -5px 0 0 0;
	border-bottom: solid 1px #4f4f4f;
	border-left: solid 1px #4f4f4f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}



/* all_item */
.body.all_item {
	display: none;
}
.fs-body-category-all_item .body.all_item {
	display: block;
}