@charset "euc-jp";

/*MVスライダー*/
.cd-slider {
	position: relative;
	max-width: 1400px;
	width: 96%;
	height: 30rem;
	margin-bottom: 10px;
	margin: 10px auto 20px;
}
.sp_cd-slider {
	display: none;
}
.cd-slider ul {
	width: 100%;
	margin: 0;
}
.cd-slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	-webkit-transition: visibility 4s;
	transition: visibility 4s;
	will-change: visibility;
	opacity: 0;
	transition: 3s;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	list-style: none;
}
.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*border-radius: 10px;*/
	background-size: cover;
	background-position: 50% 50%;
	clip: rect(auto, auto, auto, auto);
	/*-webkit-transition:5s;*/
	/*transition:2s;*/
	will-change: clip;
}
li.current {
	visibility: visible;
	-webkit-transition-delay: 3s;
			transition-delay: 3s;
	opacity: 1;
	transition: 3s;
}
li.prev_slide {
	transition: 3s;
}
li.current .image {
	clip: rect(auto, auto, auto, auto);
}
li.prev_slide .image {
	clip: rect(auto, auto, auto, auto);
}
nav.nav_arrows {
	display: none;
}
@media (max-width: 1024px) {
	.cd-slider {
		height: 15rem;
	}
}

@media (max-width: 560px) {
	.cd-slider {
		height: 15rem;
		display: none;
	}
	.sp_cd-slider {
		display: block;
		width: 100%;
	}
}


/*お知らせ*/
#information {
	max-width: 1400px;
	width: 96%;
	margin: 0 auto;
	padding-bottom: 50px;
}
	#information h2 {
		text-align: center;
		font-size: 28px;
		padding-top: 40px;
		margin-top: 0;
		margin-bottom: 15px;
	}
	#information .info {
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
		background-color: #F9F8F8;
		padding: 20px;
		height: 70px;
		overflow: auto;
		border: 1px solid #ccc;
	}
		#information .info li {
			list-style: none;
		}
		#information .info li+li {
			padding-top: 10px;
		}
			#information .info li a {
				padding-left: 25px;
			}



/*TOPバナー*/
.banner_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.free_delivery_banner {
    max-width: 592px;
    width: 57.9257%;
}
.paypay_banner {
    max-width: 390px;
    width: 38.1605%;
    margin-left: 3.9139%;
}
.paypay_banner.pc {
	display: block;
}
.paypay_banner.sp {
	display: none;
}


/*おすすめ商品・最近見た商品*/
.addcontents{
  float: right;
}
	.addcontents li {
		text-align: left;
	}
.postarea{
	margin:15px 0;
}

.rssreadmain{
  float:left;
  width:25%;
  padding: 0.1%;
 box-sizing: border-box;
 transition:.3s;
}
.rssreadmain a:hover{
	opacity:.6;
	text-decoration:none;
}
.rssreadmain img{
  width:100%;
}
.imagebox {
	position: relative;
	width: 100%;
	overflow:hidden;
	border-radius: 8px;
}
.imagebox:before {
	content:"";
	display: block;
	padding-top: 60%; 
}

.imagebox img {
	position: absolute;
	top: -10%;
	left: 0;
	bottom: 0;
}

.boxcontent span{
  color:#72cdcf;
  display: block;
}
.rssreadmain .boxdate{
	font-size:0.8rem;
	color:#999;
	margin: 0;
}

.brandarea{
	width:  100%;
	margin: 0 auto 20px;
	box-sizing: border-box;
}
.brandarea a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	transition:.3s;
}
.brandarea a:hover{
	transform:translateY(-3px);
	filter:drop-shadow(0 5px 5px rgba(0,0,0,.2))
}
.cayabnrarea{
	background:url(https://client.a-gcreate.net/caya/images/kinou-shop/images/cayabnr1.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 60% center;
}
.fusegubnrarea{
	background:url(https://client.a-gcreate.net/caya/images/kinou-shop/images/fusegubnr1.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 60% center;
}
.cayabnrarea, .fusegubnrarea{
	width: 31.5%;
	margin: 0.5%;
	padding: 15px;
	float: left;
	box-sizing: border-box;
	height: 150px;
	border-radius: 8px;
}
.cayabnrarea strong, .fusegubnrarea strong{
	font-size: 1.2rem;
}
.cayabnrarea{
	border: 2px solid #73cdce;
}
.fusegubnrarea{
	border: 2px solid #c37ec8;
}
.cayabnrarea a{
	color:#73cdce;
}
.fusegubnrarea a{
	color: #c37ec8;
}

.cayabnrarea p, .fusegubnrarea p{}
.cayabnrarea span, .fusegubnrarea span{
	font-size: 1.5rem;
}
.appBnr{
	display: table;
	margin: 50px auto;
	text-align: center;
}
.flextitle{
  display:flex;
  position: relative;
  max-width: 1400px;
  width: 96%;
  margin: 10px auto 20px;
}
	.flextitle h3 {
		font-size: 21px;
		margin-bottom: 10px;
	}
		.flextitle:after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 3px;
			width: 100%;
			height: 7px;
			background: -webkit-repeating-linear-gradient(-45deg, #163F8C, #163F8C 2px, #fff 2px, #fff 4px);
			background: repeating-linear-gradient(-45deg, #163F8C, #163F8C 2px, #fff 2px, #fff 4px);
		}
	.flextitle a{
	  margin: 19px;
	  font-size: 0.8rem;
	  color:  #72cdcf;
	}
	.flextitle p{
	  margin: 23px 19px 19px 19px;
	  font-size: 0.6rem;
	  background-color:#FFFF99;
	  font-weight:bold;
	}
#contentsouter {
	display: none;
}

@media (max-width: 768px) {
	.rssreadmain{
		width:50%;
	}
	.brandarea{
		display:block;
	}
	.cayabnrarea, .fusegubnrarea{
		width: 100%;
		margin-bottom:10px;
	}
	.postarea .no3,.postarea .no4{
		display:none;
	}
}


@media (max-width: 599px) {
	.flextitle {
		margin-top: 0;
	}
	.addcontents .recommend {
			margin-bottom: 20px;
		}
		.addcontents h2 {
			font-size: 21px;
			margin-top: 0;
			margin-bottom: 15px;
			padding-left: 0;
		}
		.addcontents .recommend li {
			padding: 0;
			margin-bottom: 15px;
			height: auto!important;
			margin-left: 4%;
			width: 48%!important;
		}
		.addcontents .recommend li:nth-child(2n+1) {
			margin-left: 0;
		}


	/*TOPバナー*/
	.banner_box {
	    display: block;
	}
	.free_delivery_banner {
	    max-width: initial;
	    width: 100%;
	    padding-bottom: 20px;
	}
	.paypay_banner {
	    max-width: initial;
	    width: 100%;
	    margin-left: 0%;
	    padding-bottom: 20px;
	}
	.paypay_banner.pc {
		display: none;
	}
	.paypay_banner.sp {
		display: block;
	}
}