@charset "UTF-8";

 /* CSS Document */
 
  
 /*------------------------------------------------------------
      Browser Default Initialization seo_responsive_white
 ------------------------------------------------------------*/
  * {margin:0;padding:0;}
  html {
      /*overflow-y: scroll;*/
      height: 100vh;
      background:#FAFAFA;
  }
  
   /*ヘッダーに影響*/
  
  ul li, ol li {list-style-type: none;}
  input[type="text"], input[type="password"] {
      border: 1px solid #A9A9A9;
      box-sizing: border-box;
      font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
      padding: 0 2%;
  }
  select {
      background-color: #FFF;
      border: 1px solid #A9A9A9;
      box-sizing: border-box;
  }
  textarea {
      border: 1px solid #A9A9A9;
      box-sizing: border-box;
      padding: 2%;
  }
  a {
     outline: none;
     text-decoration: none;
  }
  a:link {
      color: #333;
      text-decoration: none;
  }
  a:visited {
      color: #333;
      text-decoration: none;
  }
  a:hover {
      color: #666;
      text-decoration: none;
  }
  a:hover img {
      opacity: .70;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
      -khtml-opacity: .70;
      -moz-opacity: .70;
      cursor: pointer;
  }
  a:active {
      text-decoration: none;
      color: #c00;
  }
  img {
      max-width: 100%;
      height: auto;
      width: auto;
  }
  
  /*ヘッダーに影響*/
  
  /*ヘッダーに影響*/
 
  #gnav {
      width: 100%;
      background-color: #444;
	  display: none;
  }
  #gnav div.cart-nav,
  #gnav nav {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden;
      *zoom: 1;
  }
  #gnav div.cart-nav ul,
  #gnav nav ul {
      background-color: #333;
      display: table;
      table-layout: fixed;
      margin-bottom: 0;
      width: 100%;
  }
  #gnav div.cart-nav ul li,
  #gnav nav ul li {
      background-color: #333;
      display: table-cell;
      font-size: 85%;
      text-align: center;
      vertical-align: middle;
  }
  #gnav div.cart-nav ul li a,
  #gnav nav ul li a {
      display: block;
      padding: 18px 1px;
  }
  #gnav div.cart-nav ul li a:link,
  #gnav div.cart-nav ul li a:visited,
  #gnav nav ul li a:link,
  #gnav nav ul li a:visited {
      color: #FFF;
  }
  #gnav div.cart-nav ul li a:hover,
  #gnav div.cart-nav ul li a:active,
  #gnav nav ul li a:hover,
  #gnav nav ul li a:active {
      color: #FFF;
      background-color: #4e4e4e;
      text-decoration: none;
  }
  
  
  /*ヘッダーに影響*/
  
  
 
  
 
/*ハンバーガーメニュー　検索*/
  
  .leftSearch {
      background-color: #F5F5F5;
      margin-bottom: 20px;
      overflow: hidden;
  }
  .leftSearch #searchbox_wrap {
      margin: 10px 2% 15px;
      overflow: hidden;
  }
  .leftSearch searchbox {
      color: #999;
      float: right;
      font-size: 65%;
      line-height: 160%;
      overflow: hidden;
      text-align: right;
  }
  .leftSearch #searchbox form {
      border: 1px solid #777777;
      box-sizing: border-box;
      float: left;
      height: 35px;
      width: 100%;
  }
  .leftSearch #searchbox input.searchbox {
      border: none;
      box-sizing: border-box;
      float: left;
      height: 100%;
      padding: 0 5px;
      width: 80%;
  }
  .leftSearch #searchbox input.searchSubmit {
      padding: 0;
      width: 20%;
  }
  .leftSearch #searchbox p {
  }
  
 /*ハンバーガーメニュー　検索*/ 
  

 


