/*****************************************************************************
 CSS only for Responsive
*****************************************************************************/

/*****************************************************************************
Set
*****************************************************************************/
@media only screen and (max-width:640px) and (max-device-width:1280px){
	
	img, iframe,
	object { max-width : 100%; }
	img {
		width:auto;
		height:auto;
	}
	

	/************************** generic class *****************************/
	.rwd {
		display:inherit;
	}

	html {
		/*font-size:118%;*/
		font-size:100%;
	}
	body {
		font-size: 100%;
		-webkit-text-size-adjust: none;
	}
	#page {
		min-width: 320px;
		min-height:0;
	}
	html.touch-device body{
		min-width:320px;
		min-height:0;
	}
	html.touch-device #page {
		min-width:320px;
		min-height:0;
	}
	.container {
		padding:0;
	}
	.sectiontoggle, #nav-menu-mob {
		display: block;
	}

	
	/************************** globalheader *****************************/
	
	#globalheader {
		background-image:url(/common/global-libs/images/img-nav-global-1px-m-1x.png);
		background-color:#3b3b3b;
	}
	#globalheader:after {
		content: "";
		display: block;
		clear: both;
		height:0;
		overflow:hidden;
	}
	#brandlogo {
		width : 128px;
		height : 44px;
		margin-left:0;
	}
	#brandlogo a,
	#brandlogo span {
		width : 128px;
		height : 44px;
		background:url(/common/global-libs/images/lgo-nav-global-panasonic-m-2x.png) no-repeat;
		background-size:contain;
	}
	#brandlogo img:first-child {
		display:none;
	}
	#globalheader-nav {
		display:none;
	}
	#globalheader .toggleMenu {
		display: block;
		float:right;
		width:44px;
		height:44px;
		border-left:1px solid #727272;
	}
	#globalheader .toggleMenu a {
		display: block;
		width:14px;
		height:13px;
		padding:15px 15px 16px;
		border-left:1px solid #2e2e2e;
		background:url(/common/global-libs/images/icn-nav-global-menu-m-2x.png) no-repeat center;
		background-size:14px 13px;
	}
	#globalheader-utils {
		float:none;
		clear:both;
		display:none;
	}
	#globalheader-secondarynav {
		display:none;
	}
	#modalmenu-box-wrapper {
		top:10px;
	}
	#modalmenu-box-bg .btn-close {
		width:28px;
		height:28px;
		background-size:28px 28px;
	}
	#modalmenu-box dl dt {
		padding:20px 35px;
		font-size: 0.938rem;
		line-height:1.063rem;
	}
	#modalmenu-box dl dd {
		padding:8px 0;
	}
	#modalmenu-box dl dd a {
		font-size: 0.625rem;
	}
	#modalmenu-box .notes {
		font-size:0.563rem;
		line-height:0.688rem;
	}
	#globalheader-utils > .wrapper {
		/*padding-right:44px;
		background:url(../images/img-nav-global-shadow-h-1px-m-1x.png) repeat-y right;*/
	}
	#globalheader-utils .search {
		display:block;
		background:url(/common/global-libs/images/bg-nav-global-search-1px-m-1x.png) repeat-x;
		padding:9px 10px;
		clear:both;
	}
	#globalheader-utils .search-in {
		background: url(/common/global-libs/images/img-nav-global-search-1px.png);
		margin-left:7px;
		margin-right:16px;
	}
	#globalheader-utils .search-in:after {
		content:"";
		display:block;
		height: 0;
		overflow:hidden;
		clear:both;
	}
	#globalheader-utils .search-in:before {
		content:"";
		float:left;
		width:7px;
		height:26px;
		margin-left:-7px;
		background:url(/common/global-libs/images/img-nav-global-search-cap-left.png) no-repeat;
	}
	#searchformhead {
		float: none;
		width: 100%;
		padding-left:0;
		margin-top:0;
		background:none;
	}
	#searchformhead:after {
		top:0;
		right:-16px;
	}
	#searchformhead label {
		display: none;
	}
	#searchformhead input[type=text] {
		background: none;
		float:none;
		width: 90%;
		font-size:15px;
	}
	#searchformhead input[type=submit] {
		margin-right:-16px;
	}
	#searchformhead input.submit {
		margin-right:-16px;
	}
	#nav-menu-mob {
		display: block;
	}
	#nav-menu-mob li a {
		display:block;
		padding:10px 15px 10px 20px;
		min-height:14px;
		font-family: 'Open Sans Condensed' , sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		/*outline:none;*/
	}
	#nav-menu-mob li a.lang {
		color:#00a0c6;
	}
	#nav-menu-mob li a.accordion-head {
	}
	#nav-menu-mob li a.accordion-head:after {
		content:"";
		float:right;
		height:14px;
		width:9px;
		background:url(/common/global-libs/images/icn-nav-global-dpdown-arrow-m-2x.png) no-repeat;
		background-size:9px 5px;
		background-position:center;
	}
	#nav-menu-mob li:first-child > a {
		border-top:none;
	}
	#nav-menu-mob li:last-child > a {
		border-bottom:none;
	}
	#nav-menu-mob > ul > li > a {
		background:url(/common/global-libs/images/img-nav-global-dpdown-1px-m-1x.png) repeat-x #1d1d1d top;
		border-bottom:1px solid #181818;
		border-top:1px solid #504f4f;
	}
	#nav-menu-mob > ul > li ul {
		background:url(/common/global-libs/images/img-nav-global-dpdown-shadow-1px-m.png) repeat-x top;
		background-size:1px 5px;
	}
	#nav-menu-mob > ul > li > ul > li > a {
		border-bottom:1px solid #2d2d2d;
		border-top:1px solid #626161;
	}
	#nav-menu-mob > ul > li > ul > li > ul {
		background-color:#626262;
	}
	#nav-menu-mob > ul > li > ul > li > ul > li > a {
		border-bottom:1px solid #545454;
		border-top:1px solid #787878;
	}
	#nav-menu-mob > ul > li > ul > li > ul > li > ul {
		background-color:#8d8d8d;
	}
	#nav-menu-mob > ul > li > ul > li > ul > li > ul > li > a {
		border-bottom:1px solid #6d6d6d;
		border-top:1px solid #a4a3a3;
	}
	
	/************************** navmenucat *****************************/
	
	#navmenucat {
		display:none;
	}
	
	/************************** browsebar *****************************/
	
	#browsebar-wrapper {
		height:auto;
		background-color:#434343;
	}
	#browsebar {
		position:relative;
	}
	#browsebar:after {
		content:"";
		display:block;
		height:0;
		clear:both;
	}
	#browsebar.fix {
		position:static;
	}
	#browsebar-in {
		background:url(/common/global-libs/images/img-nav-global-dpdown-shadow-1px-m-1x.png) repeat-x top;
		padding:10px 10px 10px;
		position:relative;
		height:auto;
	}
	#browsebar-in:after {
		content:"";
		display:block;
		overflow:hidden;
		height:0;
		clear:both;
	}
	#browsebar .container {
	}
	#browsebar-name {
		margin-top:0;
	}
	#browsebar-name .name {
		font-size: 1rem;
		line-height:1.125rem;
		word-wrap:break-word;
	}
		
	/************************** sectionContents *****************************/
	
	#sectionContents {
		background-color:#fff;
	}
	/************************** ga2012_bottomLink *****************************/
	
	#bottomlink {
		display:none;
	}
	
	/************************** footer start *****************************/
	
	#globalfooter {
	}
	#globalfooter-nav {
		zoom:1;
	}
	#globalfooter-nav:after {
		content:".";
		display:block;
		height:0;
		visibility:hidden;
		clear:both;
	}
	#globalfooter-nav a {
	}
	#globalfooter-nav .print {
		display:none;
	}
	#globalfooter-nav .links {
		float:none;
		font-size:0;
		text-align:center;
		padding:20px 0 0;
		overflow:hidden;
	}
	#globalfooter-nav .links li {
		margin-left:0;
		width:33%;
	}
	#globalfooter-nav .links li:first-child {
		float:left;
	}
	#globalfooter-nav .links li:last-child {
		float:right;
	}
	#globalfooter-nav .links li a {
		margin:0 0;
		padding:10px 0 10px 0;
		width:100%;
		font-size:0.75rem;
	}
	#globalfooter-nav .pagetop {
		padding-top:10px;
		float:none;
		width:100%;
	}
	#globalfooter-nav .pagetop a {
		font-size:0.75em;
	}
	#globalfooter-terms {
		padding-top:20px;
		font-size: 0.625rem;
	}
	#globalfooter-terms .links li {
		margin-bottom:5px;
	}
	#globalfooter-terms .links li a {
		font-size: 0.625rem;
	}
	
	
	#globalfooter-expanded .inpannel {
		height:auto;
	}
	#globalfooter-expanded .panhead {
		margin-top:15px;
		overflow:hidden;
		zoom:1;
	}
	#globalfooter-expanded .panhead .closeit {
		display:none;
	}
	
	#globalfooter-expanded #contactus {
		margin:25px 10px 0;
		display:none;
		overflow:hidden;
	}
	#globalfooter-expanded #contactus .contacol {
		float:none;
		width:auto;
		margin-left:0;
		padding-bottom:20px;
	}
	#globalfooter-expanded #contactus h3 {
		font-size: 0.938rem;
		margin-bottom:5px;
	}
	#globalfooter-expanded #contactus p.text {
		font-size:0.625rem;
		line-height:0.75rem;
		min-height:0;
		margin-bottom:5px;
	}
	#globalfooter-expanded #contactus p.link a {
		font-size:0.625rem;
		line-height:0.75rem;
	}
	#globalfooter-expanded #contactus p.link a:hover {
		text-decoration:underline;
	}
	
	
	#globalfooter-expanded #areacountry {
		margin:25px 10px 0 10px;
		padding-bottom:20px;
		display:none;
		text-align:center;
	}
	#globalfooter-expanded #areacountry .area-country-menu {
		margin-bottom:25px;
		font-size:0;
	}
	#globalfooter-expanded #areacountry .area-country-menu  ul {
		display:none;
	}
	#globalfooter-expanded #areacountry .area-country-menu form {
		display:block;
		height:32px;
		width:240px;
		margin:0 auto;
	}
	#globalfooter-expanded #areacountry .area-country-menu form > div {
		display:inline-block;
		height:32px;
		position:relative;
		background:url(/common/global-libs/images/btn-footer-dpdown-1px-m-1x.png) repeat-x;
		text-align:left;
	}
	#globalfooter-expanded #areacountry .area-country-menu form > div:before,
	#globalfooter-expanded #areacountry .area-country-menu form > div:after {
		content:"";
		width:11px;
		height:32px;
		background-image:url(/common/global-libs/images/spr-global-nav-m-1x.png);
		background-repeat:no-repeat;
		display:inline-block;
		vertical-align:middle;
	}
	#globalfooter-expanded #areacountry .area-country-menu form > div:before {
		margin-left:-11px;
		background-position : left top ;
	}
	#globalfooter-expanded #areacountry .area-country-menu form > div:after {
		margin-right:-11px;
		background-position : -17px top ;
	}
	#globalfooter-expanded #areacountry .area-country-menu .area-country-text {
		font-family: 'Open Sans Condensed' , sans-serif;
		font-size:0.688rem;
		font-weight:bold;
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		width:218px;
		background:url(/common/global-libs/images/btn-footer-dpdown-arrow-m-2x.png) no-repeat 100% 50%;
		background-size:13px 8px;
		height:16px;
	}
	#globalfooter-expanded #areacountry .area-country-menu form select {
		width:100%;
		height:32px!important;
		margin:0 11px;
		position:absolute;
		top:0;
		left:-11px;
		opacity:0;
		font-size:18px;
	}
	#globalfooter-expanded #areacountry .area-country-list {
		height:auto;
	}
	#globalfooter-expanded #areacountry .area-country-list ul {
		margin-right:0;
	}
	#globalfooter-expanded #areacountry .area-country-list li {
		width: auto;
		height:27px;
		margin: 0 0 10px 0;
		padding-left:0;
		float: none;
		font-size:0.75em;
	}
	#global_site_link {
		font-family: 'Open Sans Condensed' , sans-serif;
		font-size:0.688rem;
		font-weight:bold;
	}
	
}



