/*
Theme Name: hobo
*/
@import url('https://fonts.googleapis.com/css?family=Barlow:100,200,300,400,500,600,700,800,900&display=swap');
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	min-height: 100%;
	position: relative;
	padding:0;
	margin:0;
}
img{
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	vertical-align: bottom;
	backface-visibility: hidden; 
	width:100%;
	height:100%;
}
title br{display:none;}
a{
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	text-decoration: none;
	cursor:pointer;
	color:#191919;
	outline: none;
}
button:focus{
  outline: none;
}
.hover:hover , a img:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
a:hover{
	text-decoration: none;
}
body {
	font-size:1.093vw;
	font-family: 'Barlow', "Helvetica Neue" , 'hiragino kaku gothic pro' , 'ヒラギノ角ゴ Pro W3' , "メイリオ" , sans-serif;
	line-height: 1.42857143;
	font-weight:400;
	color:#191919;
	background: #fff;
}

li{
	list-style: none;
}
ul , p{
	margin:0;
	padding:0;
}
#topcontrol i{
	font-size:24px;
	color:#191919;
}
/**********************************original*****************************/
#allContentsWrapper{
	width:100%;
	margin:0 auto;
	flex: 1;
}
#contentWrapper{
	width:100%;
	margin:0 auto;
	position:relative;
	height:100%;
	height:auto!important;
	min-height: 100%;
}
#hobo_main_img{
	width:100%;
	overflow: hidden;
}
#holidays{
	padding:3% 0;
}
/******************************* menu *******************************/
#hobo_menu_toggle {
	position: fixed;
	top: 30px;
	right: 25px;
	height: 30px;
	cursor: pointer;
}
#hobo_menu .logos a img{
	max-height:45px;
	text-align:center;
}
#hobo_menu_toggle > div {
	position: relative;
	width: 34px;
}
#hobo_menu_toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #191919;
	position: absolute;
	transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#hobo_menu_toggle span:nth-child(1) {
	top: 0;
}
#hobo_menu_toggle span:nth-child(2) {
	top: 14px;
}
#hobo_menu_toggle:hover span:nth-child(1) {
	top: 4px;
}
#hobo_menu_toggle:hover span:nth-child(2) {
	top: 23px;
}

.open #hobo_menu_toggle span {
	background: #191919;
}
.open #hobo_menu_toggle span:nth-child(1) {
	top: 15px;
	transform: rotate(45deg);
}
.open #hobo_menu_toggle span:nth-child(2) {
	top: 15px;
	transform: rotate(-45deg);
}

/* z-index */
#hobo_menu_toggle {
	z-index: 1000;
}

#container {
	z-index: 900;
}

#hobo_menu_gloval {
	background: rgba(255, 255, 255, 0.7);
	color: #191919;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	text-align: center;
	display: flex;
	visibility: hidden;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.6s ease, visibility 0.6s ease;
}

