div.container_ {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1400px;
  padding: 40px 0 0;
}
div.leftmenuframe_ {
  width: 18%;
  overflow: visible;
  padding-right: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
.leftmenu_list_ {
  margin: 0 0 40px;
}
.leftmenu_headline_ {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px;
}
.leftmenu_list_link_ a,
.leftmenu_list_ .cat_pareant_ {
  position: relative;
  display: block;
  color: #333;
  font-size: 14px;
  padding: 8px 10px;
}
.leftmenu_list_link_ a:after,
.leftmenu_list_ .cat_pareant_:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(-45deg);
}
.leftmenu_list_ .cat_ {
  position: relative;
}
.leftmenu_list_ .cat_:hover .cat_pareant_ {
  background: #F2F2F2;
}
.leftmenu_list_ .cat_child_ {
  position: absolute;
  top: -15px;
  left: 165px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  width: 230px;
  padding: 23px 20px 16px;
  box-sizing: border-box;
  z-index: 101;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
}
.leftmenu_list_ .cat_:hover .cat_child_ {
  opacity: 1;
  visibility: visible;
}
.leftmenu_list_ .cat_top_ {
  margin: 0 0 10px;
}
.leftmenu_list_ .cat_top_ a {
  position: relative;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 0 15px 0 0;
}
.leftmenu_list_ .cat_top_ a:after {
  content: '';
  position: absolute;
  top: 9px;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(-45deg);
}
.leftmenu_list_ .cat_ ul li a {
  display: inline-block;
  color: #333;
  font-size: 14px;
  padding: 7px 0;
}
.leftmenu_banner_ a {
  display: block;
  margin: 0 0 15px;
}
.leftmenu_banner_ a:last-child {
  margin: 0;
}
.leftmenu_banner_ a img {
  max-width: 100%;
}
.leftmenu_topic_ .topic_head_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
.leftmenu_topic_ .topic_head_ .leftmenu_headline_ {
  margin: 0;
}
.leftmenu_topic_ .topiclist_link_ {
  position: relative;
  color: #333;
  font-size: 14px;
  padding: 0 15px 0 0;
}
.leftmenu_topic_ .topiclist_link_:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(-45deg);
}
.leftmenu_topic_ .topiclist_ li:not(:last-child) {
  margin: 0 0 10px;
}
.leftmenu_topic_ .topiclist_ li a {
  display: flex;
  flex-wrap: wrap;
}
.leftmenu_topic_ .topiclist_ li a:hover {
  text-decoration: none;
}
.leftmenu_topic_ .topiclist_ li .date_ {
  color: #333;
  font-size: 13px;
  padding: 2px 0 0;
}
.leftmenu_topic_ .topiclist_ li .icon_ {
  color: #fff;
  font-size: 10px;
  letter-spacing: 1px;
  background: #c00;
  margin: 0 0 0 7px;
  padding: 1px 5px 0;
  border-radius: 10px;
  transform: scale(0.9);
}
.leftmenu_topic_ .topiclist_ li p {
  color: #333;
  font-size: 13px;
  width: 100%;
  margin: 5px 0 0;
  word-break: break-all;
}
.leftmenu_topic_ .topiclist_ li a:hover p {
  text-decoration: underline;
}

.bnr_employee_ {
  width: 1400px;
  margin: 0 auto 30px;
}

div.container_ div.mainframe_ {
  width: 78%;
  padding-left: 28px;
  margin-left: auto;
  border-left: 1px solid #DDD;
  min-width: auto;
}
#block_of_top_free1 #top_info_ {
  position: relative;
  background: #666;
  margin: 0 0 15px;
  padding: 0;
}
#block_of_top_free1 #top_info_:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 23px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}
#block_of_top_free1 #top_info_ a {
  display: block;
  padding: 9px 20px 9px 45px;
  color: #fff;
  font-size: 14px;
  background: url(../img/usr/common/icon_info.png) no-repeat left 20px center;
}
#block_of_top_free1 #attention_keyword {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F2F2F2;
  padding: 10px 20px 4px;
}
#block_of_top_free1 #attention_keyword p {
  width: 130px;
  font-size: 14px;
  font-weight: bold;
}
#block_of_top_free1 #attention_keyword ul {
  display: flex;
  flex-wrap: wrap;
  width: 920px;
}
#block_of_top_free1 #attention_keyword li {
  margin: 0 3px 6px;
}
#block_of_top_free1 #attention_keyword li a {
  display: block;
  background: #fff;
  border-radius: 20px;
  color: #333;
  font-size: 14px;
  padding: 8px 25px;
}
#block_of_top_free1 #attention_keyword li a:hover {
  text-decoration: none;
  background: #333;
  color: #fff;
}