/*メニュー*/
   #hNav nav, #hNav .cart-nav {
       position: absolute;
       top: 20px;
       right: 2%;
   }
   #hNav ul#header-nav li {
       color: #333;
       font-size: 80%;
       margin-right: 62px;
       padding: 0 5px;
   }
   #hNav ul#header-nav li#header-nav-mypage a::before,
   #hNav ul#header-nav li#header-nav-cart a::before {
       display: block;
       height: 28px;
       margin: 0 auto 3px;
       top: 0;
       width: 28px;
   }
   #hNav ul#header-nav li#header-nav-cart {
       margin-left: -62px;
   }
 
#hNav ul#header-nav li#header-nav-drawer {
       background: #FFF;
       border: 1px solid #888;
       border-radius: 5px;
       box-sizing: border-box;
       cursor: pointer;
       display: inline-block;
       height: 46px;
       margin: 0;
       padding: 0;
       position: fixed;
       right: 2%;
       top: 20px;
       white-space: nowrap;
       width: 46px;
       z-index: 150;
   }
   #header-nav-drawer span {
       display: block;
       position: absolute;
       top: 50%;
       left: 50%;
       width: 24px;
       height: 3px;
       margin: -3px 0 0 -12px;
       background: #777;
       transition: .2s;
   }
   #header-nav-drawer span::before, #header-nav-drawer span::after{
       display: block;
       content: "";
       position: absolute;
       top: 50%;
       left: 0;
       width: 24px;
       height: 3px;
       background: #777;
       transition: .3s;
   }
   #header-nav-drawer span::before{
       margin-top: -10px;
   }
   #header-nav-drawer span::after{
       margin-top: 7px;
   }
   #header-nav-drawer.spsDrawerOpen span {
       background: transparent;
   }
   #header-nav-drawer.spsDrawerOpen span::before, #header-nav-drawer.spsDrawerOpen span::after{
       margin-top: 0;
   }
   #header-nav-drawer.spsDrawerOpen span::before{
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg);
   }
   #header-nav-drawer.spsDrawerOpen span::after{
       transform: rotate(-135deg);
       -webkit-transform: rotate(-135deg);
   }
/* サイドメニューオープン(768px) */
   #sub-column.spsDrawerOpen {
       transition: .5s transform ease-in-out;
       transform: translateX( -100% );
       -webkit-overflow-scrolling: touch;
       z-index: 100;
   }
   #wrapper.spsDrawerOpen::before {
       background: rgba(0,0,0,.6);
       content: "";
       height: 100%;
       left: 0;
       position: fixed;
       top: 0;
       width: 100%;
       z-index: 50;
   }
   #sub-column.spsDrawerClose {
       transition: .5s transform ease-in-out;
       transform: translateX( 0 );
       -webkit-overflow-scrolling: touch;
       z-index: 100;
   }
   #sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem, #sub-column .link {
       margin-bottom: 20px;
   }
   #sub-column h2 {
       background-color: #F5F5F5;
       padding: 19px 2%;
   }
   #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
       font-size: 100%;
   }
   #sub-column .freeArea2 .free-contents {
       background-color: #FFF;
       font-size: 80%;
       padding: 2%;
   }
   .freeArea2.shopDiary p {
     font-size: 100%;
   }



 
 
   /*フッター(768px)
   div#cart-footer, footer {
       min-width: 100%;
       width: 100%;
 	}
	*/
 	#footer-inner {
       background-color: #333;
       width: 100%;
   }
   div#cart-footer #footer-inner .footer_gnavi, footer #footer-inner .footer_gnavi {
       float: none;
   }
   div#cart-footer div.cart-nav, footer nav, #copyright {
       float: none;
   }
   #contents #main-column .footer_area {
      margin: 0;
   }
   #subc_freeArea {
      margin: 0;
      padding: 5px 2% 20px;
   }
   #subc_freeArea img {
      margin: 0;
   }
   div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table {
      width: 100%;
   }
   
   
 }
 

 /*ハンバーガーメニュー*/
