.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;width:258px}/* update 2025.1.24 */
#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{font-size:17.2px;line-height:1.2;padding-top:14px;padding-bottom:11px;}/* update 2025.1.24 */
#header-top .search{position:relative;clear:none;float:left;margin-left:12px;padding-top:28px;width:300px}/* update 2025.1.24 */
.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;margin-right: 30px;}/* update 2025.1.17 */
#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(../../../responsive/_asset/img/icon/fav_icon1.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:14px;white-space:nowrap}/* update 2025.1.17 */
#header-catnav .catnav-links{display:-webkit-box;display:-ms-flexbox;display:flex}
#header-catnav .catnav-links-item{margin-left:5px;height:29px;text-align:center;font-size:1.2rem;}/* update 2025.1.17 */
#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;background:#fff;vertical-align:top;color:#242424}/* update 2025.1.17 */
.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 2025.1.17 start */
#header{
line-height:1.6;
}
nav#header-catnav{
height:54px;
overflow:visible;
}
/* add 2025.1.17 end */
#header-catnav .catnav-title{
margin: 0 0 0 10px;
height: 36px; /* update 2025.1.17 */
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: 36px;/* update 2025.1.17 */
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);
}
/* add 2025.1.17 start */
#header-catnav .catnav-links {
.catnav-links-item{
height: 44px;
a{
height:44px;
display:flex;
align-items:center;
justify-content: center;
}
}
.catnav-links-item-first{
font-size:11px;
a{
width:225px;
white-space: normal;
}
a:before{
content:'';
background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2025/01/first_icon.jpg) center center no-repeat;
width: 85px;
height: 85px;
}
}
.catnav-links-item-corporate{
margin-left:14px;
a{
width:200px;
}
}
.catnav-links-item-shop{
a{
width:104px;
}
}
.catnav-links-item-support{
a{
width:116px;
}
}
.catnav-links-item-kaitori{
a{
width:76px;
letter-spacing: 10px;
padding: 0 0 0 10px;
}
}
.recruite{
margin-left:0;
a{
display:block;
width: 90px;
}
}
}
/* add 2025.1.17 end */
/*add20250109 豎ゆｺｺ繝懊ち繝ｳ逕ｨ*/
#header-catnav li.catnav-links-item.recruite a{
color:#242424;
/*border: 1px solid #0046b1;*/
text-align:center;
padding:0px;
border-radius: 8px;
font-size: 20px;
font-size: 2.0rem;
font-weight: 700;
line-height: 1.6;
position: absolute;
height: 90px;
top: -44px; /* add 2025.1.17 start */
right: -95px;
background-color: #ffff00;
letter-spacing: 0.2em;
}
#header-catnav li.catnav-links-item.recruite a span{
color:#242424;
background-color: #fff;
display: inline-block;
font-size: 20px;
font-size: 2.0rem;
font-weight: 700;
line-height: 1.2;
width: 100%;
letter-spacing: 0.2em;
height: 62px;
border-radius: 0 0 8px 8px;
padding-top:6px;
padding-left:4px;
}