@charset "UTF-8";

/*-----------------------------------------------------
sub
-------------------------------------------------------*/

#sub_content{
    padding: 0 0 0 0;
}

.sub_main{
	padding: 100px 0 100px 0;
}

.sub_main .g_t1{
	margin-bottom: 40px;
}


.sub_title{
	padding: 0 0 70px;
}

/*-----------------------------------------------------
global_sub
-------------------------------------------------------*/
.g_sub_t1{
	font-family: 'notoSerifJP', serif;
  	display:flex;
  	flex-direction: column;
	gap: 14px;
	text-align: left;
}

.g_sub_t1 h2{
	font-size: var(--s40);
	font-weight: 500;
}

.g_sub_t1 span{
	font-size: var(--s16);
	display: block;
}

.g_sub_t1 span{
	font-size: var(--s16);
	display: block;
}


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

.g_sub_text span{
	font-weight: bold;
	display: block;
}


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

.sub_table{
}

.sub_table dl{
    padding: 30px 0px;
    border-bottom: solid 1px #ddd;
    display: flex;
    justify-content: space-between;
    line-height: var(--lh18);
}

.sub_table dl dt{
    padding-left: 20px;
    width: 25%;
    font-weight: bold;
}

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


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

.shop_arch ul{
  	display:flex;
	justify-content: flex-start;
  	flex-wrap: wrap;
	gap: 30px 2%;
}

.shop_arch ul li{
	width: 32%;
}

.shop_arch .img{
	position: relative;
}

.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;
}

/*-----------------------------------------------------
shop
-------------------------------------------------------*/

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

.shop_img ul li{
	width: 48.5%;
}

.shop_data{
	margin-bottom: 60px;
}

.shop_data dl{
	padding: 0 0 26px;
	margin: 0 0 26px;
	border-bottom: 1px solid #ddd;
  	display:flex;
	justify-content: flex-start;
}

.shop_data dl dt{
	width: 25%;
	font-weight: bold;
}

.shop_data dl dd{
	width: 75%;
	line-height: var(--lh16);
}

.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);
}

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


.aboutus_box .g_sub_text{
	margin-bottom: 50px;
}



/*-----------------------------------------------------
privacy
-------------------------------------------------------*/

.privacy_box{
	padding: 40px 0 0 0;
}

.privacy_box .text{
    line-height: var(--lh18);
    margin-bottom: 40px;
}

.privacy_box .list .row:first-child{
    border-top: 1px solid #ccc;
}

.privacy_box .list .row{
    padding: 35px 0px;
    border-bottom: 1px solid #ccc;
}

.privacy_box .list .row h3{
    display: block;
    font-weight: bold;
    padding-bottom: 16px;
}

.privacy_box .list .row p{
    line-height: var(--lh18);
}


/*-----------------------------------------------------
pagenation
-------------------------------------------------------*/

.pagenation{
	width: auto;
	text-align: center;
	margin: 60px auto 0;
  	display:-webkit-box;
	display: -webkit-flex;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	gap: 6px 10px;
}

a.page-numbers,
.pagination .current{
    color: #000;
	text-align: center;
	line-height: 1;
	padding: 14px 16px;
	display: inline-block;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
	border-radius: 6px;
}

.current {
    color: #fff;
	background: var(--color1);
	text-align: center;
	line-height: 1;
	padding: 14px 16px;
	display: inline-block;
	text-decoration: none;
	border-radius: 6px;
}

a.page-numbers:hover,
.pagination a:hover .current a:hover {
	color: #fff;
	background: var(--color1);
	border: 1px solid var(--color1);
	text-decoration: none;
}

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

#breadcrumb{
	width: 100%;
	background: #fafafa;
}

#breadcrumb ul{
    display: flex;
	justify-content: flex-start;
	padding: 16px 0 16px 36px;
}

#breadcrumb ul li{
    display: flex;
    font-size: var(--s13);
    white-space: nowrap;
}

#breadcrumb ul li::after {
    content: '>';
    padding: 0px 8px;
}


#breadcrumb ul li:last-child::after {
    content: none;
    padding: 0px;
}