@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP&display=swap&subset=japanese');




#gn01205497 {	/*●全体の背景画像の指定*/
	width: 964px;
	color: #333;	/*文字色*/
	background-image: url("../../../img/usr/goods/gn01205497/bg.gif");/*背景画像*/
	margin-top: 50px;
	margin-bottom: 50px;
}


#gn01205497 .pc{	/*●PCで表示*/
	display:block;
	}

#gn01205497 .sp{	/*●SPで表示しない*/
	display:none;
	}


 #gn01205497 .title  {	/*●メイン画像*/
    width:967px;                                     /* 横幅のサイズを指定    */
    height:810px;                                    /* 縦幅のサイズを指定    */
    text-align: center;/*インライン要素の中央寄せ*/
}


#gn01205497 .logo   {	/*●ハナエモリロゴと説明*/
    text-align: center;/*インライン要素の中央寄せ*/
    margin-top: 50px;
    font-size: 26px;	
}

#gn01205497 .logo img {	/*●ハナエモリロゴ*/
    width:200px;                                     /* 横幅のサイズを指定    */
}



#gn01205497 h2 {	/*●見出しキャッチの指定*/
	font-family: 'Noto Serif JP', serif;
	font-size: 70px;
	font-weight: 400;/*文字の太さ調整*/
	padding: 0.4em;/*文字周りの余白*/
	color: #333;/*文字色*/
	text-align: center;/*インライン要素の中央寄せ*/
	background-image: url("../../../img/usr/goods/gn01205497/bg.gif");/*背景画像*/
}





#gn01205497 h3 {	/*●大きな見出し*/
	font-family: 'Noto Serif JP', serif;
	font-size: 50px;
	padding: 0.5em;/*文字周りの余白*/
	color: #333;/*文字色*/
	background: rgba(255,255,255,0.6);/*背景色 白を半透明*/
	text-align: center;/*インライン要素の中央寄せ*/
}


#gn01205497 h3 {	/*●大きな見出し装飾・囲み二重線*/
  padding: 1rem 2rem;
  border: 6px double #000;
  width: 80%;
  margin: 0 auto;/*レイアウトを中央寄せにする*/
	margin-top: 100px;	
	margin-bottom: 50px;
}


#gn01205497 h4 {
	font-family: 'Noto Serif JP', serif;
	font-size: 36px;
	padding: 0.5em 0.5em 0.5em 3.0em;/*文字周りの余白・上右下左*/
	color: #333;/*文字色*/	
	margin-top: 0px;
	margin-bottom: 0px;
  position: relative;
  border-left: solid 10px #000;/*左線（実線 太さ 色）*/
  border-bottom: 2px solid #000;/*下線*/
}

#gn01205497 h4 span {	/*●見出しの数字*/
  font-family: 'Noto Serif JP', serif;
  font-size: 36px;
  position: absolute;
  left: 20px;
}

#gn01205497 .pic {
	padding: 50px;/*画像回りの余白*/
	text-align: center;/*インライン要素の中央寄せ*/
}


#gn01205497 #main01 {/*●01着映えする「最高品質」の素材*/
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}

#gn01205497 #main01 p,
#gn01205497 #main07 p {
	font-size: 26px;
	margin-top: 50px ;	
	padding: 0.5em 2em 0em 2em;/*文字周りの余白・上右下左*/
}


#gn01205497 .line {
	background:linear-gradient(transparent 50%, #FFFF66 0%) ;
}


#gn01205497 #main02 {/*●02脱着がしやすくて人気の前ファスナー*/
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}


#gn01205497 #main03 {/*●03落としやすい小物をつけられる*/
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}


#gn01205497 #main04 {/*●04エレガントでありながら*/
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}


#gn01205497 #main05 {/*●05日本製の上質白衣*/
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}

#gn01205497 #main05 p {/*●05文字指定*/
	font-size: 26px;	
	padding: 0.5em 0em 0.5em 0em;/*文字周りの余白・上右下左*/
	color: #333;/*文字色*/
	margin-top: 0px;
	margin-bottom: 0px;
}

#gn01205497 .margin{/*●05マージン指定*/
	margin-left: 50px;
	margin-bottom: 30px;
}

#gn01205497 #main05 .dress{ /*●小見出しの左の黒ライン*/
	font-size: 30px;
	font-weight: 500;/*文字の太さ調整*/
	padding: 0.5rem 1rem;
	border-left: 7px solid #000;
	margin-top: 50px ;	
	margin-bottom: 20px;	
}

#gn01205497 #main06 {/*●06さりげなく艶のある*/
	background: #fff;/*背景色*/
}

#gn01205497 #main06 p {/*●06文字指定*/
	font-size: 26px;	
	padding: 0.5em 0em 0.5em 0em;/*文字周りの余白・上右下左*/
	color: #333;/*文字色*/
	margin-top: 0px;
	margin-bottom: 0px;
}

