#h1_tag{display:inline-block}
#h1_tag img{height:33px;width:183px!important;display:block}
@media only screen and (max-width: 768px){
	#h1_tag{position:absolute;top:10px;width:160px;left:0;right:0;margin:auto}
}
/* バーガーメニュー */
.menu_btn{position:absolute;top:12px;left:10px;z-index:99999;display:block;height:30px;width:30px}
.menu_trigger span{display:inline-block;transition:all .4s;box-sizing:border-box;cursor:pointer;position:absolute;left:0;height:2px;width:30px;background:#FFF}
.menu_trigger{position:relative;width:28px;z-index:9998;display:block}
.menu_trigger span:nth-of-type(1){top:2px;}
.menu_trigger span:nth-of-type(2){top:14px;}
.menu_trigger span:nth-of-type(3){top:26px;}

/*インスタ*/
.insta{display:block;position:absolute;height:29px;width:29px;top:12px;right:5px;}
.insta a:before {
    content:"";
    display: inline-block;
    background-image:url(/images/insta.svg);
    background-size: contain;
    vertical-align: bottom;
    height: 29px;
    width: 29px;
}
.insta a{display:block;width:100%;width:100%}
.insta a img{width:30px;height:30px}

/* お気に入り */
header .fav{display:block;position:absolute;height:29px;width:29px;top:12px;right:45px;}
header .fav a:before {
    content:"";
    display: inline-block;
    background-image:url(/images/heart.svg);
    background-size: contain;
    vertical-align: bottom;
    height: 29px;
		width: 29px;
		right:0;
		left:0;
		bottom:0;
		margin:auto;
		position: absolute;
}
header .fav a{display:block;width:100%;width:100%}
header .fav a img{width:30px;height:30px}


	.menu_trigger span:nth-of-type(1) {
	  -webkit-animation: menu-bar01 .50s forwards;
	  animation: menu-bar01 .50s forwards;
	}
	.menu_trigger span:nth-of-type(2) {
	  transition: all .25s .25s;
	  opacity: 1;
	}
	.menu_trigger span:nth-of-type(3) {
	  -webkit-animation: menu-bar02 .50s forwards;
	  animation: menu-bar02 .50s forwards;
	}
	@-webkit-keyframes menu-bar01 {
	  0% {
		-webkit-transform: translateY(9px) rotate(45deg);
	  }
	  50% {
		-webkit-transform: translateY(9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	}
	@keyframes menu-bar01 {
	  0% {
		transform: translateY(9px) rotate(45deg);
	  }
	  50% {
		transform: translateY(9px) rotate(0);
	  }
	  100% {
		transform: translateY(0) rotate(0);
	  }
	}
	@-webkit-keyframes menu-bar02 {
	  0% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	  }
	  50% {
		-webkit-transform: translateY(-9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	}
	@keyframes menu-bar02 {
	  0% {
		transform: translateY(-9px) rotate(-45deg);
	  }
	  50% {
		transform: translateY(-9px) rotate(0);
	  }
	  100% {
		transform: translateY(0) rotate(0);
	  }
	}
	
	
	
	.menu_btn.active span:nth-of-type(1) {
	  -webkit-animation: active-menu-bar01 .50s forwards;
	  animation: active-menu-bar01 .50s forwards;
	  top:5px;
	}
	.menu_btn.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu_btn.active span:nth-of-type(3) {
	  -webkit-animation: active-menu-bar03 .50s forwards;
	  animation: active-menu-bar03 .50s forwards;
	  top:23px;
	}
	
	
	
	@-webkit-keyframes active-menu-bar01 {
	  0% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	  50% {
		-webkit-transform: translateY(9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(9px) rotate(45deg);
	  }
	}
	@keyframes active-menu-bar01 {
	  0% {
		transform: translateY(0) rotate(0);
	  }
	  50% {
		transform: translateY(9px) rotate(0);
	  }
	  100% {
		transform: translateY(9px) rotate(45deg);
	  }
	}
	@-webkit-keyframes active-menu-bar03 {
	  0% {
		-webkit-transform: translateY(0) rotate(0);
	  }
	  50% {
		-webkit-transform: translateY(-9px) rotate(0);
	  }
	  100% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	  }
	}
	@keyframes active-menu-bar03 {
	  0% {
		transform: translateY(0) rotate(0);
	  }
	  50% {
		transform: translateY(-9px) rotate(0);
	  }
	  100% {
		transform: translateY(-9px) rotate(-45deg);
	  }
	}


footer{background: #024;color:#FFF}
/* pc */
@media only screen and (min-width: 769px){
	.fav,.insta,
	.sp{display:none!important}
	header{background:#025;padding:20px;z-index:999;position:fixed;top:0;width:100%}
	body{margin-top:79px}
	nav{width:960px;margin:auto;position:relative;}
	.menu{
		position:absolute;
		top:50%;
		right:0;
		display:block;
		margin-top:-12px;
		width:auto;
	}
	.tabmenu{width:100%}
	.menu li{display:inline-block;}
	.menu li+li{border-left:1px solid #555}
	.menu li a{display:block;padding:0 10px;color:#FFF;font-size:14px;}
	.fav,
	.menu_btn{display:none;}

footer{padding:20px 0}
.footerlogo p:first-child{display:none}
#panel{width:960px;margin:auto;padding:15px 0}
.footerlogo p{font-size:1.2rem;text-align:center}
#panel dd{display:block}
#panel:before{content:'';display:block;width:155px;height:173px;background-image:url(/images/common/foot_logo.png);background-size:cover;float:left}
#panel dl{display:block;margin-left:200px;}
#panel dt{font-weight:bold;width:150px;display:inline-block;vertical-align:top;font-size:1.6rem;margin-bottom:10px}
#panel dd{width:600px;display:inline-block;vertical-align:top}
#panel dd a{display:block;color:#FFF;font-size:1.2rem}
#panel dd li{display:inline-block;padding:0 5px}
#panel dd li+li{border-left:1px solid #555;padding-left:10px}

.footerpop{
	position: fixed;
    top: 150px;
    right: -2px;
    width: 220px;
    padding:10px;
    z-index: 999997;
    background:#FD3;
    border:2px solid #000;
    text-align:center
}
.footerpop a{display:block}
.footerpop span{background:#000;color:#FFF;padding:5px;display:block;font-weight:bold;}
.footerpop p{font-weight:bold;color:#000}
.footerpop p:first-child{font-size:1.6rem}
.footerpop p:last-of-type {font-size:3rem}
.dummy{display:none}
}
/* sp */
@media only screen and (max-width: 768px){
header{background:#024;height:35px;padding:10px 0;position:fixed;width:100%;z-index:999;top:0}
nav{padding-left:10px}
html{padding-top:55px}
.menu{
	display:block;
	background:rgba(21,24,28,1.0);
	width: 100%;
	min-height: 100vh;
	overflow-y: auto;
	position: absolute;
	transition: all  0.3s ease;
	top:0;
	bottom: 0;
	z-index: 10000;
	padding-left: 0%;
	margin-top:55px;
	right:-100%;
}
.menu li a{display:block;padding:15px;color:#FFF;font-size:1.4rem;position:relative;}
.menu li:first-child{border-top:1px solid #DDD}
.menu li{border-bottom:1px solid #DDD}
.menu.open{right:0;}
.menu li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #DDD;
    border-right: solid 2px #DDD;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footerlogo{text-align:center}
.footerlogo p{font-size:1rem;text-align:center}
.footerlogo img{width:50%;margin:auto;padding-bottom:5px}
#panel{width:80%;margin:auto;padding:15px 0}
#panel dd a,
#panel dt{padding:10px;border:1px solid #DDD;margin-top:-1px;text-align:center;position:relative;color:#FFF;display:block}
#panel dd li{position:relative;background:#555}
#panel dd{display:none}
#panel dt:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);}
#panel dt.open:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
#panel dd li:after{display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
		transform: rotate(45deg);}
	header nav .pc{display:none!important}
nav#breadcrumb{padding-left:0}
		
}

header .fav span{
	position: absolute;
	right: -15%;
	color: #FFF;
	padding: 0 6px;
	top: -3px;
	font-size: 1rem;
	line-height: 1.4em;
	border-radius: 8px;
	background-color: #F00;
}
.s_k_sbox>.fav{display:block!important}