@charset "utf-8";
/* CSS Document */


@media only screen and (min-width : 1440px) {
header .inbox .main-logo img {
    width: 90%;
    height: auto;
    margin: 5% 10% 1% 5%;
    position: relative;
    right: -50%;
}
	
header.short .inbox .main-logo img {
    width: 90%;
    height: auto;
    margin: 5% 10% 1% 5%;
    position: relative;
    right: -10%;
}
}
	
/*---header--------------------------------------------------*/
.pc_img{
	display: block;
}

.sp_img{
	display: none;
}

header .inbox .header_img .menu svg {
  width:20px;
	height:20px;
}

header .inbox .header_img.is-login .menu svg {
  width:20px;
	height:20px;
}


header {
	width:100%;
	margin:0 auto;
	background:#7f0000;
    /* 基本:#999900 2021/5～:#20b2aa; 2021/9～:#8d6f27(旧#b8860b;) 2021/12～:#7f0000; 2022/3～:#d76c6c; 2022/5~:#008f54 2022/Xmas:#225522 2022/1225~:#aa0003*/
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	font-family: "Averia Serif Libre";
	font-family: "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header .inbox {
	width:96%;
	max-width:1200px;
	margin: 0 auto;
}


header .head_info{
	width:100%;
	background:#ede5d7;
    /* 2022/5:#ede5d7*/
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	padding:10px;
}

header .head_info a{
	text-decoration: underline;
	color:#333333;
}


header .inbox .header_img{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 0;
}

header .inbox .main-logo{
width : calc(100% / 3) ;
/* filter: drop-shadow(0.1em 0.1em 0.2em #333); */
}


header .inbox .main-logo img {
   width:90%;
   height:auto;
   margin: 5% 10% 1% 5%;
}



header .inbox .menu {
	 width : calc(100% / 3) ;
    color:#FFFFFF;
	position:relative;
	margin-left: 5px;
	text-align: right;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


header .inbox .logo {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 80%;
	margin-left: 20%;
	margin-bottom: 10px;
}

header .inbox .logo img {
	width:100%;
	height:auto;
}


header .inbox .menu .logo .header_btn  {
width: 100%;
position: relative;	
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;

}


header .inbox .menu .logo .header_btn .cart {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 1rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
margin-top: 5px;
position: relative;
line-height: 25px;
font-weight: bold;
width: calc(50% - 10px); 
cursor: pointer;
display: block;
font-size: 90%;
}

header .inbox .menu .logo .header_btn .login {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 1rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
margin-top: 5px;
position: relative;
line-height: 25px;
font-weight: bold;
width: calc(50% - 10px); 
cursor: pointer;
display: block;
font-size: 90%;
}


header .inbox .menu .logo .header_btn .login:hover {
color: #FFFFFF;
background-color: #3F3F3F;
transition: .3s;
}

header .inbox .menu .logo .header_btn .cart:hover {
color: #FFFFFF;
background-color: #3F3F3F;
transition: .3s;
}


.header_icon{
    fill: #2E2E2E;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;

}


.header_btn  a:hover .header_icon {
  fill: #ffffff;
	transition: .3s;
}




header .inbox .menu .logo .header_btn .header_btn_icon {
     width:20px;
    height:20px;
	vertical-align:middle;
	margin-top: 0;
}

header .inbox .menu .logo .header_btn .header_btn_txt{
vertical-align:top;
display:inline-block;
	margin-left: 3px;
	font-size: 100%;
}



.cart_number {
	display: block;
	background: #C50003;
	color: #FFFFFF;
	width: 25px;
	height: 25px;
	font-size: 100%;
	border-radius: 100%;
	text-align: center;
	line-height: 25px;
	position: absolute;
	top:-5px;
	right:-5px;
}

.cart_number:empty {
    display: none;
}

header.short .inbox .menu {
	margin-top: 10px;
	/*padding-right: 50px;*/
}


header .inbox .menu ul {
	margin:25px 0 0;
	padding:0;
	list-style:none;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


header .inbox .menu li {
	margin:0;
	padding:10px;
	display:inline;
}


header .inbox .menu li a {
	color:#FFFFFF;
}

header .inbox .menu .menu_btn {
	display: none;
	position:absolute;
	top:17px;
	right:0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}



.heademenu_icon{
   display: none;
   width: 30px;
   height:30px;
   vertical-align: middle;
  margin-bottom: 5px;
}

.heademenu_text{
  display: inline-block;
  vertical-align: middle;
}

/*ヘッダー ショート */

header.short {
	z-index:100;
}


header.short .inbox .header_img {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}


header.short  .inbox .main-logo {
    width: calc(100% / 3 + 50px);
	text-align: center;
	margin-bottom: 10px;
}


header.short .inbox .logo {
    width: 90%;
    margin-left: 10%;
}

header.short .inbox .logo img {
width: 90%;
	margin: -5px 10px 0 0 ;
}


header.short .inbox .menu .menu_btn {
	position:absolute;
	top:8px;
	right:0;
}

header.short .inbox .main-logo img {
	width: 80%;
	height:auto;
	margin: 20px 20px 0 0px;
}

header.short .inbox .menu .logo .header_btn {
	width: 90%;
   	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    position: relative;
	margin-left: 7%;
}
	
header.short .inbox .menu .logo .header_btn .cart {
    padding: 0.2rem 1rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px #8E8E8E;
    position: relative;
    line-height: 25px;
    font-weight: bold;
    width: calc(50% - 10px);
}

header.short .inbox .menu .logo .header_btn .login {
    padding: 0.2rem 1rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px #8E8E8E;
    position: relative;
    line-height: 25px;
    font-weight: bold;
    width: calc(50% - 10px);
}

/*ヘッダー ショートここまで */

header.short .inbox .headmenu {
	display: none;
}



/*---ログイン時--------------------------------------------------*/



header.short .inbox .headmenu {
	display: none;
}



header .inbox .header_img.is-login .menu .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 90%;
    margin-left: 10%;	
    margin-bottom: 10px;
}

header .inbox .header_img.is-login .menu .logo img {
    width: 90%;
  
}


header .inbox .header_img.is-login .menu .logo .header_btn .mypage, header .inbox .header_img.is-login .menu .logo .header_btn .cart, header .inbox .header_img.is-login .menu .logo .header_btn .login {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 0.25rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
margin-top: 5px;
position: relative;
line-height: 25px;
font-weight: bold;
width: calc(100% / 3  - 5px); 
cursor: pointer;
display: block;
font-size: 90%;
}

header .inbox .header_img.is-login .menu .logo .header_btn .mypage:hover,header .inbox .header_img.is-login .menu .logo .header_btn .cart:hover, header .inbox .header_img.is-login .menu .logo .header_btn .login:hover {
color: #FFFFFF;
background-color: #3F3F3F;
transition: .3s;
}



header .inbox .header_img.is-login .menu .cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: -2px	;
    right:-2px;
}