.widget ul {
   margin: 0;
}
.widget li {
   position: relative;
}
.widget li a {
   font-size: 14px;
   text-decoration: none;
   padding: 17px 55px 17px 20px;
   border-bottom: 1px dotted #ddd;
   display: block;
   position: relative;
	background: #fff;
}

.widget li a {
    font-size: 14px;
    text-decoration: none;
    padding: 17px 55px 17px 20px;
    border-bottom: 1px dotted #ddd;
    display: block;
    position: relative;
    background: #fff;
}


.widget li a:hover {
   color: #000;
}
/*開閉ボタン*/
.widget .accodionBtn {
   display: block;
	  width: 100%;
	  height: 55px;
	  position: absolute;
	  top: 0;
	  right: 0;
	  padding: 17px 15px 15px 17px;
	  text-align: right;
	  box-sizing: border-box;
	cursor:pointer;
}
.widget .accodionBtn:before {
   content: "＋";
   color: #888;
   font-size: 25px;
}
.widget .active .accodionBtn:before {
   content: "－";
color: #fff;
}
.widget .active .parent_link{
  background: #000000;
  color: #fff;
}
/* 子カテゴリー */
.widget li ul {
   margin: 0;
}
.widget li ul a {
   padding-left: 2em;
}
.sns_side_area{
	padding-bottom: 125px;	
}
.sns_side_area a{
	width: 100%;
	display: block;
	padding: 17px 0 17px 37px;
	text-align: left;
	font-size: 14px;	
	box-sizing: border-box;
}
.sns_side_area a.ins{
	background: url(/hpgen/HPB/img/common/Instagram_icon.svg) no-repeat;
	  background-size: 24px;
	  background-position: center left;			
}
.sns_side_area a.line{
	background: url(/hpgen/HPB/img/common/line_icon.svg) no-repeat;
	  background-size: 25px;
	  background-position: center left;			
}
.link_side_area a{
	width: 100%;
	display: block;
	padding: 17px 0;
	text-align: left;
	background: url(/hpgen/HPB/img/common/arrow.svg) no-repeat;
  background-size: 10px;
  background-position: center right;
	border-bottom: 1px solid #EFEFEF;
	font-size: 12px;
	box-sizing: border-box;
}
.member_side_box{
background: #fff;
padding: 17px 15px;
/***デフォルト設定　margin-top: -18px;*/
margin-top: 50px;
}
.member_side_box p{
	text-align: center;
	font-size: 12px; 
}
.login_side_area{
	display: flex;
	margin-bottom: 20px;
}
.login_side_area a{
	width: 50%;
	display: block;
	padding: 20px 20px;
	text-align: left;
	background: url(/hpgen/HPB/img/common/arrow.svg) no-repeat;
  background-size: 10px;
  background-position: center right 20px;
	border: 1px solid #EFEFEF;
	font-size: 12px;
	
}

