@charset "UTF-8";

@media screen and (max-width: 760px){
	
body{margin:0; padding:0;
}
		
a{text-decoration: none;}


/* cp_top*/	
.cp_top{padding:0;
	text-align: center;
	background: #000;}	
.cp_top_logo{margin:6vw auto 6vw auto;
		width: 40%;}
.cp_top_image{margin:0 auto -1vw auto;
		width: 100%;}
.cp_top_oubo{margin-bottom:8vw;
		width: 64%;}

/* CP詳細*/
.main{text-align: center;
	background-color: #EDE7D9;
	}

.sub{text-align: center;
	background-color: #FFF;
		width:86.6%;
		margin: 15vw auto 10.5vw auto;}

.title{width:87.7%;
		margin: -5vw auto 0 auto;}


.text1{width:100%;
	margin: 5vw auto 0 auto;}

.img1{width:91.5%;
	margin: 3.5vw auto 2.5vw auto;}


div.black{text-align: center;
	background-color: #000;
	width:100%;
	padding-top: 2vw;
	padding-bottom: -5vw;}


div.sub2{text-align: center;
		width:86.6%;
		margin: 15vw auto;}

.syouhin-1{width:100%;
	margin: -16vw auto 0vw auto;}

.syouhin-2{width:100%;
	margin:3vw auto 10vw auto;}

.syouhin-3{width:100%;
	margin:3vw auto 0vw auto;}


.text2{font-family: "Noto Sans JP", sans-serif;
font-weight: 400; /* Regularを指定 */
font-size:2.6vw;
line-height: 4.2vw;
font-feature-settings: "palt"; /* または "pwid" */
margin: 4vw auto;}


.text3{width:100%;
	margin: 2vw auto 2vw auto;}

.botton{width:66.2%;
margin: 0 auto 5vw auto;}

.text4{font-family: "Noto Sans JP", sans-serif;
font-weight: 400; /* Regularを指定 */
font-size:2.6vw;
line-height: 18vw;
	font-feature-settings: "palt"; /* または "pwid" */
margin: -6vw auto;}

.sub3{text-align: center;
	background-color: #FFF;
		width:86.6%;
		margin: 21vw auto 0vw auto;}

	
/* 対象デジタルギフト*/	
ul.kome{list-style-type:none;
		width: 86.6%;
		margin: -5vw auto 3vw auto;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400; /* Regularを指定 */
	font-size:2.25vw;
	line-height: 3vw;
	text-align:justify;
	font-feature-settings: "palt"; /* または "pwid" */}

	ul.kome li{padding-left: 1em;text-indent: -0.5em;}
	ul.kome li::before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下頭のところつくる*/
  content: "※";
  margin-right:0vw;
}

.googlesans{
width: 12vw;
margin: auto 0.2vw;
vertical-align: -0.7vw;}


/* 応募受付・レシート有効期限*/	
.syouhin-4{width:100%;
	margin:0vw auto;}


/* 応募方法*/	
div.white{text-align: center;
	background-color: #FFF;
		width:100%;
	padding-top: 0.2vw;
padding-bottom: 0.2vw;}

.step{width:92.3%;
	margin:8vw auto -3vw auto;}

.sankaku{width:7.7%;
	margin:4vw auto -1vw auto;}

.text5{font-family: "Noto Sans JP", sans-serif;
font-weight: 400; /* Regularを指定 */
font-size:2.86vw;
line-height: 4.2vw;
font-feature-settings: "palt"; /* または "pwid" */
margin: 14vw auto -2vw auto;}

/* レシート撮影方法*/
div.normal{text-align: center;
	background-color: #EDE7D9;
		width:100%;
	padding-top: 0.2vw;
padding-bottom: 0.2vw;}

/* 応募規約*/
.title2{width:76%;
		margin: 8vw auto 0 auto;}

.kiyaku-img{width:86.7%;
		margin: 8vw auto 2vw auto;}

.guidelinemain{
		width:80vw; 
		height:50vw;  
		margin: 2vw auto 2vw auto;
		font-family: "Noto Sans JP", sans-serif;
		font-weight: 500; /* Mediumを指定 */
		font-feature-settings: "palt"; /* または "pwid" */
		font-size:2.25vw;
		color:#000;
		line-height:3.2vw;
		text-align:justify;
		background-color: white;
		padding: 4vw 3vw 4vw 3vw;
		list-style-position: outside;
		border-radius: 5px;
		 /* スクロール */
		overflow: auto;
		-webkit-overflow-scrolling: touch; /* スマホでの慣性スクロールを有効化 */
		
	}

/* スクロールバー全体のサイズ */
.guidelinemain::-webkit-scrollbar {
		width: 5vw;
		height: 100%;
	}

/* 動くパーツ（つまみ） */
.guidelinemain::-webkit-scrollbar-thumb {
		background-size:4.8vw;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("../img/scroll.png");
	}

/* スクロールバーのレール部分（背景） */
.guidelinemain::-webkit-scrollbar-track {
		background-image: linear-gradient(90deg, #fff 40%,  0, #A6883D 60%, #fff 0);
		border-radius: 50%;
		margin: 2vw 10vw 2vw -3vw;
	}

	
.cp_oubo{width:70.7%;
		margin: 8vw auto;}


	ul.list{list-style-type:none;}
	ul.list li{padding-left:3vw;text-indent: -2vw;}
	ul.list li::before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下頭のところつくる*/
  content:'';
  width:1vw;
  height:1vw;
  background: #231815;
  margin-right: 1vw;
  border-radius:  50%;   /* 要素を丸くする */}



/* Fotter*/
.toiawase{width:85.2%;
		margin: 6vw auto 0 auto;}

.corporate{width:30.6%;
	margin: 0 auto 4vw 0;}
	
	
}