/* helloe-style2025 */

@charset "utf-8";
html {
    font-size: 62.5%;
}
body {
	font-size: clamp(1.3rem, calc(0.9rem + 0.625vw), 1.6rem);
/*font-size: clamp(1.3rem, calc(1.1rem + 0.625vw), 1.8rem);*/
}

div.update {
	padding-top: 5px;
	text-align: right;
	font-size: small;
}
#main {
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 10px;
	background: #FFFFFF;
}
#sec001, #sec-orange {
	max-width: 800px;
	background: transparent;
	text-align: center;
	padding: 1em 3em;
	margin: 0 auto;
}


h2 {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 20px;
}
p {
	text-indent: 1em;
	text-align: left;
}

p.center {
	
	text-align: center;

}
img  {
	margin-left: 2px;
	margin-right: 2px;
}

a.linkrot::after {
	content: url("");
	display: inline-block;
	width:18px;
	height: 18px;
 	background: url("../image/linkrot-red.png");  /* 背景画像に設定する。*/
	background-size: contain;
	margin-left: 0.2em;
	vertical-align: -0.3em;
}
div {
	padding: 1em;
	margin: 1em;
}

div.link p{
	text-align: center;	
	font-size: 90%;	
}


figure {
	margin-left: auto;
	margin-right: auto;

}

figcaption {
	color: #666666;
	font-size: 90%;
	text-align: center;
}

div.comment {
	max-width: 500px;
	padding: 1em;
	margin-left: auto;
	margin-right: auto;

}
div.reffer {
	max-width:800px;
	margin-left: auto;
	margin-right: auto;
	padding:0;

}

ul.center {
	text-align: center;
	padding: 0px;
	margin-bottom: 5px;

}


ul.left {
	text-align: left;
//	margin-left: 2em;
	margin-bottom: 5px;

}

li{
	list-style:none;
}
ul.left > li{
	margin-left:2em;	
}

table {
	
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
}
td {
	
	text-align: left;
	vertical-align: top;
}
span.capt {
	
	color: #666666;
	font-size: 90%;
}

@media only screen and ( max-width : 768px ) {
#main {
	max-width:98%;
    padding: 20px 5px;
}
img {
    max-width: 100%;
    height: auto;
	text-align: center;
}
/*スマホとPCで　表示・非表示****/
.pcview {  }
.spview { display: none !important; }
@media (max-width:767px) {
	.pcview { display: none !important;	}
	.spview { display: block !important; }
}