/** import **/
@import url("/user_data/root_alias/basestyle/fonts/notosan/notosan.css"); /** Noto Sans **/
@import url("/user_data/root_alias/basestyle/css/icon/icon.css"); /** icon **/
/** body update 20190715 **/
body{ font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3',Meiryo,'繝｡繧､繝ｪ繧ｪ','�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','MS P Gothic',Osaka,Arial,Helvetica,Verdana,sans-serif; }
/** form **/
.form-box .input-box input[type=password], .form-box .input-box input[type=text]{
font-size:16px;
}
.form-box .error-msg{
display: table-cell;
color: #ff3b30;
font-size: 9px;
text-align: left;
padding-left: 8px;
vertical-align: middle;
}
.form-group .form-box .input-box.check-ok{
padding-left:10px;
}
/** contents **/
#contents { font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3',Meiryo,'繝｡繧､繝ｪ繧ｪ','�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','MS P Gothic',Osaka,Arial,Helvetica,Verdana,sans-serif; font-size:14px; }
#contents h1 { font-weight:500; font-size:24px; }
#contents h2 { font-weight:400 !important; font-size:20px; } /** update 20190717 **/
#contents h3 { font-weight:400; font-size:18px; }
#contents p { font-weight:400; color:#515459; }
#contents a { font-weight:400; color:#187fcc} /** update 20190719 **/
#contents th { font-weight:500; }
#contents td { font-weight:400; }
#contents p small { font-weight:400; font-size:12px; color:#515459; }
#contents li { font-weight:400; color:#515459; }
#contents th , #contents td { color:#515459; }
#contents .text-red { color: #fe6000!important; }
/** h2 **/ /** add 20190717 **/
#contents h2.ttl { font-size:15px; }
#contents h2.title { font-size:18px; }
#contents.template h2{margin-top:30px;}
#contents.template>h2:first-of-type{margin-top:0;}
#contents.template .pickup-1 h2.title {margin-top:0;}
/** h3 **/ /** add 20190903 **/
#contents.template h3{margin-top:28px; margin-bottom:10px; margin-left:15px; margin-right:15px; padding-bottom:5px; border-bottom-width:2px; border-left:0; border-right:0;color: #18191a!important; } /** update 20230828 **/
#contents.template .columns h3 , #contents.template>h3:first-of-type{margin-top:0;} /** update 20191008 **/
#main_column.template .row .textarea-right h3{margin-left:15px; margin-right:15px; padding-left:0px!important; padding-right:0px!important;}/**add 20230828**/
#contents.template .columns h3.choice-model__title{ border:none; border-image:none; }
.desktop-theme #contents.template h3.SJ-items--title ,
.notebook-theme #contents.template h3.SJ-items--title ,
.value-theme #contents.template h3.SJ-items--title ,
.game-theme #contents.template h3.SJ-items--title ,
.business-theme #contents.template h3.SJ-items--title ,
.server-theme #contents.template h3.SJ-items--title ,
.trading-theme #contents.template h3.SJ-items--title ,
.parts-theme #contents.template h3.SJ-items--title ,
.tablet-theme #contents.template h3.SJ-items--title ,
.deeplearning-theme #contents.template h3.SJ-items--title ,
.used-theme #contents.template h3.SJ-items--title {
background: none !important;
color: #000 !important;
margin-top: 28px !important;
margin-bottom: 12px !important;
padding-bottom: 5px !important;
border-bottom-width: 2px !important;
margin: 28px 0 12px !important;
padding: 0px 15px 5px !important;
text-align:left !important;
font-size:18px !important;
}
#contents .parts-top h3{ font-size:12px; }
#contents.template #main_column.template h3{/**add 20230828**/
padding-bottom: 5px!important;
}
#main_column.template .parts-category .parts-category-item-name{/**add 20230828**/
border: none;
}
#header .header-login-text a{ color:#ff0; }
/** p **/ /** add 20190717 **/
#contents p { margin-bottom:10px; }
#contents #search_results p { margin-bottom:initial; padding:initial; }
#contents .question_Box p , #contents .answer_Box p{ margin-bottom:0px; }
#main_column.template .row .textarea-right p,.game-theme #main_column.template p,.desktop-theme #main_column.template p,.notebook-theme #main_column.template p,.creator-theme #main_column.template p,.business-theme #main_column.template p{margin-left: 15px;margin-right: 15px;}/** add 20230828 **/
/** a **/
#contents a:hover{ text-decoration:underline; cursor:pointer; }
#contents .cart-data h3 a{ font-size:14px; }
#contents .pagination a.active{ color:#ffffff; }
/** top **/
#contents.template li.whats_new a { font-size:10px; line-height:normal; }
#contents.template .boxleft ul { margin:0; padding:0;}
.boxleft ul li a{
color: #000;
}
.boxleft h3{
color: #000;
}
/** contents lp **/
.contents { margin-top:0 }
h1.fs30u.mb20 { margin:5px 0; line-height:27px; }
#contents .copy { color:#515459; }
#contents .notice { color:#b30007; }
#contents div[class$="-head"] p.caption { color:#ffffff; }
#contents table thead .b_bottom_df { border-bottom:#dfdfdf solid 1px; } /** add 20190903 **/
#contents table .text-center { text-align:center; } /** add 20190903 **/
/** btn **/
#contents .btn-primary , #contents .btn-blue , #contents .btn-blue-s , .btn-blue:focus ,#contents .btn-fm .btn a { color:#ffffff; }
#contents .btn-fm .btn .type01:hover { color:#329900; }
#contents .btn-fm .btn .type02:hover { color:#187FCC; }
#contents .btn-fm .btn .type03:hover { color:#EA3556; }
#contents .btn-blue:hover { color:#187ecc; }
#contents .btn-grey { color:#ffffff; }
#contents .btn-grey:hover { color:#acacac; text-decoration:none; }
#contents .mypage-contents .btn-logout{
display: inline-block;
padding: 2px 10px;
margin-top: 15px;
margin-left: 10px;
color: #333;
font-size: 12px;
background-color: #eeeeee;
border: 1px solid #cccccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#contents .btn-blue , #contents .btn-blue:focus {
background: 14px 7px no-repeat #3cc464;
border: 2px solid #3cc464;
-webkit-box-shadow: 0 3px #2b8c49;
-moz-box-shadow: 0 3px #2b8c49;
box-shadow: 0 3px #2b8c49;
}
#contents .btn-blue:focus { padding:5px; }
#contents .btn-blue:hover { color:#3cc464; background:#fff; }
#contents .btn-copy-company { display:block; margin: 0 auto; }
/** contents detail **/
#contents .detail .info_block .onboard_os .check dd ul li.on .label p { color: #187fcc; }
#contents .detail .info_block .onboard_os .check dd ul li .label p { color: #ffffff; }
.product-detail .item-wappen-box .item-wappen-16 {
padding: 0 5px;
background-color: #fff;
border: 2px solid #ff3b30;
color: #ff3b30;
font-weight: bold;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
}
/** indicator **/
#contents .indicator li.active{color:#ffffff !important;}
/** customize **/
#contents .config-progress p { color:#ffffff; }
/** search_results **/
#contents #search_results .more a{ color:#ffffff; }
#contents #search_results .btn_reset a{ color:#515459; }
#contents #search_results .btn_refine a{ color:#ffffff; }
#contents #search_results .btn-question a{ color:#ffffff; }
#contents #search_results .search-form__more--note { margin-bottom: 12px; font-size: 1.4rem; color: #b30007; } /** add 20190720 **/
#contents #search_results ul li { margin-bottom:0; }/** add 20190720 **/
#contents #search_results .search-form--btn--search { margin: 0 auto; } /** add 20190720 **/
#contents #search_results ul.cat-area__lists , #contents #search_results ul.conditions { padding:0; }/** add 20190720 **/
#contents #search_results .SJ-item .item-price .stock { margin-right:12px; padding: 2px 4px 3px; font-size: 1rem; } /** add 20190720 **/
#contents #search_results .SJ-item .item-spec .spec-icon .icon i p {font-weight:600;} /** add 20190720 **/
#contents #search_results .SJ-item h2.item-names--title { background:initial; margin-top:2px; margin-bottom:0; padding:0; line-height:1.6; } /** add 20190720 **/
#contents #search_results .SJ-item h2.item-names--title a { font-size:1.6rem; font-weight:600; } /** add 20190720 **/
/** page contents **/
#contents .container-wrap .pop-up .popup-box .shop-select th
{
color: #fff;
}
.shop-select table
{
width: 100%;
}
/** over write n_size.css 20220217**/
.side-menu__block__bottom .product-toggle-menu dt.brand.level.desktop a.toggle-link, .side-menu__block__bottom .product-toggle-menu dt.brand.level.desktop span {
background: url(/user_data/packages/default/_asset/img/side/side_pc_03_ver02.png) left 5px center no-repeat;
}
/** over write n_size.css 20221202**/
.side-menu__block__bottom .product-toggle-menu dt.brand.level.note a.toggle-link{
background: url(/web_images/image/side_pc_lev_note.png) left 5px center no-repeat;
}
/** basic-theme **/
/** h1 **/
.bto-theme #main_column.template h1, .device-theme #main_column.template h1, .info-theme #main_column.template h1, .desktop-theme #main_column.template h1, .trading-theme #main_column.template h1, .notebook-theme #main_column.template h1, .business-theme #main_column.template h1, .used-theme #main_column.template h1, .parts-theme #main_column.template h1, .sales-theme #main_column.template h1, .tablet-theme #main_column.template h1, .shopguide-theme #main_column.template h1, .value-theme #main_column.template h1 {
margin-bottom: 0px;
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
/**
#main_column.template h1{
font-size: 14px;
}
**/
/** h1 font category top, small category, LP **/.template #main_column.template h1, .category-theme .template #main_column.template>h1{
font-size: 16px;
line-height: 20px;
}
/** h1 small category,LP margin **/#main_column.template h1, .category-theme .template #main_column.template>h1{
padding: 5px 10px;
margin: 0;
}
/** h1 category top **/h1.category-theme-mainview-title{
margin:10px 10px 26px;
padding:0px 10px;
}
/** h1 category top margin **/.template #main_column.template .category-theme-mainview_background{
margin-top: 20px;
}
/** index **/
.bto-theme #main_column.template .row .columns p.anchor-link, .device-theme #main_column.template .row .columns p.anchor-link, .info-theme #main_column.template .row .columns p.anchor-link, .desktop-theme #main_column.template .row .columns p.anchor-link, .trading-theme #main_column.template .row .columns p.anchor-link, .notebook-theme #main_column.template .row .columns p.anchor-link, .business-theme #main_column.template .row .columns p.anchor-link, .used-theme #main_column.template .row .columns p.anchor-link, .parts-theme #main_column.template .row .columns p.anchor-link, .sales-theme #main_column.template .row .columns p.anchor-link, .tablet-theme #main_column.template .row .columns p.anchor-link, .shopguide-theme #main_column.template .row .columns p.anchor-link, .value-theme #main_column.template .row .columns p.anchor-link {
padding: 0!important;
}
.bto-theme #main_column.template .anchor-link a:focus, .device-theme #main_column.template .anchor-link a:focus, .info-theme #main_column.template .anchor-link a:focus, .desktop-theme #main_column.template .anchor-link a:focus, .trading-theme #main_column.template .anchor-link a:focus, .notebook-theme #main_column.template .anchor-link a:focus, .business-theme #main_column.template .anchor-link a:focus, .used-theme #main_column.template .anchor-link a:focus, .parts-theme #main_column.template .anchor-link a:focus, .sales-theme #main_column.template .anchor-link a:focus, .tablet-theme #main_column.template .anchor-link a:focus, .shopguide-theme #main_column.template .anchor-link a:focus, .value-theme #main_column.template .anchor-link a:focus {
background-color: #fff;
}
.trading-theme #main_column.template .anchor-link a, .tablet-theme #main_column.template .anchor-link a{/*update 231218*/
padding: 10px 28px 10px 13px;
background: #e9eced;
border: solid 2px #e9eced;
}
.bto-theme #main_column.template .anchor-link a, .desktop-theme #main_column.template .anchor-link a, .notebook-theme #main_column.template .anchor-link a, .parts-theme #main_column.template .anchor-link a, .device-theme #main_column.template .anchor-link a, .used-theme #main_column.template .anchor-link a, .business-theme #main_column.template .anchor-link a, .info-theme #main_column.template .anchor-link a, .sales-theme #main_column.template .anchor-link a, .shopguide-theme #main_column.template .anchor-link a, .value-theme #main_column.template .anchor-link a{/*add 231218*/
padding: 9px 22px;
background: #e9eced;
border: solid 3px #e9eced;
}
.bto-theme #main_column.template .anchor-link a, .device-theme #main_column.template .anchor-link a, .info-theme #main_column.template .anchor-link a, .desktop-theme #main_column.template .anchor-link a, .trading-theme #main_column.template .anchor-link a, .notebook-theme #main_column.template .anchor-link a, .business-theme #main_column.template .anchor-link a, .used-theme #main_column.template .anchor-link a, .parts-theme #main_column.template .anchor-link a, .sales-theme #main_column.template .anchor-link a, .tablet-theme #main_column.template .anchor-link a, .shopguide-theme #main_column.template .anchor-link a, .value-theme #main_column.template .anchor-link a {
color: #000;
}
h1{
line-height: 20px!important;
}
/** h2 **/
.bto-theme #main_column.template h2, .device-theme #main_column.template h2, .info-theme #main_column.template h2, .desktop-theme #main_column.template h2, .trading-theme #main_column.template h2, .notebook-theme #main_column.template h2, .business-theme #main_column.template h2, .used-theme #main_column.template h2, .parts-theme #main_column.template h2, .sales-theme #main_column.template h2, .tablet-theme #main_column.template h2, .shopguide-theme #main_column.template h2, .value-theme #main_column.template h2 {
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 18px!important;/*update 20230828*/
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px!important;/*update 20230828*/
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
.bto-theme #main_column.template .SJ-items--title h2, .info-theme #main_column.template .SJ-items--title h2, .desktop-theme #main_column.template .SJ-items--title h2, .trading-theme #main_column.template .SJ-items--title h2, .notebook-theme #main_column.template .SJ-items--title h2, .business-theme #main_column.template .SJ-items--title h2, .device-theme #main_column.template .SJ-items--title h2, .used-theme #main_column.template .SJ-items--title h2, .parts-theme #main_column.template .SJ-items--title h2, .sales-theme #main_column.template .SJ-items--title h2, .tablet-theme #main_column.template .SJ-items--title h2, .shopguide-theme #main_column.template .SJ-items--title h2, .value-theme #main_column.template .SJ-items--title h2 {
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 16px!important;
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px 20px!important;
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
.bto-theme #main_column.template h2.SJ-items--title, .info-theme #main_column.template h2.SJ-items--title, .desktop-theme #main_column.template h2.SJ-items--title, .trading-theme #main_column.template h2.SJ-items--title, .notebook-theme #main_column.template h2.SJ-items--title, .business-theme #main_column.template h2.SJ-items--title, .device-theme #main_column.template h2.SJ-items--title, .used-theme #main_column.template h2.SJ-items--title, .parts-theme #main_column.template h2.SJ-items--title, .sales-theme #main_column.template h2.SJ-items--title, .tablet-theme #main_column.template h2.SJ-items--title, .shopguide-theme #main_column.template h2.SJ-items--title, .value-theme #main_column.template h2.SJ-items--title {
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 18px!important;/*update 20230828*/
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px!important;/*update 20230828*/
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
.desktop-theme #main_column.template .SJ-items--title, .notebook-theme #main_column.template .SJ-items--title {
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 16px!important;
line-height: 1.2!important;
margin-top: 60 px !important;
margin-bottom: 10 px !important;
padding: 15 px 20 px !important;
text-align: left!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: start!important;
}
.basic-theme .desktop-theme #main_column.template h2, .basic-theme .notebook-theme #main_column.template h2, .basic-theme .business-theme #main_column.template h2{
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 16px!important;
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px 20px!important;
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
.basic-theme .SJ-items--title{
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 16px!important;
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px 20px!important;
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
.basic-theme #main_column.contents .SJ-items--title{
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 16px!important;
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px 20px!important;
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
.basic-theme .contents .feature-content .title.businessTheme-title{
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 16px!important;
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px 20px!important;
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
.basic-theme .category-theme .template #main_column .category-theme-mainview + h2{
margin-top: auto!important;
}
@media only screen and (max-width: 767px){
.basic-theme .desktop-theme #main_column.template .row h2 {
color: #000!important;
background: #e9eced!important;
background: -webkit-gradient(linear,left top,right top,color-stop(0,#e9eced),to(#f6f6f6))!important;
background: linear-gradient(to right,#e9eced 0,#f6f6f6 100%)!important;
font-weight: 600!important;
font-size: 16px!important;
line-height: 1.2!important;
margin-top: 60px!important;
margin-bottom: 10px!important;
padding: 15px 20px!important;
text-align: left!important;
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:start!important;
}
}
.basic-theme #contents>.contents .SJ-items{
margin-left: 0px!important;
margin-right: 0px!important;
}
.main-choice.category-choice, .main-choice {
margin-top: -3px!important;
}
.case{
margin-top: 17px!important;
}
/** h3 **/
#main_column.template h3{
font-size: 16px!important;/*update20230828*/
font-weight: 600!important;
line-height: 1.25!important;/*update20230828*/
padding: 0 0px 5px 0px!important;/*update20230828*/
text-align: left!important;
}
#main_column.template .row.category-theme-news h3{
font-size:12px!important;
font-weight:400!important;
line-height: 18px!important;
padding:0!important;
}
#main_column.template .row .columns.sp-textarea-right h3{/*add 20230828*/
padding-left:20px!important;
padding-right:20px!important;
}
.category-theme #contents .textarea-right h3{/*add 20230828*/
margin-left: 15px!important;
margin-right: 15px!important;
}
.bto-theme #main_column.template h3, .device-theme #main_column.template h3, .info-theme #main_column.template h3, .desktop-theme #main_column.template h3, .trading-theme #main_column.template h3, .notebook-theme #main_column.template h3, .business-theme #main_column.template h3, .used-theme #main_column.template h3, .parts-theme #main_column.template h3, .sales-theme #main_column.template h3, .tablet-theme #main_column.template h3, .shopguide-theme #main_column.template h3, .value-theme #main_column.template h3 {
-o-border-image: linear-gradient(to right,#e9eced 0,#f6f6f6 100%) 1/0 0 2px 0;
border-image: -webkit-gradient(linear,left top,right top,from(#e9eced),to(#f6f6f6)) 1/0 0 2px 0;
border-image: linear-gradient(to right,#e9eced 0,#f6f6f6 100%) 1/0 0 1px 0;/*update 20230828*/
}
.basic-theme #main_column.template .category-theme-news-jimoto .related-topics a h3{
color: #000!important;
}
.basic-theme .desktop-theme.category-theme #main_column.template h3,.basic-theme .notebook-theme.category-theme #main_column.template h3,.basic-theme .business-theme.category-theme #main_column.template h3{
-o-border-image: linear-gradient(to right,#e9eced 0,#f6f6f6 100%) 1/0 0 1px 0;
border-image: -webkit-gradient(linear,left top,right top,from(#e9eced),to(#f6f6f6)) 1/0 0 1px 0;
border-image: linear-gradient(to right,#e9eced 0,#f6f6f6 100%) 1/0 0 1px 0;
}
/** p **/
.desktop-theme #main_column.template p,.notebook-theme #main_column.template p,.creator-theme #main_column.template p,.business-theme #main_column.template .feature-content p,.business-theme #main_column.template .row p,.business-theme #main_column.template .mb25 p{/*add 20230828*/
padding-left:0px;
padding-right:0px;
}
.business-theme #main_column.template .mb25 p{/*add 20230828*/
margin-left:15px;
margin-right:15px;
}
.business-theme #main_column.template .reportlist p.name,.date,.icon-area{/*add 20230828*/
margin-left:0px!important;
margin-right:0px!important;
}
/** div **/
@media screen and (max-width: 768px){
.SJ-items--comment {
background: #fff!important;
}
}
/** a **/
.basic-theme .category-theme #main_column.template .category-choice .choice-link a{
display: flex;
}
/** button **/
#main_column.template .page-link.black.round{
text-align: center;
}
.notebook-theme #main_column.template .page-link.black.round{/*add 20230828*/
margin-top:0px;
margin-left:0px;
margin-right:0px;
}
/** .contents **/
.contents {
padding:10px 0px!important;
}
/** h2 width
#contents>.contents>div[class*='theme'] {
margin-left: -10px !important;
margin-right: -10px!important;
}
.contents .feature-content .title.title-green-gradation{
margin-left: -10px !important;
margin-right: -10px !important;
}
#contents>.contents .SJ-items ,
#contents>.contents>div[class*='theme'] {
margin-left: -10px !important;
margin-right: -10px!important;
}
.contents .feature-content .title.title-green-gradation{
margin-left: -10px !important;
margin-right: -10px !important;
}
.contents .feature-content .businessTheme-title{
margin-left: -10px !important;
margin-right: -10px !important;
}
**/
/** report search result **/
.bto-theme .reportlist--report-2 .search-result .right-text .name, .device-theme .reportlist--report-2 .search-result .right-text .name, .info-theme .reportlist--report-2 .search-result .right-text .name, .desktop-theme .reportlist--report-2 .search-result .right-text .name, .trading-theme .reportlist--report-2 .search-result .right-text .name, .notebook-theme .reportlist--report-2 .search-result .right-text .name, .business-theme .reportlist--report-2 .search-result .right-text .name, .used-theme .reportlist--report-2 .search-result .right-text .name, .parts-theme .reportlist--report-2 .search-result .right-text .name, .sales-theme .reportlist--report-2 .search-result .right-text .name, .tablet-theme .reportlist--report-2 .search-result .right-text .name, .shopguide-theme .reportlist--report-2 .search-result .right-text .name {
color: #000!important;
}
.bto-theme .reportlist--report-2 .search-result, .device-theme .reportlist--report-2 .search-result, .info-theme .reportlist--report-2 .search-result, .desktop-theme .reportlist--report-2 .search-result, .trading-theme .reportlist--report-2 .search-result, .notebook-theme .reportlist--report-2 .search-result, .business-theme .reportlist--report-2 .search-result, .used-theme .reportlist--report-2 .search-result, .parts-theme .reportlist--report-2 .search-result, .sales-theme .reportlist--report-2 .search-result, .tablet-theme .reportlist--report-2 .search-result, .shopguide-theme .reportlist--report-2 .search-result {
border-bottom: 1px solid #e9eced!important;
}
/** basic-theme API layout **/
.SJ-items__item .item-copy{
color: #000000!important;
}
.SJ-items__item .item-icon i span{
padding: 5px 3px!important;
border: 1px solid #cba924!important;
background: #fbf0c9!important;
}
.SJ-items__item .item-icon i{
color: #b30007!important;
}
.SJ-items__item .item-spec .spec-lists .cpu,.SJ-items__item .item-spec .spec-lists .graphic{
color: #000!important;
}
.SJ-item .item-names--title{
color: #000!important;
}
.SJ-item .item-icon i span{
padding: 5px 0!important;
border: 1px solid #cba924!important;
background: #fbf0c9!important;
color: #b30007!important;
}
.itemlist--1 .SJ-item{
border-top: solid #e9eced 1px!important;
}
.SJ-item .item-spec .spec-lists .cpu, .SJ-item .item-spec .spec-lists .graphic{
color: #000!important;
}
/** link-color **/
.link-group a{
color: #000!important;
}
.link-group a::after{
border-color: #000!important;
}
.parts-category a:hover, .parts-category a:focus {
color: #000!important;
}
.pc4-sp2 a, .pc4-sp2 a:hover {
color: #000!important;
}
.maker a, .maker a:hover {
color: #000!important;
}
.reportlist .search-result .right-text .name {
color: #000!important;
font-size: 15px!important;
}
.creator-theme.category-theme .reportlist .search-result .right-text .name ,
.game-theme .reportlist .search-result .right-text .name {
color: #fff!important;
}
#contents #main_column.template .category-theme-news-jimoto .related-topics a h3 {
color: #000 !important;
font-size: 15px!important;
padding: 0!important;/*add 20230828*/
}
/** WP shop_guide templates **/
#main_column.template .row-img-left img {
margin-left:0;
}
.row-img-left{
padding:15px;
}
/** MYpage **/
.slide-product + .slide-product{
border-top: none;
}
/** product details **/
#product_detail h1.product_title {
margin: 10px;
}
/** contents game-theme **/
.game-theme #contents .s-drop-view>div p ,
.game-theme #contents p ,
.game-theme #contents a{
color:#ffffff;
}
.game-theme #contents small , .game-theme #contents .copy { color:#e9eced; }
.game-theme #contents .notice { color:#ff0000; }
.game-theme #contents li.whats_new { color:#999; font-size:12px; }
.game-theme #contents .btn-fm .btn .type01:hover { color:#ea5404; }
.game-theme #contents div.item-wrap a ,
.game-theme #contents div.item-wrap a:hover,
.game-theme #contents .pagination a
{
color:#187fcc;
}
.game-theme #contents .pagination a.active{
color:#FFFFFF;
}
/** menu add 20190722 **/
/* .side-menu__block__bottom .product-toggle-menu dt span , .side-menu__block__bottom .product-toggle-menu dd .product-toggle-submenu ul li a { color:#18191a; } */
.side-menu__block__bottom .product-toggle-menu dd.category_open { display:block; }
.side-menu__block__bottom .product-toggle-menu > dl > dt > a > span:after { background:none !important; } /** add 20190723 **/
/** max-width 640px **/
@media screen and (max-width: 640px){
#contents.template a {
font-size:14px;
}
}
/** list **/
#contents.template dt , #contents.template dd { /*** update 20190821 ***/
margin-bottom:14px;
}
#contents.template ol , #contents.template ul { /*** update 20191008 ***/
border: none;
margin: 15px 20px 15px 40px;
padding: 0;
}
#contents.template ol li, #contents.template ul li{ /*** update 20191008 ***/
line-height:1.6;
margin-top:12px;
margin-bottom:4px;
padding-bottom:8px;
border-bottom: 1px solid #e9eced;
}
#contents.template ul.sns-link li{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
#contents.template ol li a, #contents.template ul li a{
color:#187fcc;
}
#contents.template ol li a:hover, #contents.template ul li a:hover{
text-decoration:underline;
}
#contents.template ol li:before, #contents.template ul li:before { /*** update 20191008 ***/
margin-left: -20px;
}
#contents.template ol.list li, #contents.template ul.list li { /*** update 20190821 ***/
list-style: inherit;
list-style-position: outside;
margin-left: 20px;
}
#contents.template .row dl { /*** update 20190821 ***/
margin-left: 21px;
}
#contents.template .row dl.list{ /*** update 20190821 ***/
counter-reset:title;
margin-left:21px;
margin-right:15px;
}
#contents.template .row dl.list dt{ /*** update 20190821 ***/
counter-increment:title;
counter-reset:list;
}
#contents.template .row dl.list dd{ /*** update 20190821 ***/
counter-increment:list;
}
#contents.template .row dl.list dt:before{ /*** update 20190821 ***/
content:counter(title)". ";
}
#contents.template .row dl.list dd:before{ /*** update 20190821 ***/
content:counter(list)". ";
}
#contents.template table ul , #contents.template table ol{ /*** update 20200725 ***/
margin-left: 20px;
}
#contents.template .feature-gallery ul li{
border-bottom:none;
}
#contents.template ol.none_mark , #contents.template ul.none_mark { /*** add 20200725 ***/
margin-left:20px;
}
#contents.template ol.none_mark li:before , #contents.template ul.none_mark li:before { /*** add 20200725 ***/
content:none;
}
/** breadcrumb **/
#contents { margin-bottom:0; }
#contents.template .breadcrumb { margin:0 0 -15px 0;}
#contents.template .breadcrumb ul li { padding-bottom:6px; border-bottom:none; margin-right:3px; }
#contents.template .breadcrumb ul li:before { content:' ';margin-left:0; }
#contents.template .breadcrumb ul li:first-child::before { content: none;}
#contents.template .breadcrumb ul li a { display:initial; font-size:12px; }
/** dialog **/
#businessMemberDialog {padding:10px;}
#businessMemberDialog .btn-blue{margin:10px 0;}
#memberPriceDialogProceed { color:#187fcc; }
/** over write json.css update 2020.10.21 **/
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: url(/user_data/packages/responsive/_asset/fonts/subset/NotoSansCJKjp-Regular.otf) format("opentype"), url(/user_data/packages/responsive/_asset/fonts/subset/NotoSansCJKjp-Regular.woff) format("woff")
}
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 600;
src: url(/user_data/packages/responsive/_asset/fonts/subset/NotoSansCJKjp-Bold.otf) format("opentype"), url(/user_data/packages/responsive/_asset/fonts/subset/NotoSansCJKjp-Bold.woff) format("woff")
}
.SJ-item .item-spec .spec-opt{
color:#000 !important;
}
.SJ-item .item-spec .spec-lists .os{
font-weight:600;
}
.itemlist--1 .search-result .info-area .label i{
width:90px !important;
}
.SJ-items__item .item-spec .spec-icon .icon i.core-2 .i--text:first-child{
margin-top: 0!important;
}
.SJ-item .item-spec .spec-icon .icon i.core-2 .i--text:first-child{
margin-top: 0!important;
}
.SJ-items__item .item-copy{
color: #000000!important;
}
.SJ-items__item .item-icon i span{
padding: 5px 3px!important;
border: 1px solid #cba924!important;
background: #fbf0c9!important;
}
.SJ-items__item .item-icon i{
color: #b30007!important;
}
.SJ-items__item .item-spec .spec-lists .cpu,.SJ-items__item .item-spec .spec-lists .graphic{
color: #000!important;
}
.game-theme h2.SJ-items + ul.SJ-items__lists{
background: #fff;
padding:10px 20px 0!important;
margin-left:0 !important;
margin-right: 0 !important
}
#SJ-side-explain.SJ-side {
margin-left:0 !important;
}
.reportlist--1-2, .reportlist--report-2 {
margin-bottom:20px !important;
}
.reportlist--1-2 + .more.more--1 , .reportlist--report-2 + .more.more--1 {
margin-top:-20px !important;
}
.reportlist--1-2 .search-result, .reportlist--report-2 .search-result{
padding:15px 0 20px !important;
width:100% !important;
}
.reportlist--1-2 .search-result .right-text .name, .reportlist--report-2 .search-result .right-text .name ,
.reportlist--1-2 .search-result .right-text .date, .reportlist--report-2 .search-result .right-text .date ,
.reportlist--1-2 .search-result .right-text .media, .reportlist--report-2 .search-result .right-text .media
{
margin-top:0px!important;
margin-bottom:0px!important;
line-height:1.6!important;
}
.reportlist--1-2 .search-result .right-text .name, .reportlist--report-2 .search-result .right-text .name ,
.reportlist--1-2 .search-result .right-text .date, .reportlist--report-2 .search-result .right-text .date {
padding:0 !important;
}
.itemlist--1 .SJ-item .item-price .price__special{
display:inline-block !important;
}
.itemlist--1 .SJ-item .item-price .price__special.price__none{
display:none !important;
}
.itemlist--1 .SJ-item .item-price .price__special,
.itemlist--1 .SJ-item .item-price .price__web{
margin:0 auto !important;
}
.itemlist--1 .SJ-item .item-price .price__limited{
text-align:center !important;
}
.itemlist--1 .SJ-item .item-price .price__limited .price__special,
.itemlist--1 .SJ-item .item-price .price__limited .price__web
{
padding-right:20px !important;
}
.itemlist--1 .SJ-item .item-price .price__limited .price__web dd
{
text-align: right !important;
}
@media screen and (max-width: 340px){
.itemlist--1 .SJ-item .item-price .price__limited .price__special,
.itemlist--1 .SJ-item .item-price .price__limited .price__web
{
padding-right:10px !important;
}
}
.SJ-items__item .item-price div.price__limited{
float: right!important;
}
.bto-theme .SJ-items--title{
color: #000!important;
}
.reportlist--report-2 .search-result .right-text .name{
color: #000!important;
}
.SJ-items--title--5{
background: #00a199!important;
background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e))!important;
background: linear-gradient(to right,#00a199 0,#00e67e 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a199', endColorstr='#00e67e', GradientType=1 )!important;
}
/** add 20210322 tax **/
.SJ-items__item .item-price__cell{
padding: 6px 8px !important;
}
.SJ-items__item .item-price dl dd .price--safix{
font-size:11px;
}
.SJ-items__item .item-price .price--intax{
font-size:13px !important;
font-weight:400 !important;
}
.SJ-items__item .item-price .price--num{
font-size:22px !important;
}
.SJ-items__item .item-spec .spec-icon .icon i.core .i--text .i--num{
font-weight: 400!important;
}
.SJ-items__item .item-spec .spec-icon .icon i.gpu .i--name{
font-weight: 400!important;
}
.SJ-items__item .item-code dt,.SJ-items__item .item-code dd{
font-weight: 400 !important;
}
.SJ-items__item .item-price dl dd{
margin-top:0 !important;
}
.SJ-item .item-code dd{
font-weight:400 !important;
}
.SJ-item .spec-icon .icon i.core .i--text .i--num{
font-weight:400 !important;
}
.SJ-item .item-spec .spec-icon .icon i.gpu .i--name{
font-weight:400 !important;
}
.SJ-item .item-price__cell{
padding: 6px 8px !important;
}
.SJ-item .item-price .price--safix{
font-size:11px;
}
.SJ-item .item-price .price--intax{
font-size:13px !important;
font-weight:400 !important;
}
.SJ-item .item-price .price--num{
font-size:22px !important;
}
#main_column.template .SJ-item .item-spec .spec-icon p{
text-align:center;
}
.SJ-items__item--2 .item-price dl, .SJ-items__item--3 .item-price dl{
clear:none !important;
}
.SJ-items__item--3 .item-price dl .price--num{
font-size:14px !important;
}
.SJ-items__item--3 .item-price dl .price--intax{
font-size:10px !important;
}
.SJ-items__item--2 .item-price .price__limited .price__special ,
.SJ-items__item--3 .item-price .price__limited .price__special {
float:left !important;
}
.SJ-items__item--2 .h-match--price ,.SJ-items__item--3 .h-match--price {
height:auto !important;
}
/** add 20210322 tax **/
.multi-area-2 .stock{
z-index:1;
}
.EC-items__item .item-price .price--title--web , .SJ-items__lists .price--title--web , .SJ-items .price--title--web , .itemlist--1 .price--title--web {
color: #e60000;
}
/*
.SJ-item .item-price dl dd{
color: #e60000 !important;
}*/
.EC-items__item .item-price .price--strike--num , .EC-items__item .item-price .price--arrow{
color:#515459;
}
/*** over write mark color ***/
.SJ-items mark,
.SJ-items--comment mark,
.SJ-items--tab mark,
.SJ-items--title mark,
.SJ-items__lists mark,
.SJ-items__none mark,
.SJ-items__slide mark,
.itemlist--1 mark,
.reportlist--1 .search-result mark,
.reportlist--report .search-result mark{
background: transparent !important;
font-weight: inherit !important;
}
/** orver write n_side.css add 20191118 **/
.header-login {
right:5px;
}
.side-menu__block__bottom .product-toggle-menu dt.brand .toggle-link, .product-toggle-menu dt.brand span {
padding: 10px 32px 10px 55px;
}
/** Windows 11 繧ｵ繧､繝峨リ繝� 譛ｬ菴鍋判蜒丞､画峩 20220428 **/
.side-menu__block__bottom .product-toggle-menu dt.brand.style.desktop .toggle-link {
background: url(/user_data/packages/default/_asset/img/side/side_pc_01_ver02.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.style.note .toggle-link {
background: url(/user_data/packages/default/_asset/img/side/side_pc_02_ver02.png) left 7px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.sense.desktop .toggle-link {
background: url(/user_data/packages/default/_asset/img/side/side_pc_05_ver02.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.solution.desktop .toggle-link {
background: url(/user_data/packages/default/_asset/img/side/side_pc_07_ver02.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.solution.note .toggle-link {
background: url(/user_data/packages/default/_asset/img/side/side_pc_08_ver02.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.parts { border-left: 5px solid #187fcc; }
.side-menu__block__bottom .product-toggle-menu dt.brand.parts .toggle-link {
background: url(/user_data/root_alias/web_images/image/leftcol_navback_pcparts.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.device { border-left: 5px solid #187fcc; }
.side-menu__block__bottom .product-toggle-menu dt.brand.device .toggle-link {
background: url(/user_data/root_alias/web_images/image/leftcol_navback_device.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_pc,
.side-menu__block__bottom .product-toggle-menu dt.brand.used_sphone,
.side-menu__block__bottom .product-toggle-menu dt.brand.used_parts,
.side-menu__block__bottom .product-toggle-menu dt.brand.used_tablet,
.side-menu__block__bottom .product-toggle-menu dt.brand.used_swatch,
.side-menu__block__bottom .product-toggle-menu dt.brand.used_devices,
.side-menu__block__bottom .product-toggle-menu dt.brand.used_headphone
{
border-left: 5px solid #00a050;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_pc .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_used_pc_02.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_sphone .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_used_sphone_02.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_parts .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_used_parts.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_headphone .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_used_tws.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_tablet .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_used_tablet.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_swatch .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_used_smartwatch.png) left 5px center no-repeat;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.used_devices .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_used_device.png) left 5px center no-repeat;
}
/** 繝繧ｦ繝ｳ繝ｭ繝ｼ繝峨た繝輔ヨ **/
.side-menu__block__bottom .product-toggle-menu dt.brand.download {
border-left: 5px solid #3E67C5;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.download .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_soft.png) left 5px center no-repeat;
}
/** 繝ｬ繝ｳ繧ｿ繝ｫPC **/
.side-menu__block__bottom .product-toggle-menu dt.brand.rental {
border-left: 5px solid #E3C519;
}
.side-menu__block__bottom .product-toggle-menu dt.brand.rental .toggle-link {
background: url(/user_data/root_alias/web_images/image/side_rent.png) left 5px center no-repeat;
}
.side-menu__block__top .user-info_text{
padding-left:10px;
}
.side--fixed{
z-index:250;
}
/** orver write n_common.css update 20220705 **/
/**#side-search .search-info input::placeholder{
color:#aaaaaa;
font-size:12px;
}
**/
.sns-link{
padding:15px 10px 0;
}
#contents .s-drop-view>div{
display:inline-block;
width:140px;
margin:0;
}
.search-info input[type=search]{
font-weight:normal;
padding: 7px 12px 5px;
}
#contents .s-drop-view>div p ,
#contents .s-drop-view>div select {
width:135px;
font-size:14px;
margin:0;
text-align:left;
}
#contents .s-drop-view>div.right{
padding-left:20px;
}
#contents .s-drop-view>div p{
padding:0;
}
.cospa--inner{
padding:10px;
}
.cospa__panel--1 , .cospa--img {
background-color:transparent;
}
.cospa__comment , cospa__comment a{
color:#187FCC;
font-size:14px;
width: 100%;
margin: 0 auto;
}
.cospa__comment .cospa__list--1{
padding:0;
}
.cospa__comment li h3{
font-size:13px;
margin-bottom:8px;
}
.cospa__comment li.onethird{
/* width:100%; */
margin-bottom:15px;
background: #E9ECED;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width: 108px;
height: 108px;
padding: 30px 15px;
text-align:center;
font-size:10px;
}
.cospa__comment li.onethird:last-of-type{
margin-bottom:0;
}
h3.cospa__title{
background:#187FCC;
padding: 15px;
font-size: 18px;
line-height: 30px;
color: #fff;
}
.side-cart--btn a{
width:50%;
margin:0 auto;
}
.cospa__list--2--item>a {
font-size:13px;
}
.keyword--history{
top:30px;
}
.mypage-contents .point-contents ,
.mypage-contents .input-contents ,
.mypage-contents .info-field ul{
padding-left:10px;
padding-right:10px;
}
.mypage-contents .point-contents .pull-left img{
width:100px;
}
.mypage-contents .business-contents{
width:100%;
margin:0 auto 25px;
padding:10px;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mypage-contents .business-contents .title{
text-align:center;
color:#EE0000 !important;
font-size:12px;
margin-bottom:15px;
}
.mypage-contents .business-contents .logo_area , .mypage-contents .business-contents .registration_in{
width:95%;
margin:0 auto 15px;
}
.mypage-contents .business-contents .logo_area img{
width:100%;
}
.mypage-contents .business-contents .logo_area div{
display:inline-block;
vertical-align: middle;
width:35%;
}
.mypage-contents .business-contents .logo_area .arrow {
position: relative;
height: 20px;
width: 20px;
background-color: #187fcc;
margin: 0 30px 0 20px;
}
.mypage-contents .business-contents .logo_area .arrow:before {
position: absolute;
content:"";
border: solid 20px transparent;
border-left: solid 20px #187fcc;
top: -10px;
left: 20px;
}
.mypage-contents .business-contents .area-button {
margin-bottom:15px;
}
.mypage-contents .business-contents .area-button .btn {
font-size:12px;
}
@media screen and (max-width: 330px){
.mypage-contents .business-contents .logo_area .arrow {
margin: 0 20px 0 10px;
}
}
.mypage-contents .business-contents .registration_list li{
list-style: disc;
list-style-position: inside;
font-size:12px;
}
.search-form__footer{
z-index:1000;
}
.body--search__result--fixed .header-cart,
.body--search__result--fixed .header-guide,
.body--search__result--fixed .header-login,
.body--search__result--fixed .header-logo,
.body--search__result--fixed .header-search,
.body--search__result--fixed .header-tagline{
display:none;
}
/** add 20210323 tax start**/
.EC-items__item .item-price .price--intax{
color:#000;
}
.EC-items__item .item-price .price--num{
font-size:22px !important;
}
.EC-items__item .item-spec .spec-icon .icon i.core .i--text .i--num{
font-weight: 400!important;
}
.EC-items__item .item-spec .spec-icon .icon i.gpu .i--name{
font-weight: 400!important;
}
.EC-items__item .item-code dt,
.EC-items__item .item-code dd{
font-weight: 400 !important;
}
.EC-items__item .item-price dl dd{
margin-left:0 !important;
}
.EC-items__item .item-code dd, .EC-items__item .item-code dt{
font-size: 12px!important;
line-height: 1.2!important;
}
.EC-items__item .item-code dt{
margin-right: 5px!important;
color: #18191a!important;
}
.EC-items__item .item-code dd{
padding: 1px 4px!important;
background: #18191a!important;
color: #fff!important;
}
.EC-items__item .item-code{
display: -webkit-box!important;
-webkit-box-pack: center!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
margin-bottom: 5px!important;
margin-top: 4px!important;
text-align: right!important;
font-size: 12px!important;
line-height: 1.2!important;
}
.EC-items__item .item-price__cell {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
padding: 4px 4px 4px 8px!important;
vertical-align: middle!important;
}
.EC-items__item--1 .item-price .price__normal{
padding:0;
}
.side-cart__total{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.side-cart__lists__price , .side-cart__total{
padding:0 12px 4px;
}
.side-cart__total--text{
text-align:right;
}
.price__special{
padding:0 10px !important;
}
.SJ-items__item .item-price .price__special dd{
margin-left: 0!important;
}
/** add 20210323 tax end**/
.search-form__more .cat-area .btn_refine:before{
content:none;
}
.search-form__more .cat-area .btn_refine a{
margin: 0 auto;
}
.search-form__more .cat-area .btn_refine{
margin: 25px auto 5px !important;
}
/** search add 20220705 **/
#search_results #product-feature-form .search-form__refine,
#search_results #product-collabo-game-form .search-form__refine{
height:auto;
padding:0;
}
#search_results #product-feature-form .refine--spec,
#search_results #product-collabo-game-form .refine--spec{
display: block;
width: 100%;
margin: 25px 0 0;
padding: 0;
}
#search_results #product-feature-form .refine--spec__title,
#search_results #product-collabo-game-form .refine--spec__title{
padding: 0;
color: #515459;
}
#search_results #product-feature-form .refine--spec__title{
width:100px;
}
#search_results #product-feature-form .refine--spec__list{
width: 100%;
padding: 0;
background: none;
min-height: 40px;
}
#search_results #product-feature-form .product-narrow16-feature-wrap li{
float:left;
margin:16px 30px 0 0;
}
#search_results #product-feature-form .product-narrow16-feature-wrap li:first-child{
margin-top:16px
}
#search_results #product-collabo-game-form {
display:none;
}
#search_results #product-collabo-game-form.on {
display:block;
}
#search_results #product-collabo-game-form .search-form__refine dl dd{
background:none;
padding:0;
margin-top: 16px;
}
/** search **/
/** over write n_template.css add 20191109 update 20201208 **/
#main_column.template .pickup-1 .sub {
padding: 0 10px;
}
#main_column.template .pickup-1 .info {
margin: auto;
width: 100%;
}
#main_column.template .pickup-1 .btn {
margin: 10px 0 0;
}
#main_column.template .pickup-1 .btn a {
display: inline-block;
padding: 15px 40px;
width: 200px;
}
#contents.template #search_results{
margin-top:0;
}
#contents.template #search_results dl, #contents.template #search_results dl dt{
margin:0;
}
#contents.template #search_results .search-form__basic dl {
margin-top:10px;
}
#contents.template #search_results .search-form__basic dl:first-of-type ,
#contents.template #search_results .cat-area__lists li:first-of-type,
#contents #search_results ul{
margin:0;
}
#contents #search_results ul.move li {
margin-top:0;
padding:0;
}
#contents.template #search_results .cat-area__lists li,
#contents #search_results ul.conditions li ,
#contents #search_results ul.movd li {
padding:0;
}
#contents #search_results ul.conditions li {
border:none;
}
#contents.template #search_results .cat-area--name{
padding-top:6px;
}
#contents.template #search_results ul li:before ,
#contents.template ul li.whats_new:before ,
#contents.template .feature-gallery ul li:before
{
content:none;
}
#contents.template ul li.whats_new h3.title{
margin-top:0;
border:none;
border-image:none;
}
#contents.template .feature-gallery ul{
margin-right:0;
}
#contents.template .feature-gallery dl , #contents.template .feature-gallery dt{
margin:0;
}
#contents.template .feature-content h2.title{
background:none !important;
padding:0 0 10px 0 ;
border-bottom:2px solid #187ecc;
color: #187ecc;
}
game-theme #contents.template .feature-content h2.title{
border-bottom:2px solid #fff;
color: #fff;
}
.game-theme #contents.template .breadcrumb ul li{
color:#515459;
}
.itemlist--1 > ul {
margin: 0 !important;
}
.itemlist--1 > ul.SJ-items__lists {
margin: 0 !important;
}
.itemlist--1 > ul.SJ-items__lists li:before {
content: none !important;
}
.business-theme #contents.template .page-link a , .business-theme #contents.template .page-link a:hover{
background-color: #000;
}
.category-theme .template #main_column .slide-area{
margin-bottom:-5px !important;
}
#contents .category-theme #main_column.template ul li a{
color: #000;
}
.creator-theme.category-theme #main_column.template .slide-area .slide-content img,
.game-theme.category-theme #main_column.template .slide-area .slide-content img{
border:1px solid #e9eced;
}
.game-theme.category-theme #main_column.template .page-link a{
background-color:#ea5504;
}
.creator-theme.category-theme #main_column.template .page-link a{
background-color:#00a29a;
}
body[class*="-theme"] #main_column.template .row .columns.page-heading-img ,
body[class*="-theme"] #main_column.template .row .columns.page-heading-text {
float:none;
margin:0 0 8px 0;
width:100%;
}
body[class*="-theme"] #main_column.template p{
text-align:left;
}
.business-theme #main_column.template .mb25 p.page-link.black.round{/*add 20230828*/
margin-left:0px;
margin-right:0px;
}
#main_column.template .item-spec .spec-icon .icon i p{
text-align:center;
}
body[class*="-theme"] #main_column.template .SJ-items--title{
align-items: baseline;
}
.category-theme #main_column.template p.more-button-link{
text-align:center;
padding-left:15px!important;/*add 20230828*/
padding-right:15px!important;/*add 20230828*/
margin-left:0px;/*add 20230828*/
margin-right:0px;/*add 20230828*/
}
.desktop-theme.category-theme #main_column.template p.more-button-link a ,.notebook-theme.category-theme #main_column.template p.more-button-link a ,.business-theme.category-theme #main_column.template p.more-button-link a {/*update 20230828*/
color: #fff;
background-color: #18191a;
}
.creator-theme .desktop-theme.category-theme #main_column.template h3 {
-o-border-image: linear-gradient(to right, #00a199 0, #00e67e 100%) 1/0 0 1px 0;
border-image: -webkit-gradient(linear, left top, right top, from(#00a199), to(#00e67e)) 1/0 0 1px 0;
border-image: linear-gradient(to right, #00a199 0, #00e67e 100%) 1/0 0 1px 0;
}
.creator-theme .desktop-theme.category-theme #main_column.template h2 {
background: #00a199!important;
background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e))!important;
background: linear-gradient(to right,#00a199 0,#00e67e 100%)!important;
}
.contents .feature-content .title.title-green-gradation{
background: #00a199!important;
background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e))!important;
background: linear-gradient(to right,#00a199 0,#00e67e 100%)!important; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px!important;
padding: 8px;
height: 60px;
text-align: center;
line-height: normal;
color: #fff;
border-bottom:none;
}
.contents .feature-content .businessTheme-title{
background: -webkit-gradient(linear,left top,right top,from(#595757),to(#A7A7A8))!important;
background: linear-gradient(to right,#595757 0,#A7A7A8 100%)!important;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px!important;
padding: 8px;
height: 60px;
text-align: center;
line-height: normal;
color: #fff;
}
.SJ-items.title-green-gradation h2{
background: #00a199!important;
background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e))!important;
background: linear-gradient(to right,#00a199 0,#00e67e 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a199', endColorstr='#00e67e', GradientType=1 )!important;
}
.category-theme #main_column.template .category-theme-mainview-title{
z-index:1 !important;
}
.category-theme #main_column.template .case .categoryTheme-choiceBy{
background-color:transparent !important;
}
.creator-theme.category-theme #main_column.template .related-topics{
padding-bottom:10px;
}
.creator-theme.category-theme #main_column.template .related-topics h3{
margin-left:0px!important;
margin-right:0px!important;
font-size:15px!important;
margin-bottom:10px !important;
color:#187fcc !important;
}
.creator-theme.category-theme #main_column.template .related-topics .row .sp-textarea-right h3{/*add 20230828*/
margin-top: 0px!important;
}
.creator-theme.category-theme #main_column.template .related-topics p{
margin-bottom:0px;
font-size:12px;
}
.creator-theme .template #main_column .creatorTheme-choiceUse .onethird{
width:50% !important;
}
.category-theme .template #main_column .row.category-theme-news, .category-theme .template #main_column .creatorTheme-news {
padding-top: 20px;
margin-top: -10px;
}
.category-theme #main_column.template .category-theme-news .columns.half .sp-img-left img, .category-theme .template #main_column .creatorTheme-news .columns.half .sp-img-left img {
padding: 0 5px;
}
.category-theme.sns-button{ background-color:transparent !important; }
/** over write json.css add 20191106 update 20191113 **/
.more--1{
margin:0 !important;
}
@media screen and (max-width: 768px){
.SJ-items--comment{
margin: 0 !important;
}
}
.icon-new{
z-index:1;
}
#contents.template h4{
margin-left:15px;
margin-right:15px;
margin-bottom:12px;
font-size:16px;
}
#contents.template h3 + h4{
margin-top:25px;
}
#contents.template .related-topics .icon-area{
background: url(/web_images/img/svg/info_pckobo.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.media{
background: url(/web_images/img/svg/info_icon_nexmag.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.attention{
background: url(/web_images/img/svg/info_icon_attention.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.style{
background: url(/web_images/img/svg/info_icon_style.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.sense{
background: url(/web_images/img/svg/info_icon_sense.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.solution{
background: url(/web_images/img/svg/info_icon_solution.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.deep{
background: url(/web_images/img/svg/info_icon_deep.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.sale{
background: url(/web_images/img/svg/info_icon_sale.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.campaign{
background: url(/web_images/img/svg/info_icon_campaign.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.level{
background: url(/web_images/img/svg/info_icon_level.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.tenpo{
background: url(/web_images/img/svg/info_icon_tenpo.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.trpc{
background: url(/web_images/img/svg/info_icon_trpc.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.dls{
background: url(/web_images/img/svg/info_icon_dls.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.parts{
background: url(/web_images/img/svg/info_icon_parts.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.used{
background: url(/web_images/img/svg/info_icon_used.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
#contents.template .related-topics .icon-area.tempo ,
#contents.template .related-topics .icon-area.news {
background: url(/web_images/img/svg/info_pckobo.svg) left center no-repeat !important;
background-size: 19px 19px !important;
}
.category-theme #main_column.template>h1{
/**font-size: 24px;**/
text-align: left;
position:static;
}
.desktop-theme #main_column.template p.item-copy ,
.notebook-theme #main_column.template p.item-copy ,
.value-theme #main_column.template p.item-copy ,
.game-theme #main_column.template p.item-copy ,
.business-theme #main_column.template p.item-copy ,
.server-theme #main_column.template p.item-copy ,
.trading-theme #main_column.template p.item-copy ,
.parts-theme #main_column.template p.item-copy ,
.tablet-theme #main_column.template p.item-copy ,
.deeplearning-theme #main_column.template p.item-copy ,
.used-theme #main_column.template p.item-copy{
display: block !important;
}
#main_column.template .page-head-1{
display:block;
}
#main_column.template .page-head-1_l, #main_column.template .page-head-1_r{
width:100%;
}
#main_column.template .row .column.pc4-sp2-2,
#main_column.template .row .columns.pc4-sp2-2{
padding:0;
margin:0;
border-left:1px solid #aaa;
box-sizing:border-box;
}
#main_column.template .row .column.pc4-sp2-2:nth-of-type(odd),
#main_column.template .row .columns.pc4-sp2-2:nth-of-type(odd){
width:calc(50% - 19px);
margin-left:18px;
}
#main_column.template .row .column.pc4-sp2-2:nth-of-type(even),
#main_column.template .row .columns.pc4-sp2-2:nth-of-type(even){
width:calc(50% - 18px);
margin-right:18px;
border-right:1px solid #aaa
}
#main_column.template .row .column.pc4-sp2-2 .related-topics,
#main_column.template .row .columns.pc4-sp2-2 .related-topics{
margin:0;
}
#main_column.template .row .column.pc4-sp2-2 .sp-textarea-right p,
#main_column.template .row .columns.pc4-sp2-2 .sp-textarea-right p
{
display:none;
}
#main_column.template .row .column.pc4-sp2-2 .row,
#main_column.template .row .columns.pc4-sp2-2 .row
{
height:40px;
margin:5px 0;
}
#main_column.template .row .column.pc4-sp2-2 .row>a ,
#main_column.template .row .columns.pc4-sp2-2 .row>a
{
width:100%;
height:100%
}
#main_column.template .row .column.pc4-sp2-2 .row>a h3,
#main_column.template .row .columns.pc4-sp2-2 .row>a h3
{
color:#187fcc;
}
#main_column.template .row .column.pc4-sp2-2 .sp-img-left,
#main_column.template .row .columns.pc4-sp2-2 .sp-img-left,
#main_column.template .row .column.pc4-sp2-2 .sp-textarea-right,
#main_column.template .row .columns.pc4-sp2-2 .sp-textarea-right{
padding: 0 5px;
}
.business-theme #main_column.template .row .columns.textarea-right,.game-theme #main_column.template .row .columns.textarea-right,.notebook-theme #contents.template .row .columns.textarea-right,.creator-theme #contents.template .row .columns.textarea-right{/*add 20230828*/
padding-left:0px;
padding-right:0px;
}
.business-theme #main_column.template .mb0 .columns.textarea-right{/*add 20230828*/
padding-left:10px;
padding-right:10px;
}
#main_column.template .page-head-1{
display:block;
}
#main_column.template .page-head-1_l, #main_column.template .page-head-1_r{
width:100%;
}
.business-theme #main_column.template .SJ-items--title, .business-theme #main_column.template .businessTheme-title, .business-theme #main_column.template .pickup-title, .business-theme #main_column.template .top-margin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center !important;
font-size: 16px;
padding: 8px;
height: 60px;
text-align: center;
line-height: normal;
}
/** over write header.css add 20220214 **/
.block_content .big_purchases a::after {
background-image: url(/web_images/image/btn_big_purchases_mail_back.png);
}
/** over write n_header.css add 20191122 **/
.header-tagline{
font-weight:normal;
}
@media screen and (max-width: 360px){
.header-business .header-tagline , .header-business .header-logo{
width:185px;
font-size: 1rem;
}
}
@media screen and (max-width: 320px){
.header-business .header-tagline , .header-business .header-logo{
width:140px;
}
.header-business .header-logo{
margin-top:7px;
}
}
.header-shop-link{
overflow-x:auto;
white-space:nowrap;
text-align: center;
}
.header-shop-link p{
display:inline-block;
padding:6px 10px;
}
.header-shop-link p:before {
content: ' ';
display: inline-block;
position: relative;
top: 4px;
margin-right: 3px;
width: 16px;
height: 16px;
background: url(/user_data/packages/default/_asset/img/icon/arrow_shop_link.png) center center no-repeat;
background-size: 100%;
}
.header-shop-link p a{
display:inline;
padding:6px 5px;
border-left: 1px solid #666666;
}
.header-shop-link p a:first-of-type{
border-left: none; padding-left:0px;
}
.header-shop-link p a:before{
content:none;
}
.header-logo{
width: 177px;
}
.header-login-btn, .header-login-text{
font-weight: 400;
}
.header-login-btn{
right: 62px;
}
.header-login-btn a:before{
margin: 0 auto 3px;
}
.header-login-text{
top: 5px;
right: 5px;
}
/**
.header-search--input>input{
font-size:12px;
}
**/
.header-search__form{
width:100%;
}
/** over write common.css **/
#copyright{
background:none;
}
#product_detail .price_point a , #product_detail .tab_box a {
color:#187fcc;
}
.header-guide{
left:245px;
height:auto;
line-height:14px;
font-weight: 300;
}
.header-guide>a{
padding:2px;
}
@media screen and (max-width: 320px){
.header-logo {
width: 145px;
}
.header-cart{
width: 30px;
}
.header-cart>a i{
height: 30px;
}
.header-guide{
left:210px;
height:auto;
line-height:10px;
}
}
/** over write faq.css **/
#contents.template .FJ-items__info {
padding: 12px 10px !important ;
}
#contents.template .FJ-items--lists {
padding: 0 10px !important;
}
.FJ-items__item .FJ-items__item--q{
color: #000!important;
}
.bto-theme .FJ-items__item{
border-bottom: solid #e9eced 1px!important;
}
.bto-theme .FJ-items--title{
color: #000!important;
}
/** over write n_footer.css **/
#footer {
padding:0;
}
#footer .footer--pagebtn{
z-index:8;
}
.is_popup_banner{
position: fixed;
bottom: 15px;
width: 60%;
bottom: 75px;
left: 20%;
z-index: 10;
}
.is_popup_banner:after{
content: "";
position: fixed;
right: 0;
top: 0;
z-index:1;
height:100%;
background: #000;
opacity:0.3;
width: 100%;
}
.is_popup_banner .is_popup_area {
position:relative;
z-index:10;
}
.is_popup_banner .is_popup_area .is_popup_close:before{
content: "髢峨§繧�";
font-size: 16px;
position: absolute;
right: 0;
bottom: -38px;
background: #fff;
color: #000;
width: 100%;
height: 38px;
text-align: center;
font-weight: 400;
border: 2px solid #e9eced;
box-sizing: border-box;
padding: 4px 8px;
}
.is_popup_banner .is_popup_area .is_popup_close:hover{
cursor:pointer;
opacity:0.75;
}
.sns_link_area{
width: 225px;
margin: 15px auto;
}
.sns_link_area a{
margin-right: 13px;
}
.sns_link_area a:nth-of-type(1){
margin-left: 13px;
}
.sns_link_area a:nth-of-type(4){
margin-right: 0;
}
.sns_link_area img{
width:43px;
height:43px;
}
/** over write faq.css **/
#contents.template .FJ-items--lists .FJ-items__item--a h2{
background:none !important;
color:#000;
padding: 5px 0 5px 10px !important;
border-left: 5px solid #187fcc !important;
margin-top:10px !important;
}
#contents.template .FJ-items--lists .FJ-items__item--a ul{
padding-left:25px !important;
}
/** over write nstyle.css **/
@media screen and (max-width: 767px){
.category-theme #contents #main_column.template .case .categoryTheme-choiceBy .row .columns{
margin-left:0 !important;
margin-right:0 !important;
}
}
.desktop-theme .template #main_column.creatorTheme .category-choice{
padding-bottom: 20px;
}
.creator-theme.category-theme #main_column.template .row .columns.sp-img-left{
width: 116px !important;
height: 100px !important;
}
.creator-theme.category-theme #main_column.template .row .columns.sp-textarea-right{
width: calc(100% - 116px);
}
/** over write form layout menu **/
.form-box .label-box{ text-align: left; }
.required:before{ left:initial; right: 10px;}
.form-box .input-box { text-align: left; }
.form-group.card label { display:inline; }
.form-box .combo-state select[name=job1] , .form-box .combo-state select[name=job2] { margin-bottom:10px; }
/** over write form menu color **/
.form-box .label-box{ background: #e9eced !important; color: #000 !important; border-top: none ; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; border-bottom: 1px solid #ccc; }
.form-box:first-child .label-box{ border-top: 1px solid #ccc; }
.form-box[class*=mt] .label-box{ border-top: 1px solid #ccc; }
input + .form-box .label-box , h3 + .form-box .label-box{ border-top: 1px solid #ccc; }
/** over write pc4-sp2
.columns.pc4-sp2 a p{
overflow: hidden;
white-space: nowrap;
height: 44px;
text-overflow: ellipsis;
margin-bottom:10px !important;
}**/
@media screen and (max-width: 420px){
.pc4-sp2 {
height: 240px !important;/* 200 -> 240 */
}
}
@media screen and (max-width: 375px){
.pc4-sp2 {
height: 220px !important; /* 180 -> 220 */
}
}
#contents.template .slide-area .slide-content {
height: auto !important;
}
/** over write chatbot.css **/
.chat-window-open{
top:-210px !important;
}
.columns.half .chat-btn-open{
display:none;
}
/** over write theme-dd start**/
/** body **/
body.theme-lp.theme-dd{
color:#000;
font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3',Meiryo,'繝｡繧､繝ｪ繧ｪ','�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','MS P Gothic',Osaka,Arial,Helvetica,Verdana,sans-serif !important;
}
/** header **/
.theme-lp.theme-dd header.p-uc-header{
position: relative;
line-height: 1.6;
}
.theme-lp.theme-dd header nav.p-uc-nav{
position: static;
opacity:1;
transform: none;
height: 0;
}
.theme-lp.theme-dd nav ul.p-uc-nav__group , .theme-lp.theme-dd nav ul.p-uc-nav__contact-link__group {
padding:0;
margin-bottom:0;
}
.theme-lp.theme-dd nav ul.p-uc-nav__group li.p-uc-nav__group-item{
margin-bottom:0;
}
/** hamburger-menu **/
.theme-lp.theme-dd #hamburger-menu {
line-height:1.6;
}
.theme-lp.theme-dd #hamburger-menu dl{
margin-bottom:0;
}
/** header **/
.theme-lp.theme-dd #header .header-search input{
font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"繝｡繧､繝ｪ繧ｪ",Meiryo,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic","Helvetica Neue",Arial,sans-serif;
}
.theme-lp.theme-dd .header-info,
.theme-lp.theme-dd #header{
line-height:1.5;
}
.theme-lp.theme-dd .header-shop-link{
line-height:1.6;
font-size:1rem;
}
.theme-lp.theme-dd #header ul{
margin-bottom: 0 !important;
}
/** **/
/** contents **/
.theme-lp.theme-dd #contents h1.rel{
position:relative !important;
}
.theme-lp.theme-dd #contents h2,
.theme-lp.theme-dd #contents h3{
font-size:14px;
}
.theme-lp.theme-dd #contents h2.t-dd-intro__item-heading{
font-weight: 700 !important;
}
.theme-lp.theme-dd #contents p{
margin-bottom:0;
}
.theme-lp.theme-dd #contents .t-dd-intro__tel-box-text{
color: #064195;
font-weight:700;
}
.theme-lp.theme-dd #contents .t-dd-intro__tel-num-main a{
font-weight:900;
}
.theme-lp.theme-dd #contents .t-dd-intro__tel-num-time{
font-weight:700;
}
.theme-lp.theme-dd #contents .c-list01__card{
font-weight: 700;
color: #18191A;
}
.theme-lp.theme-dd #contents h2.c-heading{
font-size:10px;
}
.theme-lp.theme-dd #contents .c-category__item-name{
font-size: 12px;
font-weight: 700;
color:#000;
}
.theme-lp.theme-dd #contents h2.t-dd-contents__heading{
font-size: 12px;
font-weight: 700 !important;
}
.theme-lp.theme-dd #contents h3.t-dd-contents__title{
font-size: 14px;
font-weight: 700 !important;
}
.theme-lp.theme-dd #contents p.t-dd-contents__text{
color: #707070;
}
.theme-lp.theme-dd #contents .t-dd-contetns__catchcopy{
color: #064195;
font-weight: 700 !important;
}
/** footer **/
.theme-lp.theme-dd #contents .c-product_title h2{
text-align:center !important;
margin-top: 0 !important;
}
.theme-lp.theme-dd .header-cart .footer-target{
font-size:1rem;
}
.theme-lp.theme-dd footer#footer{
padding:0 ;
}
.theme-lp.theme-dd #footer{
line-height:1.6;
}
#footer-top .ssl{
height:50px;
}
.theme-lp.theme-dd .lineup_list > div.rel.lineup{
max-width:940px;
}
.theme-lp.theme-dd .lineup_list > div.rel.lineup_bottom{
padding-bottom: 65px;
}
.theme-lp.theme-dd footer.p-uc-footer a{
color: #000 !important
}
.theme-lp.theme-dd footer{
background-color:#fff;
}
/** over write theme-dd end**/
/** over write char color **/
#contents.template h3 strong{
color: #fe6000;
}
.chat-window-message .link-style-min--1{
color: #004098!important;
}
.search-info input[type=search],
.game-theme #contents .desc .spec>p ,
.creator-theme #main_column.template p,
.desktop-theme.category-theme #main_column.template h1.category-theme-mainview-title,
.notebook-theme.category-theme #main_column.template h1.category-theme-mainview-title,
.business-theme.category-theme #main_column.template h1.category-theme-mainview-title,
.notebook-theme .template #main_column .row.iiyama_choose .row p strong,
.desktop-theme .template #main_column .row.iiyama_choose .row p strong,
.game-theme #main_column.template .itemlist--1 dl.item-delivery-date dt,
.category-theme.creator-theme .reocm_block table,
.creator-theme.category-theme #main_column.template p.SJ-items__none--title,
.game-theme.category-theme #main_column.template p.SJ-items__none--title
{ color:#000000; }
#contents .breadcrumb ul li a ,
.itemlist--1 .search-result .right-text .item-comment,
.notebook-theme .template #main_column .row.iiyama_choose .row p strong,
.desktop-theme .template #main_column .row.iiyama_choose .row p strong,
#contents p.item-code
{ color:#000000 !important; }
#contents p.abs.text ,
.game-theme #contents .spec_table th ,.game-theme #contents .spec_table td ,
.game-theme #contents table.bench th , .game-theme #contents table.bench td ,
#contents .iiyama-pc .m-w .interview .kv h3,
#contents .iiyama-pc .m-w .interview .kv p,
#contents .xproduct-spec>.tab-button>li.active a, #contents .xproduct-spec>.tab-button>li a:hover , #contents .xproduct-spec>.tab-button>li:hover a ,
#contents .page-contents .quick-case thead td,
#contents a.btn-green,
#contents .search-form__footer .btn_display a,
.desktop-theme.category-theme #main_column.template.creatorTheme h1.category-theme-mainview-title,
.creator-theme.category-theme #main_column.template p,
.creator-theme.category-theme #contents .feature-content p,
.creator-theme.category-theme #contents .top_infomation_banner .top_infomation_news.news_col2 .detail,
.category-theme.creator-theme
{ color:#ffffff; }
.game-theme #main_column.template h3 ,
.creator-theme.category-theme #main_column.template h3 ,
.chat-window-message a
{ color:#ffffff !important; }
@media screen and (max-width: 640px){
#contents .info-history-table td:first-child {
color: #fff;
}
}
#contents .SJ-item .item-option p[class^="txt-bg"]
{
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
width: 100%!important;
height: 100%!important;
vertical-align: middle!important;
overflow: hidden!important;
}
/** over write font size **/
.fs12{
font-size: 12px !important;
}
.fs14{
font-size: 14px !important;
}
/** width setting add 20200807**/
#contents.template .mt20{
margin-top: 20px;
}
#contents.template .w10p{
width: 10% !important;
}
#contents.template .w20p{
width: 20% !important;
}
#contents.template .w30p{
width: 30% !important;
}
#contents.template .w40p{
width: 40% !important;
}
#contents.template .w50p{
width: 50% !important;
}
#contents.template .w60p{
width: 60% !important;
}
#contents.template .w70p{
width: 70% !important;
}
#contents.template .w80p{
width: 80% !important;
}
#contents.template .w90p{
width: 90% !important;
}
#contents.template .w100p{
width: 100% !important;
}
.w200{
width: 200px !important;
}
#contents.template .wquarter{
width: 25% !important;
}
#contents.template .wonethird{
width: 33.3% !important;
}
#contents.template .wonesixth{
width: 16.6% !important;
}
#contents.template .woneseventh{
width: 14.2% !important;
}
#contents.template .woneeighth{
width: 12.5% !important;
}
#contents.template .text-left{
text-align: left !important;
}
#contents.template .text-right{
text-align: right !important;
}
img.icon-paypay{
width:150px;
}
.lheight1{
line-height:1;
}
.text-black{
color:#000 !important;
}
#multi_column .newfont{
font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3',Meiryo,'繝｡繧､繝ｪ繧ｪ','�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','MS P Gothic',Osaka,Arial,Helvetica,Verdana,sans-serif;
}
/** over write detail.css **/
.bundle_set .bundle_total dl{
text-align:left;
}
.bundle_pop dl dd.popdd_r .text-black{
font-weight:normal;
}
/** drawing start **/
.lottery-sale__container {
margin: 30px 10px;
padding: 20px 10px;
background: #fbf8ee;
border: solid 1px #aaa;
}
.lottery-sale__heading {
margin: 8px 0 20px 0;
font-size: 16px !important;
font-weight: bold;color: #e60000;}
.lottery-sale__button button {
display: block;
margin: 0 auto;
padding: 20px 0;
width: 100%;
-webkit-appearance: none;
appearance: none;
background: #69c9a0;
background: -moz-linear-gradient(top, #69c9a0 1%, #00975e 50%, #006e30 100%);
background: -webkit-linear-gradient(top, #69c9a0 1%,#00975e 50%,#006e30 100%);
background: linear-gradient(to bottom, #69c9a0 1%,#00975e 50%,#006e30 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c9a0', endColorstr='#006e30',GradientType=0 );
border: none;
border-radius: 5px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
cursor: pointer;
}
.lottery-sale__registration {
margin: 30px 0 0 0;
}
/** drawing end **/
/** wp_css **/
.game-theme.category-theme #main_column.template .page-link a:focus, .game-theme #main_column.template .page-link a:hover {
background-color: #fc813f;
}
.creator-theme #main_column.template .category-choice {
background: 0 0!important;
}
.creator-theme #main_column.template .category-choice.is-model .row .columns {
width: 33.3%;
}
@media screen and (max-width: 640px){
.creator-theme #main_column.template .category-choice.is-model .row .columns {
width: 100%;
}
}
@media only screen and (max-width: 767px){
.category-theme #main_column.template .category-choice .choice-link .category-choiceBtn {
height: 48px;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 10px!important;
font-size: 20px;
}
.category-theme .template #main_column .row{
margin-bottom:20px;
}
}
nav.breadcrumb ul li:last-of-type{
display:none !important;
}
@media only screen and (min-width: 768px){
.category-theme .template #main_column .row.choice {
margin: 12px -15px 20px;
}
.creator-theme.category-theme #main_column.template .more-button-link.more-button-trigger {
margin-bottom:-5px;
}
.creator-theme .template #main_column .row.creatorTheme-choiceUse{
margin-bottom:-25px !important;
}
.creator-theme.category-theme #main_column.template .row.creatorTheme-choiceModel{
margin-bottom:-23px !important;
}
.creator-theme.category-theme #main_column.template .creatorTheme-changeSort-product .title-green-gradation-wrap ,
.creator-theme.category-theme #main_column.template .creatorTheme-changeSort-choiceSize{
margin-bottom: -5px !important;
}
.creator-theme.category-theme #main_column.template .creatorTheme-changeSort-choiceSize .row{
margin-bottom: -13px !important;
}
.creator-theme.category-theme .template #main_column .category-choice{
margin-top: -7px !important;
margin-bottom: -30px !important;
}
.creator-theme.category-theme .template #main_column .iiyama_choose h3{
border-top:0px;
line-height: 18px;
}
.creator-theme.category-theme .template #main_column .creatorTheme-choiceModel .columns h3 ,
.creator-theme.category-theme .template #main_column .creatorTheme-choiceModel .columns p{
display:none
}
}
@media only screen and (max-width: 767px){
.desktop-theme #main_column.template .row h2.title-green-gradation{
background: #00a199!important;
background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e))!important;
background: linear-gradient(to right,#00a199 0,#00e67e 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a199', endColorstr='#00e67e', GradientType=1 )!important;
}
}
#footer-top ul.links{
width:320px;
margin:0 auto;
}
#footer-top ul.links li{
font-weight:normal;
line-height:2
}
#footer-top ul.links li:after{
content:'|';
margin:0 10px;
}
@media only screen and (max-width: 420px){
#footer-top ul.links li:nth-of-type(2):after,
#footer-top ul.links li:nth-of-type(4):after,
#footer-top ul.links li:nth-of-type(7):after,
#footer-top ul.links li:nth-of-type(9):after,
#footer-top ul.links li:nth-of-type(11):after,
#footer-top ul.links li:nth-of-type(13):after
{
content:none;
}
}
.fs11{
font-size:11px !important;
}
#contents .infinity_category_top_tagline_field{ /** add 20220422 **/
height: 50px;
display: inline-block;
}
#contents .infinity_category_top_tagline{
top: 10px;
right: 10px;
width:200px;
position: absolute;
max-width: calc( 100% - 200px );
}
/** header scroll cancel **/
.header-top , .header-login{
position: static;
}
.header-top .header-login{
height: 37px;
}
#header{
padding-top: 0;
}
/** shopping check add 2022.5.25**/
.kiyaku_check_box {
width: 70%;
margin-left:15%;
text-align: left;
margin-top: 15px;
}
.kiyaku_check_box input{
display: inline-block;
margin-right: 8px;
margin-top:4px;
vertical-align: top;
}
.kiyaku_check_box label p {
display: inline-block !important;
width: calc(100% - 30px);
margin-bottom: 0px !important;
}
.kiyaku_check_btn .btn
{
margin-top: 15px !important;
width: 70% !important;
margin-left:0;
margin-bottom: 15px !important;
}
.kiyaku.kiyaku_check_box , .kiyaku.kiyaku_check_box .kiyaku_l{
padding: 0;
}
.kiyaku.kiyaku_check_box .kiyaku_l{
display: block;
}
.w70p {
width: 70%;
}
.kiyaku_check_btn .btn.btn-green{
margin-bottom:15px !important;
}
.kiyaku_check_btn .btn.btn-grey{
margin-bottom:10px !important;
}
.kiyaku_chec_text{
margin-bottom: 30px !important;
}
.button-center{
text-align:center !important;
}
.btn-off{
box-shadow: 0 0 !important;
opacity: .4 !important;
}
/*--------------------------------------------
add 2022.07.XX [cart]
---------------------------------------------*/
@media only screen and (min-width: 768px) {
.purchase-consultation .pc-none{
display: none;
}
#main_column .purchase-consultation a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #000;
}
.purchase-consultation p:first-child{
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.purchase-consultation .sp-none{
display: none;
}
.purchase-consultation p:first-child{
font-size: 12px;
}
}
/*
陦ｨ縺ｮ繝�じ繧､繝ｳ over write n_template.css add 20230119
*/
.template #main_column.template table thead th {
text-align: center;
color: #000;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.template #main_column.template table thead tr th{
background-color: #e9eced;
}
.template #main_column.template table tbody th {
background-color: #e9eced;
border-right: none;
border-bottom: 1px solid #cccccc;
}
.template #main_column.template table tbody td {
background-color: #fff;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.template #main_column.template table tbody td:last-child {
border-right: none;
}
.template #main_column.template table {
border-top: 1px solid #cccccc;
border-left: none;
}
/* 陦瑚ｦ句�縺励′縺ゅｋ蝣ｴ蜷医�蛻苓ｦ句�縺励ｒ縺ｪ縺上☆ */
.template #main_column.template thead + tbody tr th, #main_column.template thead + tbody tr td{
background-color: #fff!important;
text-align: center;
}
.template #main_column.template table thead th:last-of-type{
border-right:none;
}
.template #main_column.template table tbody td{
border-left: 1px solid #cccccc;
}
.template #main_column.template table tbody td:first-child{
border-left: none;
}
/* 蛻礼ｵ仙粋縺ｮ縺ｿ縺励※縺�ｋ蝣ｴ蜷� */
.template #main_column.template .row_join th[rowspan]:first-child, .template #main_column.template .row_join td[rowspan]:first-child{
border-right: 1px solid #cccccc;
}
/*
陦ｨ縺ｮ繝�じ繧､繝ｳ over write n_template.css add 20230119
*/
/*--------------------------------------------
add 2022.08.XX [TOP page]
---------------------------------------------*/
.banner-slider-frame {
padding: 10px 0 7px 0;
}
.banner-slider{
padding:0;
}
/** top page rem to px **/
.side-menu__block__top .user-menu{
font-size: 14px;
}
.side-menu__block__bottom__title{
font-size: 12px;
}
.side-menu__block__bottom .product-toggle-menu dt.brand .toggle-link, .side-menu__block__bottom .product-toggle-menu dt.brand span{
font-size: 14px;
}
.side-menu__block__bottom .product-toggle-menu dd .product-toggle-submenu ul li a{
font-size: 12px;
}
.side-menu__block__bottom .product-toggle-menu dd .product-toggle-submenu dt span{
font-size: 12px;
}
.side-menu__block__bottom .product-toggle-menu dt{
font-size: 14px;
}
.header-title{
font-size: 15px;
}
.header-menu{
font-size: 10px;
}
.header-tagline {
font-size: 12px;
}
.header-guide {
font-size: 9px;
}
.header-login-links--item {
font-size: 12px;
}
.header-search--input>input {
font-size: 16px;
}
.header-cart a{
font-size: 10px;
}
.header-shop-link p {
font-size: 12px;
}
.header-info-item {
font-size: 9px;
}
#footer-top .links li {
font-size: 12px;
}
#footer-top .ssl .text {
font-size: 10px;
}
#footer-top #copyright small{
font-size: 12px;
}
.header-info-item .num{
font-size: 11px;
}
.header-cart>a .num{
font-size: 11px;
}
/* api color add 2023.02.20 */
.SJ-items__item .item-option ,
.SJ-item .item-option ,
.EC-items__item .item-option ,
.itemlist--1 .search-result .right-text .price-opt ,
#main_column p[class^="txt-bg"] ,
#main_column p[class^="txt-bg"] a ,
#main_column div[class^="txt-bg"] ,
#main_column div[class^="txt-bg"] a ,
#contents p[class^="txt-bg"] ,
#contents p[class^="txt-bg"] a ,
#contents div[class^="txt-bg"] ,
#contents div[class^="txt-bg"] a,
#contents2 p[class^="txt-bg"] ,
#contents2 p[class^="txt-bg"] a ,
#contents2 div[class^="txt-bg"] ,
#contents2 div[class^="txt-bg"] a
{
background: #ffedf1 !important;
color: #fa0000 !important;
}
/** mc_vier **/
#mc_vier .mc_vier_slide{
display:flex;
overflow-x:scroll;
}
#mc_vier .mc_vier_slide > div{
margin-left:3px;
margin-right:3px;
margin-bottom:15px;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 37.5%;
}
#mc_vier .mc_vier_slide > div:first-of-type{
margin-left:0;
}
/** 20231003 **/
.SJ-items__item .item-icon i span {
background: #fff!important;
}
.SJ-items__item .item-icon i span.item-wappen-webonly,.itemlist--1 .search-result .label i span.item-wappen-webonly {
background: #00a1ff!important;
color: #ffffff!important;
border: 1px solid #3b89ff!important;
border-radius: 0;
}
.SJ-items__item .item-icon i span.item-wappen-nennai,.itemlist--1 .search-result .label i span.item-wappen-nennai {
background: #ffff00!important;
color: #ff0000!important;
border: 1px solid #cba924!important;
border-radius: 0;
}
/** 縺企崕隧ｱ縺ｧ縺ｮ縺雁撫蜷医○繝懊ち繝ｳ霑ｽ蜉� **/
li.header-info-item.header-info-tel {
border: 1px solid #000;
border-radius: 5px;
padding: 10px;
width: 150px;
height: 40px;
margin: 9px 0 0 10px;
font-size: 11px;
position: relative;
}
li.header-info-item.header-info-tel::after {
content: "";
clear: both;
display: block;
position: absolute;
top: 5px;
left: 3px;
width: 30px;
height: 30px;
background-image: url("/user_data/packages/sphone/img/icon/ico_tel.svg");
background-size: contain;
}
li.header-info-item.header-info-tel a {
display: inline-block;
padding: 0 0 0 20px;
}
/*--------------------------------------------
add 2022.10.XX [common LP]
---------------------------------------------*/
/* h2 */
#contents.template .row h2 {
margin-right: 0px;
margin-left: 0px;
}
/* h2 */
/*--------------------------------------------
add 2022.10.XX [gaming PC]
---------------------------------------------*/
.game-theme .pcOnly {
display: none!important;
}
/* h2 */
.game-theme #main_column.template h2 {
height: auto;
padding: 15px !important;
background: #202020 !important;
color: #fff;
font-size: 18px !important;
font-weight: 500!important;
line-height: 1.2;
text-align: left !important;
align-items: flex-start;
position: relative;
}
.game-theme #main_column.template h2::before {
content: "";
width: 4px;
height: 100%;
background: #e95504;
background: -webkit-gradient(linear,left top, left bottom, from(#e95504), to(#f9be00));
background: linear-gradient(#e95504, #f9be00);
position: absolute;
top: 0;
left: 0;
}
/* h2 */
/* h3 */
.game-theme #main_column.template h3 {
font-weight: 500!important;
}
.game-theme #contents.template #main_column.template h3{
margin-top: 28px;/*update 20230828*/
margin-bottom: 10px;/** update 20230828 **/
margin-left:15px;/** add 20230828 **/
margin-right:15px;/** add 20230828 **/
padding-right: 0 !important;
padding-left: 0 !important;
-o-border-image: linear-gradient(to right,#333333 0,#1a1a1a 100%) 1/0 0 2px 0;
border-image: -webkit-gradient(linear,left top,right top,from(#333333),to(#1a1a1a)) 1/0 0 2px 0;
border-image: linear-gradient(to right,#333333 0,#1a1a1a 100%) 1/0 0 2px 0;
}
.game-theme #contents.template #main_column.template h3.line_gray{/*add 20230828*/
padding-bottom:5px!important;
}
/* h3 */
/* p */
.game-theme #main_column.template .row p,.game-theme #main_column.template p{/*add 20230828*/
padding-left:0px;
padding-right:0px;
}
/* p */
/* anchor-link */
.game-theme #main_column.template .anchor-link{
margin-bottom: 8px;
}
.game-theme #main_column.template .anchor-link a{
padding: 9px 22px;
background-color: #232325;
background-image: none;
border: 3px solid #232325;
font-size: 12px;
line-height: 1.833;
}
.game-theme #main_column.template .anchor-link a:focus,
.game-theme #main_column.template .anchor-link a:hover{
background-color: black;/*update 20230828*/
}
/* anchor-link */
/* category-theme-news */
.game-theme #main_column.template .related-topics .icon-area{
color: #9FA7B0;
}
.category-theme #main_column.template .row .columns .related-topics .sp-textarea-right h3{
margin-left:0px!important;
margin-right:0px!important;
margin-bottom:5px!important;
}
/* category-theme-news */
/* categoryTheme-gallery */
.game-theme .categoryTheme-gallery-item{
width: 50%;
margin: 0 0 20px !important;
padding: 0 8px !important;
}
.game-theme .categoryTheme-gallery-body-title{
margin: 10px auto 5px !important;
color: #428BCA;
font-size: 12px;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.333;
}
.game-theme #main_column.template .categoryTheme-gallery-body-text{
margin-bottom: auto;
}
.game-theme #main_column.template .categoryTheme-gallery-body-text p{
font-size: 11px;
letter-spacing: .05em;
line-height: 1.3636;
}
/* categoryTheme-gallery */
/* page-link */
.game-theme #main_column.template .page-link{
margin-top: 15px;
}
.game-theme #main_column.template .page-link.black.round{
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-left:15px;/*add 20230828*/
padding-right:15px;/*add 20230828*/
}
.game-theme #main_column.template .page-link a{
background-color: #fff!important;
background-image: url(/user_data/packages/responsive/_asset/img/icon/arrow4.png);
background-size: auto 16px;
color: #000000;
}
.game-theme #main_column.template .page-link a:focus,
.game-theme #main_column.template .page-link a:hover{
background-color: #fff;
}
/* page-link */
/* more btn */
.game-theme #main_column.template .more-button-link a{
/*background-color: #ffffff !important;
color: #000000 !important;*/
}
.game-theme .template #main_column .more-button-link a::after{
background-image: url(/user_data/packages/responsive/_asset/img/icon/cat-more.png);
}
/* more btn */
/* choice-link */
.game-theme #main_column.template .category-choice .choice-link{
padding: 1px;
}
/* choice-link */
/* SJ-items */
.game-theme #main_column.template h2.SJ-items--title {
margin-bottom: 0px !important;
background: #202020 !important;
}
/* SJ-items */
/*--------------------------------------------
add 2022.10.XX [creator PC]
---------------------------------------------*/
.creator-theme .pcOnly {
display: none!important;
}
/* h2 */
.creator-theme #main_column.template h2 {
height: auto;
margin-bottom: 15px !important;
padding: 15px;
background: #202020 !important;
color: #fff;
font-size: 18px !important;
font-weight: 500!important;
line-height: 1.2;
text-align: left !important;
align-items: flex-start;
position: relative;
}
.creator-theme #main_column.template > h2:first-of-type{
margin-top: 0 !important;
}
.creator-theme #main_column.template h2::before {
content: "";
width: 4px;
height: 100%;
background: #00a199;
background: -webkit-gradient(linear,left top, left bottom, from(#00a199), to(#00e67e));
background: linear-gradient(#00a199, #00e67e);
position: absolute;
top: 0;
left: 0;
}
/* h2 */
/* h3 */
.creator-theme #contents.template #main_column.template h3{
margin-top: 28px;/*update20230828*/
margin-bottom: 10px;/*update20230828*/
margin-left:15px;/*update20230828*/
margin-right:15px;/*update20230828*/
-o-border-image: linear-gradient(to right,#333333 0,#1a1a1a 100%) 1/0 0 2px 0;
border-image: -webkit-gradient(linear,left top,right top,from(#333333),to(#1a1a1a)) 1/0 0 2px 0;
border-image: linear-gradient(to right,#333333 0,#1a1a1a 100%) 1/0 0 2px 0;
font-weight: 500 !important;
}
.creator-theme #contents.template #main_column.template .textarea-right h3{/*add 230828*/
margin-top:0px;
}
.category-theme #contents.template #main_column.template .choice-creator-pc h3 {
border: none;
margin-left:0px;/*add 230828*/
margin-right:0px;/*add 230828*/
margin-bottom:0px;/*add 230828*/
padding-left:20px!important;/*add 230828*/
padding-right:20px!important;/*add 230828*/
-o-border-image: linear-gradient(to right,#333333 0,#1a1a1a 100%) 1/0 0 1px 0;/*add 230828*/
border-image: -webkit-gradient(linear,left top,right top,from(#333333),to(#1a1a1a)) 1/0 0 1px 0;/*add 230828*/
border-image: linear-gradient(to right,#333333 0,#1a1a1a 100%) 1/0 0 1px 0;/*add 230828*/
}
#main_column.template .row .columns h3.mt10{/*add 20230828*/
margin-left:15px!important;
margin-right:15px!important;
padding-left:0px!important;
padding-right:0px!important;
}
.category-theme #contents.template #main_column.template .choice-creator-pc h3.title{/*add 20230828*/
border:none;
margin-top:0px;
padding-top:5px!important;
padding-bottom:0px!important;
}
/* h3 */
/* p */
.creator-theme #main_column.template .reportlist p.name,.date,.icon-area{/*add 20230828*/
margin-left:0px;
margin-right:0px;
}
/* p */
/* anchor-link */
.creator-theme #main_column.template .anchor-link{
margin-bottom: 8px;
}
.creator-theme #main_column.template .anchor-link a{
padding: 9px 22px;
background-color: #232325;
background-image: none;
border: 3px solid #232325;
font-size: 12px;
line-height: 1.833;
}
.creator-theme #main_column.template .anchor-link a:focus,
.creator-theme #main_column.template .anchor-link a:hover{
background-color: black;/*update 20230828*/
}
/* anchor-link */
/* category-theme-news */
.creator-theme #main_column.template .related-topics h3{
color: #fff !important;
}
.creator-theme #main_column.template .related-topics .icon-area{
font-size: 11px;
color: #9FA7B0;
}
.creator-theme #main_column.template .related-topics .date{
font-size: 11px;
}
/* category-theme-news */
/* creatorTheme-choiceUse */
.creator-theme #main_column.template .choice-creator-pc{
margin-bottom: 0;
}
.creator-theme #main_column.template .choice-creator-pc .desc{
padding-right: 10px;
padding-left: 10px;
}
/* creatorTheme-choiceUse */
/* page-link */
.creator-theme #main_column.template .page-link{
margin-top: 15px;
}
.creator-theme #main_column.template .page-link a{
margin-top: 0;
background-color: #fff !important;
background-image: url(/user_data/packages/responsive/_asset/img/icon/arrow4.png);
background-size: auto 16px;
color: #000000;
}
.creator-theme #main_column.template .row p.page-link,.creator-theme #main_column.template .mb25 p.page-link.black.round{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left:15px;/*add 20230828*/
padding-right:15px;/*add 20230828*/
}
.creator-theme #main_column.template .mb25 .page-link a{
margin-top: 10px;
}
/* page-link */
/* choice from xxx */
.creator-theme #main_column.template .case .category-choice .row .columns.pc6{
width: calc(47% - 5px);
margin-left: 10px;
}
/* choice from xxx */
/* more btn */
.creator-theme #main_column.template .more-button-link a{
background-color: #ffffff;
color: #000000;
}
.creator-theme .template #main_column .more-button-link a::after{
background-image: url(/user_data/packages/responsive/_asset/img/icon/cat-more.png);
}
/* more btn */
/* feature-gallery */
.creator-theme .template #main_column .feature-gallery ul{
margin: 0;
}
.creator-theme .template #main_column .feature-gallery ul::after{
content: "";
clear: both;
display: block;
}
.creator-theme .template #main_column .feature-gallery ul li{
float: left;
}
.creator-theme #main_column.template .feature-gallery.cat li:nth-child(even){
margin: 0 0 2.4% 0 !important;
}
.creator-theme .template #main_column .feature-gallery .gallery.col-3{
margin: 0;
}
.creator-theme .template #main_column .feature-gallery .gallery .gallery-ttl{
color: #187fcc;
font-weight: bold;
margin-bottom: 0;
}
.creator-theme .template #main_column .feature-gallery .gallery .gallery-txt{
margin-bottom: 0;
}
.creator-theme .template #main_column .feature-gallery .gallery .gallery-txt p{
margin-bottom: 10px;
padding-right: 0;
padding-left: 0;
}
/* feature-gallery */
/* col-type-03 */
.creator-theme #main_column.template .col-conts > dl{
margin-bottom: 20px;
}
/* col-type-03 */
/* SJ-items */
.creator-theme #main_column.template h2.SJ-items--title {
padding: 15px !important; /*update230828*/
margin-bottom:0px!important;/*add 20230828*/
}
/* SJ-items */
/** 縺企崕隧ｱ縺ｧ縺ｮ縺雁撫蜷医○繝懊ち繝ｳ霑ｽ蜉� **/
li.header-info-item.header-info-tel {
border: 1px solid #000;
border-radius: 5px;
padding: 10px;
width: 150px;
height: 40px;
margin: 9px 0 0 10px;
font-size: 11px;
position: relative;
}
li.header-info-item.header-info-tel::after {
content: "";
clear: both;
display: block;
position: absolute;
top: 5px;
left: 3px;
width: 30px;
height: 30px;
background-image: url("/user_data/packages/sphone/img/icon/ico_tel.svg");
background-size: contain;
}
li.header-info-item.header-info-tel a {
display: inline-block;
padding: 0 0 0 20px;
}
/** 蝠�刀讀懃ｴ｢鬮倥＆隱ｿ謨ｴ **/
.search-form__refine .switch {
overflow: auto;
}
/* 邵ｦ蟷�ｶ� 20231201 */
.product-toggle-menu dt.brand.value { border-left: 5px solid #187fcc; }
.product-toggle-menu dt.brand.value .toggle-link {
background: url(/user_data/packages/default/_asset/img/side/side_value.png) left 5px center no-repeat;
}
/* 3step 231212 */
#main_column.template .easy-three-step{
background:#e9eced;
}
#main_column.template p.three-step{
color:#000;
font-size:16px;
margin:20px 10px 5px 10px;
padding-top:10px;
padding-left:10px;
}
#main_column.template p.three-step span.three.step{
color:#f00;
}
#main_column.template ul.custom.step{
display:flex;
overflow:auto;
scroll-snap-type:x mandatory;
margin-top:5px;
margin-left:20px;
}
#main_column.template ul.custom.step li.step{
flex:none;
scroll-snap-align:center;
width:300px;
margin-right:20px;
margin-left:20px;
}
#main_column.template ul.custom.step li.step .step-white{
background-color:#fff;
border-radius:20px;
height:170px;
padding:10px;
}
#main_column.template ul.custom.step li.step .step-white p.explanation{
text-align:left;
margin:10px 0px;;
padding:10px 20px;
font-size:14px;
}
#main_column.template ul.custom.step li.step p{
color:#000;
margin-top:10px;
margin-left:0;
margin-right:0;
margin-bottom:10px;
text-align:center;
font-size:16px;
}
#main_column.template ul.custom.step li.step p span.step{
display:inline-block;
color:#187fcc;
transform:rotate(-40deg);
position:relative;
left:-30px;
margin:0;
margin-bottom:10px;
}
#main_column.template ul.custom.step li.step p span.step-title{
margin-bottom:10px;
padding-right:20px;
}
#main_column.template ul.custom.step li.step:before{
content:none;
}
/*繧ｹ繝壹ャ繧ｯ讀懃ｴ｢隱ｿ謨ｴ*/
.side-menu__block__bottom .product-toggle-menu dd .product-toggle-submenu ul li a.spec {
font-size: 12px;
padding: 5px 5px 0px 5px;
font-weight:600;
}
/** over write n_size.css 20241018**/
side-menu__block__bottom .product-toggle-menu dt.brand.solution.workstation a.toggle-link, .side-menu__block__bottom .product-toggle-menu dt.brand.solution.workstation span {
background: url(https://www.pc-koubou.jp/wp/wp-content/uploads/2024/10/side_pc_ws.png) left 5px center no-repeat;
}
/*20241031 繧ｫ繝�ざ繝ｪ繧ｳ繝ｳ繝�Φ繝�｡ｨ遉ｺ蛻�崛*/
.readmore {
position: relative;
margin: 0px auto;
padding: 0px 0px 75px;
}
.readmore-content {
position: relative;
height: 200px;
transition: all .4s;
overflow: hidden;
}
.readmore-content::before {
position: absolute;
display: block;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 75px;
transition: all .4s;
background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100% );
}
.columns.page-heading-text > .readmore-content::before {
height: 150px;
}
.readmore-content.is_open:before{
display: none;
}
.readmore button{
position: absolute;
display: table;
left: 50%;
bottom: 0px;
margin: 0 auto;
width: 200px;
padding: 10px 0;
color: #fff;
text-align: center;
border-radius: 5px;
background-color: #333;
transform: translateX(-50%);
cursor: pointer;
z-index: 1;
transition: all .4s;
}
#readmore_btn.page-link.round a:after {
margin-top: -7px!important;
transform: rotate(135deg)!important;
}
#readmore_btn.page-link.round a.readmore:after {
margin-top: -2px!important;
transform: rotate(-45deg)!important;
}