@-webkit-keyframes loaded{
		0%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
	}
	@keyframes loaded{
		0%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
	}
	@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
	
	body{margin:0 auto !important; padding:0;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box;color:#383838;background:#019ee6;}
	h1,h2,h3,p,footer{line-height:1.8;letter-spacing:.05em;margin:0;}h2{font-size:16px;}h3{font-size:16px;}h4{text-align: left;font-size: 21px;margin-left: 16px;}p{font-size:14px;}
	a:focus, a:hover{text-decoration:none;}
	ul{padding:0;}ul li{list-style:none;text-indent:0;font-size:12px;}
	
	.fadeIn{animation:fadeIn .8s ease-in;}
	
	section{margin:0 auto;padding:0 0 0;}
	section h2{margin:32px 16px 0;padding:8px 0;-webkit-clip-path:polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%);clip-path:polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%);color:#fff;background:#f6b80a;font-weight:bold;text-align:center;}
	@media (min-width:768px){section h2{-webkit-clip-path:polygon(100% 0, 98% 50%, 100% 100%, 0% 100%, 2% 50%, 0% 0%);clip-path:polygon(100% 0, 98% 50%, 100% 100%, 0% 100%, 2% 50%, 0% 0%);}}
	section p{margin:0 16px;text-align:justify;}
	
	article{margin-top:12px;padding:16px;background:#fff;border-radius:8px;}
	article h3{padding-bottom:8px;font-weight:bold;border-bottom:2px #f66684 solid;margin-bottom:16px;text-align: center;}
	article h4{font-weight:bold;color:#f0ad4e;}
	article p{margin:0;}
	
	ul{margin-bottom:0;}
	ul li{margin-bottom:12px;}
	ul li:last-child{margin-bottom:0;}
	
	.button{margin:16px 16px 0;padding:8px 0;color:#fff;font-size:20px;border-radius:100px;background-color:#8DCF3F;
	background-image:-webkit-gradient(linear, left top, right top, from(#8DCF3F), to(#44DEDD));
	background-image:-webkit-linear-gradient(left, #8DCF3F 0%, #44DEDD 100%);
	background-image:-o-linear-gradient(left, #8DCF3F 0%, #44DEDD 100%);
	background-image:linear-gradient(90deg, #8DCF3F 0%, #44DEDD 100%);}
	.button-flat{background:#8DCF3F;}
	.button p{text-align:center;font-size:18px;font-weight:bold;}
	
	.shadow1{-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);}
	.shadow2{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);}
	
	table{margin:16px auto;width:100%;font-size:12px;line-height:1.8;letter-spacing:.05em;text-align:center;}
	table,td,th{border:2px solid #f0ad4e;border-collapse:collapse;text-align:center;}
	td,th{padding:8px 3px;max-width:100px;height:25px;}
	th{background:rgba(241,173,77,.9);color:#fff;font-weight:bold;}
	
	.fa-bell:before,.fa-ticket-alt:before,.fa-envelope:before,.fa-gift:before,.fa-comments:before,.fa-question-circle:before{
		font-family:Font Awesome\ 5 Free;font-weight:normal;font-style:normal;margin-right:.5em; color:#00d1ca;
	}

a {
    color: #494949 !important;
	text-decoration: none !important;
}
a:hover { 
	color: #013fb2 !important; 
}

.area1{
	padding: 20px;
	background: #f66684;
    line-height: 28px;
}

.area2{
	padding: 20px;
	background: #ffb9c8;
    line-height: 28px;
}

footer {
    background: #f6f6f6;
    color: #383838;
    height: 30px;
    text-align: center;
}

.text {
  text-align: right;
}

.pict {
  width: 30%;
  margin-left: 3%;
}

.pict img {
  width: 100px;
  height:auto;
}

a{
	color:#494949;
}

.midashi-top {
	color: #fff;
    border-radius: 1px;
    background-color: #8dcf3f;
    text-align: center;
    font-weight: 900;
    margin-bottom: 15px;
    border-radius: 20px;
}

.top-text {
    font-weight: 600;
    margin: 20px 30px;
    color: #494949;
    margin-bottom: 20px;
}

.top-text p{
	 text-align:center;
}

.caution{
	padding: 20px;
    background: #f6f6f6;
	text-align: center;
}

.caution-midashi{
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 12px;
}

.caution p{
	font-size: 12px;
}

span {
    background:linear-gradient(transparent 60%, #ff6 60%);
}

.box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 9px;
    background: #fff;
    border-radius: 8px;
    margin: 8px 0px 0px 0px;
}

.box2 {
    display: flex;
	position: relative;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 9px;
    background: #fff;
    border-radius: 8px;
    margin: 8px 0px 0px 0px;
}

.box2::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 8px;
background-color: rgba(0,0,0,0.6);
}

.end-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family:sans-serif;
  font-size:15px;
  font-weight:bold;
  letter-spacing:5px;
  color:#fff;
}

.text {
  text-align: right;
}

.pict {
  width: 30%;
  margin-left: 3%;
}

.pict img {
  width: 100px;
  height:auto;
}

.kakomi{
	color: #fff;
	background-color: #FF3333;
	font-weight: 900;
	margin: 0 16px;
}

.kakomi p{
	color: #fff;
	background-color: #FF3333;
	font-weight: 900;
}

h3{padding-bottom:8px;font-weight:bold;border-bottom:2px #3badf2 solid;margin-bottom:16px; margin-top:10px;}

.cont{
	background-color: #fff;
}
@media (min-width: 540px) {
	.text {
    text-align: right;
    width: 1000px;}
    
    .area1 {
    padding: 40px 80px;}

	.area2 {
		padding: 40px 80px;}
    
    .pict img {
    width: 100px;
    height: auto;
	}

	.caution{
		padding: 40px 80px;
	}
}

@media (min-width: 1200px) {
   body{width: 820px;
		margin: 0 auto;
		background-color: #fafafa !important;}
		
	 .pict img {
    width: 140px;
    height: auto;}
    
    .box{
    	padding: 20px;
    }

}

.article-top{
	margin-top: 0px;
}