@charset "UTF-8";

body {
	font-family:"Zen Kaku Gothic New","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
	font-size:16px;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
	color: #000000;
}
*{vertical-align: top; box-sizing: border-box; word-break: break-all;}
a{color: #000000; display: inline-block; text-indent: 0; text-decoration: none;}
a:hover{opacity: 0.6;}

img{pointer-events: none; width: 100%;}

.txt{
	opacity: 0;
	font-size: 0;
	letter-spacing: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.sp{display: none;}
@media screen and (max-width: 800px){
	.pc{display: none;}
	.sp{display: inline; width: 100%;}
}

#wrapper{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}


/*=====================================================================================
***************************************************************************************

　　オファーボタン

***************************************************************************************
=====================================================================================*/
.offer_btn{
	position: relative;
}

.offer_btn a{
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
}

.offer_btn a img{
	width: 80%;
}

.offer_btn .btn01{
	bottom: 42%;
}

.offer_btn .btn02{
	bottom: 4.5%;
}

#contents img{margin-top: -2px;}

#txt{
	padding: 10% 0;
}
#txt img{width: 85%;}
summary{cursor: pointer;}
summary:hover{opacity: 0.6;}
/* Chrome / Safari / Edge */
summary::-webkit-details-marker {
  display: none;
}

/* Firefox */
summary {
  list-style: none;
}

#txt p{padding-top: 5%;}

footer{
	background: #351c15;
	color: #FFFFFF;
	font-size: 20px;
	padding: 5% 0;
}
footer a{
	font-size: 24px;; 
	color: #FFFFFF;
	text-decoration: underline;
	margin-bottom: 5%;
}

@media screen and (max-width: 800px){
	footer small{font-size: 13px;}
	footer a{font-size: 14px;; }
}