/*****************************************************************************
base
*****************************************************************************/
body #sectionContents {
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
  word-wrap: break-word;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .container{
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
body .container{
 margin:0 10px 0 10px;
 width:auto;
}
}
img {
	vertical-align: top;
	font-size:0;
	line-height:0;	
} 

@media only screen and (max-width:640px) and (max-device-width:1280px){
html #browsebar-wrapper,
html .ga2012_breadcrumbs{
 display:none;
}
}


/* mod_sumairelation
-----------------------------------------*/
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_sumairelation{
 width:auto;
 margin: 0 10px 0 10px;
}
.mod_sumairelation ul{
  width:auto;
  margin: 0;
}
.mod_sumairelation ul li{
  float: none;
  width: auto;
  margin: 0 0 10px 0;
}
.mod_sumairelation ul li a{
}
.mod_sumairelation ul li a img{
	width: 100%;
  height: auto;
}
.mod_sumairelation ul li a span{
  display:block;
  width: auto;
  height:auto;
  padding: 10px ;
}
}
/* mod_snsblock
-----------------------------------------*/
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_snsblock{
 width:auto;
 margin: 20px 10px 20px 10px;
}
.mod_snsblock p{
	margin: 0 0 10px 0;
	line-height: 1.3;
}
.mod_snsblock ul{
  width:100%;
  margin:0;
}
.mod_snsblock ul li{
  float: left;
  width: 49%;
  margin: 0 0 5px 0;
}
.mod_snsblock ul li:nth-child(even){
  float: right;
}
.mod_snsblock ul li a,
.mod_snsblock ul li>span{
  display: block;
  padding: 15px 0 15px 0;
  font-size: 65%;
  border: solid 1px #CCC;
}
.mod_snsblock ul li a img.snsimage,
.mod_snsblock ul li>span img.snsimage{
  display: inline;
  width: auto;
  margin-top: 15px;
}
.mod_snsblock ul li a img.iconimage,
.mod_snsblock ul li>span img.iconimage{
  position: absolute;
  bottom:5px;
  right: 5px;
}
}

