@charset "UTF-8";

/*======================================
	トップページ
=======================================*/

.top_head{
  margin-top: 65px;
}
.sp_img{
  display: none;
}
.sp_slide{
  display: none;
}

/* NEWS NEWITEMS */
#news #news_ttl, 
#newitems #newitems_ttl{
  float: left;
  max-width: 108px;
}
#news #news_ttl .img,
#newitems #newitems_ttl .img{
  margin-bottom: 20px;
}
#news #news_list,
#newitems #newitems_list{
  float: right;
  max-width: 912px;
  padding-left: 6.07%;
  width : calc(100% - 108px);
}

/* NEWS お知らせリスト */
#news #news_list li{
  border-bottom: solid 1px #b4b4b5;
  padding-bottom: 15px;
}
#news #news_list li:not(:first-child){
  padding-top: 15px;
}
#news #news_list .date{
  float: left;
  width: 140px;
}
#news #news_list .news_title{
  float: left;
  padding-left: 2%;
  max-width: 850px;
  width: calc( 100% - 140px );
}
p.news_title a:link{
  text-decoration: underline;
}
span.new{
  padding-left: 0.6em;
  color: #e25514;
  font-weight: bold;
}


/* NEWITEMS 新商品のご紹介 */
#newitems #newitems_list li{
  /* border-bottom: solid 1px #b4b4b5;
  padding-bottom: 40px; */
}
#newitems #newitems_list li:not(:first-child){
  /* margin-top: 40px; */
}
#newitems #newitems_list .date{
}
#newitems #newitems_list .newitems_title{
  font-size: 150%;
}

#newitems_list .txt{
	float: right;
	width: 63%;
}
#newitems_list .img{
	float: left;
	max-width:280px;
	width: calc( 100% - 67% );
	border: solid 1px #dbdbdb;
}

p.newitems_title a:link{
  text-decoration: none;
  border-bottom: solid 1px;
}
p.newitems_title a:link:hover{
  text-decoration: none;
}
p.newitems_title span.new{
  font-size: 70%;
}
img.object-fit-img{
	width: 280px;
	height: 190px;
	object-fit: cover; /* この一行を追加するだけ！ */
	object-position: top;
	font-family: 'object-fit: cover; object-position: top;'
}

/* リスト */
#contents_list{
  background-color: #e9e9e9;
  padding-top: 60px;
}
#contents_list ul li{
  float: left;
  width: 31.37%;
  margin-right: 2.94%;
}
#contents_list ul li:last-child{
  margin-right: 0%;
}

/* TOPICS */
#topics{
  padding-top: 60px;
}
#topics_ttl{
  text-align: center;
  margin-bottom: 50px;
}
#topics .topics_name{
  position: relative;
  font-size: 145%;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 1.2em;
}
#philosophy_img{
  margin: 20px 0;
}
#shokokanazawa_info .name{
  font-size: 110%;
  font-weight: bold;
  line-height: 1.4;
}
#shokokanazawa_info .info_txt a.btn{
  margin-top: 20px;
}
#shokokanazawa_info .info_txt{
  float: left;
  max-width: 458px;
  width: 45%;
}
#shokokanazawa_info .info_img{
  float: right;
  max-width: 522px;
  width: 51.2%;
}
ul.info_img li{
  float: left;
  max-width: 251px;
  width: 48%;
  margin-right: 3.8%;
}
ul.info_img li:last-child{
  margin-right: 0;
}

#topics .no1 .topics_name:before,
#topics .no2 .topics_name:before,
#topics .no3 .topics_name:before,
#topics .no4 .topics_name:before{
  position: absolute;
  margin-left: -48px;
  top: -4px;
}

#topics .no1 .topics_name:before{
  content: url(../img/top/mk01.png);
}
#topics .no2 .topics_name:before{
  content: url(../img/top/mk02.png);
}
#topics .no3 .topics_name:before{
  content: url(../img/top/mk03.png);
}
#topics .no4 .topics_name:before{
  content: url(../img/top/mk04.png);
}

#topics .no2 .topics_name,#topics .no3 .topics_name,#topics .no4 .topics_name{
  margin-bottom: 20px;
}
#topics .no2 .img,#topics .no3 .img,#topics .no4 .img{
  margin-top: 20px;
}

