.header-logined-welcome{position:relative;width:107px;height:50px;background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:center}#header,#header-top,.header-logined-welcome a{width:100%;position:relative}.header-logined-welcome.is-member-member{background-image:url(../img/common/header_login_member.svg);color:#fff}.header-logined-welcome.is-member-bronze{background-image:url(../img/common/header_login_bronze.svg);color:#fff}.header-logined-welcome.is-member-regular{background-image:url(../img/common/header_login_regular.svg);color:#fff}.header-logined-welcome.is-member-silver{background-image:url(../img/common/header_login_silver.svg);color:#fff}.header-logined-welcome.is-member-gold{background-image:url(../img/common/header_login_gold.svg);color:#fff}.header-logined-welcome.is-member-platinum{background-image:url(../img/common/header_login_platinum.svg);color:#fff}.header-logined-welcome a{display:block;height:100%;color:inherit}.header-logined-welcome-name{padding-top:18px;font-size:1rem;line-height:1.2;color:inherit!important}.header-logined-welcome-point{font-size:1.2rem;line-height:1.2;color:inherit!important}.header-logined-welcome-point span{display:inline-block;padding-right:.2em;vertical-align:top;font-weight:600}.header-business #header-top .logo-copy{font-size:1.4rem}#header-top{height:84px;background:#003fad;background:-webkit-gradient(linear,left top,left bottom,from(#003fad),color-stop(64%,#00a1e7),to(#00c3ff));background:linear-gradient(to bottom,#003fad 0,#00a1e7 64%,#00c3ff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003fad', endColorstr='#00c3ff', GradientType=0);color:#fff}#header-top a{color:#fff}#header-top>.wrap{height:100%}#header-top .logo{float:left;padding-top:23px;width:258px}#header-top .logo-img{width:100%;height:24px;font-size:.8rem;line-height:1}#header-top .logo-img a{display:block;width:100%;height:100%}#header-top .logo-img a:focus>img,#header-top .logo-img a:hover>img{opacity:1;-webkit-filter:none;filter:none}#header-top .logo-copy{margin-top:10px;font-size:1.6rem;line-height:1.2}#header-top .search{position:relative;clear:none;float:left;margin-left:12px;padding-top:20px;width:300px}.body--search--focus #header-top .search{z-index:100}#header-top .search .side-search__horizontal{padding-bottom:0}#header-top .search .side-search--input{z-index:90}#header-top .search input,#header-top .search select{width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.2rem}#header-top .search select{margin:1px 0 0;color:#147fcc}#header-top .search select::-ms-expand{display:none}#header-top .search input{color:#fff}#header-top .search input[type=submit]{position:absolute;top:4px;right:5px;width:20px;height:20px;background:url(../img/icon/search3.svg) center center no-repeat;background-size:20px}#header-top .search .keyword,#header-top .search .select{position:relative;float:left;height:30px;-webkit-box-sizing:border-box;box-sizing:border-box}#header-top .search .select{width:140px;background:#fff}#header-top .search .select:after{content:' ';position:absolute;top:5px;right:5px;width:20px;height:20px;background:url(../img/icon/header_select.png) center center no-repeat}#header-top .search .select select{display:block;padding:0 12px}
#header-top .contact-box,#header-top .info-btns,#header-top .info-links{display:-webkit-box;display:-ms-flexbox}#header-top .search .keyword{padding:9px 10px;font-size:1.1rem;background-color:#fff;border:1px solid #e9eced}#header-top .search .keyword::-webkit-input-placeholder{color:#9fa7b0}#header-top .search .keyword::-ms-input-placeholder{color:#9fa7b0}#header-top .search .keyword::-moz-placeholder{color:#9fa7b0}
#header-top .contact{float:left;position:relative;padding-top:12px}
#header-top .contact-logined{padding-top:26px}#header-top .contact-box{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#header-top .contact-box-title{width:144px;text-align:right;white-space:nowrap;font-size:1rem;line-height:1.2}#header-top .contact-box-num{padding-left:6px;width:calc(100% - 150px);white-space:nowrap;font-size:1.9rem;font-weight:600;line-height:1.2}
#header-top .contact-time{margin-top:2px;text-align:right;white-space:nowrap;font-size:12px;line-height:1.2}
#header-top .info{position:absolute;top:0;right:0;width:340px!important}#header-top .info-links{display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#header-top .info-links-item{width:auto;border-bottom:none;font-size:1.2rem;line-height:1.2}#header-top .info-links-item>a{display:inline-block;position:relative;text-decoration:none;white-space:nowrap;vertical-align:top}
#header-catnav .catnav-title a:focus,#header-catnav .catnav-title a:hover,#header-top .info-btns-item a:focus,#header-top .info-btns-item a:hover{text-decoration:underline}
#header-top .info-links-login,#header-top .info-links-register{padding:6px 0 3px}
#header-top .info-links-register{font-weight:600;padding-right: 8px;}
#header-top .info-links-register>a{color:#ff0}
#header-top .info-links-login{padding-left:10px;border-left:solid #525252 1px;padding-right:8px;}
#header-top .info-links-guide{margin-left:8px}
#header-top .info-links-guide>a{padding:6px 4px 4px;background:#ffffff;border:1px solid #0046b1;color:#0046b1;font-weight:500;border-top:none;border-radius:0 0 4px 4px}
#header-top .info-btns{display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:6px}#header-top .info-btns-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-left:15px;width:auto;text-align:center;font-size:1rem;line-height:1.2!important;border-bottom:none}#header-top .info-btns-item:first-child{margin-left:0}#header-top .info-btns-item a{display:inline-block;position:relative;white-space:nowrap;vertical-align:middle}#header-top .info-btns-item i{display:block;position:relative;margin:0 auto;width:34px;height:34px;text-indent:-9999px;white-space:nowrap;overflow:hidden}#header-top .info-btns-item i:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:100%}#header-top .info-btns-item .num{display:none;position:absolute;top:5px;left:-2px;width:16px;height:16px;border-radius:50%;background:#c1272d;border:1px solid #fff;font-size:1.1rem;font-weight:400;line-height:14px}#header-top .info-btns-beginner i:before{background-image:url(../img/icon/beginner1.svg)}#header-top .info-btns-cart i:before{background-image:url(../img/icon/cart1.svg)}#header-top .info-btns-clip i:before{background-image:url(../img/icon/clip2.svg)}#header-top .info-btns-history i:before{background-image:url(../img/icon/eye2.svg)}#header-top .info .header-logined{position:absolute;top:20px;left:0;text-align:left;width:105px;font-weight:400;line-height:1.4}#header-catnav{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:36px;background:#242424}#header-catnav>.wrap{height:100%}
#header-catnav .catnav-title{float:left;}
#header-catnav .catnav-title a{color:#187FCC;margin: 0 25px 0 15px;font-size: 14px;font-weight:500;}
#header-catnav .catnav-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:right;padding:3px 0;margin-left: auto;margin-bottom: 0;}#header-catnav .catnav-box-title{white-space:nowrap;font-size:1.2rem;font-weight:400;line-height:1.2;color:#fff}#header-catnav .catnav-box-content{margin-left:10px;white-space:nowrap}#header-catnav .catnav-links{display:-webkit-box;display:-ms-flexbox;display:flex}#header-catnav .catnav-links-item{margin-left:3px;height:29px;text-align:center;font-size:1.2rem;line-height:29px}#header-catnav .catnav-links-item:first-child{margin-left:0}#header-catnav .catnav-links-item:before{display:none}#header-catnav .catnav-links-item>a{display:inline-block;padding:0 8px;min-width:90px;background:#fff;vertical-align:top;color:#242424}.body--headnav--open #header{z-index:200}#header .overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:80}.game-theme #header-catnav{border-bottom:1px solid #9fa7b0}#container.header-fixed #header{position:fixed;top:0;left:0;right:0;z-index:20}#container.header-fixed #header #header-catnav,#container.header-fixed #header #header-gnav dl dt,#container.header-fixed #header .block-second{display:none}