/*--ヘッダ　画像あり------------------------------------------------------------*/
.icon_list ul{
		display: flex;
  		justify-content: flex-end;
	}
	.icon_list ul li{
		width: 44px;
		height: 44px;
		background: #000;
		margin-left: 5px;
		
	}
	.header_top{
		height: 160px;
	}
	#header-inner_th{
		width: 100%;
		height: 120px;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		transition: 1s;
	}
	@media print, screen and (max-width: 767px) {
		.header_top{
			height: 100px;
		}
		#header-inner_th{
			height: 80px;
			background: #FAFAFA;
			position: fixed;
			top: 0;
			left: 0;
		}
	}
	#header-inner_th .hamburger_menu{
		width: 90px;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 2;
	}
	
	#header-inner_th .logo_area{
		width: 100%;
		height: 100%;
		display: table;
		text-align: center;
		border-bottom: solid 1px #ddd;
	}
	@media print, screen and (max-width: 767px) {
		#header-inner_th .logo_area{
			padding: 0 100px;
  			box-sizing: border-box;
		}
	}
	#header-inner_th .logo_area .inner{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#header-inner_th .logo_area .inner h1{
		display: inline-block;
	}
	#header-inner_th .logo_area .inner h1 a{
		display: table;
  		margin: 0 auto;
	}
	#header-inner_th .logo_area .inner h1 a img{
		display: block;
		margin: 0 0 8px;
	}
	#header-inner_th .logo_area .inner h1 a img.logo_suyunn-suyunn{ /*ロゴエリア*/
		width: 60px;
	}
	#header-inner_th .logo_area .inner h1 a img.logo_tocco-tocco{
		width: 230px;
	}
	@media print, screen and (max-width: 767px) {
		#header-inner_th .logo_area .inner h1 a img.logo_suyunn-suyunn{
			width: 30px;
		}
		#header-inner_th .logo_area .inner h1 a img.logo_tocco-tocco{
			width: 120px;
		}
	}
	#header-inner_th .icon_list{
		width: 250px;
		height: 60px;
		position: absolute;
		top: 37px;
		right: 16px;
	}
	#header-inner_th .icon_list a{
		width: 100%;
		height: 60px;
		display: block;
	}
	#header-inner_th .icon_list .search_icon{
		background: url("search.svg") no-repeat;/*虫メガネ画像*/
		background-size: 20px;
		background-position: center;
	}
	@media print, screen and (max-width: 1200px) {
		#header-inner_th .icon_list .search_icon{
			display: none;
		}
	}
	#header-inner_th  .search_icon2{
		background: url("search.svg") no-repeat;/*虫メガネ画像*/
		background-size: 20px;
		background-position: center;
		position: absolute;
		top: 40px;
  		left: 78px;
		display: none;
		width: 44px;
		height: 44px;
	}
	@media print, screen and (max-width: 1200px) {
		#header-inner_th  .search_icon2{
			display: block;
		}
	}
	@media print, screen and (max-width: 767px) {
		#header-inner_th .hamburger_menu {
			width: 60px;
		}
		#header-inner_th .search_icon2{
			top: 10px;
  			left: 53px;
		}
		#header-inner_th .icon_list{
			top: 9px;
			width: 90px;
			height: 44px;
		}
		#header-inner_th .icon_list ul li a{
			height: 46px;
		}
		#header-inner_th .information_icon{
			display: none;
		}
		#header-inner_th .favorite_icon {
			display: none;
		}
		
	}
	#header-inner_th  .search_icon2 a{
		width: 44px;
		height: 44px;
		display: block;
	}
	#header-inner_th .icon_list .information_icon{
			background: url("../img/info.svg") no-repeat;/*インフォ画像*/
		background-size: 20px;
		background-position: center;
		
		
	}
	
	#header-inner_th .icon_list .favorite_icon{
			background: url("../img/fav.svg") no-repeat;/*お気に入り画像*/
		background-size: 22px;
		background-position: center;
		
	}
	#header-inner_th .icon_list .login_icon{
			background: url("../img/menber.svg") no-repeat;/*ログイン画像メンバー*/
		background-size: 20px;
		background-position: center;
		
	}
	#header-inner_th .icon_list .cart_icon{
			background: url("../img/cart.svg") no-repeat;/*カート画像*/
		background-size: 21px;
		background-position: center;
		
	}
	#header-inner_th .icon_list #cart_info .item_cnt {
		background: #000;
		  color: #fff;
		  font-size: 10px;
		  position: absolute;
		  top: 0;
		  right: 0;
		  display: block;
		  width: 18px;
		  height: 18px;
		  border-radius: 18px;
		  text-align: center;
		  line-height: 18px;
	}
	#header-inner_th #header-nav-drawer{
		width: 36px;
		height: 34px;
		margin: -15px auto 0;
		position: relative;
		cursor: pointer;
		
	}
	#header-inner_th #header-nav-drawer span{
		margin: -3px 0 0 0;
	  left: 0;
	  width: 36px;
		height: 1px;
	}
	#header-inner_th #header-nav-drawer span::before{
		left: 0;
		width: 36px;
		height: 1px;
		margin-top: -13px;
	}
	#header-inner_th #header-nav-drawer span::after{
		content: "Menu";
		width: 39px;
		height: 1px;
		left: 0;
		background: none;
		font-size: 13px;
	}
	#header-inner_th #header-nav-drawer.spsDrawerOpen {
		position: fixed;
	}
	#header-inner_th #header-nav-drawer.spsDrawerOpen span::after{
		content: "";
		background: #777;
		margin-top: -12px;
	}
	#sub-column {
		   background-color: #FAFAFA;
		   box-sizing: border-box;
		   float: none;
		   height: 100%;
		   margin: 0;
		   overflow-y: auto;
		   padding: 20px 15px 0;
		   position: fixed;
		   left: -375px;
		   top: 0;
		   width: 375px;
	}
	#sub-column.spsDrawerOpen{
		transform: translateX( 100% );
	}
	
	
	
  /* ----------------------------------- */
