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


/* ==========================================================================
   
recommend

========================================================================== */ 
.logo_section{
padding-bottom: 5%;
}
.logo_section2{
padding-top: 5%;
padding-bottom: 5%;
}

.concept_copy{
font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 2;
    padding-bottom: 3%;
    text-align: center;
	color: #c7904a;
}

.concept_subttl {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 2;
    padding-bottom: 3%;
	color: #c7904a;
}

.concept_subttl2{
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 2;
    padding-bottom: 3%;
	color: #c7904a;
}

.txt_concept{
padding-bottom: 7%;
font-size: 17px;
font-size: 1.7rem;	
}


.contents_space20{
	padding-left:20%;
	padding-right:20%;
}


.concept_block2{
border-bottom: 1px dotted #222222;
margin-bottom: 5%;
}




.ttl_recommend{
display: block;
padding-top: 3%;
padding-bottom: 1%;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #c7904a;
}


.recommends{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0%;
}
.recommends:after{
	content:"";
	display:block;
	width: 24%;
	height:0;
}
.recommend{
	width: 24%;
	margin-bottom: 3%;
}


.recommend_img{
margin-bottom: 5%;
}
.recommend img{
	width: 100%;
}

.txt_recommend{
display: inline-block;
padding-top: 5%;
padding-bottom: 7%;
font-size: 14px;
font-size: 1.4rem;
line-height: 2em;
align-items: flex-end;
}

@media screen and (max-width: 768px) {
	
.recommends{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recommends:after{
	content:"";
	display:block;
	width: 49%;
	height:0;
}
.recommend{
	width: 100%;
	margin-bottom: 5%;
}

	
.contents_space20{
	padding-left:7%;
	padding-right:7%;
}	
	

}




.section_ttl_news{
    display: block;
font-size: 25px;
font-size: 2.5rem;	
font-family: "Zen Old Mincho", serif;
letter-spacing: 0.01em;	
    margin-top: 0%;
	margin-bottom: 0%;
    font-weight: bold;
	justify-content: left;
}



.top_new_box{
	width: 100%;
	display: block;
}
.top_new_box dl{
margin-bottom: 3%;
padding-bottom: 3%;
border-bottom: #222222 1px dotted;
display: block;
  flex-wrap: wrap;
  align-items: baseline;
width: 100%;
}

.top_new_box dt{
	color: #c7904a;
	width: 100%;
	padding-bottom: 1%;
	font-weight: bold;
	float: left;
	font-size: 80%;
	text-align: left;display: block;
}

.top_new_box dd{

}

.top_new_box dd a{
color: #dddddd;
    text-decoration: none;
}
.top_new_box dd a:hover {
color: #c7904a;
}
.top_new_box dd a:visited {
color: #d3ae7b;
}

.top_new_box dd a:active {
color: #b68545;
}

@media screen and (max-width: 768px) {
.section_ttl_news{
    display: block;
letter-spacing: 0.01em;	
    margin-top: 0%;
	margin-bottom: 0%;
font-size: 21px;
font-size: 2.1rem;
    font-weight: bold;
	justify-content: left;
}	
}




/* ==========================================================================
   
shopinfo

========================================================================== */ 



.shopinfo_outline{
padding-top: 3% !important;	
}
.shopinfo_outline dt{
font-size: 98%;
font-weight: bold;
color: #c7904a;
padding-top: 3%;
}

.shopinfo_outline dd{

}