@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
.dody h2{
	border: 2px solid #dddd;
}
.desktop-nav li:after{
  bottom: 0.75em;
  height: 2px;
  width: 100%;
}
.wp-block-navigation-item a{
 text-decoration: none;
}
.sgb-header .wp-block-sgb-header-navigation .wp-block-navigation__container>.wp-block-navigation-item:after {
    height: 2px;
    bottom: 12px;
}
:target {
    scroll-margin-top: 100px !important;
}
/*サイドウィジェット*/
#fixed_sidebar {
    top: 110px !important;
}
.wp-block-sgb-tab{
   background: #fff;
 margin-bottom: 0;
}
.post-tab__content{
   padding: 0;
}
.show_num li .rank {
  transform: translateY(6px);
}
@media screen and (max-width: 767px) {
 .wp-block-sgb-header-mobile-navigation{
  display: none;
 }
 .wp-block-sgb-header-logo{
   margin: 0 auto 0 0;
 }
 .sgb-header--has-logo .wp-block-site-logo a{
  max-width: 140px;
 }
 .sgb-header__inner--default .sgb-site-branding {
  padding: .2rem 0;
 }
 .header-search{
  display: none;
 }
 #drawer__open, .header-search {
  right:0;
  left: auto;
 }
 #drawer__content {
  right: 0;
  left: auto;
  transform: translateX(100%);
 }
}
/*チェックボックス*/
input[type="checkbox"],
input[type="radio"] {
	  box-sizing: border-box;
	  width: 1em;
	  height: 1em;
	  margin-right: 0.25em;
	  transform: translateY(2px);
}
/*バナーのホバーアクション*/
@media (hover: hover) {
	a.hover,
	.hover a{
		display: inline-block;
		transition: transform .3s;
	}
	a.hover:hover,
	.hover a:hover{
		transform: translatey(3px);
	}
}
/*フッターの固定バナー削除*/
@media screen and (max-width: 767px) {
	.fixed-menu{
		display: none;
	}
}
/*Amazonリンクの下余白の削除*/
img[width="1"][height="1"] {
  position: absolute;
  z-index: 100;
  width: 1px;
  height: 1px;
}
/*サイドバナーの下余白の削除,ホバーアクション*/
.widget_media_image a{
  display: block;
}
.widget_media_image{
  transition: transform 0.3s;
}
.widget_media_image:hover{
  transform: translateY(5px);
}