/*****************************************************************************
CSS only for http://sumai.panasonic.jp/hems/
*****************************************************************************/

/* ---------------------------------------------------------
mod_tab
----------------------------------------------------------*/
.content {
	padding-top: 40px;
}
.mod_billboard{
 margin-bottom: 30px;
}
.ex_margin60 {
    margin-top: 60px!important;
}
@media only screen and (max-width: 640px) {
  .mod_tab{
   margin-top:10px;
  }
	.content {
		padding-top: 0;
	}
}
@media only screen and (max-width: 640px) {
  .mod_tab .resp-tabs-container{
   padding:0;
  }
}

/* list_menu */
.list_menu{
}
.list_menu ul{
 width:968px;
 margin:0 0 0 -1px;
 overflow:hidden;
 background-color:#efefef;
}
@media only screen and (max-width: 640px) {
  .list_menu ul{
   width:100%;
   margin:0;
  }
  .list_menu.list_menu-03 ul{
    border-left:solid 1px #FFF;
  }
}
.list_menu ul li{
 float:left;
 width:483px;
 border-left:solid 1px #FFF;
}
.list_menu.list_menu-02 ul li{
 width:321px;
}
.list_menu.list_menu-03 ul li{
 width:241px;
}
@media only screen and (max-width: 640px) {
  .list_menu ul li,
  .list_menu.list_menu-02 ul li,
  .list_menu.list_menu-03 ul li{
   float:none;
   width:100%;
   border-left:none;
  }
  .list_menu.list_menu-03 ul li{
   float:left;
   width:50%;
  }

}

.list_menu ul li a{
 display:block;
 position:relative;
}
.list_menu ul li a:hover{
  opacity: 0.8;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .list_menu.list_menu-03 ul li a{
   border-right:solid 1px #FFF;
  }
  .list_menu ul li a img{
   width:100%;
   height:auto;
  }
}
.list_menu ul li a span{
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:483px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 background: rgba(67, 67, 67, 0.5) none repeat scroll 0 0;
 background-color:#9d9d99\9;
 color: #fff !important;
 font-size:115%;
 font-weight: bold;
 padding: 10px 0 10px 15px;
}
.list_menu.list_menu-02 ul li a span{
 width:321px;
}
.list_menu.list_menu-03 ul li a span{
 width:241px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .list_menu ul li a span,
  .list_menu.list_menu-02 ul li a span,
  .list_menu.list_menu-03 ul li a span{
   position:static;
   display:block;
   line-height:1.3;
   background-color:#9d9d99;
   vertical-align:middle;
   font-size:14px;
   width:auto;
   height:auto;
   padding:10px 5px 10px 10px;
  }
  .list_menu.list_menu-03 ul li a span{
   font-size:12px;
  }
}
.list_menu ul li:nth-child(2n) a span{
 width:482px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .list_menu ul li:nth-child(2n) a span{
   width:100%;
  }
}
.list_menu.list_menu-02 ul li:nth-child(2n) a span{
 width:321px;
}
.list_menu.list_menu-02 ul li:nth-child(3n) a span{
 width:322px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .list_menu.list_menu-02 ul li:nth-child(2n) a span,
  .list_menu.list_menu-02 ul li:nth-child(3n) a span{
   width:100%;
  }
}
.list_menu.list_menu-03 ul li:nth-child(2n) a span{
 width:241px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .list_menu.list_menu-03 ul li:nth-child(2n) a span{
   width:100%;
  }
}

.mod_tab_menu_text{
 color:#666;
 padding: 12px 20px 14px 20px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu_text{
   padding:10px;
  }
  .list_menu.list_menu-03 .mod_tab_menu_text br{
   display:none;
  }
}
.mod_tab_menu_text p{
 line-height:1.5;
 font-size:115%;
 margin:0 0 10px 0;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu_text p{
   font-size:12px;
   margin:0;
  }
}
.list_menu.list_menu-03 .mod_tab_menu_text p{
 font-size:100%;
}
.mod_tab_menu_text p strong{
 color:#333;
 display:inline-block;
 margin-bottom:10px;
}