@charset "UTF-8";


#sogyosupport {
  letter-spacing: -0.07em;
  line-height: 1;
  margin-top: 20px;
}

#sogyosupport .txt--red {
  color: #d80000;
}

#sogyosupport .alpha a:hover img {
  opacity: 0.7;
}

#sogyosupport .f-header {
  width: 960px;
  height: 370px;
  position: relative;
}

#sogyosupport .f-header_txt {
  font-size: 14px;
  line-height: 1.4;
  width: 505px;
  position: absolute;
  left: 456px;
  top: 231px;
}

#sogyosupport .f-header_txt small {
  display: block;
  font-size: 11px;
  color: #727272;
  margin-top: 20px;
}

#sogyosupport .f-header_merit {
  position: absolute;
  right: 12px;
  bottom: -45px;
  z-index: 100;
}

#sogyosupport .f-header_merit li {
  float: left;
}

#sogyosupport .f-flow {
  width: 960px;
  height: 228px;
  position: relative;
  margin-bottom: 50px;
}
#sogyosupport .f-flow .f-flow_link {
  font-size: 15px;
  line-height: 1;
  position: absolute;
  right: 45px;
  bottom: 28px;
}

#sogyosupport .f-flow .f-flow_link a{
  padding-right: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEwLTEyVDE1OjMwOjU2KzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMC0yNlQxMjo0NDo0NiswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMC0yNlQxMjo0NDo0NiswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MGJjZDRiZC1kMGM5LWZiNDktODJhOC1mYThmZDRhZDdjNjMiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYTBmYzQzNS05YjJkLTRhNGUtYWUzOC03Y2MyYzUwOGU5OWYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3MzMwYzk0NC1hNjYwLTkwNDktYmI5YS1kNzc4YThlMWRhMzYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjczMzBjOTQ0LWE2NjAtOTA0OS1iYjlhLWQ3NzhhOGUxZGEzNiIgc3RFdnQ6d2hlbj0iMjAxOC0xMC0xMlQxNTozMDo1NiswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MGJjZDRiZC1kMGM5LWZiNDktODJhOC1mYThmZDRhZDdjNjMiIHN0RXZ0OndoZW49IjIwMTgtMTAtMjZUMTI6NDQ6NDYrMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+p8EjAAAAOUlEQVQYlWOULnr5nwE3YGRgYGBgwicJA7gUoZjOgk0nmsL/uExCAUQpglmHz4cMLDjcg9UkvKYBACLBB46ue6ncAAAAAElFTkSuQmCC) no-repeat right center;
}

#sogyosupport .section_check_01 {
  margin-bottom: 100px;
}

#sogyosupport .section_check_01_inner {
  background: #d4d4d4;
  padding: 0 20px 20px 20px;
  overflow: hidden;
}

#sogyosupport .anchor_nav {
  margin: 55px 0 60px;
}

#sogyosupport .anchor_nav li {
  float: left;
  margin-left: 5px;
}

#sogyosupport .anchor_nav li:first-child {
  margin-left: 0;
}

#sogyosupport .tab_area {
  margin-bottom: 85px;
}

#sogyosupport .tab_area:last-child {
  margin-bottom: 0;
}

#sogyosupport .heading_center {
  text-align: center;
  margin-bottom: 30px;
}

#sogyosupport .section_industry {
  margin-bottom: 100px;
}

#sogyosupport .industry_bnr_area {
  width: 920px;
  margin: 0 auto;
}

#sogyosupport .industry_bnr_area dl {
  float: left;
  margin-left: 30px;
}

#sogyosupport .industry_bnr_area dl:first-child {
  margin-left: 0;
}

#sogyosupport .industry_bnr_area dl dt {
  margin-bottom: 10px;
}

#sogyosupport .category_text {
  color: #fff;
  font-size: 15px;
  padding: 10px 0;
  background: #0f1019;
  width: 879px;
  margin: 15px 0;
  text-align: center;
  line-height: 1.4;
}
#sogyosupport .category_text a{
  text-decoration: underline;
}

#sogyosupport .category_text a[target="_blank"]{
  display: inline-block;
  padding-right: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAHElEQVQI12P4x8Dwi4EBSDY1QNG/BgaGBob6BgB79wj6FJ8fMAAAAABJRU5ErkJggg==) no-repeat right center;
  margin-right: 3px;
}
#sogyosupport .category_text a:visited{
  color: #fff;
}