header .inbox .header_img.is-login .menu .cart_number:empty {
    display: none;
}

/*---ログイン時ショート--------------------------------------------------*/



/*ヘッダー ショート 20220708加筆
*/

header.short {
	z-index:100;
}


header.short .inbox .header_img.is-login {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}


header.short  .inbox .main-logo.is-login {
    width: calc(100% / 3 + 50px);
}


header.short .inbox .header_img.is-login .menu .logo{
    width: 100%;
    margin-left: 10%;
}

header.short .inbox .logo.is-login img {
width: 90%;
	margin: -5px 10px 0 0 ;
}


header.short .inbox .menu .menu_btn.is-login {
	position:absolute;
	top:8px;
	right:0;
}

header.short .inbox .main-logo.is-login img {
	width: 80%;
	height:auto;
	margin: 20px 10% 0;

	
}

header.short .inbox .menu .logo .header_btn.is-login {
	  width: 90%;
   	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    position: relative;
	margin-left: 7%;
}
	
header.short .inbox .menu .logo .header_btn .cart.is-login {
    padding: 0.2rem 1rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px #8E8E8E;
    margin-top: 3px;
    position: relative;
    line-height: 25px;
    font-weight: bold;
    width: calc(50% - 10px);
}

header.short .inbox .menu .logo .header_btn .login.is-login {
    padding: 0.2rem 1rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px #8E8E8E;
    margin-top: 3px;
    position: relative;
    line-height: 25px;
    font-weight: bold;
    width: calc(50% - 10px);
}

/*ヘッダー ショートここまで */




/*---ログイン時ショートここまで--------------------------------------------------*/




/*---ログイン時ここまで--------------------------------------------------*/

/*ヘッダー ドロップダウン  202108加筆*/

.nav_test {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;

}

.nav_test li {
  position: relative;
  list-style: none;
  width: 100%;
	 background: rgb(231,231,231);
  background: linear-gradient(0deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
}

.nav_test li a {
  display: block;
  height: 40px;
  text-align: center;
  color: #353535;
  font-size: 15px;
  font-weight:bold;
  line-height: 2.8;
  transition: 0.5s;
  text-decoration: none;
  border-right: 1px solid #252525;
  box-sizing: border-box;
  cursor:default;
}

.nav_test li a span{
	cursor:default;
}

.nav_test li:last-child a {
     border-right:none;
}


.nav_test > li:hover > a {/*layer-1*/
  color: #353535;
  background: rgb(231,231,231);
  background: linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
}
.nav_test > li li:hover > a {/*layer-2*/
  color: #FFFFFF;
  background: #555555;
}
.nav_test li ul {
  top: 40px;
  left: -40px;
  position: absolute;
  width:100%;
  z-index: 15;
}
.nav_test li ul li {
  overflow: hidden;
  height: 0;
   background: #DFDFDF;
  transition: 0.2s;
  width: 100%;

}
.nav_test li ul li a {
  border-top: 1px solid #5C5C5C;
  border-right: 0!important;
  text-align: left;
  font-size: 14px;
  /*padding-left: 50px;*/
  text-align: center;
  color:#292929;
  cursor:pointer;
}

.nav_test li ul li a label{
  cursor:pointer;
}

.nav_test li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
  .nav_test li ul li ul {
    top: 0;
    left: 110px;
  }
  .nav_test li ul li ul:before {/*layer-2▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }
  .nav_test li ul li ul li:hover > a {/*layer-3*/
    color: pink;
    background: #afc6e2;
  }
  .nav_test li ul li ul.left {
    top: 0;
    left: -190px;
  }
  .nav_test li ul li ul.left:before,/*layer-2-left▷*/
  .nav_test li ul li ul li ul.left:before {/*layer-3-left▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 190px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
  }
  .nav_test li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #afc6e2;
  }
  .nav_test li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #afc6e2;
  }


header.short .inbox .headmenu_test {
    display: none;
}

.netshop_nav {
 width: auto;
    max-width: 274px;


} 
.netshop_nav img {
 width: 100%;
height: auto;
	margin-bottom:120px;

} 

/*-------------------------------------------------*/
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 50px;
  background-color:rgba(255,255,255,0.9);
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}



.hamburger {
	display: none;
}

header.short .hamburger {
display: block;
 position: absolute;
  right: 0;
  top:0;
  background:#555555;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
  	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


.global-nav ul.global-nav__list {
  margin:0;
  padding:0 0.8em !important;
  list-style: none;
  box-sizing:border-box;
  margin-bottom:80px !important;
}

.global-nav ul.global-nav__list li {
	margin:0;
	padding:0;
  text-align:left;
 	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:500;
	font-size:90%;
	display:block;
}

.global-nav ul.global-nav__list li.cart {
	margin-bottom:10px !important;
}

.global-nav ul.global-nav__list li.cart img {
	width:auto;
	max-width:100%;
	height:auto;
}

.global-nav ul.global-nav__list li.menu01 {
	border-top:#DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	background:#FFF;
	font-size:100%;
	padding:8px 8px;
	color:#663366;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu01::before {
  content: "┃  ";
}

.global-nav ul.global-nav__list li.menu02 {
	border-bottom:#DDDDDD 1px solid;
	background:#F3E9F3;
	padding:8px 10px 8px 20px;
	color:#663366;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu02 a {
	color:#663366;
	cursor:default;
}

.global-nav ul.global-nav__list li.menu03 {
	border-bottom:#DDDDDD 1px solid;
	padding:8px 10px 8px 40px;
	color:#000000;
	box-sizing:border-box;
}

.global-nav ul.global-nav__list li.menu03 label{
    cursor:pointer;
}

.global-nav ul.global-nav__list li.menu03 a {
	color:#000000;
}




.global-nav ul.global-nav__list li.menu04 {
	display:none;
}

.global-nav ul.global-nav__list li.menu05 {
	display:none;
}




/*
.global-nav li a {
  display: block;
  text-decoration: none;
  color: #111 !important;
}
.global-nav li a:hover {
  background-color: #eee;
}*/
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 2px;
  background-color: #FFF;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 7px;
}
.hamburger__line--2 {
  top: 13px;
}
.hamburger__line--3 {
  top: 19px;
}

.hamburger__txt{
	color: #ffffff;
}

.hamburger__txt:after {
  content: 'MENU';
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  left: 5px;
  top:20px;
  color:#ffffff;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */


.nav-open header.short .hamburger {
	/*position:fixed;*/
	position: absolute;
	background:#FFF;
	right: 0px;
	top: 0px;
    cursor: pointer;
    z-index: 300;
}




.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}

.nav-open .hamburger__line {
  background-color: #333;
}

.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}

