@charset "UTF-8";
/* SO style */

/* sofmap style */
.top_body_campaign_link {padding-top: 8px; margin-bottom:40px;}
.top_body_columnbox {margin-bottom: 5rem;}
.top_body_more_link {margin-bottom:25px;}

.top_body_visumo_disp_none {display: none;}

.top_page_left_menu_section {width: 280px;}
.top_page_left_menu_info {margin-top: 7px;}
.top_page_left_menu_info_color {color: #356bb3;}
.top_page_left_menu_corp_info {margin-bottom:5px;}
.top_page_left_menu_image_width {width: 95%;}
.top_page_left_menu_digital119 {font-size:0.85em; font-weight:normal;}




/* sofmap style tag */
/*TOP_BODY_1_NEW*/
/*	.columnbox {margin-bottom: 24px !important;} 2916 FB*/
.top_keyword {max-width: 880px;width: 100%;margin: 0 auto 24px;}
.keyword_title {font-size: 1.125rem;padding: 4px 0 2px 5px;color: #444;border-left: 4px #30b5ef solid;font-weight: bold;margin-bottom: 4px;}
.keyword_wrp {display: flex;flex-wrap: wrap;list-style-type: none;margin: 0;padding: 0;max-width: 880px;width:880px;/* 2916 FB */}
.keyword_wrp li {width: auto;display: block;padding: 4px 12px 4px 0;font-size: 12px;}
.keyword_wrp li a {display: block;text-align: center;padding: 4px 16px 3px;text-decoration: none;background-color: #f9f9f9;border-radius: 50px;height: auto;}
.keyword_wrp li:nth-child(1) i {color:#FFD700;}
.keyword_wrp li:nth-child(2) i {color:#C0C0C0;}
.keyword_wrp li:nth-child(3) i {color:#C47222;}
.keyword_wrp li i.fa-tag {color: rgb(211, 211, 211);}
section div.sp-horizontal .sp-next-arrow {right: -5px;}
section div.sp-next-arrow::before { content: url(/images/static/img/slide_btn_right.svg); opacity: 1;}
section div.sp-horizontal .sp-previous-arrow {left: -5px;}
section div.sp-previous-arrow::before { content: url(/images/static/img/slide_btn_left.svg); opacity: 1;}
section div.sp-button { width: 8px; height: 8px; margin: 0 6px;}
section#tpo_slider_large .sp-thumbnail-container { border-radius: 3px; overflow: unset;}
section#tpo_slider_large .sp-thumbnails { margin-top: 15px; width: 878px !important;}
section#tpo_slider_large .sp-bottom-thumbnails.sp-has-pointer { width: 100% !important;}
section#tpo_slider_large .sp-bottom-thumbnails.sp-has-pointer p.sp-thumbnail {
 text-align: center;
 cursor: pointer;
 width: calc(100% - 30px);
 padding: 0 15px;
 white-space: nowrap; /* 横幅のMAXに達しても改行しない */
 overflow: hidden; /*ハミ出した部分を隠す */
 text-overflow: ellipsis; /* 「…」と省略 */
 -webkit-text-overflow: ellipsis; /* Safari */
 -o-text-overflow: ellipsis; /* Opera */
 position: absolute;
 margin-top: 0 !important;
 height: 24px;
 top: 4px;
}
section#tpo_slider_large .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail {
 cursor: pointer;
 border-radius: 3px;
 color: #fff;
 background-color: #999;
 position: relative;
}
section#tpo_slider_large .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
 border: 10px solid transparent;
 border-bottom-color: #999;
 border-top-width: 0;
 top: -5px;
 content: "";
 display: block;
 left: 50%;
 position: absolute;
 transform: translate(-50%, -50%);
 width: 0;
}
section#tpo_slider_small { display: flex; flex-wrap: wrap; justify-content: space-between;width: 880px; margin: 0 auto 0; padding-top: 1em; }
section#tpo_slider_small > div.col2 { width: Calc(50% - 10px); margin-bottom: 8px;}

section.top_slider_small { display: flex; flex-wrap: wrap; justify-content: space-between;width: 880px; margin: 0 auto 0; padding-top: 1em; }
section.top_slider_small > div.col2 { width: Calc(50% - 10px); margin-bottom: 8px;}

/*TOP_BODY_2_NEW*/
/* #slider03 .sp-arrows { display: none;} */

#osusume-item {
padding-bottom: 10px;
}

.top_itemarea {
width: 860px;
display: flex;
justify-content:space-between;
margin: 1.5rem 10px 0.5rem;
}

.top_itemarea .top_item {
width: calc( 25% - 25px);
display: block;
}

.ti_image {
width: 70%;
margin: 0 auto 0.35rem;
}
.ti_image img {
width: 100%;
}

.ti_maker {
font-size: .6875rem !important;
margin-bottom: 0.2rem !important;
height: .9rem ;
overflow: hidden;
color:#333;
}
.ti_name {
color: #066eb3;
font-size: .8125rem !important;
line-height: 1.4;
margin-bottom: 0.35rem !important;
height: 2.2rem;
overflow: hidden;
}
#videogram .ti_name { height: auto; overflow: initial;}


.ti_price {
font-size: .75rem !important;
color: #dd0000;
margin-bottom: 0 !important;
}
.ti_price span {
font-size: 1rem !important;
font-weight: bold;
}
.ti_point {
color: #fa0;
font-weight: bold;
font-size: 0.75rem;
}


section#category {
    margin-bottom: 1rem !important;
}
section#tpo_slider_small {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
section.columnbox.top_slider_small {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
.product-midashi {font-size: 0.9em;text-align: center;color: #fff;background: #f00;font-weight: bold; position: initial;}
.ct_banner_box {
 width: 100%;
 margin: 1.5rem 0 0.5rem;
 display: flex;
 justify-content: space-between;
}
.ct_banner {
 width: 434px;
}
.ct_banner img {
 width: 100%;
}
div.hacobune-staffstyle-to-nextpage {display:none;}
div.hacobune-media-post-list-item-height {display:none;}
.hacobune-media-post-list-item-title {padding-top: 35px !important;}
.hacobune-media-post-list-item-img-wrapper {font-size: 0.1em;color: #fff;}
.hacobune-media-post-list-item-description {width: 120%; overflow: hidden; height: 114px;}
.hacobune-media-post-list-item-description span {white-space: pre-line; font-weight:bold; word-break: break-all;}
    .sof_service {width: 100%; max-width: 880px; margin: 40px auto; z-index: 1001; position: relative;}
    .sof_service ul{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
    .sof_service ul li{width: calc(100% / 3 - 8px); border: 1px solid #ccc}
    .sof_service ul li .img_box{display: block; width: 100%;}
    .sof_service ul li .img_box img {display: block; width: 100%;}


/*TOP_PAGE_LEFT_MENU_1_NEW*/
#wrapper.top { flex-direction: row-reverse; padding: 18px 0;}
#wrapper.top #aside { margin-bottom: 50px; margin-right: 40px; margin-left: 0; margin-top: 0;}
.mbottom15 {margin-bottom: 1.5em;}
.top-left-link a { width: 264px; padding: 7px 8px 5px; font-size: .75rem; background-attachment: scroll; background-image: url(/images/static/img/arrowhead_r_gray.svg); background-position: 98% center; background-repeat: no-repeat; background-size: 6px auto; background-color: transparent; display: flex; border-bottom: 1px dashed #eee;}
.top-left-link a:hover { background-color: #eee; color: #333 !important; border-bottom: 1px solid #aaa;}
.top-left-link a:link, top-left-more a:link { text-decoration: none;}
.top-left-more {width:calc( 100% - 1em );text-align: center;font-size: .8rem;padding: 14px 1em 7px 0;}
.site { margin-top: 7px;}
.site a { padding-left: 4px !important; width: 268px !important; align-items: center !important;}
.site span { width: 98px; display:flex;}
.top-left-link span img { max-width: 90px; max-height: 26px;}
.top-left-link.site.mbottom15 li{ height: 38px;}
.new li {border-left: 4px solid #06f;}
.used li {border-left: 4px solid #17a88d;}
.top-left-mid { font-size: .875rem; font-weight:bold; margin: 0 0 .5em; border-bottom: 1px solid #ccc;}

.imp-notices li#apple_news a {
	background-color: #222;
	color: #fff;
	text-align: center;
	background-image: url(https://www.sofmap.com/images/static/img/arrow_btnwh.svg);
	background-position: 98% center;
}
.top-left-link img {width: 95%; display: block;}

/*TOP_PAGE_LEFT_MENU_2_NEW*/
.side-twitter { width: 100%; margin-bottom: 10px;}
    .corp_info li:nth-child(n+6) {  /*上位5件表示*/
        display: none;
    }
	.corp_info .akisof{
		display: none;
	}

/* sofmap style レイアウト崩れ対応 2022/09/12 */
.top-left-link.site.mbottom15 li.top_page_left_menu_banner_height {height: auto;}

/* 田んぼ ゲーミングゾーン背景変更 */
.bg_gaming { background-color: #000; background-image: url(/ec/contents/gaming-zone/img/bg_gaming.jpg);}