/* mod_footer
-----------------------------------------*/

@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_footer{
 width:100%;
 margin:0;
 padding:0;
}
.mod_footer p.logo{
  margin: 30px 0 10px 10px;
}
.mod_footer p.logo img{
 width:50%;
 height:auto;
}
/* mod_footer_link */
.mod_footer_link{
 border:none;
 padding:0;
}
.mod_footer_link dl{
 width:100%!important;
 border-bottom:solid 1px #CCCCCC;
}
.mod_footer_link dl dt{
  float:none;
  width:100%;
 padding:15px 10px 15px 20px;
  box-sizing:border-box;
  border-top:solid 1px #CCCCCC;
 background:transparent url('/sumu2/common/img/icon_plus.png') no-repeat 90% center;
 background-size:10px;
}
.mod_footer_link dl dt.open{
 background:transparent url('/sumu2/common/img/icon_minus.png') no-repeat 90% center;
 background-size:10px;
}
.mod_footer_link dl dd{
 padding:0;
 margin:0;
 border-bottom:none;
}
.mod_footer_link dl dd.close{
 display:none;
}

.mod_footer_link dl dd ul{
 text-align:left;
}
.mod_footer_link dl dd ul li{
 display:block;
 margin:0;
 border-top:solid 1px #CCCCCC;
}
.mod_footer_link dl dd ul li a{
 display:block;
 padding:15px 10px 15px 30px;
/* background:transparent url('/sumu2/common/img/icon_link.png') no-repeat 90% center;
 background-size:8px;
*/
}
}