#hobo_menu_gloval a,
#hobo_menu_gloval li{
	display: block;
	color: #191919;
	text-decoration: none;
	padding: 2px 0;
	transition: color 0.6s ease;
	font-size:2.734vw;
	font-weight:800;
	letter-spacing: 0.13em;
}
.hobo_menu_accordion p{
	cursor: pointer;
}
.hobo_menu_inner{
	display: none;
}
.hobo_menu_inner li a{
	font-size:1.171vw!important;
	padding: 2px 0;
}
#hobo_menu .logos a img#logoimg2021{
	max-height: 78px;
}
#hobo_menu_toggle div.hobo_menu_toggle2021{
	top:15px;
}
@media only screen and (min-width: 1281px) {
	#hobo_menu_gloval a,
	#hobo_menu_gloval li{
		font-size:35px;
		letter-spacing: 0.13em;
	}
	.hobo_menu_inner li a,{
		font-size:15px!important;
	}
}
#hobo_menu_gloval a:hover {
	color: #666;
}
#hobo_menu_gloval ul {
	list-style: none;
}
#hobo_menu_gloval ul li {
	opacity: 0;
	transform: translateX(200px);
	transition: transform 0.6s ease, opacity 0.2s ease;
}
#hobo_menu_gloval ul li:nth-child(2) {
	transition-delay: 0.15s;
}
#hobo_menu_gloval ul li:nth-child(3) {
	transition-delay: 0.3s;
}
#hobo_menu_gloval ul li:nth-child(4) {
	transition-delay: 0.45s;
}
#hobo_menu_gloval ul li:nth-child(5) {
	transition-delay: 0.6s;
}
#hobo_menu_gloval ul li:nth-child(6) {
	transition-delay: 0.75s;
}
#hobo_menu_gloval ul li:nth-child(7) {
	transition-delay: 0.9s;
}
#hobo_menu_gloval ul li:nth-child(8) {
	transition-delay: 1.05s;
}
#hobo_menu_gloval ul li:nth-child(9) {
	transition-delay: 1.2s;
}
#hobo_menu_gloval ul li:nth-child(10) {
	transition-delay: 1.35s;
}
#hobo_menu_gloval ul li:nth-child(11) {
	transition-delay: 1.5s;
}
#hobo_menu_gloval ul li:nth-child(12) {
	transition-delay: 1.65s;
}
#hobo_menu_gloval ul li:nth-child(13) {
	transition-delay: 1.8s;
}
#hobo_menu_gloval ul li:nth-child(14) {
	transition-delay: 1.95s;
}
#hobo_menu_gloval ul li:nth-child(15) {
	transition-delay: 2.1s;
}
#hobo_menu_gloval ul li:nth-child(16) {
	transition-delay: 2.25s;
}