.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}

.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}


.nav-open .hamburger__txt {
  display: none;
}

.nav-open header.short .hamburger__line--2 {
  width: 0;
  left: 50%;
}

/*---footer--------------------------------------------------*/

#footer {
	background:#7f0000;
    /* 基本:#999900 2021/5～:#20b2aa; 2021/9～:#8d6f27(旧#b8860b;) 2021/12～:#7f0000; 2022/3～:#d76c6c; 2022/5~:#008f54 2022/Xmas:#225522*/
    padding: 0;
    font-size: 90%;
    line-height: 200%;
    color: #FFFFFF;
    margin-top: 2em;
}

#footer .inbox {
    width: 90%;
    max-width: 1200px;
    padding: 40px 0 70px 0;
    margin: 0 auto;
    line-height: 1.8;
}

#footer .inbox h4 {
    margin: 0;
    padding: 0;
    font-size: 110%;
}

#footer .inbox .ftbox02, .ftbox03, .ftbox04 {
    line-height: 200%;
}

#footer .inbox .ftbox01 {
    width: 30%;
    float: left;
    border-right: #ffffff 1px solid;
    padding-right: 30px;
    box-sizing: border-box;
    margin-right: 30px;
    height: 480px;
}

#footer .inbox .ftbox01 p {
    font-size: 80%;
    margin-top: 15px;
}

#footer .inbox .ftbox01 img {
    width: auto;
    max-width: 100%;
    height: auto;
/*    filter: drop-shadow(0.1em 0.1em 0.2em #333); */
}

#footer .inbox .ftbox02 {
    width: 20%;
    float: left;
    /* border-right: #ffffff 1px solid; */
    padding-right: 10px;
    box-sizing: border-box;
    /* margin-right: 30px; */
    height: 420px;
}

#footer .ftbox02_bisection_l, .ftbox02_bisection_r {
    float: left;
    font-size: 90%;
}

#footer .ftbox02_bisection_l {
    /* width: 40%!important; */
    text-indent: -1em;
    padding-left: 2em;    
}

#footer .ftbox02_bisection_l_2 {
    /* width: 40%!important; */
    text-indent: -1em;
    padding-left: 2em;    
}

#footer .ftbox02_bisection_r {
    /* width: 60%!important; */
    text-indent: -1em;
    padding-left: 2em;      
}

#footer .inbox .ftbox02 p {
    width: 100%;
    float: left;
    font-size: 90%;
}

#footer .inbox .ftbox03 {
    width: 20%;
    float: left;
    border-right: #ffffff 1px solid;
    padding-top: 2em;
    padding-right: 20px;
    box-sizing: border-box;
    margin-right: 30px;
    height: 480px;
}

#footer .inbox .ftbox03 p {
    font-size: 90%;
    margin-bottom: 26px;
}

#footer .inbox .ftbox04 {
    float: left;
    box-sizing: border-box;
}

#footer .inbox .ftbox04 p {
    font-size: 90%;
    padding-left: 1em;
}

#copy {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 80px;
    font-size: 80%;
}

/*---/footer--------------------------------------------------*/

#footer .ftsns {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}

#footer .ftsns a {
    padding: 0 10px;
}

/*--------------------------------------------------------------------------------------*/

