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

/*　全体 */
* {
    margin: 0;
    padding: 0;
}

.wrapper{
    max-width:840px;
    margin:0 auto;
}
.wrapper img{
    width: 100%;
    margin:25px 0;
    }

.wrapper2{
    max-width:1600px;
    margin:0 auto;
}
.wrapper2 img{
    width: 100%;
    margin:25px 0;
    }

/* 左上ロゴ */
.header{
  position: absolute;
  top: 16px;
  left: 16px;
}
/* 左上ロゴsp対応 */
.logo_img .sp{
	width:70%;
}

/* ファーストビュアー */
.firstimage img{
    width:1920px;
    margin:0 auto;    
}

/* お得 */
.otoku .pc{
    margin:40px auto;
}
.otoku .sp{
    margin:25px auto;
}

/* キャンペーン */
.campaign_pc{
    position:relative;
    width:840px;
    margin:0 auto;
}

.campaign_pc_button{
    position:absolute;
	display:block;
	width:90%;
    bottom:0%;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
}

/* LINE */
.Line_pc{
    position:relative;
    width:785px;
    margin:0 auto;
}
.Line_pc_button{
    position:absolute;
	display:block;
	width:90%;
    bottom:0%;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
}


/* コロナ対策 */
.covid19 .pc{
    width:1280px;
    margin:0 auto;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important;
    width:100%;
    }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp {
    display: block !important;
    width:100%;
    }
}


/* footer */
.footer{
  width: 100%;
  text-align: center;
  margin: 32px auto 80px;
}

.footer img{
  width: 60%;
  max-width: 380px;
}

body{
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}