@charset "UTF-8";


.pc{display: block;}
.sp{display: none;}

.txt-aC {text-align:center;}
.event-recommend-items-inner{
	padding: 0;
	background-size:100%  ;
	background-attachment: fixed;
}

.event-recommend-items-inner h3{
	padding: 30px 0;}

.bg-area01{
	background: url(../images/bg202103zakka.png) repeat-y top;
	background-size:100%;
	padding:25px;
	}



.event-recommend-items-inner a{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	overflow: hidden;
  -webkit-font-smoothing: antialiased;
}

.event-recommend-items-inner a:link {
	text-decoration: none;
	outline: none;
	color: #333;
}
.event-recommend-items-inner a:visited {
	color: #333;
}
.event-recommend-items-inner a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #333;
}







/* タイトルエリア2  */
.event-recommend-items-inner .tittle-area{
	text-align:center;
	margin:2em;}
.event-recommend-items-inner .tittle-area img{
	width: auto;}
.event-recommend-items-inner .tittle-area p{
	margin:1em 0;
	font-size:1.6rem;}

/* 雑貨エリア */
.wrapper{}

.event-recommend-items-inner .flex{
	display: flex;
	flex-wrap:wrap;
	 justify-content: center;
	margin-bottom:1em;
	}
.event-recommend-items-inner .box-shop{
	display:block;
	width:25%;
}
.event-recommend-items-inner .box-shop a{
	display:block;
	padding:1em;
  	color:#fff;
  	background-color: #fff;
  	margin:1rem;
	box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, .2);
}

.event-recommend-items-inner .box-shop .img-wrapper1{
	width:80%;
	margin:auto;
	padding:1rem;
	position:relative;}
.event-recommend-items-inner .box-shop .img-wrapper2,
.event-recommend-items-inner .box-shop .img-wrapper3{
	width:50%;
	margin:auto;
	float:left;
	padding:1rem;
	position:relative;}
.event-recommend-items-inner .box-shop .icon-rinking{
	position:absolute;
	top:0;
	left:0;
	width:60px;}
.event-recommend-items-inner .box-shop .logo{
	padding:1em 4em;
	background:#fff;
	clear:both;
}
.event-recommend-items-inner .box-shop .btn-more{
	color:#60BFC3;
	border:2px solid #60BFC3;
	padding:1.5rem;
	position:relative;
	margin:auto;
	width:100%;
	text-align:center;
}
.event-recommend-items-inner .box-shop .btn-more span{
	border-bottom:5px solid #fff100;
}


	border-bottom:5px solid #fff100;




/* 商品詳細ページ */

.event-recommend-items-inner.detail{
	padding:1em 1em 1em 1em;
	}
.event-recommend-items-inner.detail{	
	background:#da000f;
	background-size:auto 100% ;
	background-attachment: fixed;
}
.event-recommend-items-inner.detail .title-area{
	background: rgba(255,255,255,0);
	width:700px;
	margin:0 auto;
	text-align:center;
}


/* 雑貨商品詳細ページ */

.event-recommend-items-inner.detail.zakka{
	background: url(../images/bg202103zakka.png) repeat-y top ;
	background-size:100%;
}

.event-recommend-items-inner.detail.zakka .box-item{
	background:#fff;
	box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, .2);
	padding:2rem;
	width:80%;
	margin:0 auto 0 auto;
}

.event-recommend-items-inner.detail.zakka .box{
	display: flex;
	flex-wrap: wrap;	
	 justify-content: center;
	align-items: center;}
.event-recommend-items-inner.detail.zakka .box .img-box{
	width:50%;
	padding:3rem;}
.event-recommend-items-inner.detail.zakka .box .text-box{
	width:50%;
	padding:3rem;}
.event-recommend-items-inner.detail.zakka .box .text-box h4.item-name{
color:#CB5469;
	font-weight:800;
	font-size:30px;
	padding-left:100px;
	margin-bottom:2rem;}
.event-recommend-items-inner.detail.zakka .box .text-box h4.item-name span.price{
	font-weight:800;
	font-size:2rem;
	display:block;
	text-align:right;}
.event-recommend-items-inner.detail.zakka .box .text-box .icon-rinking{
	margin-left:-100px;
	width:80px;
	display:block;
	float:left;}
.event-recommend-items-inner.detail.zakka .box .text-box .comment{
	text-align:center;
	margin:2rem;}