/* タブレットレイアウト : x*/
@media screen and (max-width:1180px)
{


 header .inbox .main-logo img {
	 width: 100%;
    margin: 0 0 10px -100px;
}
	
 header.short .inbox .main-logo img {
	 width: 90%;

}

header .inbox .logo {

}

header.short .inbox .logo {
    width: 100%;
    margin-left: 0;
}

header .inbox .menu .logo .header_btn .cart {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 0.5rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
position: relative;
line-height: 25px;
font-weight: bold;
width: calc(50% - 10px); 
cursor: pointer;
display: block;
font-size: 90%;
}

	header .inbox .menu .logo .header_btn .login {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 0.5rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
position: relative;
line-height: 25px;
font-weight: bold;
width: calc(50% - 10px); 
cursor: pointer;
display: block;
font-size: 90%;
}
	
/*---ログイン時--------------------------------------------------*/
		
	
header .inbox .header_img.is-login .main-logo {
    width: calc(100% / 3 - 30px);
}
	

header .inbox .header_img.is-login .menu {
    width: calc(100% / 3 + 60px);
}
	

header .inbox .header_img.is-login .menu .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 90%;
    margin-left: 10%;	
    margin-bottom: 10px;
}
	
header.short .inbox .header_img.is-login .menu .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 90%;
    margin-left: 5%;	
    margin-bottom: 10px;
}

header .inbox .header_img.is-login .menu .logo img {
    width: 80%;
  
}


header .inbox .header_img.is-login .menu .logo .header_btn .mypage, header .inbox .header_img.is-login .menu .logo .header_btn .cart, header .inbox .header_img.is-login .menu .logo .header_btn .login {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 0.1rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
margin-top: 5px;
position: relative;
line-height: 25px;
font-weight: bold;
width: calc(100% / 3  - 5px); 
cursor: pointer;
display: block;
font-size: 90%;
}

header .inbox .header_img.is-login .menu .logo .header_btn .mypage:hover,header .inbox .header_img.is-login .menu .logo .header_btn .cart:hover, header .inbox .header_img.is-login .menu .logo .header_btn .login:hover {
color: #FFFFFF;
background-color: #3F3F3F;
transition: .3s;
}



header .inbox .header_img.is-login .menu .cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: -2px	;
    right:-2px;
}

header .inbox .header_img.is-login .menu .cart_number:empty {
    display: none;
}


	header .inbox .header_img.is-login .menu .logo .header_btn .header_btn_txt {
    vertical-align: middle;
    display: inline-block;
    margin-left: 3px;
    font-size: 90%;
}
	
	

/*---ログインここまで時--------------------------------------------------*/
	
	
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

	

header .inbox .main-logo {
	 width : calc(100% / 2) ;
}


header .inbox .menu {
width : calc(100% / 3) ;
}


/*20210427追加*/
header .inbox .headmenu ul {
	background: none;
	margin: 0 0 2px 0;
	padding: 0;
	list-style: none;
}
	
header .inbox .headmenu ul li {
   background: #EEE;
	margin: 0 0 0 0;
	padding: 0;
	width: 50%;
	text-align: center;
	float: left;
	border-color: #333333;
	border-style: solid;
	border-width: 0 0 1px 1px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 72%;
}
	

header .inbox .headmenu ul li.ss {
	letter-spacing: -1px;
	width: 50%;
}
	
	
header.short .inbox .headmenu {
	display: none;
}
/*/20210427追加*/	

header .hamburger {
display: none;
/* position: absolute;
  right: 0;
  top:12px;
  background:#555555; */
 /* width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  /*height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  /*cursor: pointer;
  z-index: 300;
  	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;*/
}
	
header.short .hamburger {
		top:0;
	}
	
	
header .inbox .headmenu ul {
	background: none;
	margin: 0 ;
	padding: 0;
	list-style: none;
}

header .inbox .headmenu ul li:first-child {
border-width: 0 0 1px 0!important;
}
	
	
header .inbox .headmenu ul li:nth-child(odd){
 border-style: solid;
 border-width: 0 0 1px 0;
}
	

	
	/*ヘッダー 202108加筆*/
 .nav_test li a {
 text-align: center;
/* padding-left: 10px;*/
 font-size: 0.85rem;
 letter-spacing: -1px;
	 font-weight: 700;
		

}
.nav_test li ul li a {
  /*padding-left: 10px;*/
  text-align: center;

}
	
	.heademenu_icon {
   display: none;

}
	
	
header {
	width:100%;
	min-height: 120px;
	z-index: 30;
	height: 60px;
}

	
	
	
	header .inbox {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	}
	
	header .inbox .header_img {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    margin-bottom: 0;
}

	
	
	header .inbox .menu {
	 width : calc(100% / 2.5) ;
	float:right;
	color:#FFFFFF;
	position:relative;
	margin-left: 0;
	text-align: right;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header .inbox .logo {

}
	
	
	
header .inbox .main-logo img {
        width: 85%;
        height: auto;
        margin: 0 ;
}
	


header .inbox .logo img {
	width: 90%;
    height: auto;
    margin: 0 30px 0 0;
}

	
header .inbox .menu .logo .header_btn .cart {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0 0.5rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
position: relative;
line-height: 25px;
font-weight: bold;

cursor: pointer;
display: block;
font-size: 90%;
}
	
header .inbox .menu .logo .header_btn .login {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0 0.5rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
position: relative;
line-height: 25px;
font-weight: bold;
width: calc(50% - 5px); 
cursor: pointer;
display: block;
font-size: 90%;
}

	
header .inbox .menu .logo .header_btn {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: -5px 30px 10px 0px;
}
	
header .inbox .menu .logo .header_btn .header_btn_txt {
    vertical-align: top;
    display: inline-block;
    font-size: 90%;
}
	
	
.header_btn_icon {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: 0;
}
	
	
	.cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: -5px;
    right: -5px;
}

.cart_number:empty {
    display: none;
}
	
	
header.short .inbox .menu {
    padding-right: 0;
}	

header.short .inbox .logo img {

    margin: 0;
}
	
header.short .inbox .menu .logo .header_btn .cart{
    padding: 0 0.2rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    line-height: 25px;
    font-weight: bold;
    width: calc(50% - 5px);
}