#topics .no1{
  padding-bottom: 4%;
  margin-bottom: 4%;
  border-bottom: dotted 2px #b4b4b5;
}

ul#topics_list li{
  float: left;
  width: 33.3%;
  padding: 0 2%;
  border-right: dotted 2px #b4b4b5;
}
ul#topics_list li:first-child{
  padding-left: 0;
}
ul#topics_list li:last-child{
  margin-right: 0;
}

.topics_name{
	margin-bottom: 20px;
}
.topics_name::before{
	content: url(../img/top/ttl_mk.png);
	position: absolute;
	left: 0;
	top: 2px;
}

#topics_contents{
	margin-bottom: 40px;
}
#topics_contents > ul.list > li{
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: dotted 2px #b4b4b5;
}
#topics_contents > ul.list > li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

#topics_contents .img_list{
	/* margin-bottom: 30px; */
}
#topics_contents .img_list li{
	float: left;
	max-width: 490px;
	width: 48.3%;
	margin-right: 3.4%;
	margin-bottom: 30px;
	text-align: center;
}
#topics_contents .img_list li img{
	max-height: 330px;
	height: auto;
}
#topics_contents .img_list li:nth-child(2n){
	margin-right: 0;
}
#topics_contents .link_list{
	margin-top: 30px;
}
#topics_contents .link_list .link{
	margin-bottom: 15px;
}
#topics_contents .link_list .link:last-child{
	margin-bottom: 0;
}

@media screen and (max-width:768px) {
  /* NEWS */
  #news_ttl .pc_img,
  #newitems_ttl .pc_img{
    display: none;
  }
  #news_ttl .sp_img,
  #newitems_ttl .sp_img{
    display: block;
    margin: 0 auto;
  }
  #news #news_ttl,
  #newitems #newitems_ttl{
    float: none;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #news #news_list,
  #newitems #newitems_list{
    float: none;
    padding-left: 0;
    width: 100%;
    margin-top: 30px;
  }

  /* リスト */
  #contents_list ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  #contents_list ul li:nth-child(2) {
    margin-right: 0;
  }
  #contents_list ul li:nth-child(3) {
    margin: 30px 28.08% 0 28.08%;
  }

  /* トピックス */
  #topics_ttl .pc_img{
    display: none;
  }
  #topics_ttl .sp_img{
    display: block;
    margin: 0 auto;
  }
  #topics_ttl{
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  #topics .txt{
    display: block;
    padding-left: 0;
    max-width: 100%;
    width: 100%;
  }
  #topics #topics_ttl{
    margin-bottom: 20px;
  }
  #shokokanazawa_info .info_txt,
  #shokokanazawa_info .info_img{
    float: none;
    max-width: 100%;
    width: 100%;
  }
  #shokokanazawa_info .info_img{
    margin-top: 30px;
  }
  #shokokanazawa_info .info_txt .link{
    text-align: center;
  }
  ul.info_img li{
    max-width: 100%;
    margin-right: 4%;
  }
  ul#topics_list li.no2, ul#topics_list li.no3, ul#topics_list li.no4{
    float: none;
    width: 100%;
    border-right: none;
  }

  #topics .no1{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 50px;
  }
  ul#topics_list li{
	padding: 0;
	margin-bottom: 50px;
  }
  ul#topics_list li .img{
    text-align: center;
  }

}
@media screen and (max-width:640px) {
  /* スライド */
  .pc_slide{
    display: none;
  }
  .sp_slide{
    display: block;
  }
}
@media screen and (max-width:600px) {
  /* NEWS お知らせリスト */
  #news #news_list .date{
    float: none;
    width: 100%;
    margin-bottom: 7px;
  }
  #news #news_list .news_title{
    float: none;
    padding-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width:470px) {
  /* リスト */
  #contents_list ul li:nth-child(3) {
    margin: 0;
  }
  #contents_list ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  
  #newitems_list .txt,
  #newitems_list .img{
    float: none;
    width: 100%;
  }
  #newitems_list .img{
	  margin: 20px auto 0 auto;
  }
}


@media screen and (max-width:380px) {
	#topics_contents .img_list li{
		float: none;
		max-width: 490px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}