#sogyosupport .category-body {
  margin-top: 15px;
}

#sogyosupport .ranking-link_more {
  text-align: right;
  padding-top: 10px;
  margin-top: 15px;
  border-top: 1px solid #aeaeae;
}

#sogyosupport .ranking-link_more a {
  font-size: 13px;
  padding-left: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKBAMAAABlIDIAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURQAAABpy6Rty6SdUvCd96xpy6Rpx6TiI7RxEsBty6SF36iB45hpy6YQITDsAAAAMdFJOUwDytQYkmoowC8Y7SvXtH18AAAAoSURBVAjXY3BqYGCYo8zA4HjIgIFdJoCBYeMxBoaFx8BskBhIDqgGALd4CS0q/rQJAAAAAElFTkSuQmCC) no-repeat left center;
}

#sogyosupport .category-bnr-content {
  margin-left: -5px;
}

#sogyosupport .category-bnr-content li {
  float: left;
  margin: 0 0 5px 5px;
}

#sogyosupport .section_check_02_inner {
  background: #d4d4d4;
  padding: 40px 0 40px 0;
  overflow: hidden;
}

#sogyosupport .papri_bnr_area {
  width: 884px;
  margin-left: 35px;
}

#sogyosupport .papri_bnr_area li {
  float: left;
  margin: 0 0 10px 5px;
}

.select-category {
  width: 919px;
  margin-bottom: 10px;
}

/* checkbox */
.category-label {
  float: left;
  position: relative;
  margin-left: 5px;
}

.category-label:first-child {
  margin-left: 0;
}

.category-count4 .category-label {
  width: 226px;
}

.category-count6 .category-label {
  width: 149px;
}

.category-label label {
  display: block;
  font-size: 16px;
  font-style: oblique;
  color: #0f1019;
  padding: 7px 50px 7px 12px;
  border: 2px solid #0f1019;
  background: #999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.category-check {
  width: 31px;
  height: 31px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15.5px;
  border: 2px solid #0f1019;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.category-check input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  -moz-opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  cursor: pointer;
}

.category-check span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
}