header.short .inbox .menu .logo .header_btn .login{
    padding: 0 0.2rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    line-height: 25px;
    font-weight: bold;
    width: calc(50% - 5px);
}

	
	header.short  {
    width: 100%;
    height: auto;
	height: 60px;
	}	
		
	
header.short .inbox .main-logo img {
width: 95%;
        height: auto;
        padding: 0;
        margin: 0px 0px -5px -50px;
	
}
	
header.short .inbox .menu .logo .header_btn {
    width: 100%;
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
   -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
	margin: -5px 30px 10px 0px;
}
	
header.short .inbox .main-logo {
    width: calc(100% / 2 - 20px );
}
	
	header.short .inbox .logo {
    width: 80%;
    margin-left: 0;
}
	
	

	header.short .inbox .header_img {
		display: -webkit-box;
display: -ms-flexbox;
display: flex;
     -webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
    margin-bottom: 0;
}
	


header.short .inbox .logo img {
    width: 100%;
    margin: 0;
}
	
/*---ログイン時--------------------------------------------------*/

header .inbox .header_img.is-login .main-logo {
    width: calc(100% / 2 - 30px);

}
	

header .inbox .header_img.is-login .menu {
    width: calc(100% / 3 + 60px);
}
	

header .inbox .header_img.is-login .menu .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 90%;
    margin-left: 10%;	
    margin-bottom: 10px;
	text-align: center;
}

header .inbox .header_img.is-login .menu .logo img {
    width: 80%;
    margin: 0;
}
	
	header .inbox .header_img.is-login .menu .logo .header_btn {
    width: 90%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   -webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


header .inbox .header_img.is-login .menu .logo .header_btn .mypage, header .inbox .header_img.is-login .menu .logo .header_btn .cart, header .inbox .header_img.is-login .menu .logo .header_btn .login {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 0.1rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
margin-top: 5px;
position: relative;
line-height: 20px;
font-weight: bold;
width: calc(100% / 3 - 10px ); 
cursor: pointer;
display: block;
font-size: 80%;
	margin-left: 10px;
}
	

header .inbox .header_img.is-login .menu .logo .header_btn .mypage:hover,header .inbox .header_img.is-login .menu .logo .header_btn .cart:hover, header .inbox .header_img.is-login .menu .logo .header_btn .login:hover {
color: #FFFFFF;
background-color: #3F3F3F;
transition: .3s;
}



header .inbox .header_img.is-login .menu .cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: -5px;
    right:-5px;
}

header .inbox .header_img.is-login .menu .cart_number:empty {
    display: none;
}


	header .inbox .header_img.is-login .menu .logo .header_btn .header_btn_txt {
    vertical-align: middle;
    display: block;
    margin-top: -5px;
    font-size: 87%;
	text-align: center;
}
	
/*---ログイン時ショートここから--------------------------------------------------*/	
	header.short .inbox .header_img.is-login .menu {
    width: calc(100% / 3 + 20px)
}
	
  header.short .inbox .header_img.is-login .menu .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 85%;
    margin-right: 15%;
	  margin-left: 0;
    margin-bottom: 10px;
}
	
  header.short .inbox .header_img.is-login .menu .header_icon {
    fill: #2E2E2E;
    display: inline-block;
    vertical-align: middle;
}

	header.short .inbox .header_img.is-login .menu .logo img {
    width: 90%;
}
	
header.short .inbox .header_img.is-login .menu .logo .header_btn .mypage, header.short .inbox .header_img.is-login .menu .logo .header_btn .cart, header.short .inbox .header_img.is-login .menu .logo .header_btn .login {
color: #2E2E2E;
background-color: #FFFFFF;
padding: 0.1rem 0.1rem ;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: solid 1px #8E8E8E;
margin-top: 5px;
position: relative;
line-height: 20px;
font-weight: bold;
width: calc(100% / 3 - 5px ); 
cursor: pointer;
display: block;
font-size: 80%;
	margin-left: 5px;
}
	
	
		header.short .inbox .header_img.is-login .menu .logo .header_btn {
    	width: 90%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
	
/*---ログイン時ショートここまで--------------------------------------------------*/	

/*---ログイン時ここまで--------------------------------------------------*/
    
#footer {
        padding: 0 10px 70px;
        font-size: 90%;
        line-height: 200%;
        height: auto;
        min-height: 340px;
        color: #FFFFFF;
    }
    #footer .inbox {
        width: 96%;
        max-width: 1200px;
        padding: 30px 0 0 0;
        margin: 0 auto;
    }
    #footer .inbox h4 {
        margin: 0;
        padding: 0;
        font-size: 110%;
    }
    #footer .inbox .ftbox01 {
        width: 100%;
        float: none;
        border-right: none;
        padding-right: 0px;
        box-sizing: border-box;
        margin-right: 0px;
        height: auto;
        text-align: center;
    }
    #footer .inbox .ftbox01 img {
        width: auto;
        max-width: 60%;
        height: auto;
    }
    #footer .inbox .ftbox01 p {
        font-size: 80%;
        margin: 1% 8% 8%;
        line-height: 170%;
        display: inline-block;
    }
    #footer .inbox .ftbox02 {
        width: 30%;
        float: left;
        /* border-right: #ffffff 1px solid; */
        padding-right: 2%;
        padding-left: 2%;
        box-sizing: border-box;
        margin-right: 2%;
    }
    #footer .ftbox02_bisection_l, .ftbox02_bisection_r {
        float: left;
        font-size: 90%;
    }
    #footer .ftbox02_bisection_l, .ftbox02_bisection_l_2 {
        /* width: 40%!important; */
    }
    #footer .ftbox02_bisection_r {
        /* width: 55%!important; */
        margin-left: 10px
    }
        
    #footer .inbox .ftbox03 {
        width: 30%;
        float: left;
        border-right: #ffffff 1px solid;
        padding-right: 2%;
        box-sizing: border-box;
        margin-right: 4%;
    }
    #footer .inbox .ftbox04 {
        width: 30%;
        float: left;
        box-sizing: border-box;
        max-height: 160px;
    }	
}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

