@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*スマホのヘッダー下のメニューの背景色とpcに表示*/

	.l-header__spNav{
		background-color:#495547;
		  display: block!important;
	}

.p-spHeadMenu .menu-item:hover{
	opacity: 0.4;
  transition-duration: 0.3s;
}

/*ヘッダー下メニューの調整*/


.p-spHeadMenu .menu-item {
    border-bottom: 2px solid transparent;
    font-size: 15px;
    height: 3em;
	padding: 3px 0 0 0;
}


 .top #content {
    padding-top: 2em;
}





@media only screen and (min-width: 768px) {
	
	
	.l-header__menuBtn.sp_ {
  display: block!important; /* ハンバーガーボタンを表示 */
}
.-series .l-header__inner {
  align-items: center;  /* ハンバーガーボタンの上下位置調整 */
}
.p-spMenu {
  display: block; /* 開閉メニューを有効 */
}
	
	.p-spMenu__inner {
  width: 30vw;
}
}


@media only screen and (max-width:599.5px) {
	
	/*スマホでサイドバー非表示*/
	.l-sidebar{
		display:none !important;
	}
	
	
	
	/*--------------------------------------
ヘッダー開閉
--------------------------------------*/
#header {
  position: sticky;
  transition: transform 0.4s ease;
}

.header--hide {
  transform: translateY(-150%);
}