@charset "utf-8";

.dp-none {
	display: none;
}

@media screen and (max-width: 600px) { 
	.dp-none {
		display: block;
	}
	
	#home_content .topSectionWrapper .sp_dp-none {
		display: none;
	}
	#topBannerOuter {
		display: none;
	}

	body::before {
		display: none;
	}
	
	.hero::after {
		background: #FFFFFF;
	}
	
	.hero .char2 {
		padding: 0;
	}
	
	.hero .char2>.inner::after, .hero .char2::before {
		display: none;
	
	}
	
	.hero .char2>.inner {
		background: unset;
		padding: 0;
	}
	
	.sp-h2 {
		display: block;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		text-align: center;
	}
	
	.sp-h2_tireicon {
		display: inline-block;
		margin-right: 5.8px;
	}
	
	.webshoplink {
		display: block;
		margin: 10px auto;
		text-align: center;
		font-size: 10px;
		color: #DC0002;
		font-weight: normal;
		text-decoration: underline;
	}
	
	
	
	
	
	#searchBar .panel {
		margin: 6.5px 0 60px 0;
	}
	
	#searchBar .panel .search {
		margin: 0;
	}
	
	#searchBar .search a, #searchBar .search .a {
		width: 160px;
		background: #000000;
		border-color: #000000;
	}
	#searchBar .search a:first-child, #searchBar .search .a:first-child {
		border-right: 1px solid #FFFFFF;
	}
	
	#searchBar a, #searchBar .a {
		border-radius: 0;
		font-size: 10px;
		
	}
	
	#searchBar .panel ul {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		width: 100%;
	}
	
	#searchBar .search a::after, #searchBar .search .a::after {
		font-size: 10px;
		top: -0.1em;
		right: 0.5em;
	}
	
	#searchBar .panelChange {
		width: 100%;
		padding: 0 5px;
		justify-content: space-around;
		
	}
	
	#searchBar .panelChange li:first-child {
		width: 22.6%;
		position: relative;
	}
	
	#searchBar .panelChange li:nth-child(2) {
		width: 32.3%;
		position: relative;
	}
	
	#searchBar .panelChange li:last-child {
		width: auto;
		position: relative;
	}
	
	#searchBar .panelChange li:first-child::before {
		content: "";
		display: inline-block;
		width: 1px;
		height: 19px;
		background-color: #707070;
		position: absolute;
		top: -2px;
		left: -5px;
	}
	
	
	
	#searchBar .panelChange li:nth-child(2)::before {
		content: "";
		display: inline-block;
		width: 1px;
		height: 19px;
		background-color: #707070;
		position: absolute;
		top: -2px;
		left: -5px;
		
	}
	
	#searchBar .panelChange li:nth-child(2)::after {
		content: "";
		display: inline-block;
		width: 1px;
		height: 19px;
		background-color: #707070;
		position: absolute;
		top: -2px;
		right: -5px;
		
	}
	
	#searchBar .panelChange li:last-child::after {
		content: "";
		display: inline-block;
		width: 1px;
		height: 19px;
		background-color: #707070;
		position: absolute;
		top: -2px;
		right: -5px;
	}
	
	
	
	#searchBar .panelChange li .str1, #searchBar .panelChange li .str2 {
		font-size: 10px;
		display: inline;
		font-weight: bold;
	}
	
	#searchBar .panelChange li {
		text-align: center;
		color: #000000;
		background: unset;
		border-radius: 0;
		padding: 0;
	}
	
	#searchBar .panelChange li.on {
		color: #FFFFFF;
		background: #dc0002;
		
	}
	
	
	/*LINEボタン*/
	
	.hero .lineShopsLink {
		right: unset;
		left: 50%;
		top: 141px;
		transform: translateX(-50%)
		
	}
	.hero .lineShopsLink a {
		width: 176px;
		height: 30px;
		border-radius: 15px;
		font-size: 8px;
		position: relative;
		
		
	}
	
	.hero .lineShopsLink a::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url("../line/lineIcon.png") no-repeat;
		background-size: contain;
		position: absolute;
		left: 9px;
		
	}
	
	
	.hero .lineShopsLink a p {
		background: unset;
		padding-top: 0;
		
	}	
	
	.hero .lineShopsLink a span {
		display: inline;
	}
	
	
	/*セール情報*/
	.sp-sale {
		background: #f9efe3;
		padding: 23px 0 25px 0;
		margin-top: -30px;
	}
	
	
	.sp-hdType201907 {
		text-align: center;
		margin-bottom: 17px;
	}
	
	.sp-h2-sale {
		position: relative;
	}
	
	.sp-h2-sale::before {
		content:"";
		display: inline-block;
		position: absolute;
		width: 1px;
		height: 12px;
		left: -12px;
		background: #000000;
		transform: rotate( -30deg );		
	}
	
	.sp-h2-sale::after {
		content:"";
		display: inline-block;
		position: absolute;
		width: 1px;
		height: 12px;
		right: -12px;
		background: #000000;
		transform: rotate( 30deg );		
		
		}
	
	
	
	.sale_ul {
		display: flex;
		border-bottom: 7px solid #dc0002;
	}
	
	.sale_li {
		line-height: 1.1;
		padding: 10px 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center;
		font-size: 10px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		cursor: pointer;
		-webkit-transition: all .3s;
		transition: all .3s;
		background: #e5e5e6;
		
		
	}
	
	.sale_li.on {
		background: #dc0002;
		color: #FFFFFF;
	}
	
	.sale_span {
		display: block;
	}
	
	.special_h2 {
		margin: 20px auto 10px;
		text-align: center;
	}
	
	
	.sp-shoulder {
		font-family:"Roboto", sans-serif;
		font-weight: 700;
		font-size: 10px;
		color: #ff6600;
	}
	
	
/* コロナから下　*/
	
	.corona {
		padding:20px 4vw;
	}
	
	#home_content .topSectionWrapper {
		padding: 0 0 50px 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}