@charset "UTF-8";

@media screen and (min-width: 761px){
body{margin:0; padding:0;
	background-color:#000;
}
		
a{text-decoration: none;}

.main{width: 750px; text-align: center;
	margin: 0 auto;
	background-color: #EDE7D9;}
	
/* cp_top*/	
.cp_top{margin: 0 auto;
	text-align: center;
	background-color: #000;}
.cp_top_logo{margin:70px auto 70px auto;
		width: 40%;}
.cp_top_image{margin:0 auto -3vw auto;
		width: 100%;}
.cp_top_oubo{margin-bottom:70px;
		width: 64%;}

/* CP詳細*/

div.sub{text-align: center;
	background-color: #FFF;
		width:86.6%;
		margin: 100px auto 70px auto;}

.title{width:87.7%;
		margin: -40px auto 0 auto;}


.text1{width:100%;
	margin: 50px auto 0 auto;}

.img1{width:91.5%;
	margin: 30px auto ;}


div.black{text-align: center;
	background-color: #000;
	width:100%;
	padding-top: 20px;}


.sub2{text-align: center;
		width:86.6%;
		margin: 90px auto;}

.syouhin-1{width:100%;
	margin: -120px auto 0 auto;}

.syouhin-2{width:100%;
	margin:30px auto 70px auto;}

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


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


.text3{width:100%;
	margin: 20px auto;}

.botton{width:66.2%;
margin: 0 auto 40px auto;}

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

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

	
/* 対象デジタルギフト*/	
ul.kome{list-style-type:none;
		width: 86.6%;
		margin: -30px auto 20px auto;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400; /* Regularを指定 */
	font-size:16px;
	line-height: 20px;
	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:0;
}

.googlesans{
width: 85px;
margin: auto 2px;
vertical-align: -4px;}


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


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

.step{width:92.3%;
	margin:50px auto -20px auto;}

.sankaku{width:7.7%;
	margin:20px auto -10px auto;}

.text5{font-family: "Noto Sans JP", sans-serif;
font-weight: 400; /* Regularを指定 */
font-size:22px;
line-height: 26pt;
font-feature-settings: "palt"; /* または "pwid" */
margin: 100px auto -40px auto;}

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

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

.kiyaku-img{width:86.7%;
		margin: 60px auto 20px auto;}

.guidelinemain{
		width:670px; 
		height:400px;  
		margin: 10px auto;
		font-family: "Noto Sans JP", sans-serif;
		font-weight: 500; /* Mediumを指定 */
		font-feature-settings: "palt"; /* または "pwid" */
		font-size:15px;
		color:#000;
		line-height:23px;
		text-align:justify;
		background-color: white;
		padding: 15px 15px 15px 15px;
		list-style-position: outside;
		border-radius: 5px;
		 /* スクロール */
		overflow: auto;		
	}

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

/* 動くパーツ（つまみ） */
.guidelinemain::-webkit-scrollbar-thumb {
		background-size:40px;
		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: 10px 10px 10px -10px;
	}

	
.cp_oubo{width:70.7%;
		margin: 60px auto 70px auto;}


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



/* Fotter*/
.toiawase{width:85.2%;
		margin:30px auto 0 auto;}

.corporate{width:30.6%;
	margin: 10px auto 15px 0;}
	
	
}