div.container_ div.mainframe_ h2 {
  font-size: 24px;
  padding-left: 0;
}

div.container_ div.mainframe_ .ranking_contents_ h2 {
  font-size: 16px;
}

div.recommendbox_ {
  padding-right: 0;
  padding-left: 0;
}

.feature_list_ ul {
  display: flex;
  flex-wrap: wrap;
}
.feature_list_ li {
  width: calc((100% - 40px) / 3);
  margin: 0 20px 20px 0;
  box-sizing: border-box;
}
.feature_list_ li:nth-child(3n) {
  margin-right: 0;
}
.feature_list_ li img {
  display: block;
  width: 100%;
  border: 1px solid #DDD;
}
.feature_list_ li span {
  display: inline-block;
  color: #333;
  font-size: 13px;
  line-height: 1.4;
  margin: 10px 0 0;
}

#block_of_rightmenu_top {
  margin: 60px 0;
}
#block_of_rightmenu_top div.line_ {
  flex-wrap: wrap;
  justify-content: flex-start;
}
#block_of_rightmenu_top div.line_ div.line3_ {
  width: calc((100% - 40px) / 3);
  margin-right: 20px;
  padding: 0;
}
#block_of_rightmenu_top div.line_ div.line3_:nth-of-type(3n){
  margin-right: 0;
}
#block_of_rightmenu_top div.line_ div.line3_ img {
  max-width: 100%;
}

#ranking_area {
  margin: 0 0 60px;
}
#ranking_area .ranking_tab_ {
  display: flex;
  align-items: flex-end;
  border-bottom: 2px solid #666;
  margin: 0 0 20px;
}
#ranking_area .ranking_tab_ li {
  background: #F2F2F2;
  border-radius: 5px 5px 0 0;
  color: #666;
  font-size: 14px;
  padding: 13px 20px 9px;
  margin: 0 4px 0 0;
  cursor: pointer;
  transition: .2s ease;
}
#ranking_area .ranking_tab_ li.current,
#ranking_area .ranking_tab_ li:hover {
  background: #666;
  color: #fff;
  padding: 15px 20px 11px;
}
#ranking_area .ranking_contents_ div[id^="ppz_recommend"]:not(:first-child) {
  display: none;
}
#ranking_area .ranking_contents_ h3 {
  font-size: 16px;
}

#recommend_shop {
  margin: 0 0 60px;
}
#recommend_shop ul {
  display: flex;
}
#recommend_shop li {
  width: 206px;
  padding: 10px;
  margin: 0 10px 0 0;
  border: #DDD 1px solid;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
#recommend_shop li a:focus {
  outline: none;
}
#recommend_shop li img {
  max-width: 100%;
}
#recommend_shop .slick-prev,
#recommend_shop .slick-next {
  top: calc(50% - 25px);
  -webkit-transform: none;
  transform: none;
}

.cv-tech-drop.cv-tech-modal-show {
  top: -100px !important;
}


/* ---------------------------------------
 TOP 注意書き
---------------------------------------- */
/*20250303追加*/
/*TopArea*/
#TopArea .flexBox .lead_text {
    align-items: center;
    padding: 0 30px;
	margin: 0px auto 20px;
    border: 1px solid #bf3434;
	background: rgba(204,204,204,0.1);
  }

  #TopArea .flexBox .lead_text .attention{
    width: 100%;
    color: #bf3434;
    font-weight: bold;
    font-size: 18px;
	position: relative;
	margin: 20px 0 20px 50px;
	line-height: 1.2em;
	/*text-align: center;*/
  }
	
  #TopArea .flexBox .lead_text .attention_text {
    width: 100%;
    color: #bf3434;
    font-weight:500;
    font-size: 16px;
	position: relative;
	  margin: 10px auto 20px;
	  text-align: left;
	  line-height: 1.5em;
  }
  #TopArea .flexBox .lead_text .attention::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background: url(https://www.shop.post.japanpost.jp/img/usr/icon/mark_attention.png) no-repeat top center/ 40px 40px;
  top: 33%;
  left:-50px;
  margin-top: -15px;
}

  #TopArea .flexBox .attention {
    width: 100%;
	margin: 0 auto;
  }
/*20250303追加*/