/* open */
.open {
	overflow: hidden;
}
.open #hobo_menu_gloval {
	visibility: visible;
	opacity: 1;
}
.open #hobo_menu_gloval li {
	opacity: 1;
	transform: translateX(0);
	transition: transform 1s ease, opacity 0.9s ease;
}
/******************************* top product *******************************/
h1.hobo_title{
	width:36%;
	margin:0 auto;
	text-align:center;
	font-size:2.4vw;
	letter-spacing: 0.1em;
	background:#7a8862;
	color:#fff;
	padding:6% 0 2%;
}
#hobo_main_product h2,
#hobo_category_footer h2,
#hobo_category_footer_ss20 h2{
	font-size:3vw;
	letter-spacing: 0.1em;
	text-align:center;
	padding:6% 0;
}
#hobo_main_product h2 span{
	font-size:1.171vw;
	letter-spacing: 0;
	font-weight:400;
	display:block;
	padding-top:1%;
}
#hobo_main_product h2 span br{
	display:none;
}
#hobo_main_product li{
	width:50%;
	float:left;
}
#hobo_main_product li dl{
	padding:3% 0 5%;
	text-align:center;
	font-weight:800;
}
#hobo_main_product li dt{
	margin:0;
	padding:0;
	font-size:3vw;
	letter-spacing: 0.08em;
}
#hobo_main_product li dd{
	margin:0;
	padding:0;
	font-size:1.171vw;
}
.hobo_main_product_btn{
	text-align:center;
}
.hobo_main_product_btn a{
	font-size:3.75vw;
	line-height:3.75vw;
	font-weight:800;
	letter-spacing: 0.08em;
	padding-bottom:1px;
	margin:8% 0;
	border-bottom:solid 4px #191919;
	display:inline-block;
}
#hobo_main_product_exclusive img{
	width:50%;
	float:left;
}
#hobo_main_product_exclusive .hobo_main_product_txt{
	width:50%;
	text-align:center;
	font-weight:800;
	float:left;
}
#hobo_main_product_exclusive .hobo_main_product_txt dt{
	margin:0;
	padding:0;
	font-size:3vw;
	letter-spacing: 0.08em;
}
#hobo_main_product_exclusive .hobo_main_product_txt dd{
	margin:0;
	padding:0;
	font-size:1.171vw;
}
#hobo_main_topics{
	padding:0;
}
#hobo_main_topics img{
	width:50%;
	float:left;
}
#hobo_main_topics .hobo_main_product_txt{
	width:50%;
	text-align:center;
	font-weight:800;
	float:left;
}
#hobo_main_topics .hobo_main_product_txt dt{
	margin:0;
	padding:0;
	font-size:3vw;
	letter-spacing: 0.08em;
}
#hobo_main_topics .hobo_main_product_txt dd{
	margin:0;
	padding:0;
	font-size:1.171vw;
}
#foot21ssnewblock{padding-top:5%;}
#foot21ssnewblock section{
	width:50%;
	float:left;
}
@media only screen and (min-width: 1281px) {
	h1.hobo_title,
	.hobo_main_product_btn a{
		font-size:48px;
	}
	#hobo_main_product h2,
	#hobo_main_product li dt,
	#hobo_main_product_exclusive .hobo_main_product_txt dt,
	#hobo_main_topics .hobo_main_product_txt dt{
		font-size:40px;
	}
	#hobo_main_product h2 span,
	#hobo_main_product li dd,
	#hobo_main_product_exclusive .hobo_main_product_txt dd,
	#hobo_main_topics .hobo_main_product_txt dd{
		font-size:15px;
	}
}
/******************************* all products *******************************/
#hobo_product_all_list{
	padding:0 0 5%;
}
#hobo_product_all_list li{
	width :25%;
	width :-webkit-calc(100% / 4);
	width : calc(100% / 4);
	float:left;
}
#hobo_product_all_list li a:hover .hobo_product_all_title{
	opacity: 1!important;
}
#hobo_product_all_list li a{
	display: block;
	position: relative;
	opacity: 1!important;
}
.hobo_product_all_title{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	text-decoration: none;
	z-index:100;
	padding:0 10%;
}
.hobo_product_all_title dt{
	font-size:1.562vw;
	letter-spacing:1px;
	padding:50% 0 0;
	font-weight:700;
	margin:0;
}
.hobo_product_all_title dd{
	font-size:1.015vw;
	padding:3% 0 0;
	margin:0;
}
@media only screen and (min-width: 1281px) {
	.hobo_product_all_title dt,
	#hobo_category_footer li dt,
	#hobo_category_footer_ss20 li dt{
		font-size:20px;
	}
	.hobo_product_all_title dd,
	#hobo_category_footer li dd,
	#hobo_category_footer_ss20 li dt{
		font-size:13px;
	}
}
/******************************* category *******************************/
.hobo_cat_discription{
	width:70%;
	margin:0 auto;
	font-size:1.093vw;
	letter-spacing:1px;
	line-height:2;
	font-weight:600;
	padding:3% 3.5%;
	color:#7a8862;
	border:#7a8862 solid 2px;
}
.hobo_category_img{
	width:100%;
}
#hobo_category_footer li{
	width :25%;
	width :-webkit-calc(100% / 4);
	width : calc(100% / 4);
	float:left;
	text-align:center;
}
#hobo_category_footer li dl{
	padding:3% 0 5%;
}
#hobo_category_footer li dt{
	margin:0;
	padding:0;
	font-size:1.562vw;
	letter-spacing:1px;
	font-weight:700;
}
#hobo_category_footer li dd{
	margin:0;
	padding:1% 0 0;
	font-size:0.8vw;
	font-weight:600;
}