.white-space {
  display: none;
  width: 100%;
  height: 14px;
  position: absolute;
  bottom: -12px;
  left: 0;
  border-right: 2px solid #0f1019;
  border-left: 2px solid #0f1019;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* チェックボックスアクティブ時のスタイル */
.js-active.category-label label {
  background: #fff;
  border-bottom: 2px solid #fff;
}

.js-active .category-check {
  background: #fff;
}

.js-active .category-check:after {
  content: "";
  display: block;
  width: 32px;
  height: 35px;
  background: url(/resource/club_com/special/sogyosupport/images/icon_check.png) no-repeat;
}

.js-active .white-space {
  display: block;
}

.category-contents {
  display: block;
  background: #fff;
  width: 919px;
  padding: 16px;
  border: 2px solid #0f1019;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.category-contents-inner {
  display: none;
}

.category-list {
  width: 216px;
  height: 180px;
  float: left;
  position: relative;
  margin-left: 5px;
  padding: 12px 12px 0px;
  border: 1px solid #0f1019;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.category-list a{
  color: #333 !important;
  display: block;
}
.category-list a[target="_blank"] .item-name{
  padding-right: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAACi1BMVEX//////8z//5n//2b//zP//wD/zP//zMz/zJn/zGb/zDP/zAD/mf//mcz/mZn/mWb/mTP/mQD/Zv//Zsz/Zpn/Zmb/ZjP/ZgD/M///M8z/M5n/M2b/MzP/MwD/AP//AMz/AJn/AGb/ADP/AADM///M/8zM/5nM/2bM/zPM/wDMzP/MzMzMzJnMzGbMzDPMzADMmf/MmczMmZnMmWbMmTPMmQDMZv/MZszMZpnMZmbMZjPMZgDMM//MM8zMM5nMM2bMMzPMMwDMAP/MAMzMAJnMAGbMADPMAACZ//+Z/8yZ/5mZ/2aZ/zOZ/wCZzP+ZzMyZzJmZzGaZzDOZzACZmf+ZmcyZmZmZmWaZmTOZmQCZZv+ZZsyZZpmZZmaZZjOZZgCZM/+ZM8yZM5mZM2aZMzOZMwCZAP+ZAMyZAJmZAGaZADOZAABm//9m/8xm/5lm/2Zm/zNm/wBmzP9mzMxmzJlmzGZmzDNmzABmmf9mmcxmmZlmmWZmmTNmmQBmZv9mZsxmZplmZmZmZjNmZgBmM/9mM8xmM5lmM2ZmMzNmMwBmAP9mAMxmAJlmAGZmADNmAAAz//8z/8wz/5kz/2Yz/zMz/wAzzP8zzMwzzJkzzGYzzDMzzAAzmf8zmcwzmZkzmWYzmTMzmQAzZv8zZswzZpkzZmYzZjMzZgAzM/8zM8wzM5kzM2YzMzMzMwAzAP8zAMwzAJkzAGYzADMzAAAA//8A/8wA/5kA/2YA/zMA/wAAzP8AzMwAzJkAzGYAzDMAzAAAmf8AmcwAmZkAmWYAmTMAmQAAZv8AZswAZpkAZmYAZjMAZgAAM/8AM8wAM5kAM2YAMzMAMwAAAP8AAMwAAJkAAGYAADMAAAD///8KeFUAAAAA2XRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8A9EGGvAAAAAlwSFlzAAALEwAACxMBAJqcGAAABsppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0xMC0yNlQxMjo0MjozNyswOTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDItMjVUMTc6MzU6NTkrMDk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDItMjVUMTc6MzU6NTkrMDk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIyIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M2E5ZDI2YjYtODI0Ni01ZDQwLWJkNzctNDYyMTAxYTVhNTE0IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Zjc5ZjM5OGYtNDlhMS0xYzRlLTg4YmMtNzZhMzc1NTk2MTUxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTk5ODE0OTctNGI5Mi04NjQ5LTkxNGUtNmZjOWMxMmQ0NDM5Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OTk4MTQ5Ny00YjkyLTg2NDktOTE0ZS02ZmM5YzEyZDQ0MzkiIHN0RXZ0OndoZW49IjIwMTgtMTAtMjZUMTI6NDI6MzcrMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MGYyN2M5MmMtMWE5My04NTRiLWExZTUtZDUzMmU4MTFkZGY2IiBzdEV2dDp3aGVuPSIyMDE5LTAyLTI1VDE3OjM1OjEyKzA5OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNhOWQyNmI2LTgyNDYtNWQ0MC1iZDc3LTQ2MjEwMWE1YTUxNCIgc3RFdnQ6d2hlbj0iMjAxOS0wMi0yNVQxNzozNTo1OSswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiGNZGwAAAAmSURBVAjXY1gDATduMEBoOAsidgMEgKLYWVB1axhuQAGQBRVcAwCPRDxxvICPvwAAAABJRU5ErkJggg==) no-repeat right center;
}
.category-list a:hover{
  text-decoration: none !important;
}

.category-list:hover{
  opacity: 0.7;
}

.category-list:first-child {
  margin-left: 0;
}

.category-list:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: -3px;
  bottom: 3px;
  border-top: 12px solid #ea1c1e;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.category-list.js-active {
  border: 2px solid #0f1019;
  padding: 11px 12px 19px;
}

.category-list .item-img {
  text-align: center;
}

.category-list .item-name {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
}

.js-show.category-contents-inner,
.js-show.js-categoryItem {
  display: block;
}

.js-categoryItem {
  display: none;
}

/* ランキング用CSS */
.ranking-content {
  text-align: center;
}

.rank-item {
  display: inline-block;
  width: 130px;
  margin: 0 21px;
  vertical-align: top;
}

.rank-icon {
  text-align: center;
}

.rank-img {
  text-align: center;
  margin-top: 7px;
}

.rank-img a {
  display: block;
}

.rank-img a:hover img {
  opacity: 0.7;
}

.rank-name a {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  margin-top: 10px;
  visibility: hidden;
}

.rank-price {
  font-size: 16px;
  color: #d80000;
  line-height: 1;
  text-align: right;
  margin-top: 13px;
}

.rank-price .noTax {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #000;
  margin-left: 3px;
}

.rank-btn {
  text-align: right;
  margin-top: 6px;
}

.rank-btn .inputTtl {
  display: none;
}