.pc_img{
	display: none;
}

.sp_img{
	display: block;
}
	
	
.headmenu_test{
	display:none;		
}	
	
header, header.short {
        width: 100%;
        height: auto;
        height: 60px;
    }
	
header .head_info{
	font-size: 0.75em;
}	
	
header .head_info span{
	display: inline-block;
	text-decoration: underline;
	margin-right: 15px;
}	
	
	
header .inbox .header_img, header.short .inbox .header_img {
display: block;
	}	
	
header .inbox .menu, header.short .inbox .menu { 
    padding: 0;
    float:right;
	display: block;
	margin: 0!important;
}
	
header .inbox .main-logo, header.short .inbox .main-logo  {
    padding: 0;
    width: calc(70% / 2 + 10px);
	float: left;
	vertical-align: top;
	text-align: center;
	height: 80px;
	margin-bottom: 10px;
}
	
header .inbox .main-logo img, header.short .inbox .main-logo img {
    width: 100%;
    height: auto;
    margin: 15px 5px 0 15px;
}

header .inbox .header_img .menu .logo .netshoping_logo, header.short .inbox .header_img .menu .logo .netshoping_logo{ 
   display: none;
}
	
header .inbox .menu .logo .header_btn, header.short .inbox .menu .logo .header_btn {
    width: 100%;
   display: block;
	margin: 0;
    top: 12px;
	left: -60px;
}

header .inbox .menu .logo .header_btn .cart, header.short .inbox .menu .logo .header_btn .cart {
    color: #232323;
    background-color: #FFFFFF;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    border: 0;
    line-height: 25px;
    font-weight: bold;
    width: 40px;
	height:40px;
	display: inline-block;
	border-radius: 0;
}

header .inbox .menu .logo .header_btn .login, header.short .inbox .menu .logo .header_btn .login {
    color: #232323;
    background-color: #FFFFFF;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    border: 0;
    line-height: 25px;
    font-weight: bold;
    width: 40px;
	height:40px;
	display: inline-block;
	border-radius: 0;
}
	
	
header .inbox .menu .logo .header_btn .header_btn_txt, header.short .inbox .menu .logo .header_btn .header_btn_txt {
 width: 100%;
	display: block;
	margin: -12px 0 0 0;
	font-size: 60%;
}	


	header .hamburger, header.short .hamburger {
    display: block;
    position: absolute;
    right: 14px;
    top: 17px;
    background: #FFFFFF;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 300;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
		
 header .hamburger__line, header.short .hamburger__line {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 2px;
    background-color: #666666;
    transition: all .6s;
}
	
 header .hamburger__txt:after , header.short .hamburger__txt:after {
  color:#666666;
}	
	
	header .inbox .logo, header.short .inbox .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    margin-left: 0;
	position: relative;
}

	header .inbox .logo .header_btn, header.short .inbox .logo .header_btn{
   position: relative;
}
	
	
	header .inbox .logo .header_btn .login, header.short .inbox .logo .header_btn .login{
    
}
	
	header .inbox .logo .header_btn .cart, header.short .inbox .logo .header_btn .cart{
    
}
	
header .inbox .menu .logo .header_btn .header_btn_icon, header.short .inbox .menu .logo .header_btn .header_btn_icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 5px ;
	padding: 0;
}
	
.nav-open header.hamburger, .nav-open header.short .hamburger {

    position: absolute;
    background: #FFF;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 300;
}

.nav_test {

  -ms-flex-wrap: wrap;
 flex-wrap: wrap;

}
	
	
	.nav_test li a {
    text-align: center;
    /*padding-left: 10px;*/
    font-size: 0.85rem;
    letter-spacing: -1px;
    font-weight: 700;
}
	
	.nav_test li {
    width: calc(100% / 2);
}
	
/*奇数の時空のBOX表示
	.nav_test:after {
    width: calc(100% / 2);
	background: linear-gradient(0deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
}
*/
.nav_test li:last-child a {
       border-right: 1px solid #252525;
    box-sizing: border-box;
}
	
.cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: -7px;
    right:-10px;
}

.cart_number:empty {
    display: none;
}
	
	

.header_icon, header.short .inbox .header_img.is-login .menu .header_icon{
    fill: #2E2E2E;
  display: block;
  vertical-align: middle;
	margin: 5px 0 0 0;
	text-align: center;
}


.header_btn  a:hover .header_icon {
  fill: #ffffff;
	transition: .3s;
}
	
