/*****************************************************************************
CSS only for /ls/sumai/ProductPage2019
*****************************************************************************/
/* SpShow
-----------------------------------------*/
.SpShow{
  display: none;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.SpShow{
  display: inline;
}
}
/* PcShow
-----------------------------------------*/
.PcShow{
  display: inline;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.PcShow{
  display: none;
}
}
/* TextBlockLink
-----------------------------------------*/
.TextBlockLink {
  margin:20px 0;
  border: #adadad 1px solid;
}
.TextBlockLink a{
  display: block;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  padding:20px;
  background: url(/ls/common/v2/img/icon_large-arow_black.png) 95% 50% no-repeat;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.TextBlockLink a{
  padding:20px 20px 20px 5px;
}
}
.TextBlockLink a:link    {color:#333; text-decoration: none;}
.TextBlockLink a:visited {color:#333; text-decoration: none;}
.TextBlockLink a:hover   {color:#333; text-decoration: none; opacity: 0.8;}
.TextBlockLink a:focus   {color:#333; text-decoration: none; opacity: 0.8;}
.TextBlockLink a:active  {color:#333; text-decoration: none; opacity: 0.8;}


/* Datanav
-----------------------------------------*/
.Datanav{
}
.Datanav ul{
  display: flex;
  flex-wrap: wrap;
  border-left: solid 1px #D7D7D7;
}
.Datanav ul li{
  width: 162px;
  box-sizing:border-box;
  border:solid 1px #D7D7D7;
  border-left: none;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Datanav ul li{
  width: 50%;
}
}
.Datanav ul li:nth-child(n+7){
  border-top: none;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Datanav ul li:nth-child(n+3){
  border-top: none;
}
}
.Datanav ul li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Datanav ul li span:nth-child(1){
  display: flex;
  height: 141px;
  justify-content: center;
  align-items: center;
}
.Datanav ul li span:nth-child(2){
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-top: solid 1px #D7D7D7;
  width: 100%;
  background-color: #333333;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  line-height: 1.3;
}

/* Cataloglink
-----------------------------------------*/
.Cataloglink{

}
.Cataloglink table{
  width: 100%;
}
.Cataloglink table th{
  padding: 10px 0;
  border-left: solid 1px #FFF;
  background-color: #333333;
  font-size:14px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  white-space:nowrap;
}
.Cataloglink table tr:last-child{
  display: none;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Cataloglink table tr:last-child{
  display: table-row;
}
}
.Cataloglink table tr th:nth-child(1){
  border-left: none;
}
.Cataloglink table td{
  width: 12%;
  padding: 10px 5px;
  border: solid 1px #D7D7D7;
  border-top: none;
  font-size:14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Cataloglink table td{
  padding: 10px;
}
}
.Cataloglink table tr td:nth-child(1){
  width: auto;
  padding-left: 15px;
  text-align: left;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Cataloglink table tr td:nth-child(1){
  white-space: nowrap;
  padding-left: 10px;
}
}
.Cataloglink table a{
  padding: 7px 0;
  position: relative;
  display: inline-block;
  width: 83px;
  background-color: #D7D7D7;
}
.Cataloglink table a:link    {color:#333;}
.Cataloglink table a:visited {color:#333;}
.Cataloglink table a:hover   {color:#333; opacity: 0.8;}
.Cataloglink table a:focus   {color:#333; opacity: 0.8;}
.Cataloglink table a:active  {color:#333; opacity: 0.8;}

.Cataloglink table a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 0;
    border-top: solid 2px #333333;
    border-right: solid 2px #333333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.Cataloglink table .end a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 0;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Item
-----------------------------------------*/
.Item{

}
.Item__entry{
  margin-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 1px #CCCCCC;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Item__entry{
  flex-direction: column;
}
}
.Item__img{
  width: 488px;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Item__img{
  width: auto;
  margin-top: 10px;
  order: 2;
}
}
.Item_body{
  flex: 1;
  position: relative;
  padding:40px 0 40px 42px;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Item_body{
  order: 1;
  padding:0 0 40px 0;
}
}
.Item_body p{
  font-size: 16px;
  line-height: 1.8;
}
.Item__title{
  margin-bottom: 13px;
  font-size: 22px;
  font-weight: bold;
}
.Item__subtitle{
  font-weight: bold;
  font-size: 18px;
}
.Item_body p.Item__link{
  position: absolute;
  right: 0;
  bottom: 0;
}
.Item_body p.Item__link a{
  position: relative;
  padding-right: 20px;
}
.Item_body p.Item__link a:link    {color:#3060C0; text-decoration: none;}
.Item_body p.Item__link a:visited {color:#3060C0; text-decoration: none;}
.Item_body p.Item__link a:hover   {color:#3060C0; text-decoration: underline;}
.Item_body p.Item__link a:focus   {color:#3060C0; text-decoration: underline;}
.Item_body p.Item__link a:active  {color:#3060C0; text-decoration: underline;}

.Item_body p.Item__link a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 0;
    border-top: solid 1px #3060C0;
    border-right: solid 1px #3060C0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Item__zirei{
  margin-top: 40px;
  width: 100%;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Item__zirei{
  margin-top: 20px;
  order: 3;
}
}
.Item__zirei ul{
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Item__zirei ul{
  justify-content:space-between;
}
}
.Item__zirei ul li{
  width: 241px;
  border-right: solid 4px #FFF;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.Item__zirei ul li{
  width: 49%;
  border-right: none;
  margin-bottom: 10px;
}
}
.Item__zirei ul li:nth-child(4n){
  border-right: none;
}