.event-recommend-items-inner.detail.zakka .box-item .logo-area {
	border-top:1px solid #ddd;
	text-align:center;
	width:80%;
	margin:auto;
	padding:2rem;
}
.event-recommend-items-inner.detail.zakka .box-item .shop-logo{
	text-align:center;
	margin:1rem 0;
}
.event-recommend-items-inner.detail.zakka .tax-text{
	padding:2rem;
	text-align:center;
}



/* スマホ ------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width: 769px) {
	.pc{display: none;}
	.sp{display: block;}
	.md-article-detail{padding-top:0 !important;}
.bg-area01{
	padding:1rem;}
.event-recommend-items-inner h3{
	padding: 0px 0;}

/* タイトルエリア2  */
.event-recommend-items-inner .tittle-area{
	margin:0em;}
.event-recommend-items-inner .tittle-area img{
	width: auto;}
.event-recommend-items-inner .tittle-area p{
	margin:1em 0;
	font-size:1.4rem;}
	


/* 雑貨エリア */


.event-recommend-items-inner .flex{
	}
.event-recommend-items-inner .box-shop{
	width:100%;
	padding:1rem;
}

.event-recommend-items-inner .box-shop .icon-rinking{}
.event-recommend-items-inner .box-shop .logo{}
.event-recommend-items-inner .box-shop .btn-more{
	color:#60BFC3;
	border:2px solid #60BFC3;
	text-align:center;
	padding:1rem;
}

/* 商品詳細ページ */
.event-recommend-items-inner.detail{
	padding: 3em 1em 1em 1em;}
.event-recommend-items-inner.detail .title-area{
	width:100%;
	padding:1em;
	margin:0 auto;
}


/* 商品詳細ページ アイテムエリア */
.event-recommend-items-inner.detail.zakka{
}

.event-recommend-items-inner.detail.zakka .box-item{
	padding:2rem;
	width:100%;
}

.event-recommend-items-inner.detail.zakka .box{
	display: flex;}
.event-recommend-items-inner.detail.zakka .box .img-box{
	width:100%;
	padding:0rem;
	margin:3rem 0;}
.event-recommend-items-inner.detail.zakka .box .text-box{
	width:100%;
	padding:0rem;
	margin:0 0 3rem 0;}
.event-recommend-items-inner.detail.zakka .box .text-box h4.item-name{
	font-size:2rem;
	padding-left:60px;}
.event-recommend-items-inner.detail.zakka .box .text-box h4.item-name span.price{
	text-align:right;}
.event-recommend-items-inner.detail.zakka .box .text-box .icon-rinking{
	margin-left:-60px;
	width:50px;
	display:block;
	float:left;}
.event-recommend-items-inner.detail.zakka .box .text-box .comment{
	text-align:center;
	margin:2rem 0;}

.event-recommend-items-inner.detail.zakka .box-item .logo-area {
	border-top:1px solid #ddd;
	text-align:center;
	width:100%;
	margin:auto;
	padding:2rem;
}
.event-recommend-items-inner.detail.zakka .box-item .shop-logo{
	text-align:center;
	width:80%;
	margin:auto;
}
.event-recommend-items-inner.detail.zakka .tax-text{
	padding:2rem;
	text-align:center;
}



}






/*ページ遷移　アニメ*/
.fade_group div ,
.fade_group2 div {
    content: '';
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    pointer-events: none;
}
.fade_group div {
    z-index: 19999;
    transition: .6s;
}
.fade_group2 div {
    z-index: 19998;
    transition: .8s;
}
.fade_group div:nth-of-type(1) {
    background: rgba(245,245,245,.3);
}
.fade_group div:nth-of-type(2) {
    background: rgba(245,245,245,.5);
    transition-delay:.1s;
}
.fade_group div:nth-of-type(3) {
    background: rgba(245,245,245,.7);
    transition-delay:.2s;
}
.fade_group div:nth-of-type(4) {
    background: rgba(245,245,245,1);
    transition-delay:.3s;
}
.fade_group2 div:nth-of-type(1) {
    background: rgba(245,245,245,.8);
    transition-delay: .2s;
}
.fade_group2 div:nth-of-type(2) {
    background: rgba(245,245,245,.4);
    transition-delay: .3s;
}
.fo .fade_group div{
    left: 0;
}
.fo .fade_group2 div{
    left: 100vw;
}