/*-- 241115 目隠し

header.short .inbox .header_img {
display: block;
}

header.short  .inbox .menu {
	margin: 0;
}

header.short  .inbox .main-logo {
    padding: 0;
    width: calc(100% / 2 + 10px);
	float: left;
	vertical-align: top;
	height: 80px;
}
	
header.short  .inbox .main-logo img {
    width: 70%;
    height: auto;
    margin: 15px 5px 0 -5px;
}
	
header.short  .inbox .menu{ 
    padding: 0;
    float:right;
	display: block;

}

header.short  .inbox .header_img .menu .logo .netshoping_logo{ 

   display: none;
}
	

header.short  .inbox .menu .logo .header_btn {
    width: 100%;
   display: block;
	margin: 0;
	left: -59px;
        top: 12px;
}

header.short  .inbox .menu .logo .header_btn .cart {
    color: #232323;
    background-color: #FFFFFF;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    border: 0;
    line-height: 25px;
    font-weight: bold;
    width: 40px;
	height:40px;
	display: inline-block;
	 border-radius: 0;
}

	header.short  .inbox .menu .logo .header_btn .login {
    color: #232323;
    background-color: #FFFFFF;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    border: 0;
    line-height: 25px;
    font-weight: bold;
    width: 40px;
	height:40px;
	display: inline-block;
	 border-radius: 0;
}

	
	
header.short .inbox .menu .logo .header_btn .header_btn_txt {
 width: 100%;
	display: block;
	margin: -12px 0 0 0;
	font-size: 60%;
}	

	header.short  .hamburger {
        display: block;
        position: absolute;
        right: 14px;
        top: 17px;
        background: #FFFFFF;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 300;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
}
		
header.short .hamburger__line {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 2px;
    background-color: #979797;
    transition: all .6s;
}
	
	header.short .hamburger__line {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 2px;
    background-color: #666666;
    transition: all .6s;
}
	
	header.short  .inbox .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    margin-left: 0;
	position: relative;
}

	header.short  .inbox .logo .header_btn{
   position: relative;
}
	
	header.short .inbox .logo .header_btn .login{

}

	header.short .inbox .logo .header_btn .cart{


}

header.short .inbox .menu .logo .header_btn .header_btn_icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 5px ;
	padding: 0;
}


header.short .inbox .logo .header_btn .cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    position: absolute;
     top: -7px;
    right: -10px;
}

header.short .inbox .logo .header_btn .cart_number:empty {
    display: none;
}

	
header.short .inbox .headmenu_test {
    display: none;
}	


	
header.short .inbox .headmenu_test {
    display: none;
}	
	
.nav-open header.short .hamburger {
    position: absolute;
    background: #FFF;
    right: 0px;
    top: 0;
    cursor: pointer;
    z-index: 300;
}

--*/
	
	/*---ログイン時--------------------------------------------------*/

header .inbox .header_img.is-login .main-logo, header.short .inbox .header_img.is-login .main-logo {
        padding: 0;
        width: calc(40% - 20px);
        float: left;
        vertical-align: top;
        height: 80px;
}

	header .inbox .header_img.is-login .main-logo img, header .inbox .header_img.is-login .main-logo img {
    width: 85%;
    height: auto;
    margin: 20px 5px 0 15px;
}
	
	
header .inbox .header_img.is-login .menu, header.short .inbox .header_img.is-login .menu {
     padding: 0;
    float: right;
    display: block;
	 width: calc(100% / 2 + 30px);
}

header .inbox .header_img.is-login .menu .logo, header.short .inbox .header_img.is-login .menu .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 90%;
    margin-left: 10%;	
    margin-bottom: 0;
}

header .inbox .header_img.is-login .menu .logo img, header.short .inbox .header_img.is-login .menu .logo img {
    width: 80%;
  
}
	header .inbox .header_img.is-login .menu .logo .header_btn, header.short .inbox .header_img.is-login .menu .logo .header_btn {
        width: 100%;
        display: flex;
        position: absolute;
        top: 15px;
        left: -60px;
}

header .inbox .header_img.is-login .menu .logo .header_btn .mypage, header .inbox .header_img.is-login .menu .logo .header_btn .cart, header .inbox .header_img.is-login .menu .logo .header_btn .login, header.short .inbox .header_img.is-login .menu .logo .header_btn .mypage, header.short .inbox .header_img.is-login .menu .logo .header_btn .cart, header.short .inbox .header_img.is-login .menu .logo .header_btn .login
	{
    color: #232323;
    background-color: #FFFFFF;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    border: 0;
    margin-top: 0!important;
    line-height: 25px;
    font-weight: bold;
    width: 50px;
    height: 40px;
    display: inline-block;
    border-radius: 0;
	margin-left: 5px;
}

header .inbox .header_img.is-login .menu .logo .header_btn .mypage:hover,header .inbox .header_img.is-login .menu .logo .header_btn .cart:hover, header .inbox .header_img.is-login .menu .logo .header_btn .login:hover, header.short .inbox .header_img.is-login .menu .logo .header_btn .mypage:hover, header.short .inbox .header_img.is-login .menu .logo .header_btn .cart:hover, heade r.short .inbox .header_img.is-login .menu .logo .header_btn .login:hover
{
color: #FFFFFF;
background-color: #3F3F3F;
transition: .3s;
}

header .inbox .header_img.is-login .menu .cart_number, header.short .inbox .header_img.is-login .menu .cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 22px;
    height: 22px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    position: absolute;
    top: -5px;
    right:-10px;
}

