@charset "utf-8";
/* CSS Document */
.column2R #main {
float: none!important;
width: auto!important;
}
.area_fl {font-size: 150%!important;}
.rank_title {
width: 100%;
padding: 15px 0;
background-image: -webkit-linear-gradient(0deg, rgba(18,35,118,1.00) 0%, rgba(104,130,213,1.00) 49.74%, rgba(18,35,118,1.00) 100%);
background-image: -moz-linear-gradient(0deg, rgba(18,35,118,1.00) 0%, rgba(104,130,213,1.00) 49.74%, rgba(18,35,118,1.00) 100%);
background-image: -o-linear-gradient(0deg, rgba(18,35,118,1.00) 0%, rgba(104,130,213,1.00) 49.74%, rgba(18,35,118,1.00) 100%);
background-image: linear-gradient(90deg, rgba(18,35,118,1.00) 0%, rgba(104,130,213,1.00) 49.74%, rgba(18,35,118,1.00) 100%);
}
.rank_title img {
width: 50%;
}
.ranking_rank {
font-size: 32px;
font-weight: bold;
padding: 0 10px;
background-color: #EEF3FF;
color: #363636;
}
.ranking_rank img {
vertical-align: middle;
margin-top: -20px;
}
.row_rank {
width: 100%;
clear: both;
display: block;
overflow: hidden;
padding: 20px 0;
}
.row_line {
border-bottom: 1px solid #ACACAC;
}
.row_rank div, .row div {
float: left;
display: block;
box-sizing: border-box;
}
.sub_text {
font-size: 120%;
font-weight: bold;
}
.col_3 {
width: 33.333333%;
}
.col_4 {
width: 25%;
}
.col_2 {
width: 50%;
}
.col_1 {
width: 100%;
}
.col_3_2 {
width: 66.6666%;
}
.col_4_3 {
width: 75%;
}
.pd5 {
padding: 5px;
}
.pd10 {
padding: 10px;
}
.pd20 {
  padding: 20px;
}
.balloon_box {
padding: 5px;
}
.balloon_box1 {
padding: 10px;
}
.img_parts img {
width: 80%;
}
.balloon, .balloon1, .balloon2, .balloon3 {
position: relative;
padding: 20px;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 2px #AAAAAA;
box-shadow: 2px 2px 2px #AAAAAA;
}
.balloon::before, .balloon1::before, .balloon2::before, .balloon3::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: 20px;
bottom: -20px;
border-top: 20px solid #fff;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
}
.other_custom div {
float: left;
display: block;
box-sizing: border-box;
}
.other_parts_title {
font-size: 24px;
font-weight: bold;
}
.other_parts {
font-size: 18px;
font-weight: bold;
margin:15px 10px;
}
.other_parts img {
margin-right: 10px;
}
.other_parts_img {
text-align: center;
}
.other_parts_img img {
width: 60%;
}
.customersvoice {
  background-color: #cef3ff;
  display: block;
  overflow: hidden;
  padding: 5px 5px 20px;
  box-sizing: border-box;
  
}
.other_parts_box {
  background-color: #cef3ff;
  display: block;
  overflow: hidden;
  margin: 5px;
  
}
@media screen and (max-width:479px) {
body {
min-width: 100%!important;
}
#container {
width: 100%!important;
margin: 0 auto 30px;
}
#Header {
    width: 100%;
    min-width: 100%;
  padding: 0 10px;
}
#Header .inner {
    width: 100%;
    height: 90px;
}
#Header h1 {
    width: 100%;
}
.leadSectionInner {
    width: 100%;
    margin: 0 auto;
}
.leadSection .all365days {
    font-size: 12px;
  padding: 0 10px;
}
.breadCrumb {
    font-size: 12px;
padding: 0px 10px!important;
  text-align: left;
}
#Globalnavi, #headsearchBox, #Header .btn, #Header .keyword {
display: none!important;
}
.footerTagline, #footerTagline, #footer, #footerNav2, #footerLinks, #footerCopy {
width: 100%!important;
padding: 8px 15px;
box-sizing: border-box;
margin: 0!important;
}
#footerCopy p.copyright a {
  display: block;
  width: 100%!important;
  clear: both;
} 
#footer, #footerLinks {
min-width: 100%;
padding: 8px 15px;
}
#footerLinks_NavParts {
margin: 0px auto;
width: unset;
}
#footerLinks_Nav {
width: 100%!important;
}
#footerLinks ul {
width: 43%;
}
.col_3 {
width: 100%;
}
.col_4 {
width: 50%;
}
.col_3_2 {
width: 100%;
}
.col_4_3 {
width: 100%;
}
.rank_title img {
    width:96%;
}
  .balloon, .balloon1, .balloon2 {
margin-bottom: 30px;}
}