@charset "UTF-8";

	.cp_2022 h2{
	display: none;
	
}

@media print,screen and (min-width: 769px) {

	
/* 繝懊ち繝ｳ */	
	
	
input[type="image"]:hover {
	opacity: 0.7;
	cursor:pointer;
}	
	

/* 繝懊ち繝ｳ */		
		
	
/* 讎りｦ√ヱ繝ｼ繝� */	
	
	.back_haikei{
	 background: url(https://www.giftit.co.jp/campaign/images/202207_back.jpg) no-repeat;	
	padding:20px 0 20px 0px; 
	margin-top: -25px;	
	}
	
	.oubtn_haikei{
	 background: url(https://www.giftit.co.jp/campaign/images/202207_oubtn_pc.jpg) no-repeat;	
	padding:5px 30px 20px 150px;  
	height:119px; 	
	}	
	
	.oubtn2_haikei{
	background: #F0E8D0;
	padding:5px 30px 0px 45px;  
	height:100px; 	
	}		
	
	
	
	.caption_box{
	  position: relative;
	  margin-top: 1em;
	  padding: 1em 2em;  		
	}

	.caption{
	  position: absolute;
	  font-size: 25px; 
	  font-weight: 800;
	  color: #0054B9;
	  text-align: center;	
		
	}
	

  .cp_infobox{
	width:800px;
	padding: 30px 0px 10px 10px;
	margin:30px 0px 20px 65px;
	border-radius: 15px;	
}  
	  		
  .cp_infobox table{
	border-collapse: separate;
	border-spacing: 28px;
	font-weight: 500;
	font-size: 13px; 	  
	margin-top: -5px;  
	  
	}	

 .cp_info th{
	width: 160px;
	font-size: 13px; 
	}	

 .info_mds{
	width: 160px; 
	height: 18px; 
	background: #E3E3E3;
	padding: 7px 10px 6px 10px; 
	border-radius: 15px; 
	color: brack;
	}		
	
 .cp_info_td{
	width: 520px;  
	padding: 0px 10px 7px 0px; 
	border-bottom:#C7B299 1px dotted; 
	}	
	
 .cp_info_td2{
	width: 520px;  
	padding: 0px 10px 0px 0px; 
	border-bottom:white 1px dotted; 
	font-size: 12px;
	}	
	

 .cp_info tr:last-child{
    border: none;
	}	

 .cp_info b{
    font-size: 16px;
	}	



 .list_cp-wrap {
  list-style-type: none;
    padding-left: 0.9em;
	font-weight: 500;  	 
    text-indent: -1em;
	line-height: 20px;
	margin-top: 20px;
}

 .list_cp-wrap li{
    padding:0px 0px 0px 0px; 
}
	
 .list_cp-wrap li:last-child{
    border: none;
}	
	
 .top_text {
	text-align: center;
	margin: 20px 0px 0px; 
  }	
	
 .top_text p {
	color:red;
	width: 90%;
	text-align: center;
	margin: auto;
	margin-top: 5px;	 
  }		
				

.cp_2022_h3 {
  padding: 0.5em;/*譁�ｭ怜捉繧翫�菴咏區*/
  color: #000;/*譁�ｭ苓牡603813*/
  font-size: 150%;	
  background:#E6E6E6;/*閭梧勹濶ｲ*/
  border-left: solid 15px #999999;/*蟾ｦ邱夲ｼ亥ｮ溽ｷ� 螟ｪ縺� 濶ｲ��*/
  margin-top: 20px;
  text-align: left;	
  }	

	
  .top_img {
    width: 940px;
    height: auto;
	margin-bottom: 0px;  
  }
 
  .t_text {
   
    margin: 8px 30px 0px 20px;
    padding: 3px;
    line-height: 1.5em;
  }
	
/*----- 繧ｪ繝ｼ繝舌�繝ｬ繧､蠎�相 -----*/	
.floating-banner {
    position: fixed;/* 霑ｽ蠕� */
    z-index: 99999;/* 莉悶�隕∫ｴ�縺ｮ荳九↓髫�繧後↑縺�ｈ縺�↓ */
    bottom: 8%;/* 繝舌リ繝ｼ縺ｮ荳贋ｸ九�菴咲ｽｮ */
    right: 1.2%;/* 繝舌リ繝ｼ縺ｮ蟾ｦ蜿ｳ縺ｮ菴咲ｽｮ */
}
.pc_overlay {
    width: 283px;/* 繝舌リ繝ｼ縺ｮ讓ｪ蟷�ｒ謖�ｮ� */
}
.floating-banner:hover {
    opacity: 0.9;/* 繝帙ヰ繝ｼ縺ｧ蟆代＠騾城℃ */
}
.sp_overlay {
    display: none;/* PC縺ｧ縺ｯ繧ｹ繝槭�逕ｨ縺ｮ繝舌リ繝ｼ縺ｯ髱櫁｡ｨ遉ｺ縺ｫ */
}	
	
 }

@media screen and (max-width: 768px) {


	.back_haikei{	
	background-color: white;	
	}	
	
	.caption{
	display: none;
  }		
		

/* 繧ｭ繝｣繝ｳ繝壹�繝ｳ讎りｦ�*/	
  .cp_infobox{
	width:94%;
	border:#F8F5EB 2px solid;
	margin: auto;
	border-radius: 3px;	  
	  
}  	
  .cp_info	{
	width:100%;
	  
} 
	
  .cp_info th {
	width:97%;
	padding: 0.6em 0.6em 0.4em 0.6em;/*譁�ｭ怜捉繧翫�菴咏區*/  
	display: block;
	text-align: left;
	background: #FAF8F1;
	color:#AC7F10;
	margin-top: -1%;
	margin-left: -0.7%;  
} 	
	
  .cp_info td {
	width:96%;
	display: block; 
	padding:1em 0em 0.8em 0.8em;
    font-size: 3vw;
    line-height:160%;  
} 
  .info_mds	{
	font-size: 110%;		
} 	
	
  .info_mds:before,
	info_mds:after {
	content:'笳� ';
		
}	
	
 .list_cp-wrap {
  list-style-type: none;
    padding-left: 0.9em;
	font-size: 3vw; 
	font-weight: 500;  	 
    text-indent: -1em;
	line-height: 160%;
	margin-top: 20px;
}

	
.cp_2022 h3 {
  padding: 0.6em 0.6em 0.4em 0.6em;/*譁�ｭ怜捉繧翫�菴咏區*/
  color: #000;/*譁�ｭ苓牡603813*/
  font-size: 110%;	
  background: #F2F2F2;/*閭梧勹濶ｲ*/
  border-left: solid 15px #999999;/*蟾ｦ邱夲ｼ亥ｮ溽ｷ� 螟ｪ縺� 濶ｲ��*/	
  margin-top:2%;
  margin-bottom: 5%;
  text-align: left;	
  }	
		

  .top_img {
    width: 100%;
    height: auto;
    margin: 0 0 0px 0;
  }
 
  .Item_title {
    display: none;
  }
  .t_text {
    /* 谿� */
    width: 90%;
    margin: 3px auto !important;
	margin-top:-1%;   
    padding: 5px;
    line-height: 1.5em;
    font-size: 3vw;
  }
	
  .t_text p {
    /* 谿� */
   margin-bottom: -10%;
  }	
	

	
  .sp_margin {
    /* 谿� */
   margin-top: -8%;	
} 	

}