#hobo_category_footer_ss20 li{
	width :33.3333%;
	width :-webkit-calc(100% / 3);
	width : calc(100% / 3);
	float:left;
	text-align:center;
}
#hobo_category_footer_ss20 li img{
	width:100%;
	height:auto;
}
#hobo_category_footer_ss20 li dl{
	padding:3% 0 5%;
}
#hobo_category_footer_ss20 li dt{
	margin:0;
	padding:0;
	font-size:1.562vw;
	letter-spacing:1px;
	font-weight:700;
}
#hobo_category_footer_ss20 li dd{
	margin:0;
	padding:1% 0 0;
	font-size:0.8vw;
	font-weight:600;
}
#hobo_category_footer_exclusive img{
	width:40%;
	float:left;
}
#hobo_category_footer_exclusive .hobo_main_product_txt{
	width:60%;
	text-align:center;
	font-weight:800;
	float:left;
}
#hobo_category_footer_exclusive .hobo_main_product_txt dt{
	margin:0;
	padding:0;
	font-size:3vw;
	letter-spacing: 0.08em;
}
#hobo_category_footer_exclusive .hobo_main_product_txt dd{
	margin:0;
	padding:1% 0 0;
	font-size:0.8vw;
	font-weight:600;
}
/******************************* product detail *******************************/
#hobo_product_detail_txt{
	width:40%;
	float:left;
	padding:0 1% 10% 3%;
	margin:0;
	font-weight:500;
	letter-spacing: 1px;
}
#hobo_product_detail_txt h1{
	font-size:3vw;
	letter-spacing:2px;
}
#hobo_product_detail_txt dl{
	padding:1% 0;
}
#hobo_product_detail_txt dt{
	font-size:1.015vw;
	width:30%;
	float:left;
	padding:0 0 2%;
	margin:0;
}
#hobo_product_detail_txt dd{
	font-size:1.015vw;
	width:70%;
	float:left;
	padding:0 0 2%;
	margin:0;
}
#hobo_product_detail_txt p{
	font-size:1.015vw;
}
.hobo_product_detail_txt_txt{
	padding-top:8%;
}
#hobo_product_detail_txt a{
	display:block;
	width:60%;
	padding:4% 0;
	font-size:1.5vw;
	font-weight:700;
	letter-spacing: 2px;
	background:#191919;
	color:#fff;
	text-align:center;
	margin:10% auto 0;
	position:relative;
}
#hobo_product_detail_img{
	width:60%;
	float:right;
	padding:0 5% 5%;
}
#hobo_product_detail_img .bx-wrapper .bx-prev{
	left:-20px;
}
#hobo_product_detail_img .bx-wrapper .bx-next{
	right:-38px;
}
@media only screen and (min-width: 1281px) {
	#hobo_product_detail_txt h1{
		font-size:40px;
	}
	#hobo_product_detail_txt dt,
	#hobo_product_detail_txt dd,
	#hobo_product_detail_txt p{
		font-size:13px;
	}
	#hobo_product_detail_txt a{
		font-size:22px;
	}
}
/******************************* topics *******************************/
#hobo_topics_list{
	padding:12% 0;
	text-align:center;
}
#hobo_topics_list li{
	width:50%;
	float:left;
}
#hobo_topics_list dl{
	padding:7% 0;
}
#hobo_topics_list dt{
	font-size:3.125vw;
	letter-spacing: 2px;
	margin:0;
	padding:0;
	font-weight:700;
}
#hobo_topics_list dd{
	font-size:1.25vw;
	margin:0;
	padding:1% 0 0;
	font-weight:600;
}
.hobo_topics_list_pager{
	font-size:3.125vw;
	text-align:center;
	font-weight:700;
	letter-spacing:0.1em;
}
.hobo_topics_video {
	width:80%;
	margin:5% auto;
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}
.hobo_topics_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 1281px) {
	#hobo_topics_list dt,
	.hobo_topics_list_pager{
		font-size:40px;
	}
	#hobo_topics_list dd{
		font-size:16px;
	}
}
#hobo_topics_sec{
	padding:5% 0;
}
#hobo_topics_sec h2{
	text-align:center;
	font-weight:600;
	font-size: 2.5vw;
	margin:0;
	padding:5% 0;
}
#hobo_topics_sec .hobo_topics_sec_text{
	font-size: 1.1vw;
	padding: 3% 0 7%;
	letter-spacing: 1px;
	line-height: 2.2;
	width: 92%;
	margin:0 auto;
	text-align:center;
}
/******************************* topics detail *******************************/
#hobo_topics_detail li{
	width:87.5%;
	margin:0 auto;
	text-align:center;
	overflow: hidden;
}
#hobo_topics_detail li img{
	width:100%;
	height:auto;
	margin:0 auto;
}
.hobo_topics_detail_txt{
	width:80%;
	margin:10% auto 5%;
	text-align:left;
}
.hobo_topics_detail_txt h1{
	font-size:3.6vw;
	text-align:center;
	margin:0;
	padding:0;
}
.hobo_topics_detail_txt_date{
	display:block;
	font-size:1.562vw;
	padding-top:1%;
	text-align:center;
	font-weight:500;
}
.hobo_topics_detail_txt p{
	font-weight:500;
	font-size:1.1vw;
	padding-top:3%;
	letter-spacing: 1px;
	line-height:1.8;
}
.hobo_topics_detail_nav{
	width:90%;
	margin:0 auto;
	padding:5% 0 10%;
	font-weight:800;
	font-size:2.5vw;
	letter-spacing: 0.1em
}
.hobo_topics_detail_next{
	width:50%;
	float:left;
	text-align:left;
}
.hobo_topics_detail_prev{
	width:50%;
	float:right;
	text-align:right;
}
#hobo_main_img_thumbnail{
	width:80%;
	margin:0 auto 10%;
}
#hobo_main_img_thumbnail li{
	width :12.5%;
	width :-webkit-calc(100% / 8);
	width : calc(100% / 8);
	float:left;
	height:auto;
}
#hobo_main_img_thumbnail li img{
	width:100%;
	height:auto;
}
@media only screen and (min-width: 1281px) {
	.hobo_topics_detail_txt h1{
		font-size:46px;
	}
	.hobo_topics_detail_txt span,
	.hobo_topics_detail_txt p{
		font-size:20px;
	}
	.hobo_topics_detail_nav{
		font-size:40px;
	}
}
/******************************* stockist *******************************/
#hobo_stockist{
	width:90%;
	margin:0 auto;
}
.hobo_stockist_wrapper{
	padding:10% 0;
}
.hobo_stockist_wrapper h2{
	text-align:center;
	margin:0;
	padding:0 0 8%;
	font-size:3.125vw;
	letter-spacing:2px;
}
.hobo_flagship li{
	width:50%;
	float:left;
	padding-bottom:5%;
}
.hobo_flagship li p{
	font-size:2.5vw;
	letter-spacing: 1px;
	font-weight:700;
}
.hobo_flagship dl{
	font-size:1.4vw;
	font-weight:500;
	padding:2% 0 0;
	margin:1em 0;
}
.hobo_flagship dt{
	margin:0;
	padding:0;
}
.hobo_flagship dd{
	padding:2% 0 0;
	margin:0;
}
.hobo_stokist_region{
	width:28%;
	float:left;
	font-weight:700;
	font-size:1.4vw;
	letter-spacing: 1px;
	line-height:2.2;
	cursor:pointer;
}
#hobo_stokist_list{
	width:72%;
	float:left;
	overflow: hidden;
}
#hobo_stokist_list li{
	width:100%;
	float:left;
	padding-bottom:4%;
}
#hobo_stokist_list p{
	font-weight:700;
	font-size:2.1vw;
	position:relative;
	letter-spacing: 1px;
}
#hobo_stokist_list p i{
	padding-left:1%;
}
.hobo_stockist_tel{
	position:absolute;
	right:0;
	top:2%;
	font-size:1.4vw;
	font-weight:500!important;
}
@media only screen and (min-width: 1281px) {
	.hobo_stockist_wrapper h2{
		font-size:40px;
	}
	.hobo_flagship li p{
		font-size:32px;
	}
	.hobo_stokist_region,
	.hobo_stockist_tel,
	.hobo_flagship dl{
		font-size:18px;
	}
	#hobo_stokist_list p{
		font-size:28px;
	}
}
/******************************* about *******************************/
#hobo_about p{
	font-size:1.406vw;
	padding:10% 0 0;
	letter-spacing: 1px;
	line-height:2.2;
	word-break: break-all;
}
.hobo_about_txt{
	width:75%;
	padding:0 0 10%;
	margin:0 auto;
}
@media only screen and (min-width: 1281px) {
	font-size:218px;
}
/******************************* footer *******************************/
footer{
	width:100%;
	text-align:center;
	font-weight:800;
	letter-spacing: 0.13em;
}
.hobo_footer_top li{
	width:50%;
	float:left;
	background:#8c7c70;
}
.hobo_footer_top li a{
	font-size:2.187vw;
	display:block;
	color:#fff;
	padding:3% 0;
	position:relative;
}
.hobo_footer_top li a:after{
	font-size:2.187vw;
	position:absolute;
	right:20px;
	font-family: "Font Awesome 5 Free";
	content: "\f30b";
}
.hobo_footer_top li:nth-child(2){
	background:#96867c;
}
.hobo_footer_bottom li{
	width:50%;
	float:left;
	padding:1% 0;
	background:#a08e85;
}
.hobo_footer_bottom li:nth-child(2){
	background:#aa9991;
}
.hobo_footer_bottom p{
	font-size:3.2vw;
	color:#fff;
	position:relative;
	padding:3% 0 1%;
}
.hobo_footer_bottom li a{
	font-size:2vw;
	color:#fff;
}
input {
	-webkit-appearance: none;
	border-radius: 0;
}
#hobo_footer_bottom_mm input{
	border-bottom:1px solid #fff;
	border-left:none;
	border-right:none;
	border-top:none;
	background: rgba(255, 255, 255, 0);
	text-align:center;
	font-size:1.875vw;
	width:80%;
}
#hobo_footer_bottom_mm input::-webkit-input-placeholder{
	color:#a08e85;
}
#hobo_footer_bottom_mm .button input{
	border:none!important;
	font-size:2.343vw;
	color:#fff;
	letter-spacing: 0.1em;
	padding:2% 0 1%;
}
#hobo_footer_bottom_mm .button{
	position:relative;
}
#hobo_footer_bottom_mm .button:after{
	font-family: "Font Awesome 5 Free";
	content: "\f30b";
	font-size:2.343vw;
	color:#fff;
	top:15%;
	right:10%;
	position:absolute;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output{
	border:none!important;
	color:#fff;
}
.hobo_footer_bottom_contact{
	padding-top:3%;
	position:relative;
	display:block;
}
.hobo_footer_bottom_contact:after{
	font-family: "Font Awesome 5 Free";
	content: "\f30b";
	font-size:2vw;
	position:absolute;
	right:20px;
}
#footerInner{
	text-align:center;
	padding:3vh 0 5vh;
	background-image: url("https://thathobo.com/wpnew/wp-content/themes/hobo/img/top/hobo_truck_special_products_26.jpg");
}
#footerInnerSs20{
	text-align:center;
	padding:3vh 0 5vh;
	background-image: url("https://thathobo.com/wpnew/wp-content/themes/hobo/img/top/footer_ss20.jpg");
	background-position: 0 50%;
}
.sns{
	padding:5vh 0;
}
.sns p{
	font-size:1vw;
	padding-bottom:3vh;
	margin:0;
}
.sns li:first-child{
	padding-left:0;
}
.sns li{
	display:inline-block;
	font-size:2.8vw;
	margin:0;
	padding-left:2vw;
}
#copyright{
	font-size:10px;
}
@media only screen and (min-width: 1281px) {
	.hobo_footer_top li a,
	.hobo_footer_top li a:after{
		font-size:28px;
	}
	.hobo_footer_bottom p{
		font-size:40px;
	}
	.hobo_footer_bottom li a{
		font-size:25px;
	}
	#hobo_footer_bottom_mm input{
		font-size:24px;
	}
	#hobo_footer_bottom_mm .button input,
	#hobo_footer_bottom_mm .button:after{
		font-size:28px;
	}
}
.hobo_footer_sp{
	display:none;
}
@media only screen and (max-width: 835px) {
/******************************* menu *******************************/
	#hobo_menu_toggle {
		right: 23px;
	}
	#hobo_menu_toggle > div {
		width: 30px;
	}
	#hobo_menu_toggle span:nth-child(2) {
		top: 10px;
	}
	#hobo_menu_toggle:hover span:nth-child(1) {
		top: 0px;
	}
	#hobo_menu_toggle:hover span:nth-child(2) {
		top: 10px;
	}
	.open #hobo_menu_toggle span:nth-child(1) {
		top: 10px;
	}
	.open #hobo_menu_toggle span:nth-child(2) {
		top: 10px;
	}
	#hobo_menu h1{
		padding:4% 0;
	}
	#hobo_menu .logos a img{
		max-height:30px!important;
	}
	#hobo_menu_gloval a,
	#hobo_menu_gloval li{
		font-size:6vw;
	}
	.hobo_menu_inner li a{
		font-size:3.2vw!important;
	}
	#topcontrol{
		bottom:120px!important;
	}
	#hobo_menu .logos a img#logoimg2021{
		max-height: 50px!important;
	}
	#hobo_menu_toggle div.hobo_menu_toggle2021{
		top:5px;
	}
