.animation {
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.main_content {
}
.main_content a {
}

.fs-l-pageMain li{
 list-style-type: none;
}


section{
	margin: 0 0 150px 0 !important;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";

}

h1{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

p{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

h2{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

h3{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}


.mainbunner{
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	height: 546px;
}

.mainbunner img{
	width: 100%;
	/* height: 546px; */
	/* object-fit: cover; */
	/* position: absolute; */
	top: 0;
	left: 0;
}


.mainbunner div{
	width: 50%;
	margin: 0;
	padding: 0;
}

.mainbunner div:first-child{
	position: relative;
}




.mainbunner div ul{
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.mainbunner div ul li{
	width: 50%;
	margin: 0;
	padding: 0;
	height: 320px;
	overflow: hidden;
	text-align: center;
}

.mainbunner div ul li:first-child{
	text-align: right;
	/* padding-left:5px; */
}


.mainbunner div ul li img {
	width: 90%;
  /*object-fit: cover; */
}

.mainbunner div ul li img:first-child {
	padding: 0 4px 0 0;
}



.mainbunner div ul li p:first-child{
	margin-top: 5%;
}

.mainbunner div ul li p:last-of-type{
	margin-bottom: 4%;
}


.mainbunner div ul li p{
	text-align: center;
	font-size: 2.3vh;
}


.mainbunner p.meinbunner_dezgin{
	color: #dad8d8;
	font-size: 1.5vh;
  line-height: 2.5;
    letter-spacing: 0em;
}

.mainbunner p.meinbunner_info{
    font-size: 70%;
	}

.mainbunner div ul li h1{
	text-align: center;
	font-size: 5vh;
	font-weight: 100;
	margin: 0 auto;
	width: 95%;
	line-height: 1.3;
}

.mainbunner div ul li:last-child{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 6%;
	height: 226px;
	overflow: hidden;

}

h2 {
    display: block;
    width: 100%;
    height: 100px;
    text-align: center;
		line-height: 1.8;
    font-weight: 100;
}

.category_area h2{
	font-size: 30px;


}

.pickup_wrapper{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}


.pickup_wrapper div{
	width: 50%;
}



.pickup_wrapper div img{
	width: 100%;
}

.pickup_wrapper div ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}



.pickup_wrapper div ul li{
	width: 50%;
	height: 320px;
	overflow: hidden;
	margin: 25px 0 0 0;
}



.pickup_wrapper div ul li:last-child{
	width: 100%;
}

.pickup_wrapper div ul li:last-child h3{
	text-align: center;
	width: 100%;
	margin: 15px 0 15px 0 ;
}


.pickup_wrapper div ul li:last-child p{
	margin: 0;
	padding: 0;
	font-size: 70%;
	text-align: center;
	width: 95%;
	margin: 0 auto;
	line-height: 1.4rem;
}



.pickup_wrapper div ul li img{
	width: 95%;
}

.pickup_wrapper_left{
	height: 640px;
	overflow: hidden;
}

.pickup_wrapper_right{
	height: 640px;
	overflow: hidden;
}


.pickup_wrapper p.pickup_item_mame{
	text-align: center !important;
	font-size: 80%!important;
	margin-top: 2%!important;
}

.pickup_wrapper p.pickup_item_price{
	text-align: center !important;
	font-size: 80% !important;
	margin-bottom: 2% !important;
}


.pickup_wrapper_left img, .pickup_wrapper_footer img{
	width: 100%;
	/* height: 270px;
	object-fit: cover; */
}

.pickup_img_wrapper{
	display: block;
	width: 95%;
	height: 270px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}


@supports ( object-fit: cover ) {

	.mainbunner img{
		position: static;
		width: 100%;
		height: 546px;
		object-fit: cover;
		top: 0;
		left: 0;
	}

	.mainbunner div ul li img {
		position: static;
	  width: 95%;
	  height: 280px;
	  object-fit: cover;
		top: 0;
		left: 0;
	}

	.pickup_wrapper_left img, .pickup_wrapper_footer img{
		height: 270px;
		object-fit: cover;
	}


}

.pickup_wrapper_footer ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pickup_wrapper .pickup_wrapper_footer{
	width: 100%;
}

.pickup_wrapper .pickup_wrapper_footer ul li{
	width: 25%;
}

.pickup_wrapper .pickup_wrapper_footer ul li:last-child{
	width: 25%;
}


.category_bunner_wrapper{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.category_bunner_wrapper div{
	width: 50%;
}

.category_bunner_wrapper div:last-child{
	height: 230px;
	overflow: hidden;
	position: relative;
}



.category_bunner_wrapper div img{

	min-height: 100%;
	min-width: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	position: absolute;
	object-fit: cover;
}

.category_bunner_wrapper .category_bunner_text{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.category_bunner_wrapper div p{
    width: 50%;
    text-align: left;
    line-height: 1.3;
    padding-top: 10%;
    font-size: 13px;
}

.category_bunner_wrapper div p.category{
	width: 50%;
	text-align: right;
	padding-right: 15px;
	font-size: 5rem;
	line-height: 1.0;
	padding-top: 10%;
}

span.collection_text{
	font-size: 30px;
}

.category_wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  margin-top: 8%;
}

.item_list{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 80% !important;
  height: 180px;
	margin: 3% auto 0 auto;
}

.item_list ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-justify-content: space-between;
justify-content: space-between;
}

.item_list ul li{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 33.3% !important;
	text-align: center;
}

.item_list ul li img{
	cursor: pointer;
}


.item_list img{
	width: 70% !important;
	display: block;
	margin: 0 auto;
  height: 145px;
}


.category_wrapper div{
	width: 50%;
	text-align: center;
}

.category_wrapper div ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.category_wrapper div ul li{
	width: 50%;
	text-align: center;
  margin-bottom: 5%;
  list-style-type: none;
}

.main{
    width: 63% !important;
	}

.main_outer{
	    width: 80% !important;
	}

.outer_list{
  width: 25% !important;
	margin-bottom: 5px !important;
	padding: 25px 0 0 0;
}

.outer_list img{
  width: 80% !important;
}

.category_wrapper div .outer_item_info{
	width: 100%;
  margin-top: 120px;
}

.category_wrapper div .outer_item_info .category_outer_item_link a{
  display: block;
  transition: all 300ms 0s ease;
  border: solid 1px #000000;
  width: 30%;
  margin: 0 auto;
  transition: all 300ms 0s ease;
  font-size: 18px;
  padding: 8px 0;
  margin-top: 15px;
}


.category_wrapper div .outer_item_info .category_outer_item_link a:hover{
  background-color: #000000;
  color: #ffffff;
}



.category_wrapper div img{
    width: 85%;
		cursor: pointer;
}


.category_wrapper p.category_itemname{
	text-align: center;
	font-size: 80%;
}

.category_wrapper p.category_itemdetail{
	text-align: center;
	font-size: 65%;
	margin-bottom: 2%;
	margin-top: 2%
}

.category_wrapper p.category_price{
	text-align: center;
	font-size: 80%;
}


.coordinate_box {
    display: block !important;
		margin: 0 auto;
}

.category_area{
  max-height: 2000px;
	}

.category_footer{
	margin-top: 35px;
}


.category_footer ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.category_footer ul li{
	width: 33.3%;
	text-align: center;
  list-style-type: none;
}

.category_footer ul li a img{
	width: 75%;
}



 /* @-webkit-keyframes example {
 100% {
 opacity: 1;
}
}
@keyframes example {
 100% {
 opacity: 1;
}
} */


.coordinate_area_wrapper{
	max-width: 1000px;
	margin: 0 auto;
}

.coordinate_area{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 30px 0;
}

.coordinate_area div{
	width: 50%;
	text-align: center;
}

.coordinate_area div img{
	width: 90%;
}

.coordinate_area .coordinate_area_right {
	padding-top: 10px;
}


.coordinate_area .coordinate_area_right h3 {
	margin-bottom: 30px;
}


.coordinate_area .coordinate_area_right ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.coordinate_area .coordinate_area_right ul li{
	width: 50%;
	text-align: center;
	margin-bottom: 15px;
}

.coordinate_area .coordinate_area_right ul li p{
	font-size: 15px;
	margin-bottom: 5px;
}

.coordinate_area .coordinate_area_right ul li img{
	width: 65%;
}


.category_other_link{
	width: 100%;
	text-align: center;
	padding: 40px 0 0 0;
	margin-top: 60px;
}

.category_other_link a{
	display: block;
	border:solid 1px #000000;
	width: 30%;
	margin: 0 auto;
	transition: all 300ms 0s ease;
	font-size: 18px;
	padding: 8px 0;
}

.category_other_link a:hover{
	background-color: #000000;
	color: #ffffff;
}


/*PC*/
@media screen and (min-width: 768px) {

.sp_only {
	display: none;
}

.main_content {
	width: 100%;
	max-width: 1200px;
	margin: 70px auto 0;
	font-size: 1.3vw;
}

}


	/*tablet*/
@media screen and (min-width: 415px) and (max-width: 768px) {

  .item_list img {
      width: 70% !important;
      display: block;
      margin: 0 auto;
      height: 100px;
  }

}

	/*sp*/
	@media screen and (max-width: 455px) {


    .item_list img{
    	width: 70% !important;
    	display: block;
    	margin: 0 auto;
      height: 114px;
    }



		h2 {
		    display: block;
		    width: 100%;
		    height: 100px;
		    text-align: center;
				font-size: 30px;
		    line-height: 1.8;
		    font-weight: 100;
		}

		.category_area h2 {
		    font-size: 18px;
		}

		.coordinate_area div{
			width: 100%;
			text-align: center;
		}

		.pickup_bunner{
			width: 100% !important;
			height: 350px;
			overflow: hidden;
		}

		section {
		    margin: 0 0 50px 0 !important;
		    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","Times New Roman", Times, "serif",'PT Sans','Rubik','Roboto','Harmattan', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
		}

		.mainbunner div ul li:last-child {
		    width: 100%;
		    /* margin: 0 0 0 0; */
		    padding: 0;
		    margin-top: 120px;
		    height: 546px;
		    overflow: hidden;
		}

		.pickup_wrapper_left li{
			text-align: center;
			line-height: 1.5rem;
			width: 100%;
			margin: 0 auto;
		}

		.pickup_wrapper div {
		    width: 100%;
		}

		.pickup_wrapper_left {
			height: auto;
    	overflow: hidden;
		}

		.pickup_wrapper .pickup_wrapper_footer ul li {
			width: 50%;
		}

		.pickup_wrapper .pickup_wrapper_footer ul li:last-child {
    	width: 50%;
		}

		.category_bunner_wrapper .category_bunner_text {
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
		}

		.category_bunner_wrapper div p.category{
			    width: 100%;
					padding: 40px 0 0 0;
			    margin: 0 0 28px 0;
					font-size: 3rem;
					text-align: center;
		}

		.category_bunner_wrapper div p {
		    width: 100%;
		    text-align: center;
		    line-height: 1.3;
		    padding-top: 0;
		    font-size: 10px;
				margin: -40px 0 0 0;
	}

		.category {
    	margin: 0 0 0 0;
		}

		.category_bunner_wrapper div img {
	    width: 100%;
	    height: 170px;
	    object-fit: cover;
		}

		.category_bunner_wrapper div:last-child {
		    height: 150px;
		    overflow: hidden;
		    position: relative;
		}

		span.collection_text {
		    font-size: 10px;
        margin-top: 10px;
		}

	.category_bunner_wrapper{
		position: relative;
	}

	.category_wrapper div {
	    width: 100%;
	    text-align: center;
	}

  .category_other_link a {
    display: block;
    border: solid 1px #000000;
    width: 80%;
    margin: 0 auto;
    transition: all 300ms 0s ease;
    font-size: 18px;
    padding: 8px 0;
}

	.item_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 95% !important;
    height: 140px;
		margin: 10px auto 60px auto;
	}

	.category_area{
		max-height: 2250px;
	}

	.pickup_wrapper_left img, .pickup_wrapper_footer img {
    height: 170px;
    object-fit: cover;
	}

	.pickup_wrapper div ul li{
		    width: 50%;
		    overflow: hidden;
				height: 240px;
	    	margin: 0 0 40px 0;
	}

	.pickup_img_wrapper {
	    height: 170px !important;
	}

	.category_footer ul li {
	    width: 50%;
	    text-align: center;
	}

  .category_wrapper div .outer_item_info {
    width: 100%;
    margin-top: 50px;
  }

	}