header .inbox .header_img.is-login .menu .cart_number:empty, header.short .inbox .header_img.is-login .menu .cart_number:empty {
    display:none;
}

	header .inbox .header_img.is-login .menu .logo .header_btn .header_btn_txt, header.short .inbox .header_img.is-login .menu .logo .header_btn .header_btn_txt {
    width: 100%;
	display: block;
	margin: -12px 0 0 0;
	font-size: 60%;
}
	
 header .hamburger.is-login, heade r.short .hamburger.is-login {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    background: #FFFFFF;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 300;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
	
	/*---ログイン時ショートここから--------------------------------------------------*/	
	
/*-- 241115 目隠し
	
	header.short .inbox .header_img.is-login .menu svg {
  width:20px;
	height:20px;
}
	
	header.short .inbox .header_img.is-login .menu .header_icon {
    fill: #2E2E2E;
    display: block;
    vertical-align: middle;
    margin: 5px 0 0 0;
    text-align: center;
}
	
header.short  .inbox .header_img.is-login .main-logo {
        padding: 0;
        width: calc(40% - 20px);
        float: left;
        vertical-align: top;
        height: 80px;
}

	header .inbox .header_img.is-login .main-logo img {
        width: 100%;
        height: auto;
        margin: 20px 5px 0 15px;
}
	

header.short .inbox .header_img.is-login .menu {
     padding: 0;
    float: right;
    display: block;
	 width: calc(100% / 2 + 30px);

}
	

header.short  .inbox .header_img.is-login .menu .logo {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 90%;
    margin-left: 16%;	
    margin-bottom: -10px;
}

header.short .inbox .header_img.is-login .menu .logo img {
    width: 80%;
  
}
	
header.short .inbox .header_img.is-login .menu .logo .header_btn {
width: 100%;
        display: block;
        position: absolute;
        top: 52px;
        left: -29px;
}


header.short .inbox .header_img.is-login .menu .logo .header_btn .mypage, header.short .inbox .header_img.is-login .menu .logo .header_btn .cart, header.short .inbox .header_img.is-login .menu .logo .header_btn .login {
    color: #232323;
    background-color: #FFFFFF;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    border: 0;
    margin-top: 2px;
    line-height: 25px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 0;
}

header.short .inbox .header_img.is-login .menu .logo .header_btn .mypage:hover,header.short .inbox .header_img.is-login .menu .logo .header_btn .cart:hover, header.short .inbox .header_img.is-login .menu .logo .header_btn .login:hover {
color: #FFFFFF;
background-color: #3F3F3F;
transition: .3s;
}
	

header.short .inbox .header_img.is-login .menu .cart_number {
    display: block;
    background: #C50003;
    color: #FFFFFF;
    width: 22px;
    height: 22px;
    font-size: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    position: absolute;
    top: -5px;
    right:-10px;
}

header.short .inbox .header_img.is-login .menu .cart_number:empty {
    display: none;
}

	header.short .inbox .header_img.is-login .menu .logo .header_btn .header_btn_txt {
    width: 100%;
	display: block;
	margin: -12px 0 0 0;
	font-size: 60%;
}
	
header.short .hamburger.is-login {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    background: #FFFFFF;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 300;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

--*/

/*---ログイン時ショートここまで--------------------------------------------------*/	
	

/*---ログイン時ここまで--------------------------------------------------*/
#footer .inbox {
        width: 92%;
        padding: 30px 0;
    }
    #footer .inbox .ftbox01 {
        width: 100%;
        float: none;
        border-right: none;
        padding-right: 0px;
        box-sizing: border-box;
        margin-right: 0px;
        text-align: center;
    }
    #footer .inbox .ftbox01 p {
        font-size: 80%;
        margin-top: 25px;
        margin-left: 0;
        line-height: 170%;
        text-align: left;
        display: block;
        width: 100%;
    }
    #footer .inbox .ftbox02 {
        display: none;
    }
    #footer .inbox .ftbox03 {
        display: none;
    }
    #footer .inbox .ftbox04 {
        display: none;
    }

}	
	

/* スマホ設定  599 以下*/
@media screen and (max-width:599px)	
{
 header .inbox .header_img {
  display: block;
	}	   

header .inbox .main-logo img, header.short .inbox .main-logo img {
        width: 115%;
        height: auto;
        margin: 20px 5px 0 15px ;
}
	
.nav_test li a {
  display: block;
  height: 40px;
  color: #353535;
  font-size: 0.8rem;
  font-weight:bold;
  line-height: 2.8;
  transition: 0.5s;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  cursor:default;
  padding: 0 0.7em;
  border-right: 1px solid #252525;  
}

.nav_test li:nth-child(even) a {
  border-right: none;
}
    
.nav_test li ul li a {
  font-size: 0.8rem;
  text-align: center;
  padding: 0 0.7em;
}

.netshop_nav img {
 width: auto;
    max-width: 100%;
    height: auto;
	margin-bottom:120px;

} 
}
	

@media screen and (max-width: 425px) {
header .inbox .menu .logo .header_btn, header.short .inbox .menu .logo .header_btn {
        width: 100%;
        display: block;
        margin: 0;
        position: relative;
        top: 12px;
        left: -60px;
    }
	
header .inbox .header_img.is-login .menu .logo .header_btn, header.short .inbox .header_img.is-login .menu .logo .header_btn {
        width: 100%;
        display: block;
        position: absolute;
        top: 15px;
        left: calc(100% - 260px);
    }
	
/*-- 241115 目隠し
	
header.short .inbox .header_img.is-login .menu .logo .header_btn {
        width: 100%;
        display: block;
        position: absolute;
        top: -65px;
        left: -30px;
    }
	
    header .inbox .header_img.is-login .menu .logo .header_btn .mypage, header .inbox .header_img.is-login .menu .logo .header_btn .cart, header .inbox .header_img.is-login .menu .logo .header_btn .login {
		margin: 0;
	}
	
    header.short .inbox .header_img.is-login .menu .logo .header_btn .mypage, header.short .inbox .header_img.is-login .menu .logo .header_btn .cart, header.short .inbox .header_img.is-login .menu .logo .header_btn .login {
        margin: 0 3px;
	}
	
header.short .inbox .main-logo {
	text-align: start;
	margin: 0 }
--*/

 }


@media screen and (max-width: 375px) {
	
	header .inbox .header_img.is-login .main-logo img {
    width: 100%;
    height: auto;
    margin: 20px 5px 0 14px;
}
	
header .inbox .header_img.is-login .menu .logo .header_btn {
        width: 100%;
        display: flex;
        position: absolute;
        top: 15px;
        left: -60px;
    }
	
/*-- 241115 目隠し
	
header.short .inbox .header_img.is-login .menu .logo .header_btn {
        width: 100%;
        display: block;
        position: absolute;
        top: -65px;
        left: -39px;
    }
--*/
 }