/******************************* top product *******************************/
	h1.hobo_title{
		width:70%;
		font-size:5vw;
		letter-spacing:2px;
		padding:15% 0 2%;
	}
	#hobo_main_product h2{
		font-size:4.5vw;
		letter-spacing:2px;
		padding:10% 0;
	}
	#hobo_main_product h2 span{
		font-size:2.4vw;
		padding:3% 10% 0;
		line-height:2.2;
	}
	#hobo_main_product h2 span br{
		display:block;
	}
	#hobo_main_product li dl{
		padding:7% 0 10%;
	}
	#hobo_main_product li dt,
	#hobo_main_product_exclusive .hobo_main_product_txt dt,
	#hobo_main_topics .hobo_main_product_txt dt{
		font-size:4.2vw;
		letter-spacing:2px;
	}
	#hobo_main_product li dd,
	#hobo_main_product_exclusive .hobo_main_product_txt dd,
	#hobo_main_topics .hobo_main_product_txt dd{
		font-size:2.4vw;
	}
	.hobo_main_product_btn a{
		font-size:5vw;
		line-height:5vw;
		letter-spacing:2px;
		padding-bottom:1px;
		margin:12% 0;
		border-bottom:solid 2px #191919;
	}
/******************************* all products *******************************/
	#hobo_product_all_list{
		padding:10% 0;
	}
	#hobo_product_all_list li{
		width :50%;
		width :-webkit-calc(100% / 2);
		width : calc(100% / 2);
	}
	.hobo_product_all_title dt{
		font-size:3.7vw;
		padding:40% 0 0;
	}
	.hobo_product_all_title dd{
		font-size:2.4vw;
	}
