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

.auto-style1 {
	text-align: center;
	font-size: 16px;
}
.auto-style2 { font-size:11px;
}


.pc{ display:inline;}
.mp{ display:none;}
.sp{display:none;}

.b{ font-weight:bold;}
.n{ font-weight:normal;}

a:link,
a:visited {color:#998200;text-decoration:none;}
a:active,
a:hover {color:#C7C400; transition: 1.0s;}

a img:hover{opacity: 0.72;}

hr{width: 300px; border: none; border-bottom: 1px solid rgba(116,98,6,0.5); margin: 20px auto;}

h1, h2{ text-align: center; font-size: 18px;}

h1 img{margin: 20px 0 30px;}
.gyomu{ text-align: center; display: block;}
.gyomu ul{ text-align: left; display: inline-block;}
.gyomu ul li:first-child{ list-style: none;}
.gyomu ul li:last-child{ list-style: none; margin-top: 20px;}

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


@media screen and (min-width: 700px) and (max-device-width: 3000px) 
{}


@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 1050px) {
}

@media screen and (max-width: 991px) {
.pc{ display:none;}
.mp{ display: inline;}
.sp{display:none;}
}

@media screen and (max-width:767px) {

}

@media screen and (max-width:480px) {
}

@media screen and (max-width: 37.5em) {

.mp{ display:none;}
.sp{ display:inline;}

h1, h2{ font-size: 24px;}
body{font-weight: bold;}

}