@charset "UTF-8";



@media (max-width : 767px ){
	/*-----------------------------------------------------
	sub
	-------------------------------------------------------*/
	
	#sub_content{
		padding: 0 0 0 0;
		background: none;
	}

	.sub_main{
		padding: 40px 0 60px 0;
	}
	
	.sub_main .g_t1{
		margin-bottom: 26px;
	}


	.sub_title{
		padding: 0 0 40px;
	}

	/*-----------------------------------------------------
	global_sub
	-------------------------------------------------------*/

	.g_sub_t1{
		gap: 10px;
	}

	/*-----------------------------------------------------
	sub_table
	-------------------------------------------------------*/

	.sub_table dl{
		padding: 16px 0px;
	}
	
	.sub_table dl dt{
		padding-left: 0px;
		width: 25%;
	}

	.sub_table dl dd{
		padding-left: 20px;
		width: 75%;
	}
	
	/*-----------------------------------------------------
	shop
	-------------------------------------------------------*/

	.shop_img ul{
		display:flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.shop_data{
		margin-bottom: 30px;
	}

	.shop_data dl{
		padding: 0 0 22px;
		margin: 0 0 22px;
		flex-direction: column;
	}

	.shop_data dl dt{
		width: 100%;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.shop_data dl dd{
		width: 100%;
	}

	.shop_data dl dd .ct{
		display:flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 8px 8px;
	}

	.shop_data dl dd .ct span{
		display: inline-block;
		padding: 6px 14px;
		border-radius: 6px;
		border: 1px solid #ddd;
		font-size: var(--s16);
	}

	.shop_text{
		line-height: var(--lh18);
	}

	
	/*-----------------------------------------------------
	shop_arch
	-------------------------------------------------------*/

	.shop_arch ul{
		flex-direction: column;
		gap: 20px 0;
	}

	.shop_arch ul li{
		width: 90%;
		margin: 0 auto;
	}

	.shop_arch ul li span.ct{
		position: absolute;
		bottom: 0px;
		right: 0;
		display: inline-block;
		font-size: var(--s15);
		font-weight: bold;
		color: #fff;
		background: var(--color1);
		padding: 8px 14px;
	}

	.shop_arch ul li span.name{
		font-weight: bold;
		line-height: var(--lh14);
		padding-top: 10px;
		display: block;
	}

	
	/*-----------------------------------------------------
	aboutus
	-------------------------------------------------------*/

	.aboutus_box .g_sub_text{
		margin-bottom: 30px;
	}
	/*-----------------------------------------------------
	pagenation
	-------------------------------------------------------*/
	.pagenation{
		gap: 6px 6px;
	}

	a.page-numbers,
	.pagination .current{
		padding: 10px 10px;
	}

	.current {
		padding: 10px 10px;
	}


    
	/*-----------------------------------------------------
	breadcrumb
	-------------------------------------------------------*/

	#breadcrumb ul{
		overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
		justify-content: flex-start;
		padding: 16px 20px;
	}    
}