/******************************* category *******************************/
	.hobo_cat_discription{
		font-size:2.666vw;
		padding:4%;
	}
	#hobo_category_footer li,
	#hobo_category_footer_ss20 li{
		width :50%;
		width :-webkit-calc(100% / 2);
		width : calc(100% / 2);
	}
	#hobo_category_footer li dl,
	#hobo_category_footer_ss20 li dl{
		padding:7% 0 10%;
	}
	#hobo_category_footer li dt,
	#hobo_category_footer_ss20 li dt{
		font-size:4.2vw;
		letter-spacing:2px;
	}
	#hobo_category_footer li dd,
	#hobo_category_footer_ss20 li dd{
		font-size:2.4vw;
	}
/******************************* product detail *******************************/
	#hobo_product_detail_txt{
		width:100%;
		padding:0 5% 15%;
	}
	#hobo_product_detail_txt h1{
		font-size:6.6vw;
	}
	#hobo_product_detail_txt dl{
		padding:0;
	}
	#hobo_product_detail_txt dt,
	#hobo_product_detail_txt dd,
	#hobo_product_detail_txt p{
		font-size:2.6vw;
	}
	.hobo_product_detail_txt_txt{
		font-size:2.4vw;
		line-height:2;
	}
	#hobo_product_detail_txt a{
		width:100%;
		padding:4% 0;
		font-size:5vw;
		margin-top:10%;
	}
	#hobo_product_detail_txt a:after{
		font-size:5vw;
	}
	#hobo_product_detail_img{
		width:100%;
		float:left;
		padding:0;
	}
	#hobo_product_detail_img img{
		padding:0 10% 5%;
	}
	#hobo_product_detail_img .bx-wrapper .bx-prev{
		left:18px;
	}
	#hobo_product_detail_img .bx-wrapper .bx-next{
		right:0;
	}
