@charset "utf-8";
/* CSS Document */

/*-- anchor --*/	
html {
	scroll-behavior: smooth;
}		

/*-- main --*/	
.main_area{
	width: 100%;
	margin-top: 10rem;
}	
.main_img{
	width: 100%;
}

/*-- fade in --*/	
.fade_in {
    opacity: 0;
    visibility: hidden;
    transform: translateY(150px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}	
	


@media screen and (max-width: 767px) {/* // Mobile // */
	/*============================================================================*/
	/*Breadcrumbs*/
	.commonBreadcrumb_upper {
		position: relative;
		top: 15rem;
	}	

    .h1_heading {
        margin-top: 3rem;
        margin-left: -2rem;
    }	
	
	/*-- main --*/	
	.main_area{
		width: 100%;
		margin-top: 6rem;
	}
	
	/*-- SHOP --*/
	.shop_link2{
		display: flex;
		flex-direction:column;
		align-items: stretch;
		justify-content:space-between;
		width: 100%;
		padding-top: 5rem;
		padding-bottom: 10rem;
	}
	.shop_link2 a:hover{
		opacity: 0.7;
	}
	.shop_link_item{
		width: 100%;
		color: #ffffff;
		background: #000000;
		text-align: center;
		
	}
	.shop_link_item img{
		width: 1.5rem;
		margin: 0 0 0 auto;
	}

	.shop_link_detail{
		display: flex;
		flex-direction:row;
		align-items: center;
		padding: 3rem;
	}	
	.shop_link_detail_item1{
		width: 90%;
		color: #ffffff;
		background: #000000;
		font-size: 2rem;
	}
	.shop_link_detail_item2{
		width: 10%;
	}
	
	.shop_link2 > a:nth-child(2) {
		margin-top: 2rem;
	}	
	
	/*============================================================================*/
	.onlyPC {display: none;}
	/*============================================================================*/	
}
	
@media screen and (min-width: 768px) {/* // PC // */
	/*============================================================================*/
	/*Breadcrumbs*/
	.commonBreadcrumb_upper {
		position: relative;
		top: 44rem;
	}
	
    .h1_heading {
        /* margin-top: 23rem; */
        margin-left: -7rem;
        margin-top: 20rem;
    }
	
	/*-- main --*/	
	.main_area{
		width: 100%;
		margin-top: 10rem;
	}		

	/*-- SHOP --*/
	.shop_link2{
		display: flex;
		flex-direction:row;
		align-items: stretch;
		justify-content:space-between;
		width: 100%;
		padding-top: 10rem;
		padding-bottom: 20rem;
	}
	.shop_link2 a:hover{
		opacity: 0.7;
	}
	.shop_link_item{
		width: 48%;
		color: #ffffff;
		background: #000000;
		text-align: center;
		
	}
	.shop_link_item img{
		width: 1.5rem;
		margin: 0 0 0 auto;
	}

	.shop_link_detail{
		display: flex;
		flex-direction:row;
		align-items: center;
		padding: 3rem;
	}	
	.shop_link_detail_item1{
		width: 90%;
		color: #ffffff;
		background: #000000;
		font-size: 2rem;
	}
	.shop_link_detail_item2{
		width: 10%;
	}
	
	
	/*============================================================================*/
	.onlyMO {display: none;}
	.onlySp {display: none;}
	/*============================================================================*/	
}