/* 検索ポップアップ　画像あり
/* ----------------------------------- */
.popup {
    opacity: 0;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.popup .popup-inner {
    background: #fff;
    padding: 30px;
    width: 50%;
    min-width: 500px;
    border-radius: 8px;
    opacity: 1;
    z-index: 1;
}
.popup .black-background {
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
}
.popup input[type="text"] {
    max-width: 100%;
    width: 100%;
    padding: 5px;
    box-shadow: none;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 40px;
}
.popup .btn {
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 50px;
    margin: 30px auto 0;
    font-size: 16px;
    padding: 5px 20px;
    line-height: 1.5;
    font-weight: bold;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-decoration: none;
    transition: .3s ease-in;
    user-select: none;
    position: relative;
    color: #fff;
    max-width: 290px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    box-shadow: none;
    border: 1px solid #111;
    background: #111;
}
.popup .btn:hover,
.popup .btn:focus {
    text-decoration: none;
    color: #111;
    background: #fff;
    -webkit-transform: none;
    transform: none;
    margin-bottom: 0;
}
.popup .btn .icon-lg-b.icon-search {
    background: #fff;
}
.popup #searchClose {
    text-align: right;
    color: #666;
	margin-bottom: 10px;
}
.popup #searchClose p {
    display: inline-block;
    width: auto;
	cursor: pointer;
}
.popup #searchClose p:hover {
    color: #555;
    cursor: pointer;
}
.popup.show {
    opacity: 1;
    z-index: 15;
    display: flex;
}
.popup.show .black-background {
    opacity: 0.6;
    z-index: 0;
}
@media (max-width: 767px) {
    .popup .popup-inner {
        background: #fff;
        padding: 30px;
        width: 80%;
        min-width: inherit;
        opacity: 1;
    }
}
@media print, screen and (min-width: 768px) {
#header-inner_th.fixed{
	height: 80px;
}
#header-inner_th.fixed .icon_list{
	top: 20px;
}
#header-inner_th.fixed .search_icon2{
	top: 20px;	
	}
}
	
	
	
	
	#contents{
		overflow: initial;
	}
	
	.brand_btn{
		position: absolute;
		bottom: -40px;
		left: 0;
		width: 100%;
		height: 50px;
		background: #fff;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;;
	}
	.brand_btn .inner{
		margin: 0 auto;
		max-width: 940px;
		width: 100%;
		display: flex;
	}
	.brand_btn .inner a{
		width: 50%;
		height: 50px;
		display: block;
	}
	.brand_btn .inner a.tocco-tocco{
		background: url("../img/logo-toccocloset.svg") no-repeat;/*ヘッダーブランドミニロゴ*/
		background-size: 100px;
		background-position: center;
	}
	@media print, screen and (max-width: 767px) {
	.brand_btn .inner a.tocco-tocco{
		background: url("../img/logo-toccocloset.svg") no-repeat;/*ヘッダーブランドミニロゴ*/
		background-size: 100px;
		background-position: center;
	}
	}
	
	
	.brand_btn .inner a.suyunn-suyunn {
		background: url("../img/logo-suyunn.svg") no-repeat;/*ヘッダーブランドミニロゴ*/
		background-size: 100px;
		background-position: center;
		border-left: 1px solid #ddd;
	}
	
	
	/*ヘッダーブランドミニロゴ　バックグラウンド変更 tocco*/
	.brand_btn .inner a.tocco-tocco-pink{
		background: url("../img/logo-toccocloset.svg") no-repeat;
		background-size: 100px;
		background-position: center;
		border-bottom: solid 5px #ffd4dc;
    	box-sizing: border-box;
	}
	@media print, screen and (max-width: 767px) {
	.brand_btn .inner a.tocco-tocco-pink{
		background: url("../img/logo-toccocloset.svg") no-repeat;
		background-size: 100px;
		background-position: center;
	}
	}
	
	#header-inner_th .logo_area .inner h1 a img.logo_tocco-tocco-pink{
		width: 230px;
	}
	@media print, screen and (max-width: 767px) {
		#header-inner_th .logo_area .inner h1 a img.logo_suyunn-suyunn{
			width: 30px;
		}
		#header-inner_th .logo_area .inner h1 a img.logo_tocco-tocco-pink{
			width: 120px;
		}
	}
	/*ヘッダーブランドミニロゴ　バックグラウンド変更 tocco*/
	
	
	
	.brand_btn .inner a.suyunn-suyunn-blue {
		background: url("../img/logo-suyunn.svg") no-repeat;/*ヘッダーブランドミニロゴ*/
		background-size: 100px;
		background-position: center;
		border-left: 1px solid #ddd;
		border-bottom: solid 5px #d6f3ff;
    	box-sizing: border-box;
	}
	
	
	
	
