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


/* PC：ウィンドウ幅が769px以上の場合に適用するCSS */
@media screen and (min-width: 680px){




.nonePC {display:none}
.br-pc { display:block; }
.br-sp { display:none; }

.pc { display: block !important; }
.sp { display: none !important; }






/*///////////////////////////////////////////////


ベース・共通項目


///////////////////////////////////////////////*/

body{
	letter-spacing: 0.05em;
	margin:0;
	padding:0;
	line-height:160%;
	font-family: "Noto Sans JP"; 
	font-size: 1em;
	text-align: justify; // Required for IE and Edge 
    text-align-last: right;
	}	
	

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a{
	color:#FFF;
	}

/* ページトップへ戻る */
#pageTop {
 position: fixed;
 bottom: 30px;
 right: 30px;
 }

 #pageTop img{
	width: 60px;
 }



/*///////////////////////////////////////////////


ヘッダ


///////////////////////////////////////////////*/

header{
	width:100%;
	height: 100px;
	background-color:#ffffff;
	margin:-15px auto 0 auto;

	}

header h1{
	float:left;
	margin:18px 20px 0 15px;
	}


div.headtitle{
	width:1100px;
	margin:0 auto;
	}





	
/*///////////////////////////////////////////////


フッター


///////////////////////////////////////////////*/

footer{
	clear:both;
	margin:0% auto 0 auto;
	padding:2% 0;
	text-align:center;
	font-size:80%;
	color:#FFF;
	background:#000;
	color:#FFF
	}


/*///////////////////////////////////////////////


メインビジュアル


///////////////////////////////////////////////*/



section.main{
	text-align:center;
    margin: 0 auto;
	overflow:hidden;
	}

div.visual img{
	width: 100%;

}
	


	
section.main_under{
	margin: 2% auto;
	text-align: center;
	}	

section.main_under img{
	width: 1200px;
	height: auto;
	}	




	
/*///////////////////////////////////////////////


コンテンツボックス


///////////////////////////////////////////////*/	
	
	
	
section.contents{
	background: url(../images/bg_waku.png) no-repeat;
	background-size:cover;
	}	
	

div.contentsbox{
	width: 1000px;
	padding: 80px 0 150px;
	margin: 0 auto !important;
}

div.contentsfoot{
	padding: 0;
	margin:-20px 0;
}

div.contentsfoot img{
	width: 100%;
}



h2.top{
	text-align: center;
	margin:50px auto;
	display: block;
	width: 80%;
}	



/*///////////////////////////////////////////////


コンテンツバナー


///////////////////////////////////////////////*/	


ul.anbnr {
    display: flex;
	padding: 0px;
}

ul.anbnr li img{
	width: 96%;
	margin-bottom: 5px;
}


ul.anbnr li.lulucabanr img{
	margin-left: 20px;
	display: block;
	height: 280px;
	width: 100%;
}

ul.anbnr li.paypaybnr img{
	height: 280px;
	width: 100%;
}


div.paypaybtn a{
	text-align: center;
	display: block;
	background-color: #0696d4;
}




/*///////////////////////////////////////////////


CSSアニメーションボタン paypay ペイペイ


///////////////////////////////////////////////*/



div.container {
	text-align: center;
}

.c-buttonpaypay {
	outline: none;
	display: inline-block;
	width: inherit;
	min-width: 70%;
	text-align: center;
	background-color: #ce698c;
	color: #fffd00 !important;
	text-decoration: none;
	position: relative;
	transition: all 0.3s;
	padding: 18px 0px;
	font-weight: 700;
	font-size: 1.2em;
	opacity: 1 !important;
	  border: 1px solid #ce698c;
	  margin: 30px auto;
	  border-radius: 50px;
	  letter-spacing: 7px;
  }
  .c-buttonpaypay span {
	position: relative;
	z-index: 99;
	  letter-spacing: 0.1em;
  }
  .c-buttonpaypay:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
	border-radius: 50px;
  }
	  
  .c-buttonpaypay svg {
	width: 35px;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	transition: all 0.1s;
  }
  .c-buttonpaypay:hover {
	color: #ce698c !important;
	border: 1px solid #ce698c;
  
  }
  .c-buttonpaypay:hover:after {
	width: 100%;
  }
  .c-buttonpaypay:hover svg path {
	stroke: #ce698c;
  }	
	




/*///////////////////////////////////////////////


CSSアニメーションボタン luluca ルルカ


///////////////////////////////////////////////*/


div.container {
	text-align: center;
}


.c-buttonluluca {
	outline: none;
	display: inline-block;
	width: inherit;
	min-width: 60%;
	text-align: center;
	background-color: #73af93;
	color: #fffd00 !important;
	text-decoration: none;
	position: relative;
	transition: all 0.3s;
	padding: 18px 0px;
	font-weight: 700;
	font-size: 1.2em;
	opacity: 1 !important;
	  border: 1px solid #73af93;
	  margin: 30px auto;
	  border-radius: 50px;
	  letter-spacing: 7px;
  }
  .c-buttonluluca span {
	position: relative;
	z-index: 99;
	  letter-spacing: 0.1em;
  }
  .c-buttonluluca:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
	border-radius: 50px;
  }
	  
  .c-buttonluluca svg {
	width: 35px;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	transition: all 0.1s;
  }
  .c-buttonluluca:hover {
	color: #73af93 !important;
	border: 1px solid #73af93;
  
  }
  .c-buttonluluca:hover:after {
	width: 100%;
  }
  .c-buttonluluca:hover svg path {
	stroke: #73af93;
  }	
	




































  .mt10{
	margin-top: 10px !important;
  }
















/*///////////////////////////////////////////////


パンくず
	
	
///////////////////////////////////////////////*/	
		
	
.homeicon{
	width: 15px;
	height: auto;
	margin-right: 8px;
	}	
	
	
div.BreadcrumbListbox{
	margin: -10px 0 40px -20px;
	}	
	
.List-Item {
  display: inline;
  color: #333333;
}
	
.List-Item::after {
  content: '＞';
  padding: 0 16px;
}
	
.List-Item:last-child::after {
  content: '';
}
	
.List-Item-Link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding: 0;
  margin: 0;
}	
	
	
.List-Item a{
 color:#0696d4 !important;
	}	
	
.List-Item a:hover{
 color:#44AAD9 !important;
	}
	
	
	

/*///////////////////////////////////////////////


フェードナビゲーション


///////////////////////////////////////////////*/	

 #header2 {
	position: fixed;
	width: 100% !important;
	top: -30px !important;
	z-index: 1000;
	}



/*///////////////////////////////////////////////


下層コンテンツボックス


///////////////////////////////////////////////*/	

section.contents-index001{
	width:1100px;
	margin:0 auto 0;
	padding:50px 0;
	}	

section.contentsunder{
		width:1100px;
		background:url("../images/bg_waku_side.png")center repeat;
		background-size: contain;
		background-color:#FFF;
		margin:0 auto 0px;
		padding:80px 50px;
		  /* border-radius */
	  /* -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px; */
	  /* box-shadow */
	  /* -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; */
		}	
		
	
		div.contentshead img{
			margin: 0 auto;
			padding: 0;
			display: block;
		}
		
		div.contentsfoot img{
			margin: 10px auto 150px;
			padding: 0;
			display: block;
			width: 1200px;
		}
		
		div.contentsfoottop img{
			margin: -10px auto -15px;
			padding: 0;
			display: block;
			width: 100%;
		}








}