.navigation-top,
.navigation-top .sub-menu,
.navigation-top .toggled-on .menu {
	background-color:#339966;
}
.navigation-top a:link,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #ffffff;
}
.navigation-top a:visited,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #000000;
}
.navigation-top a:hover,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #cc3333;
}
.navigation-top a:active,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #ff0000;
}
.navigation-top a:active,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #000080;
}

.site-content {
	background-color:#fff8f4;
}
.site-content .wrap {
	background-color:#ffffff;
        padding-top:0.5em;
}
.site-footer {
	background-color:#ffffff;
	background-image:url("https://www.asobi11.com/image/child.png");
	background-repeat:repeat-x;
	background-position:bottom;
}

h3.title001{
	width:auto;
	height:auto;
	padding:10px 10px 10px 10px;
	background-color:#000080;
	color:#ffffff;
	font-size:10pt;
}
p.w01{
	margin:10px 10px 10px 10px;
}	
.menu001{
	
}
.menu002{
		background-image:url("https://www.asobi11.com/image/boll01.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:5px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 24px;
	font-size: 1.4rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-top:20px;
	background-color:#ccffcc;
	padding:10px;
}
li.l01{
	margin-left:10px;
	list-style-image: url("https://www.asobi11.com/image/hito001.png");
	margin-top:20px;
	margin-left:20px;
	padding-left:20px;
}
li.li050{
	color:#ffffff;
	background-color:#000080;
	font-weight:bold;
	padding-left:24px;
}
.ss{
	font-size:0.8em;
}
.site-footer{
	border-top:solid 2px #008000;
}
a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}

.btn {
	position: relative;
	width: 332px;
	height: 178px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn:hover img:nth-of-type(2) {
	opacity: 0;
}

.btn2 {
	position: relative;
	width: 332px;
	height: 71px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.btn2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn2:hover img:nth-of-type(2) {
	opacity: 0;
}
.btn3 {
	position: relative;
	width: 332px;
	height: 71px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.btn3 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn3:hover img:nth-of-type(2) {
	opacity: 0;
}
.btn3 {
	position: relative;
	width: 332px;
	height: 71px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.btn4 img {
	position: absolute;
	width: 156px;
	height: 70px;
	margin: 0 auto;
	display: flex;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	
}
.btn4:hover img:nth-of-type(2) {
	opacity: 0;
}
.btn5 img {
	position: absolute;
	width: 156px;
	height: 70px;
	margin: 0 auto;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	
}
.btn4:hover img:nth-of-type(2) {
	opacity: 0;
}
a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}

.btn001 {
	position: relative;
	width: 467px;
	height: 250px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.btn001 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn001:hover img:nth-of-type(2) {
	opacity: 0;
}

h2.inb{
	margin-top:0px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 10px 10px;
}
.hsa2024{
	margin:0 10px;
}
.t202410{
	border:0px;
}
.t2024101{
	border:0px;
}
.btn202410 a{ 
	text-decoration: none;
	border-bottom: 1px solid orange;
}
.image_link{
  position:relative;
  display:block;
  height:auto;
}
.image_link001 img{
  display:block;
  width:auto;
}
.image_link001:before{
  content:"";
  display:block;
  width:auto;
  height:auto;
  position:absolute;
  z-index:2;
  background:#808080;
  opacity:0;
  transition:0.3s;
}
.image_link001:hover:before{
  opacity:0.2;
}

.zoomin2-img {
    overflow: hidden;
}
.zoomin2-img {
    transition: transform .5s ease;
}
.zoomin2-img:hover img {
    transform: scale(1.5);
}
.ba202410 {
    overflow: hidden;
}
.ba202410 img {
    transition: transform .6s ease;
}

.ba202410:hover img {
    transform: scale(1.1);
}
.sepia-img img {
  transition: .3s ease-in-out;
}
.sepia-img:hover img {
  filter: sepia(100%);
}
.imagetakushin:hover {
    background-image: url('https://www.asobi11.com/web/wp-content/uploads/2025/04/匠信_g_0.jpg'); 
}
.btn04 {
	position: relative;
	width: 332px;
	height: 71px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.btn04 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn04:hover img:nth-of-type(2) {
	opacity: 0;
}
.btn04 {
	position: relative;
	width: 332px;
	height: 71px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}