/* ハンバーガーメニューの中　*/
#sub-column .free-contents{
	background: none !important;
}
#sub-column .header-mypage{
  width: 46px;
  height: 43px;
  display: block;
  background: #000;
  position: absolute;
  top: 9px;
  right: 24px;
  background: url(/hpgen/HPB/img/common/favorite.svg) no-repeat;/*お気に入り♡画像*/
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: 22px;
  background-position: center;
}
#sub-column .drawer_logo_area img{
	width: 120px;
	margin: 0 auto;
	display: block;	
}
#sub-column .freeArea2 .free-contents {
  background-color: none;
  font-size: 12px;
  padding: 0;
}
#header-nav-drawer-close {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 34px;
  height: 37px;
  cursor: pointer;
	
}
#header-nav-drawer-close .menuBtn::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#header-nav-drawer-close span.menuBtn::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 34px;
  height: 2px;
  border-radius: 2px;
  background: #111;
  transition: .3s;
  transform: rotate(-45deg);
}
#header-nav-drawer-close span.menuBtn::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 34px;
  height: 2px;
  border-radius: 2px;
  background: #111;
  transition: .3s;
  -webkit-transform: rotate(-135deg);
}
#header-nav-drawer-close .drawerClose {
  display: block;
  position: absolute;
  bottom: 6px;
  left: 57px;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  transition: .2s;
  font-size: 11px;
}
#sub-column .leftSearch{
  background: none;
}
#sub-column .leftSearch #searchbox form{
	border: none;
	position: relative;
	height: 50px;
	background: #fff;
}
#sub-column .leftSearch #searchbox input.searchbox{
	padding: 0 17px;	
}
#sub-column .leftSearch #searchbox input.searchSubmit{
height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
	padding: 0 0 0 50px;
	background-color: #fff;
	}
#sub-column #searchbox_wrap{
	position: relative;
	margin: 10px 0 15px;
	overflow: hidden;
  border-radius: 25px;
}
#sub-column #searchbox_wrap #searchbox p{
	display: none;
}
#sub-column #searchbox_wrap::after{
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: #fff url(../img/search.svg) no-repeat;/*虫メガネ画像*/
    background-size: 20px;
    background-position: center;
	pointer-events: none;
}