/******************************* topics *******************************/
	#hobo_topics_list{
		padding:15% 0;
	}
	#hobo_topics_list dt{
		font-size:3.5vw;
		letter-spacing: 2px;
	}
	#hobo_topics_list dd{
		font-size:2.4vw;
	}
	.hobo_topics_list_pager{
		font-size:3.8vw;
		letter-spacing: 0.2em;
	}
/******************************* topics detail *******************************/
	.hobo_topics_detail_txt h1{
		font-size:6vw;
	}
	.hobo_topics_detail_txt span{
		font-size:2.5vw;
	}
	.hobo_topics_detail_txt p{
		font-size:2.666vw;
		padding-top:4%;
	}
	#hobo_topics_detail li{
		width:100%;
	}
	.hobo_topics_detail_nav{
		padding:8% 0 15%;
		font-size:3vw;
	}
	#hobo_topics_detail .hobo_main_img_slide li{
		height:auto;
	}
	#hobo_topics_detail .hobo_main_img_slide li img{
		width:100%;
		height:auto;
	}
	#hobo_main_img_thumbnail{
		margin:0 auto 12%;
	}
	#hobo_main_img_thumbnail li{
		width :25%;
		width :-webkit-calc(100% / 4);
		width : calc(100% / 4);
		height:100%;
	}
	#hobo_topics_sec h2{
		padding:7% 0 5%;
		font-size:3.5vw;
	}
	#hobo_topics_sec .hobo_topics_sec_text{
		font-size:2.666vw;
		padding: 4% 0 14%;
		line-height: 2;
		width: 83%;
		text-align:left;
	}
	#hobo_topics_sec .slick-next{
		right:15px;
	}
	#hobo_topics_sec .slick-prev{
		left:15px;
	}