#gn01205497 #main07 {/*●制菌加工 SEKマーク（赤）*/
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}

#gn01205497 #sek {/*●制菌加工 SEKマーク（赤）画像位置*/
	text-align : center ;
	margin-bottom: 30px;
}

#gn01205497 #sek img {/*●制菌加工 SEKマーク（赤）画像サイズ*/
	width: 400px;
}

#gn01205497 #main07 .sek { /*●制菌加工 SEKマーク（赤）*/
	font-family: 'Noto Serif JP', serif;
	font-size: 34px;
	text-align : center ;	
	padding: 0.5em 0.5em 0.5em 0.5em;/*文字周りの余白・上右下左*/
	color: #333;/*文字色*/	
	position: relative;
	padding-bottom: 10px;
}

#gn01205497 #main07 .sek::after { /*●制菌加工 SEKマーク（赤）の装飾*/
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image:repeating-linear-gradient(45deg, #f5ecdd 0px, #f5ecdd 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%),repeating-linear-gradient(135deg, #f5ecdd 0px, #f5ecdd 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}

#gn01205497 #pict img {/*●ピクトのサイズ*/
	height: 100px;
}

#gn01205497 #main07 ul li {/*●ピクト横並び*/
	display: inline;
	margin: auto;
}

#gn01205497 #main07 ul {/*●ピクトの上下に空白・中央寄せ*/
display: flex;
margin: auto;
width: 864px;
padding-top: 50px;
padding-bottom: 50px;
}


#gn01205497 .fix::after{
  content: "";
  display: block;
  clear: both;
}

#gn01205497 .left-column{
  float: left;
  width: 40%; /* 要素の幅を50%に定義 */
  background-color: #fff; /* 視覚化のための背景色 */
  margin-left: 50px;
}

#gn01205497 .right-column{
  float: left;
  width: 40%; /* 要素の幅を50%に定義 */
  background-color: #fff; /* 視覚化のための背景色 */
  margin-left: 30px;	
}

#gn01205497 .fix2 {/*●05の中の下段レイアウト*/

  padding-bottom: 50px;

}

#gn01205497 .fix2::after{
  content: "";
  display: block;
  clear: both;
}


#gn01205497 .fix3 {/*●06の中のレイアウト*/
  padding-top: 50px;
  padding-bottom: 50px;
}

#gn01205497 .fix3::after{
  content: "";
  display: block;
  clear: both;
}


#gn01205497 #main08 {/*●カラー*/
 text-align: center;
}

#gn01205497 #main08 img{/*●カラー*/
width: 85%;
margin-bottom: 50px;

}


#gn01205497 #link {
	margin-top : 100px;
	text-align: center; 
}

#gn01205497 #link img {
	width: 95%; 
	margin-bottom: 50px;
}



/*--------------------------------------------------------------------
●SP　641px以下
--------------------------------------------------------------------*/
@media screen and ( max-width:641px ){

#gn01205497 {	/*●全体の背景画像の指定*/
	width: 750px;
	color: #333;	/*文字色*/
	background-image: url("../../../img/usr/goods/gn01205497/bg.gif");/*背景画像*/
	margin-top: 50px;
	margin-bottom: 50px;
}

#gn01205497 h2 {	/*●見出しキャッチの指定*/
	font-family: 'Noto Serif JP', serif;
	font-size: 34px;
	font-weight: 400;/*文字の太さ調整*/
	padding: 0.4em;/*文字周りの余白*/
	color: #333;/*文字色*/
	background-image: url("../../../img/usr/goods/gn01205497/bg.gif");/*背景画像*/
	text-align: center;/*インライン要素の中央寄せ*/
}


#gn01205497 .logo   {	/*●ハナエモリロゴと説明*/
    text-align: center;/*インライン要素の中央寄せ*/
    margin-top: 50px;
    font-size: 20px;
}

#gn01205497 .logo img {	/*●ハナエモリロゴ*/
    width:200px;      /* 横幅のサイズを指定    */
    margin-bottom: 30px;
}



#gn01205497 .pc{	/*●PCで表示しない*/
	display:none;
	}

#gn01205497 .sp{	/*●SPで表示*/
	display:block;
	}

#gn01205497 {	/*●全体の指定*/
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

 #gn01205497 #title_sp img {	/*●看板*/
    width:100%;                                     /* 横幅のサイズを指定    */
}



#gn01205497 h3 {	/*●大きな見出し*/
	font-size: 30px;
	padding: 0.05em;/*文字周りの余白*/
	font-weight: 300;/*文字の太さ調整*/
	width: 95%;
	margin-top: 80px;	
	margin-bottom: 30px;
letter-spacing: -0.05em
}

#gn01205497 .block {	/*●SPだけ改行する*/
	display: block;
}


#gn01205497 h4 {
	font-size: 28px;
