@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      news.css
 Update:         2025.05.09
 Style Info:     スタイルCSSファイル
----------------------------------------------------------- */
/********************************************
モバイルファースト
*********************************************/
/* */
#content_wrap {
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  position: relative;
}

/*ニュース*/
#news {
	font-family: 'Yu Gothic','游ゴシック','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,"TBUD丸ゴシック R",sans-serif;
}

h2.news-title {
  font-size: 1.5em;
  margin: 0 0 20px 0;
}

#news .ymd {
  color: #6e6e73;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#news .news-contents {
  font-size: 1.1em;
}
#news .news-contents img {
  margin-bottom; 20px;
}


/********************************************
ランドスケープ
*********************************************/
@media screen and (min-width:480px){
	/*title*/
	#title_wrap {
		height: 150px;
	}
	#title_wrap #product_slide .slick-slide {
		height: 140px;
	}
}


/********************************************
ランドスケープ
*********************************************/
@media screen and (min-width:640px){
	/*title*/
	#title_wrap {
		height: 200px;
		padding: 10px 0;
	}
	#title_wrap #product_slide .slick-slide {
		height: 180px;
	}
}

/********************************************
タブレット
*********************************************/
@media screen and (min-width:768px){

}

/********************************************
PC
*********************************************/
@media print, screen and (min-width: 980px) {
	/*パンくず*/
	#bread_crump_wrap ul {
		width: 960px;
		margin: 0 auto;
	}
	#content_wrap {
	  width: 960px;
	  margin: 0 auto;
	  margin-top: 40px;
	  margin-bottom: 40px;
	  padding-left: 100px;
	  padding-right: 100px;
	  box-sizing: border-box;
	  position: relative;
	}

}

/********************************************
タブレット　ランドスケープ
*********************************************/
@media only screen and (min-width: 1024px) {

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1051px) {

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1100px) {
	/*パンくず*/
	#bread_crump_wrap ul {
		width: 1080px;
		margin: 0 auto;
	}
}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1280px) {

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1300px) {

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1400px) {
	
}