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








/*---------------------------------------------------------------*/


.pg_index{color: #2D2D2D;padding: 0;position: relative;font-size: 15px;overflow:hidden;}
.pg_index .widthSpace{width: calc(100% - 56px);margin: 0 auto;}
.pg_index .topLine{border-top: 1px solid #C9C9C9;}

.pg_index .space__upper{margin-top: 140px;}
.pg_index .space__upperWide{margin-top: 160px;}
.pg_index .space__upper.topLine{padding-top: 140px;}
.pg_index .space__inside{padding: 140px 0;}



/*-----------------------------------------------------------------------------------------------*/


.categorySelector{
	width: 100%;
	z-index: 99;
}
.categorySelector .selector_container{
	width: 100%;
	position: relative;
	z-index: 99;
	background: #FFF;
}
.categorySelector .selector_container::after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #12213E;
	opacity: 1;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}
.cg_all .categorySelector .selector_container::after{opacity: 0;}

.categorySelector.fixed{padding-top: 53px/*19+17+17*/;}
.categorySelector.fixed .selector_container{position: fixed;top: 70px;}
.categorySelector.fixed .selector_container::after{opacity: 1;}


.categorySelector .category-swiper{overflow: visible;}
.categorySelector .category-swiper .swiper-slide{
	width:auto;
	font-size: 19px;
	line-height: 1;
	padding: 0 0.8em;
}
.categorySelector .categoryName{
	padding: 17px 0.1em;
	position: relative;
}
.categorySelector .categoryName a{
	color: #12213E;
	font-family:'DINPro-Medium';
	position: relative;
}
.categorySelector .categoryName.active::after{
	content:"";
	display:block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height:3px;
	background:#12213E;
}

@media(min-width: 769px) {
.categorySelector .categoryName a:hover{opacity: 0.6;color:#12213E !important;}
}

/*----------------*/

.category_pageTitle{
	width: 100%;
	color: #12213E;
	font-family:'DINPro-Bold';
	font-size: 4.666em;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 0.4em 0;
}


/*-----------------------------------------------------------------------------------------------*/



.index_contentsBanner{
	width: 100%;
	margin: 0 auto;
}
.index_contentsBanner .banner_visual{
	width: 100%;
	opacity: 0;
	-webkit-transition:opacity 1.2s;
	transition:opacity 1.2s;
}
.index_contentsBanner.view .banner_visual{opacity: 1;}
.index_contentsBanner .banner_detail{
	width: 92%;
	margin: 2.0em auto 0;
	text-align: center;
}
.index_contentsBanner .banner_detail .contentsCategory{
	font-family:'DINPro-Regular';
}
.index_contentsBanner .banner_detail .bannerTitle{
	font-size: 1.866em;
	font-family: 'DINPro-Bold' , 'Noto Sans JP', sans-serif;
	font-weight: 700;
	margin-top: 0.2em;
	line-height: 1.4;
}
.index_contentsBanner .banner_detail .bannerDescription{
	line-height: 1.5;
	padding: 1.5em 0 2.5em;
	letter-spacing: 0.03em;
}
.index_contentsBanner .banner_detail .viewDetails_link{}
.index_contentsBanner .banner_detail .viewDetails_link a{
	font-family:'DINPro-Medium';
	font-size: 1.133em;
	line-height: 1;
	background: #E2E2E2;
	display: inline-block;
	padding: 0.9em 2.6em;
	border-radius: 2em;
}
@media(min-width: 769px) {
.index_contentsBanner .banner_detail .viewDetails_link a:hover{color: #FFF !important;background: #12213E;}
}

/*----------------*/


.index_bottomCategoyBannerBlock{width: 100%;padding: 0 28px}

/*----------------*/

.index_bannerArchive{font-size: 0.933em;}

.index_bannerArchive .archive_list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index_bannerArchive .archive_list > li{
	width: calc(50% - 14px);
	margin-top: 100px;
}
.index_bannerArchive .archive_list > li:nth-child(1),
.index_bannerArchive .archive_list > li:nth-child(2){margin: 0;}


.index_bannerArchive + .archive_moreButton{margin-top: 120px;text-align: center;}
.index_bannerArchive + .archive_moreButton a{
	font-family:'DINPro-Medium';
	font-size: 1.466em;
	line-height: 1;
	background: #12213E;
	color: #FFF;
	display: inline-block;
	padding: 0.8em 3.2em;
	border-radius: 2em;
	border: 1px solid #12213E;
}
 @media(min-width: 769px) {
.index_bannerArchive + .archive_moreButton a:hover{color: #12213E !important;background: #FFF;}
}



/*-----------------------------------------------------------------------------------------------*/



.index_elementBlock{
	width: 100%;
	margin:0 auto;
}

.index_elementBlock .element_inner{
	position: relative;
	margin: 0 auto;
}
.index_elementBlock .element_title{
	font-family:'DINPro-bold';
	font-size: 2.266em;
	line-height: 1;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 1.76em;
}

.index_elementBlock .viewMoreLink{
	position: absolute;
	top: 0;
	right: 30px;
	padding-top: 0.7em;
}
.index_elementBlock .viewMoreLink a{
	font-family:'DINPro-Regular';
	line-height: 1.3;
	display: inline-block;
	position: relative;
	overflow: hidden;
	color: #2D2D2D;
}


.index_elementBlock .viewMoreLink a::before,
.index_elementBlock .viewMoreLink a::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 1px;
	background: #2D2D2D;
	-webkit-transition: left 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: left 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.index_elementBlock .viewMoreLink a::before{left: 0;}
.index_elementBlock .viewMoreLink a::after{left: -170%;}


@media(min-width: 769px) {
.index_elementBlock .viewMoreLink a:hover{color: #2D2D2D !important;}
.index_elementBlock .viewMoreLink a:hover::before,
.index_elementBlock .viewMoreLink a:hover::after{
	-webkit-transform: translateX(170%);
	transform: translateX(170%);
	-webkit-transition: all 0.6s cubic-bezier(0.76, 0, 0.3, 1);
	transition: all 0.6s cubic-bezier(0.76, 0, 0.3, 1);
  }

}



/*----------------*/


.topNews{}
.topNews .topNews-swiper{width: 100%;overflow: hidden;padding: 0 14px;}
.topNews .topNews-swiper .swiper-slide{width:24%;padding: 0 14px;}

.topNews .topNews-swiper .topNews_entry{}
.topNews .topNews-swiper .topNews_entry .newsEntry_info{
	display: flex;
	align-items: center;
	font-size: 0.866em;
	margin-top: 1em;
	padding-bottom: 0.8em;
}
.topNews .topNews-swiper .topNews_entry .newsEntry_info .entryDate{font-family:'DINPro-Regular';line-height: 1;}
.topNews .topNews-swiper .topNews_entry .newsEntry_info .entryDate::after{content: '|';padding: 0 0.5em;}
.topNews .topNews-swiper .topNews_entry .newsEntry_info .newsCategory{font-family:'DINPro-Medium';line-height: 1;}

.topNews .topNews-swiper .topNews_entry .newsEntry_title{
	font-family: 'DINPro-Medium' , 'Noto Sans JP', sans-serif;
	font-weight: 500;
	line-height: 1.25;
	display: inline;
}

@media(min-width: 769px) {
.topNews .topNews-swiper a:hover{color: #2D2D2D !important;}
.topNews  .topNews-swiper .newsEntry_title {
	background-image: linear-gradient(#2D2D2D, #2D2D2D);
	background-size: 0 1px;
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 1px;
	-webkit-transition: background-size 0.4s ease-out;
	transition: background-size 0.4s ease-out;
	-webkit-box-decoration-break: slice;
	box-decoration-break: slice;
}
.topNews .topNews-swiper  a:hover .newsEntry_title {
	background-size: 100% 1px;
	background-position: bottom left;
}
}



/*----------------*/



.itemCarousel{}
.itemCarousel .itemCarousel-swiper{width: 100%;overflow: hidden;padding: 0 23px;}
.itemCarousel .itemCarousel-swiper .swiper-slide{width:29%;padding: 0 5px;}

.itemCarousel .itemCarousel-swiper .carousel_slideItem{

	line-height: 1.4;
}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_image{
	width: 100%;
	padding-top: 100%;
	position: relative;
	background: #F5F5F5;
}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_image span{
	position: absolute;
	width: 68%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_name{
	width: 90%;
	margin: 1em 0 0.2em;
	font-size: 0.866em;
}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_price{font-family: 'DINPro-Regular', sans-serif;width: 90%;}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_price span.tax{font-family: 'Noto Sans JP', sans-serif;font-size: 0.8em;padding-left: 0.2em;}
.itemCarousel .itemCarousel-swiper .swiper-slide a{color: #2D2D2D;}
@media(min-width: 769px) {
.itemCarousel .itemCarousel-swiper .swiper-slide a:hover{color: #2D2D2D !important;opacity: 0.6;}
}



/*-------------*/


.staffStyle{}
.staffStyle .staffStyle-swiper{width: 100%;overflow: hidden;padding: 0 19px;}
.staffStyle .staffStyle-swiper .swiper-slide{width:20%;padding: 0 9px;}
.staffStyle .staffStyle-swiper .style_shop{
	width: 95%;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 0.5em;
}
.staffStyle .staffStyle-swiper a{color: #2D2D2D;}
@media(min-width: 769px) {
.staffStyle .staffStyle-swiper a:hover{color: #2D2D2D !important;opacity: 0.6;}
}



/*-----------------------------------------------------------------------------------------------*/


.index_bottomBlock{}

.index_bottomBlock .column_container{
	width: 92%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.index_bottomBlock .bottomBlock_title{
	width: 27%;
	font-family:'DINPro-Bold';
	font-size: 1.866em;
	line-height: 1;
}
.index_bottomBlock .bottomBlock_body{width: 73%;}



.categoryAllList .bottomBlock_body .categoryList{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
}
.categoryAllList .bottomBlock_body .categoryList li{
	width: calc( 33.333% - 7px);
	margin-bottom: 50px;
}
.categoryAllList .bottomBlock_body .categoryList li:nth-last-child(1),
.categoryAllList .bottomBlock_body .categoryList li:nth-last-child(2){margin-bottom: 0;}
.categoryAllList .bottomBlock_body .categoryList h3{
	font-family:'DINPro-Medium';
	font-size: 1.333em;
	line-height: 1;
	margin-top: 0.4em;
}
.categoryAllList .bottomBlock_body .categoryList a{color: #2D2D2D;}
@media(min-width: 769px) {
.categoryAllList .bottomBlock_body .categoryList a:hover{color: #2D2D2D !important;opacity: 0.7;}
}


/*-------------*/


.onlineStoreNav .bottomBlock_body .onlineList{
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
}
.onlineStoreNav .bottomBlock_body .onlineList li{
	width: calc( 50% - 15px);
}

.onlineStoreNav .bottomBlock_body .onlineList li a{
	width: 100%;
	font-family:'DINPro-Regular';
	font-size: 1.333em;
	line-height: 1;
	padding: 28px 0 28px 10px;
	position: relative;
	color: #2D2D2D;
	border-bottom: 1px solid #C9C9C9;
}
.onlineStoreNav .bottomBlock_body .onlineList li:nth-child(1) a,
.onlineStoreNav .bottomBlock_body .onlineList li:nth-child(2) a{border-top: 1px solid #C9C9C9;}

.onlineStoreNav .bottomBlock_body .onlineList li a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 1px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition:right 0.4s;
	transition:right 0.4s;
}

@media(min-width: 769px) {
.onlineStoreNav .bottomBlock_body .onlineList li a:hover{border-bottom-color:#12213E;color: #2D2D2D !important;}
.onlineStoreNav .bottomBlock_body .onlineList li a:hover::after{right: 10px;}
}





/*-----------------------------------------------------------------------------------------------*/




.index_contentsfooter{
	width: 100%;
	background: #F5F5F5;
	display: flex;
}
.index_contentsfooter .indexfooterInner{width: 84%;margin: 0 auto;position: relative;}

.index_contentsfooter .indexfooter_nav{width: 48%;border-right: 1px solid #FFF;padding: 80px 0;}
.index_contentsfooter .indexfooter_nav .navList{}
.index_contentsfooter .indexfooter_nav .navList li{font-size: 1.333em;line-height: 1;padding: 0.8em 0;}
.index_contentsfooter .indexfooter_nav .navList .snsIcon{display: flex;column-gap: 15px;}
.index_contentsfooter .indexfooter_nav .navList .snsIcon a{width: 32px;}
.index_contentsfooter .indexfooter_nav .navList a{font-family:'DINPro-Medium';color: #2D2D2D}
.index_contentsfooter .indexfooter_nav .navList .hhGloval a{font-size: 0.9em;}

@media(min-width: 769px) {
.index_contentsfooter .indexfooter_nav .navList a:hover{opacity: 0.6;color: #2D2D2D !important;}
}


.index_contentsfooter .indexfooter_app{width: 52%;position: relative;display: flex;align-items:stretch;overflow: hidden;}
.index_contentsfooter .indexfooter_app .indexfooterInner{display: flex;align-items: center;max-width: 650px;}
.index_contentsfooter .indexfooter_app .appInfo{}
.index_contentsfooter .indexfooter_app .appInfo h3{
	font-family:'DINPro-Bold';
	font-size: 1.6em;
	line-height: 1;
}
.index_contentsfooter .indexfooter_app .appInfo .text{font-size: 1.133em;padding: 2em 0 1.3em;}
.index_contentsfooter .indexfooter_app .appInfo .text span{font-family:'DINPro-Regular';font-size: 1.1em;}
.index_contentsfooter .indexfooter_app .appInfo .text br{display: none;}

.index_contentsfooter .indexfooter_app .appInfo .appButtonSet{display: flex;column-gap: 10px;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .ios{width:130px;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .android{width:145px;}

.index_contentsfooter .indexfooter_app .appScreen{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 210px;
}


/*-----------------------------------------------------------------------------------------------*/































#footer,
.footer{
	background: #12213E !important;
	color: #CFD2D8 !important;
}
footer.footer .footer-brand-info .footer-brand-info-btn a {
	border: 1px solid #CFD2D8;
}
#footer a {
	color: #CFD2D8 !important;
}






































































@media (max-width: 1200px) {

.pg_index .space__upper{margin-top: 10vw;}
.pg_index .space__upperWide{margin-top: 12vw;}
.pg_index .space__upper.topLine{padding-top: 10vw;}
.pg_index .space__inside{padding: 10vw 0;}

/*-------*/

.index_bannerArchive .archive_list > li{margin-top: 8vw;}
.index_bannerArchive + .archive_moreButton{margin-top: 10vw;}

/*-------*/

.index_contentsfooter .indexfooter_nav{width: 40%;padding: 60px 0;}
.index_contentsfooter .indexfooter_app{width: 60%;}
.index_contentsfooter .indexfooter_nav .indexfooterInner{width: 82%;}
.index_contentsfooter .indexfooter_app .indexfooterInner{width: 88%;}
.index_contentsfooter .indexfooter_app .appScreen{width: 190px;}



}



@media (max-width: 980px) {

.pg_index{font-size: 14px;}

/*-------*/

.topNews .topNews-swiper .swiper-slide{width:30%;padding: 0 14px;}

/*-------*/

.index_bottomBlock .bottomBlock_title{font-size: 1.642em;}
.categoryAllList .bottomBlock_body .categoryList h3{font-size: 1.142em;}
.onlineStoreNav .bottomBlock_body .onlineList li a{font-size: 1.142em;padding: 1.5em 0 1.5em 7px;}

/*-------*/

.index_contentsfooter .indexfooter_nav{padding: 50px 0;}
.index_contentsfooter .indexfooter_app .appScreen{width: 160px;}
.index_contentsfooter .indexfooter_app .appInfo .text{padding: 1em 0 0.7em;}
.index_contentsfooter .indexfooter_app .appInfo .text br{display: block;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet{display: block;column-gap: 0px;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .ios{width:110px;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .android{width:120px;margin-top: 5px;}

}




/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




@media (max-width: 768px) {

.pg_index .space__upper{margin-top: 14vw;}
.pg_index .space__upperWide{margin-top: 17vw;}
.pg_index .space__upper.topLine{padding-top: 14vw;}
.pg_index .space__inside{padding: 14vw 0;}

/*-------*/

.categorySelector{padding-top: 55px;z-index: 999;}
.categorySelector.fixed{padding-top: 55px/*21+17+17*/;}
.categorySelector .selector_container{
	position: absolute;
	top: 0;
	z-index: 998;
	-webkit-transition: top 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	transition: top 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.categorySelector.fixed .selector_container{top: 50px;}
.categorySelector .category-swiper .swiper-slide{font-size: 21px;padding: 0 0.6em;}

/*-------*/

.index_bannerArchive{font-size: 1em;}
.index_bannerArchive .archive_list{display: block;}
.index_bannerArchive .archive_list > li{width: 100%;margin-top: 14vw;}
.index_bannerArchive .archive_list > li:nth-child(1),
.index_bannerArchive .archive_list > li:nth-child(2){margin-top: 14vw;}
.index_bannerArchive + .archive_moreButton{margin-top: 14vw;}

/*-------*/

.index_elementBlock .viewMoreLink{
	position: relative;
	right:0;
	padding-top: 0;
	text-align:center;
	margin-top: 40px;
}
.index_elementBlock .viewMoreLink a{
	color: #2D2D2D;
	border: 1px solid #2D2D2D;
	border-radius: 2em;
	font-size: 1.142em;
	line-height: 1;
	padding: 0.7em 2.8em;
}

.index_elementBlock .viewMoreLink a::before,
.index_elementBlock .viewMoreLink a::after{display: none;}

/*-------*/

.topNews .topNews-swiper .swiper-slide{width:47%;}
.itemCarousel .itemCarousel-swiper .swiper-slide{width:45%;}
.staffStyle .staffStyle-swiper .swiper-slide{width:30.5%;padding: 0 9px;}

/*-------*/


.index_bottomBlock .column_container{display: block;}
.index_bottomBlock .bottomBlock_title{width: 100%;margin-bottom: 1.5em;font-size: 2em;}
.index_bottomBlock .bottomBlock_body{width: 100%;}

.categoryAllList .bottomBlock_body .categoryList h3{font-size: 1.333em;}
.onlineStoreNav .bottomBlock_body .onlineList li a{font-size: 1.333em;}


/*-------*/

.index_contentsfooter{display: block;margin-bottom: 2px;}
.index_contentsfooter .indexfooter_nav{width: 100%;border: none;border-bottom: 2px solid #FFF;padding: 7vw 0;}
.index_contentsfooter .indexfooter_app{width: 100%;display: block;padding: 7vw 0 0;}
.index_contentsfooter .indexfooter_nav .indexfooterInner{width: 90%;}
.index_contentsfooter .indexfooter_app .indexfooterInner{width: 90%;max-width: none;}

.index_contentsfooter .indexfooter_app .appInfo{padding-bottom: 7vw;}
.index_contentsfooter .indexfooter_app .appInfo .text{padding:1.5em 0 1.3em;}
.index_contentsfooter .indexfooter_app .appInfo .text br{display: none;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .ios{width:130px;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .android{width:145px;margin-top: 10px;}
.index_contentsfooter .indexfooter_app .appScreen{right: 5vw;}


}








@media(min-width: 681px) {
.categorySelector .swiper-wrapper{display: flex;justify-content: center;}
}


@media (max-width: 680px) {



.pg_index{font-size: 2.7vw;}
.pg_index .widthSpace{width: 93vw;}

.pg_index .space__upper{margin-top: 20vw;}
.pg_index .space__upperWide{margin-top: 25vw;}
.pg_index .space__upper.topLine{padding-top: 20vw;}
.pg_index .space__inside{padding: 20vw 0;}

/*-------*/

.categorySelector,
.categorySelector.fixed{padding-top: 10.2vw/*4.2+3+3*/;}
.categorySelector .selector_container{padding: 0 4vw;}
.categorySelector .category-swiper .swiper-slide{font-size: 4.2vw;padding: 0 2.3vw;}
.categorySelector .categoryName{padding: 3vw 0.1em;}

/*-------*/

.index_contentsBanner .banner_detail{width: 94vw;text-align: left;}
.index_contentsBanner .banner_detail .contentsCategory{font-size: 1.142em;}
.index_contentsBanner .banner_detail .bannerTitle{font-size: 2.0em;}
.index_contentsBanner .banner_detail .bannerDescription{line-height: 1.6;padding: 0.7em 0 3em;}

/*-------*/

.index_bottomCategoyBannerBlock{padding: 0 3vw;}

.index_bannerArchive .archive_list > li{margin-top: 20vw;}
.index_bannerArchive .archive_list > li:nth-child(1),
.index_bannerArchive .archive_list > li:nth-child(2){margin-top: 20vw;}
.index_bannerArchive + .archive_moreButton{margin-top: 20vw;}


/*-------*/

.index_elementBlock .element_title{
	width: 93vw;
	text-align: left;
	font-size: 2.533em;
	margin: 0 auto 1em;
	letter-spacing: 0.02em;
}
.index_elementBlock .viewMoreLink{margin-top: 8vw;}

/*-------*/

.topNews .topNews-swiper{padding: 0 1.45vw;}
.topNews .topNews-swiper .swiper-slide{width:80%;padding: 0 1.55vw;}

.topNews .topNews-swiper .topNews_entry{}
.topNews .topNews-swiper .topNews_entry .newsEntry_info{font-size: 1em;}
.topNews .topNews-swiper .topNews_entry .newsEntry_title{display: block;font-size: 1.142em;width: 92%;}

/*-------*/

.itemCarousel .itemCarousel-swiper{padding: 0 1.45vw;}
.itemCarousel .itemCarousel-swiper .swiper-slide{width:80%;padding: 0 1.55vw;}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_name{font-size: 1em;}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_price{font-size: 1em;}

/*-------*/

.staffStyle .staffStyle-swiper{padding: 0 1.45vw;}
.staffStyle .staffStyle-swiper .swiper-slide{width:60%;padding: 0 1.55vw;}
.staffStyle .staffStyle-swiper .style_shop{font-size: 1em;}

/*-------*/

.index_bottomBlock .bottomBlock_title{font-size: 2.2em;letter-spacing: 0.02em;}

.categoryAllList .bottomBlock_body .categoryList{column-gap: 3vw;}
.categoryAllList .bottomBlock_body .categoryList li{width: calc( 50% - 1.5vw);margin-bottom: 6vw;}
.categoryAllList .bottomBlock_body .categoryList h3{font-size: 1.6em;}

.onlineStoreNav .bottomBlock_body .onlineList{display: block;column-gap: 0;}
.onlineStoreNav .bottomBlock_body .onlineList li{width: 100%;}
.onlineStoreNav .bottomBlock_body .onlineList li:nth-child(2) a{border-top: none;}
.onlineStoreNav .bottomBlock_body .onlineList li a{font-size: 1.466em;padding: 1.2em 0 1.2em 0.4em;}

/*-------*/

.index_contentsfooter .indexfooter_nav{padding: 10vw 0;}
.index_contentsfooter .indexfooter_app{padding-top: 12vw;}
.index_contentsfooter .indexfooter_app .appInfo{padding-bottom: 15vw;}
.index_contentsfooter .indexfooter_app .appInfo .text{padding:1.2em 0 2.5em;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .ios{width:30vw;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .android{width:35vw;margin-top: 3vw;}

.index_contentsfooter .indexfooter_app .appScreen{bottom:-8vw;width: 31vw;}

}






@media (max-width: 460px) {

.pg_index{font-size: 3.0vw;}

.pg_index .space__upper{margin-top: 24vw;}
.pg_index .space__upperWide{margin-top: 30vw;}
.pg_index .space__upper.topLine{padding-top: 24vw;}
.pg_index .space__inside{padding: 24vw 0;}

/*-------*/

.categorySelector,
.categorySelector.fixed{padding-top: 13.7vw/*4.7+4.5+4.5*/;}
.categorySelector .category-swiper .swiper-slide{font-size: 4.7vw;padding: 0 2.7vw;}
.categorySelector .categoryName{padding: 4.5vw 0.1em;}


.category_pageTitle{
	font-size: 46px;

	padding: 0.5em 0;
}


/*-------*/

.index_contentsBanner .banner_detail .contentsCategory{font-size: 15px;}
.index_contentsBanner .banner_detail .bannerTitle{font-size: 23px;}
.index_contentsBanner .banner_detail .bannerDescription{font-size: 14px;padding: 1.0em 0 2.2em;line-height: 1.6;}
.index_contentsBanner .banner_detail .viewDetails_link a{font-size: 16px;}

/*-------*/

.index_elementBlock .element_title{font-size: 29px;}
.index_elementBlock .viewMoreLink a{font-size: 15px;}
.index_elementBlock .viewMoreLink{margin-top: 10vw;}

/*-------*/

.topNews .topNews-swiper .topNews_entry .newsEntry_info{font-size: 13px;}
.topNews .topNews-swiper .topNews_entry .newsEntry_title{font-size: 15px;}

/*-------*/

.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_name{font-size: 13px;}
.itemCarousel .itemCarousel-swiper .carousel_slideItem .item_price{font-size: 14px;}

/*-------*/

.staffStyle .staffStyle-swiper .style_shop{font-size:12px;}

/*-------*/

.index_bottomBlock .bottomBlock_title{font-size: 25px;margin-bottom: 1.3em;}
.categoryAllList .bottomBlock_body .categoryList h3{font-size: 18px;}
.onlineStoreNav .bottomBlock_body .onlineList li a{font-size: 18px;}
.onlineStoreNav .bottomBlock_body .onlineList li a::after{width: 8px;height: 8px;margin-top: -4px;}

/*-------*/

.index_contentsfooter .indexfooter_nav .indexfooterInner,
.index_contentsfooter .indexfooter_app .indexfooterInner{width: 85%;}

.index_contentsfooter .indexfooter_nav{padding: 11vw 0;}
.index_contentsfooter .indexfooter_nav .navList li{font-size:18px;padding: 0.8em 0;}

.index_contentsfooter .indexfooter_app{padding-top: 13vw;}
.index_contentsfooter .indexfooter_app .appInfo{padding-bottom: 16vw;}
.index_contentsfooter .indexfooter_app .appInfo h3{font-size: 21px;}
.index_contentsfooter .indexfooter_app .appInfo .text{font-size: 14px;padding:1.0em 0 2.5em;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .ios{width:32vw;}
.index_contentsfooter .indexfooter_app .appInfo .appButtonSet .android{width:37vw;}
.index_contentsfooter .indexfooter_app .appScreen{bottom:-10vw;width: 34vw;right: 0;}

}



@media (max-width: 350px) {

}