/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important;
  margin: 0 auto; }
.sp { display: none !important; }


@media (max-width: 800px) {/*タブレット対応------------------ */
  .pc { display: none !important; }
  .sp { display: block !important; }

.header img{
  width: 90%;
  margin: 0 auto;
}
.header span img{
  padding: 40px 0 20px 0;
}
.header{
  height:610px;
}




/*おすすめ情報---------------------------*/
.block_yellow{
  height: 530px;
}
.contents_1 h2{
  font-size: 2rem;
  height:110px;
  color: black;
  padding: 5px;
  border-bottom: 5px solid #e8380d;
}


.osusume_wrap img{
  width: 100%;

}

.pc_hid{
  display: block;
}

/*LINEへのボタン---------------------------*/

.contents_2 a{
  width: 80%;
}

/*キャンペーン---------------------------*/

.block_orange {
  height: 1400px;
  padding: 30px 0;
}

.campaign img{

  width: 100%;

}

/*応募フォームへのボタン---------------------------*/

.block_white2{
  height: 180px;

}


.contents_3 a{
  width: 80%;
}

/*フッター---------------------------*/
.block_gray{
  padding: 20px 20px 30px 30px;
}

/*チラシ---------------------------*/

.chirashi a{
  width: 80%;
  font-size: 1.5rem;
}

.fadein.scrollin{
  transform: none;
}



@media (max-width: 480px) {/*スマホ対応------------------ */
  .pc { display: none !important; }
  .sp { display: block !important; }

.header img{
  width: 90%;
  margin: 0 auto;
}
.header span img{
  padding: 40px 0 20px 0;
}
.header{
  height:330px;
}




/*おすすめ情報---------------------------*/
.block_yellow{
  height: 450px;
}
.contents_1 h2{
  font-size: 2rem;
  height:110px;
  color: black;
  padding: 5px;
  border-bottom: 5px solid #e8380d;
}


.osusume_wrap img{
  width: 100%;

}

.pc_hid{
  display: block;
}

/*LINEへのボタン---------------------------*/

.contents_2 a{
  width: 90%;
}

/*キャンペーン---------------------------*/

.block_orange {
  height: 950px;
  padding: 30px 0;
}

.campaign img{

  width: 100%;

}

/*応募フォームへのボタン---------------------------*/

.block_white2{
  height: 180px;

}


.contents_3 a{
  width: 90%;
}

/*フッター---------------------------*/
.block_gray{
  padding: 20px 20px 30px 30px;
}

/*チラシ---------------------------*/

.chirashi a{
  width: 90%;
  font-size: 1rem;
}

.fadein.scrollin{
  transform: none;
}

.block_white{
  display: none;
}