/* mod_sns
-----------------------------------------*/
.mod_sns{
 margin:28px 0 28px 0;
 text-align:center;
}


/*****************************************************************************
common style
*****************************************************************************/
/* ex_serif */
.ex_serif{
 font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}

/*****************************************************************************
Area
*****************************************************************************/
/* one col */
#area_wrap{
 margin:0 auto;
 width:967px;
 font-size:87.5%;/* 14px */
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
#area_wrap{
 width:100%;
}
}

/* two col */
#area_wrap_box{
}
#area_wrap_box_primary{
 float:left;
 width:179px;
}
#area_wrap_box_secondary{
 float:right;
 width:770px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
html #area_wrap_box_primary,
html #area_wrap_box_secondary{
 float:none;
 width:100%;
}
}


/*****************************************************************************
mod_spnber
*****************************************************************************/
.mod_spnber{
 display:none;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.spn .mod_indexheader .indexheaderTitle {
 display:none;
}
.spn.open_nav #globalheader,
.spn.open_nav #sectionContents,
.spn.open_nav #globalfooter{
 position:absolute;
 top:0;
 z-index:-9999;
 width:100%;
 overflow:hidden;
}
.spn.open_nav #globalheader{
 height:44px;
}
.spn.open_nav #sectionContents{
 height:250px;
}
.spn.open_nav #globalfooter{
 height:0px;
}
.spn .mod_spnber{
 display:block;
 width: 100%;
 border-bottom:solid 1px #cccccc;
}
.mod_spnber.fixed {
 top: 0;
 z-index:100;
 position: fixed;
 opacity:1!important;
}
.mod_spnber_btn {
 position: relative;
 overflow: hidden;
 background-color: #FFF;
}
.mod_spnber_btn .spberLogo {
 float: right;
}
.mod_spnber_btn .spberLogo a,
.mod_spnber_btn .spberLogo span {
 display: block;
 padding: 13px 10px 10px 0;
}
.mod_spnber_btn .spberLogo img {
 width: 208px;
 height: auto;
}
.mod_spnber_btn .spberMenu {
 float: left;
 margin:10px 0 0 10px;
 position:relative;
 text-align: center;
 background-color:#006d86;
}
.mod_spnber_btn .spberMenu span{
 display:block;
 width:1px;
 height:1px;
 overflow:hidden;
}
.mod_spnber_btn .spberMenu a{
 display:block;
 width:27px;
 height:27px;
 text-align:center;
 color:#FFF!important;
}
.mod_spnber_btn .spberMenu.on a{
 background-color:#005467;
}
.mod_spnber_btn .spberMenu i{
 position:absolute;
 top:4px;
 left:4px;
 font-size:120%;
}
.mod_spnber_btn .spberMenu i.closeicon{
 top:4px;
 left:6px;
}
.mod_spnber_btn .spberMenu.off i.closeicon{
 opacity:0;
}
.mod_spnber_btn .spberMenu.on i.closeicon{
 opacity:1;
}
.mod_spnber_btn .spberMenu.off i.openicon{
 opacity:1;
}
.mod_spnber_btn .spberMenu.on i.openicon{
 opacity:0;
}
.mod_spnber_nav {
 display: none;
 box-sizing: border-box;
 background-color: #006d86;
 font-size:12px;
}
.mod_spnber_nav dl{
 color:#FFF;
}
.mod_spnber_nav dl dt{
  float:none;
  width:100%;
  position:relative;
  font-weight:bold;
 padding:15px 20px 15px 20px;
  box-sizing:border-box;
  border-bottom:solid 1px #045f74;
 /*background:transparent url('/sumu2/common/img/icon_plus.png') no-repeat 90% center;
 background-size:10px;*/
}
.mod_spnber_nav dl dt:first-child {
  border-top:none;
}
.mod_spnber_nav dl dt:after{
 display:inline-block;
 position:absolute;
 top:15px;
 right:20px;
 content: " \f067";
 font-size:120%;
 opacity:1;
 font-family: FontAwesome;
}
.mod_spnber_nav dl dt.open:after{
 opacity:0;

}
.mod_spnber_nav dl dt:before{
  display:inline-block;
 position:absolute;
 top:15px;
 right:20px;
 opacity:1;
 content: " \f068";
 font-family: FontAwesome;
  font-size:120%;
 opacity:0;
}
.mod_spnber_nav dl dt.open:before{
  opacity:1;

}
.mod_spnber_nav dl dd{
 padding:0;
 margin:0;
 border-bottom:none;
}
.mod_spnber_nav dl dd.close{
 display:none;
}
.mod_spnber_nav dl dd ul{
 text-align:left;
}
.mod_spnber_nav dl dd ul li{
 display:block;
 margin:0;
 border-bottom:solid 1px #045f74;
}
.mod_spnber_nav dl dd ul li a{
 display:block;
 padding:15px 10px 15px 30px;
 color:#FFF;
/* background:transparent url('/sumu2/common/img/icon_link.png') no-repeat 90% center;
 background-size:8px;
*/
}
.mod_spnber_nav p{
  padding:0;
  text-align:left;
  border-bottom:solid 1px #045f74;
}
.mod_spnber_nav p a{
 display:block!important;
 color:#FFF;
 font-weight:bold;
 padding:15px 20px 15px 20px;
}
.mod_spnber_nav p a:after{
 display:inline-block;
 float:right;
 content: " \f054";
 font-size:120%;
 font-family: FontAwesome;
}
.mod_spnber_nav p a:link    {color:#FFF;}
.mod_spnber_nav p a:visited {color:#FFF;}

.mod_spnber_nav p.closebtn{
 text-align:center;
 padding:15px 20px 15px 20px;
}
.mod_spnber_nav p.closebtn span{
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 display:inline-block;
 background-color:#FFF;
 padding:5px 10px 5px 10px;
 	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.mod_spnber_nav p.closebtn span:before{
 display:inline-block;
 margin:0 10px 0 0;
 content: " \f00d";
 font-size:120%;
 font-family: FontAwesome;
}
}