/******************************* stockist *******************************/
	.hobo_stockist_wrapper{
		padding:15% 0;
	}
	.hobo_stockist_wrapper h2{
		padding:0 0 10%;
		font-size:5.3vw;
	}
	.hobo_flagship li{
		width:100%;
	}
	.hobo_flagship li p{
		font-size:4vw;
	}
	.hobo_flagship dl{
		font-size:2.4vw;
	}
	.hobo_stokist_region{
		width:100%;
		font-size:2.6vw;
		padding-bottom:10%;
		line-height:1.8;
	}
	.hobo_stokist_region li{
		width:50%;
		float:left;
	}
	#hobo_stokist_list{
		width:100%;
	}
	#hobo_stokist_list li{
		padding-bottom:6%;
	}
	#hobo_stokist_list p{
		font-size:2.6vw;
	}
	.hobo_stockist_tel{
		font-size:2.4vw;
	}
/******************************* about *******************************/
	#hobo_about p{
		font-size:2.4vw;
		padding:20% 0 0;
	}
	.hobo_about_txt{
		width:80%;
		padding:0 0 20%;
	}
/******************************* footer *******************************/
	footer{
		position:static;
		padding-bottom:23%;
	}
	.hobo_footer_top li,
	.hobo_footer_bottom_contact_wrapper{
		display:none;
	}
	.hobo_footer_bottom li{
		width:100%;
		float:none;
		background:#8c7c70;
	}
	.hobo_footer_bottom p{
		font-size:4vw;
		padding:3% 0;
	}
	.hobo_footer_bottom li a{
		font-size:2.666vw;
	}
	#hobo_footer_bottom_mm input{
		font-size:2.666vw;
		width:90%;
	}
	#hobo_footer_bottom_mm .button input{
		font-size:3vw;
	}
	#hobo_footer_bottom_mm .button{
		position:relative;
	}
	#hobo_footer_bottom_mm .button:after{
		font-size:3vw;
		top:30%;
		right:5%;
		position:absolute;
	}
	#footerInner{
		padding:0 0 5%;
	}
	.sns{
		padding:5%;
	}
	.sns li{
		font-size:5.5vw;
		padding-left:4vw;
	}
	.hobo_footer_sp{
		display:block;
		position: fixed;
		bottom: 0;
		width:100%;
		text-align:center;
		font-weight:800;
		letter-spacing: 0.13em;
		transition: .5s;
	}
	.hobo_footer_sp.hide{
		transform: translateY(100%);
	}
	.hobo_footer_sp li{
		width:50%;
		float:left;
		background:#8c7c70;
		padding:3% 0px;
	}
	.hobo_footer_sp li:nth-child(2){
		background:#96867c;
		padding:3% 0;
	}
	.hobo_footer_sp li a{
		font-size:4vw;
		display:block;
		color:#fff;
		position:relative;
	}
	#hobo_footer_sp_contact{
		width:100%;
		background: #a08e85;
		padding:3% 0;
	}
}