padding: 0.5em 0.5em 0.3em 2.0em;/*文字周りの余白・上右下左*/
  border-left: solid 5px #000;/*左線（実線 太さ 色）*/
  border-bottom: 1px solid #000;/*下線*/
	font-weight: 400;/*文字の太さ調整*/
letter-spacing: -0.05em
}

	
#gn01205497 h4 span {	/*●見出しの数字*/
  font-family: 'Noto Serif JP', serif;
  font-size: 28px;
  position: absolute;
  left: 0.5rem;
}	
	

#gn01205497 #main01sp {/*●01着映えする「最高品質」の素材*/
	width: 100%;
	background: #fff;/*背景色*/
	margin-bottom: 30px;
}

#gn01205497 #main01sp img {
	width: 100%;
}

#gn01205497 .pic {
	padding: 30px;/*画像回りの余白*/
	text-align: center;/*インライン要素の中央寄せ*/
}


#gn01205497 #main01sp p,
#gn01205497 #main07 p {
	font-size: 20px;
	font-weight: 300;/*文字の太さ調整*/
	margin-top: 30px ;
	margin-bottom: 0px ;	
	padding: 0.3em 1.5em 0em 1.5em;/*文字周りの余白・上右下左*/
}

#gn01205497 #main02sp {/*●02脱着がしやすくて人気の前ファスナー*/
	width: 100%;
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}

#gn01205497 #main02sp img {
	width: 100%;
}

#gn01205497 #main03sp {/*●03落としやすい小物をつけられる*/
	width: 100%;
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}

#gn01205497 #main03sp img {
	width: 100%;
}

#gn01205497 #main04sp {/*●04エレガントでありながら*/
	width: 100%;
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}

#gn01205497 #main04sp img {
	width: 100%;
}

#gn01205497 #main05sp {/*●05日本製の上質白衣*/
	width: 100%;
	background: #fff;/*背景色*/
	margin-bottom: 50px;
}

#gn01205497 #main05sp img {
	width: 100%;
}

#gn01205497 #main05sp p {
	font-size: 12px;
letter-spacing: -0.1em
}


#gn01205497 .margin{/*●05マージン指定*/
	margin-left: 20px;
	margin-bottom: 10px;
}

#gn01205497 #main05sp .dress{ /*●小見出しの左の黒ライン*/
	font-size: 24px;
	font-weight: 400;/*文字の太さ調整*/
	padding: 0.1rem 0.3rem;
	border-left: 4px solid #000;
	margin-top: 30px ;	
	margin-bottom: 10px;	
}


#gn01205497  .left-column{
  float: left;
  width: 40%; /* 要素の幅を50%に定義 */
  background-color: #fff; /* 視覚化のための背景色 */
  margin-left: 20px;
}

#gn01205497 .right-column{
  float: left;
  width: 40%; /* 要素の幅を50%に定義 */
  background-color: #fff; /* 視覚化のための背景色 */
  margin-left: 20px;	
}

#gn01205497 #main05sp.fix2 {/*●05の中の下段レイアウト*/
  padding-bottom: 30px;
}


#gn01205497 #main06sp img {
	width: 100%;
}

#gn01205497 #main06sp p {/*●06文字指定*/
	font-size: 12px;	
	padding: 0.2em 0em 0em 0em;/*文字周りの余白・上右下左*/
	color: #333;/*文字色*/
	margin-top: 0px;
	margin-bottom: 0px;
}

#gn01205497 #main06sp {/*●06さりげなく艶のある*/
	width: 100%;
	background: #fff;/*背景色*/
}

#gn01205497 .fix3 {/*●06の中のレイアウト*/
  padding-top: 30px;
  padding-bottom: 30px;
}

#gn01205497 #main07 {/*●制菌加工 SEKマーク（赤）*/
	margin-bottom: 0px;
}

	
#gn01205497 #sek {/*●制菌加工 SEKマーク（赤）画像位置*/
	margin-top: 30px;
	margin-bottom: 10px;
}

#gn01205497 #sek img {/*●制菌加工 SEKマーク（赤）画像サイズ*/
	width: 50%;
}

#gn01205497 #main07 .sek { /*●制菌加工 SEKマーク（赤）*/
	font-size: 30px;
	font-weight: 500;/*文字の太さ調整*/
	text-align: center;/*インライン要素の中央寄せ*/
	padding-bottom: 10px;
}

#gn01205497 #pict img {/*●ピクトのサイズ*/
	height: 38px;
}

#gn01205497 #main07 ul {/*●ピクトの上下に空白・中央寄せ*/
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 2px;
}


#gn01205497 #main08sp {/*●カラー*/
	text-align: center;
}	
	

#gn01205497 #main08sp img {/*●カラー*/
	width: 100%;
	margin-bottom: 30px;
}


 #gn01205497 #link_sp {
text-align: center;
	margin-top : 50px;
}


 #gn01205497 #link_sp img {
	width: 95%;
	margin-bottom: 30px;
}