/*
Theme Name: theme name
Version:  202508010000000000
*/

.header { display: flex; justify-content: space-between; align-items: center; padding: 20px; position: relative; background-color: #fff; color: #333; }

#title_logo img {width:50%; height:auto;}

.hamburger { position: relative; width: 30px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; z-index: 1100; }
.hamburger span { display: block; height: 3px; background-color: #333; border-radius: 2px; transition: all 0.3s ease; }

.hamburger.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.nav-menu { position: fixed; top: 0; right: -250px; width: 250px; height: 100%; background-color: #f8f8f8; transition: right 0.3s ease; z-index: 1000; padding-top: 80px; }

.nav-menu.open { right: 0; }
.nav-menu ul { list-style: none; }
.nav-menu li a { display: block; padding: 15px 20px; text-decoration: none; color: #ab2e1f; }

.ar16-9 {aspect-ratio: 16 / 9;}
.ar16-45 {aspect-ratio: 32 / 9;}

@media (min-width: 768px) {

#title_logo img { width: 50px ; height:auto; }

.header { justify-content: space-between; }

}