@charset "utf-8";

html { 
	height:100%;
	width: 100%;
	scroll-behavior: smooth;
	}

body {
	overflow-y:scroll;
	overflow-x:hidden;
	margin:0;
	padding:0;
	line-height:1.6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, sans-serif;
	word-wrap: break-word;
	background:#fff; font-size: 100%;
}

div, img, table, iframe, section {box-sizing: border-box;}

img {max-width: 100%; height: auto;}

p {margin:0 0 1.0em 0;}

p.smart-txt { text-align: center;}
@media screen and (max-width:600px) {
p.smart-txt { text-align: left; padding: 0 10px;}
}

.text-left-center {	
	text-align: center;
	display: block;}
.text-left-center p {	text-align: left;
	display: inline-block;}



div, img/*, dl, dd, dt*/ {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

div, img {
	margin: 0px ;
	padding: 0px ;
	border: 0px;
}

div img { max-width: 100%; height: auto;}

h1, h2, h3, h4 { margin: 0.25em 0 0.25em 0;}


/*　共通項　*/
.mincho { font-family:'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN, '游明朝', YuMincho, 'HG明朝E',  serif}




a:link, a:visited { text-decoration:none;color:var(--yellow3);}
a:link {}
a:visited {}
a:hover {text-decoration:none; transition:all 0.5s ease;color:var(--naven); opacity: 0.8;/*border-bottom:1px #FB44A1 solid;*/cursor: pointer!important;}

a img {background:none; border:none;}
a img, a:visited img {border: none;background:none;}
a:hover img {background:none; border:none; text-decoration:none; opacity:0.5;transition:all 0.5s ease;cursor: pointer!important;}




ol {
	margin:0;
	padding:0;}
ul {
	margin:0 0.5em;
	padding:0;}
li {margin:0.5em 0 0.5em 1.5em;
	padding:0;}

img {
	margin:0;
	padding:0;
	vertical-align: bottom;
}

strong {/*font-size:110%;color:#000;*/}


hr {
 border:0;
	border-bottom: 1px solid #999;
	margin:2em 0 1em;
	padding:0;
}

i { color:#777; font-size:95%;}

.annotation {
	text-align: left;
	padding-left:1.5em;
	text-indent:-1.5em;
	margin: 8px 0;
	line-height: 1.2;
}
@media screen and (max-width:700px) {
.annotation {	padding-left:1.0em;	text-indent:-1.0em;}
}


.clear { clear:both /*!important*/; margin:0; padding:0;}


@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}


@media (min-width: 769px) {
  br.pcnone { display: none;  }
  br.smartnone { display: inline-block; }
}
@media (max-width: 768px) {
  br.pcnone { display: inline-block; }
  br.smartnone { display: none; }
}