/* 2023/11/28 検索窓の×マーク調整 */
#header-top .search .keyword {position: relative;}
#header-top .search .keyword::-webkit-search-cancel-button {position: absolute; right: 25px; cursor:pointer;}
/* add 2024.6.22 free shipping & loan */
.header__campaign{
	width:1200px;
	height:42px;
	margin:15px auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
#top.header__campaign{
	width:1500px; /* update 2024.12.3 */
	justify-content: center;
	margin-bottom:-10px
}
#business.header__campaign{
	margin-bottom:20px;
	width: 1400px; /* update 2024.12.3 */
}
.header__campaign a.header__campaign--link{
	display: inline-block;
	font-weight: 600;
	font-size: 17px;/* update 2024.12.3 */
	background: #ffff00;
	border-radius: 10px;
	padding: 4px 8px; /* update 2024.12.3 */
	margin: 0 10px 0 0;
	text-align: center;
	color: #1b1b1b;
	border: 2px solid red; /* update 2024.12.3 */
}
#top.header__campaign a.header__campaign--link{
	margin:0 5px;
}
.header__campaign a.header__campaign--tagline{
	margin-left:auto;
}
.header__campaign a.header__campaign--tagline img{
	height:44px;
	width:300px;
}
.header__campaign a:hover{
	cursor:pointer
}
.header__campaign span{
	color:#ff0000;
}

/* add 2024.9.2 */
#header-catnav .catnav-title{
	margin: 0 0 0 10px;
	height: 30px;
	transform: skewX(-15deg);
	display: flex;
	align-items: center;
	background: #fff;
}

#header-catnav > div{
	display: flex;
	align-items: center;
}

#header-catnav p.catnav-title:before{
	content: "";
	width: 10px;
	height: 30px;
	display: inline-block;
	background: linear-gradient(to bottom, #00c3ff 0%, #00c3ff 50%, #0066c4 100%);
}

.catnav-title  a span{
	display: inline-block;
	transform: skewX(15deg);
}

#header-catnav p.catnav-title a:before {
	content: ' ';
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 4px;
	width: 13px;
	height: 13px;
	background: url(/user_data/packages/default/_asset/img/icon/arrow_shop_link_blue.png) center center no-repeat;
	background-size: 100%;
	transform: skewX(15deg);
}