@font-face {
  font-family: 'DINWebPro';
  src: url("../fonts/DINWebPro.eot");
  src: url("../fonts/DINWebPro.eot?iefix") format("eot"), url("../fonts/DINWebPro.woff") format("woff"), url("../fonts/DINWebPro.ttf") format("truetype");
}

@font-face {
  font-family: 'DINCompPro-Light';
  src: url("../fonts/DINWebPro-Light.eot");
  src: url("../fonts/DINWebPro-Light.eot?iefix") format("eot"), url("../fonts/DINWebPro-Light.woff") format("woff"), url("../fonts/DINWebPro-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'DINCompPro-Medium';
  src: url("../fonts/DINWebPro-Medium.eot");
  src: url("../fonts/DINWebPro-Medium.eot?iefix") format("eot"), url("../fonts/DINWebPro-Medium.woff") format("woff"), url("../fonts/DINWebPro-Medium.ttf") format("truetype");
}

body {
  background: #e3e3e3 url(http://www.panasonic.com/etc/designs/panasonic/common-clientlibs/images/bg-overall-shadow-dark.gif) repeat-y center top;
  font-family: Arial, Helvetica, sans-serif;
  /* -webkit-touch-callout: none; */
}

#page {
  max-width: 1200px;
  min-width: 0 !important;
  margin: 0 auto;
  background: #f6f6f6;
  background: white !important;
  overflow: hidden;
}

#toppage {
  font-family: 'DINCompPro-Light';
}

img {
  vertical-align: middle !important;
}

.rokkaku__wrap {
  position: relative;
}

.rokkaku__wrap2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
}

.rokkaku {
  background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/rokkaku.png) no-repeat;
  background-size: contain;
  max-width: 483px;
}

.rokkaku img {
  opacity: 0;
}

#mv {
  background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/mv_bg.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 56.0%;
  overflow: hidden;
  position: relative;
}

#mv .mv_obj {
  position: relative;
  width: 45.73991%;
  height: 100%;
  margin: 0 auto;
}

#mv .mv_obj div,
#mv .mv_obj dl {
  position: absolute;
}

#mv .hand1,
#mv .hand2,
#mv .logo1,
#mv .logo2,
#mv .white_bg {
  position: absolute;
  width: 100%;
  opacity: 0;
}

#mv #canvas {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}

#life_music {
  transition: all 300ms ease-out;
  background: white;
  text-align: center;
  height: 0;
  overflow: hidden;
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.55) inset;
}

#life_music .arrow {
  width: 100%;
  padding-top: 75px;
  margin: 0 auto 74px auto;
}

#life_music .arrow .arrow-inline {
  height: 26px;
}

#life_music .arrow .arrow-inline2 {
  position: fixed;
  bottom: 30px;
  z-index: 100;
}

#life_music .arrow .arrow-inline2 img {
  vertical-align: top;
  -webkit-animation: arrowScroll 0.8s ease 0s infinite;
          animation: arrowScroll 0.8s ease 0s infinite;
}

#life_music .arrow.stop .arrow-inline2 {
  position: static;
}

#life_music .arrow.stop .arrow-inline2 img {
  -webkit-animation: none;
          animation: none;
}

#life_music .catch {
  display: table;
  width: 100%;
  height: 410px;
  text-align: center;
}

#life_music .catch dl {
  display: table-cell;
  vertical-align: top;
}

#life_music .catch dl dt {
  width: 100%;
  padding-bottom: 2%;
}

#life_music .catch dl dd {
  margin: 0 auto;
  max-width: 42em;
  font-size: 18px;
  line-height: 30px;
  padding: 0 1em;
}

@-webkit-keyframes arrowScroll {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@keyframes arrowScroll {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

#whats_ur {
  transition: all 300ms ease-out;
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.4) inset;
  background: #CCCCCC;
  width: 100%;
  height: 0;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 10;
}

#whats_ur * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#whats_ur .whats_ur_txt1 {
  height: 100%;
  text-align: center;
  width: 100%;
  display: table;
}

#whats_ur .whats_ur_txt2 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
}

#sound {
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.4);
  padding-bottom: 62.7%;
  z-index: 10;
  background: white;
  position: relative;
  z-index: 10;
}

#sound * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#sound .sound_bg img {
  width: 100%;
  position: absolute;
}

#sound .sound_bg .sound_bg_1,
#sound .sound_bg .sound_bg_2,
#sound .sound_bg .sound_bg_3 {
  opacity: 0;
}

#sound .rokkaku__wrap2 {
  left: 53%;
  margin-top: 10%;
}

#sound .rokkaku {
  opacity: 0;
  -webkit-transform: scale(0.6, 0.6);
      -ms-transform: scale(0.6, 0.6);
          transform: scale(0.6, 0.6);
}

#sound_img {
  padding-bottom: 45%;
  position: relative;
  overflow: hidden;
}

#sound_img .outer {
  overflow: hidden;
  width: 100%;
}

#sound_img .outer .inner {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: none;
  -webkit-transform: translateY(100px) translateZ(0);
          transform: translateY(100px) translateZ(0);
  position: fixed;
  bottom: 0px;
  z-index: 2;
}

#sound_img .outer .inner .inner_inner_o {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  overflow: hidden;
  position: absolute;
  bottom: 0;
}

#sound_img .outer .inner .inner_inner {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/img1.jpg) 0% 80% no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
}

#sound_img .outer .inner * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#design {
  padding-bottom: 62.7%;
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.4);
  background-size: cover;
  background-position-y: -100px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

#design * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#design .design_bg img {
  width: 100%;
  position: absolute;
}

#design .design_bg .design_bg_2 {
  opacity: 0;
}

#design .rokkaku__wrap2 {
  left: 10%;
  margin-top: 10%;
}

#design .rokkaku {
  -webkit-transform: scale(0.6, 0.6);
      -ms-transform: scale(0.6, 0.6);
          transform: scale(0.6, 0.6);
}

/* #design_img {

	padding-bottom: 45%;
	position: relative;
	.outer {
		overflow: hidden;
		width: 100%;
		.inner {
			display: none;
			transform: translateY(100px);
			transition: all 10ms ease;
			width: 100%;
			background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/img3.jpg) 0% 80% no-repeat;
			background-size: cover;
			img {
				max-width: 1000%;
				width: 100%;
			}
			position: fixed;
			bottom: 0px;
			z-index: 1;
		}
	}
}
 */
#design_img {
  padding-bottom: 45%;
  position: relative;
}

#design_img .outer {
  overflow: hidden;
  width: 100%;
}

#design_img .outer .inner {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: none;
  -webkit-transform: translateY(100px) translateZ(0);
          transform: translateY(100px) translateZ(0);
  position: fixed;
  bottom: 0px;
  z-index: 2;
}

#design_img .outer .inner .inner_inner_o {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  overflow: hidden;
  position: absolute;
  bottom: 0;
}

#design_img .outer .inner .inner_inner {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/img3.jpg) 0% 80% no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
}

#design_img .outer .inner * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#connectivity {
  background: #261f21 url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/img4.jpg) no-repeat;
  background-size: cover;
  background-position-y: -200px;
  overflow: hidden;
  z-index: 10;
  position: relative;
}

#connectivity * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#connectivity .rokkaku__wrap2 {
  left: 53%;
  margin-top: 10%;
}

#connectivity .rokkaku {
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0px) scale(0.6, 0.6);
          transform: translate3d(0px, 0px, 0px) scale(0.6, 0.6);
}

#connectivity .hand1,
#connectivity .hand2 {
  position: absolute;
  bottom: -7.27273%;
  width: 100%;
  -webkit-transform: translateY(300px);
      -ms-transform: translateY(300px);
          transform: translateY(300px);
}

#connectivity .hand1 {
  -webkit-transform: translateY(500px);
      -ms-transform: translateY(500px);
          transform: translateY(500px);
  transition: all 1000ms ease 300ms;
}

#connectivity .hand2 {
  transition: all 1000ms ease 600ms;
}

#connectivity .hand1 img {
  width: 18.72727%;
  margin-left: 1.81818%;
}

#connectivity .hand2 img {
  width: 20%;
  margin-left: 29.72727%;
}

#product_other {
  z-index: 10;
  transition: all 300ms ease-out;
}

#movie {
  background: black;
  padding-bottom: 56%;
  z-index: 10;
}

#movie * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#movie .movie_aria {
  width: 100%;
  position: absolute;
}

#movie .movieBg {
  position: absolute;
  z-index: 10;
}

#movie .movieBg img {
  width: 100%;
}

#movie .movieBg__inline {
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.3) inset;
  background: url(/content/dam/Panasonic/Global/pt/consumer/audio-learn/img/movie.jpg) no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 56.3%;
}

#movie .movieBg__playBtn {
  position: absolute;
  margin: auto;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 109px;
  height: 129px;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0px) scale(0.6, 0.6);
          transform: translate3d(0px, 0px, 0px) scale(0.6, 0.6);
}

#product {
  position: relative;
  padding: 75px 0 85px 0;
  z-index: 10;
  background: white;
}

#product * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#product .inline {
  position: relative;
  width: 81.81818%;
  max-width: 1100px;
  margin: 0 auto;
}

#product .inline .img {
  position: absolute;
  top: 0;
  left: 10%;
}

#product .inline dl {
  width: 69.09091%;
  max-width: 638px;
  margin-left: 35.90909%;
  padding: 35px 0 140px 0;
  padding: 0 0 140px 0;
  position: absolute;
  position: relative;
  z-index: 1;
}

#product .inline dl dt {
  color: #666666;
  font-family: 'DINWebPro';
  font-family: 'DINCompPro-Medium';
  font-size: 66px;
}

#product .inline dl .logo {
  margin-top: 35px;
  width: 90%;
}

#product .inline dl .logo ul:after {
  content: "";
  display: block;
  clear: both;
}

#product .inline dl .logo ul li {
  height: 55px;
  float: left;
  padding-right: 11px;
  padding-bottom: 14px;
}

#product .inline dl .logo ul li img {
  width: 65px;
}

#product .inline dl .logo ul li img.longicon {
  width: 105px;
}

#product .inline dl .spec_link {
  margin-top: 1%;
  width: 100%;
  text-align: center;
  /* ul {
					@include clearfix();
					li {
						float: left;
						font-size: 18px;
						text-indent: 1em;
						margin-right: 1em;
						line-height: 1.8em;
						background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/daiya.png) left center no-repeat;
						a {
							color: black;
							text-decoration: none;
							&:hover {
								text-decoration: underline;
							}
						}
					}
				} */
}

#product .inline dl .spec_link a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 83%;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

#product .inline dl .spec_link .see_more_btn {
  position: relative;
  width: auto;
  margin: 0 auto;
}

#product .inline dl .spec_link .see_more_btn a {
  width: 25%;
  padding-bottom: 29%;
  margin: 0 auto 0 15%;
}

#product .inline dl .spec_link .see_more_btn li {
  position: absolute;
}

#product .inline dl .spec_link .see_more_btn li.hover {
  transition: all 300ms ease-out;
  opacity: 0;
}

#product .inline dl .spec_link .see_more_btn:hover li.hover {
  opacity: 1;
}

#product .inline dl .spec_link.type2, #product .inline dl .spec_link.type3 {
  width: 100%;
  margin-left: 10%;
}

#product .inline dl .spec_link.type2:after, #product .inline dl .spec_link.type3:after {
  content: "";
  display: block;
  clear: both;
}

#product .inline dl .spec_link.type2 .see_more_btn, #product .inline dl .spec_link.type3 .see_more_btn {
  position: relative;
  width: auto;
  width: 150px;
  margin: 0 auto;
  float: left;
}

#product .inline dl .spec_link.type2 .see_more_btn a, #product .inline dl .spec_link.type3 .see_more_btn a {
  width: 49%;
  width: 100%;
  padding-bottom: 50%;
  margin: 0 auto;
}

#product .inline dl .spec_link.type2 .see_more_btn li, #product .inline dl .spec_link.type3 .see_more_btn li {
  position: absolute;
}

#product .inline dl .spec_link.type2 .see_more_btn li.hover, #product .inline dl .spec_link.type3 .see_more_btn li.hover {
  transition: all 300ms ease-out;
  opacity: 0;
}

#product .inline dl .spec_link.type2 .see_more_btn:hover li.hover, #product .inline dl .spec_link.type3 .see_more_btn:hover li.hover {
  opacity: 1;
}

#product .inline dl .spec_link.type3 {
  width: 110%;
  margin-left: 0%;
}

#product_other {
  box-shadow: 0px 20px 10px -10px rgba(0, 0, 0, 0.3) inset;
  /* box-shadow: 0px 10px 10px 0px rgba(0,
	0,
	0,
	0.4) inset; */
  background: #d8d8d8;
  width: 100%;
  overflow: hidden;
  display: table;
  display: block;
  text-align: center;
  padding-bottom: 0px;
  padding-top: 0px;
  z-index: 10;
}

#product_other * {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}

#product_other .inline {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

#product_other .inline:after {
  content: "";
  display: block;
  clear: both;
}

#product_other .inline .produts_link {
  box-sizing: border-box;
  display: block;
  float: left;
  max-width: 547px;
  width: 50%;
  color: black;
  text-decoration: none;
}

#product_other .inline .produts_link:nth-child(odd) {
  border-right: 1px solid black;
}

#product_other .inline .produts_link:last-child {
  border: none;
}

#product_other .inline .produts_link .ttl {
  font-size: 43px;
  width: 83.33333%;
  margin: 0 auto;
  max-width: 450px;
}

#product_other .inline .produts_link .img {
  width: 83.33333%;
  margin: 0 auto;
  min-height: 2em;
  max-width: 450px;
}

#product_other .inline .produts_link .link {
  width: 82.26691%;
  margin: 0 auto;
  min-height: 2em;
  text-align: center;
  width: 110px;
  padding-top: 10.05484%;
}

#product_other .inline .produts_link .link a {
  list-style: none;
  display: inline-block;
  width: 110px;
  padding-bottom: 115%;
}

#product_other .inline .produts_link .link a li {
  position: absolute;
}

#product_other .inline .produts_link .link a li.hover {
  transition: all 300ms ease-out;
  opacity: 0;
}

#product_other .inline .produts_link .link a li:hover.hover {
  opacity: 1;
}

#product_other .inline.one_products {
  margin-top: -7px;
  max-width: 950px;
  width: 100%;
}

#product_other .inline.one_products .produts_link {
  box-sizing: border-box;
  display: block;
  max-width: 950px;
  width: 100%;
  color: black;
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#product_other .inline.one_products .produts_link:nth-child(odd) {
  border-right: 1px solid black;
}

#product_other .inline.one_products .produts_link:last-child {
  border: none;
}

#product_other .inline.one_products .produts_link dl {
  max-width: 950px;
  margin: 0 auto;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#product_other .inline.one_products .produts_link .ttl {
  width: auto;
  margin: 0 auto;
  margin: 0;
  float: left;
  text-align: left;
}

#product_other .inline.one_products .produts_link .img {
  width: auto;
  margin: 0 auto;
  margin: 0;
  min-height: 2em;
}

#product_other .inline.one_products .produts_link .link {
  width: auto;
  margin: 0 auto;
  margin: 0;
  min-height: 2em;
  text-align: center;
  padding-top: 2.92505%;
  padding-top: 0;
  text-align: right;
}

#product_other .inline.one_products .produts_link .link a {
  list-style: none;
  display: inline-block;
  width: 110px;
  padding-bottom: 115%;
}

#product_other .inline.one_products .produts_link .link a li {
  position: absolute;
}

#product_other .inline.one_products .produts_link .link a li.hover {
  transition: all 300ms ease-out;
  opacity: 0;
}

#product_other .inline.one_products .produts_link .link a li:hover.hover {
  opacity: 1;
}

#product_other .copyright {
  padding-top: 85px;
  font-size: 14px;
}

.json404 {
  padding: 55px 0 25px 0;
  font-size: 14px;
  width: 100%;
  text-align: center;
}

#page-footer {
  margin-top: 100px;
}

#mv .bg,
#design .bg,
#design_img .bg,
#connectivity .bg,
#sound_img .bg,
#sound .bg {
  width: 100%;
}

@media (max-width: 1080px) {
  #product .inline .img {
    left: 0%;
  }
}

@media (max-width: 767px) {
  #life_music .arrow {
    display: none;
  }
  #life_music .catch {
    padding-top: 11.875%;
    padding-bottom: 11.875%;
    height: auto;
  }
  #life_music .catch dl dt {
    width: 79.6875%;
    margin: 0 auto;
    padding-bottom: 7%;
  }
  #life_music .catch dl dd {
    padding: 0;
    max-width: 10000%;
    width: 79.6875%;
    font-size: 12px;
    line-height: 2em;
  }
  #whats_ur {
    padding-top: 12.5%;
    padding-bottom: 12.5%;
    position: static;
    height: auto;
  }
  #whats_ur .whats_ur_txt1 {
    display: block;
    height: auto;
  }
  #whats_ur .whats_ur_txt1 .whats_ur_txt2 {
    display: block;
    height: auto;
    opacity: 1;
    margin: 0 auto;
    width: 54.6875%;
  }
  #sound .sound_bg {
    margin-top: -3%;
  }
  #sound .sound_bg .sound_bg_1 {
    opacity: 1;
  }
  #sound .rokkaku__wrap {
    position: relative;
    z-index: 2;
    height: auto;
    display: block;
    width: 100%;
  }
  #sound .rokkaku__wrap .rokkaku__wrap2 {
    width: 100%;
    position: static;
    margin-top: 0;
  }
  #sound .rokkaku__wrap .rokkaku__wrap2 .rokkaku {
    -webkit-transform: scale(1);
    background: none;
    opacity: 1;
    height: auto;
    width: 100%;
    max-width: 500%;
  }
  #sound .rokkaku__wrap .rokkaku__wrap2 .rokkaku img {
    width: 100%;
    opacity: 1;
    height: auto;
  }
  #sound_img {
    background-position: 0 center;
    background-attachment: initial;
    padding-bottom: 54.6875%;
    background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/img1.jpg) 0% 80% no-repeat;
    background-size: cover;
  }
  #sound_img .outer {
    visibility: hidden;
  }
  #design .design_bg {
    margin-top: -3%;
  }
  #design .design_bg .design_bg_1 {
    opacity: 1;
  }
  #design .rokkaku__wrap {
    position: relative;
    z-index: 2;
    height: auto;
    display: block;
    width: 100%;
  }
  #design .rokkaku__wrap .rokkaku__wrap2 {
    width: 100%;
    position: static;
    margin-top: 0;
  }
  #design .rokkaku__wrap .rokkaku__wrap2 .rokkaku {
    -webkit-transform: scale(1);
    background: none;
    opacity: 1;
    height: auto;
    width: 100%;
    max-width: 500%;
  }
  #design .rokkaku__wrap .rokkaku__wrap2 .rokkaku img {
    width: 100%;
    opacity: 1;
    height: auto;
  }
  #design_img {
    background-position: 0 center;
    background-attachment: initial;
    padding-bottom: 54.6875%;
    background: url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/img3.jpg) 0% 80% no-repeat;
    background-size: cover;
  }
  #design_img .outer {
    visibility: hidden;
  }
  #connectivity .bg {
    margin-top: -3%;
    background: #261f21 url(/content/dam/Panasonic/Global/en/consumer/audio-learn/img/img4.jpg) no-repeat;
    background-size: cover;
    background-position-y: 0px;
  }
  #connectivity .bg .connectivity_bg_1 {
    opacity: 1;
  }
  #connectivity .hand1,
  #connectivity .hand2 {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    bottom: 0;
  }
  #connectivity .rokkaku__wrap {
    position: relative;
    z-index: 2;
    height: auto;
    display: block;
    width: 100%;
  }
  #connectivity .rokkaku__wrap .rokkaku__wrap2 {
    width: 100%;
    position: static;
    margin-top: 0;
  }
  #connectivity .rokkaku__wrap .rokkaku__wrap2 .rokkaku {
    -webkit-transform: scale(1);
    background: none;
    opacity: 1;
    height: auto;
    width: 100%;
    max-width: 500%;
  }
  #connectivity .rokkaku__wrap .rokkaku__wrap2 .rokkaku img {
    width: 100%;
    opacity: 1;
    height: auto;
  }
  #movie .movieBg__playBtn {
    opacity: 1;
    width: 11.875%;
    height: 0;
    padding-bottom: 13.75%;
  }
  #product {
    padding: 7.5% 0 3.4375% 0;
    padding-bottom: 70%;
  }
  #product .ttl {
    width: 89.0625%;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
    padding-bottom: 8.59375%;
  }
  #product .inline {
    position: absolute;
    width: 89.0625%;
  }
  #product .inline .img {
    left: 7%;
    width: 90%;
    height: 0;
  }
  #product .inline .spec {
    width: 65.625%;
    padding: 0;
  }
  #product .inline .spec .logo {
    width: 100%;
    margin-top: 0;
  }
  #product .inline .spec .logo ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #product .inline .spec .logo li {
    height: auto;
    height: 40px;
    padding-right: 2%;
    padding-bottom: 0%;
    width: 18%;
    display: table;
  }
  #product .inline .spec .logo li div {
    display: table-cell;
    vertical-align: middle;
  }
  #product .inline .spec .spec_link {
    width: 100%;
    font-size: 12px;
  }
  #product .inline .spec .spec_link img {
    width: 100%;
    max-width: 500%;
  }
  #product .inline .spec .spec_link ul {
    padding-right: 5%;
  }
  #product .inline .spec .spec_link li {
    width: 100%;
  }
  #product .inline .spec .spec_link .see_more_btn a {
    margin-top: 5%;
    width: 40%;
  }
  #product .inline .spec .spec_link.type2 {
    margin-top: 7%;
    width: 110%;
  }
  #product .inline .spec .spec_link.type2 .see_more_btn {
    width: 30%;
  }
  #product .inline .spec .spec_link.type2 .see_more_btn a {
    padding-bottom: 111%;
  }
  #product .inline .spec .spec_link.type3 {
    margin-top: 7%;
    width: 110%;
    margin-left: 0%;
  }
  #product .inline .spec .spec_link.type3 .see_more_btn {
    width: 28%;
  }
  #product .inline .spec .spec_link.type3 .see_more_btn a {
    padding-bottom: 111%;
  }
  #product_other {
    height: auto;
  }
  #product_other .inline .produts_link,
  #product_other .inline.one_products .produts_link {
    width: 100%;
    max-width: 500%;
    border: none;
    width: 87.5%;
    margin: 0 auto;
    display: block;
    float: none;
  }
  #product_other .inline .produts_link .ttl,
  #product_other .inline.one_products .produts_link .ttl {
    padding-top: 15.625% !important;
    padding-bottom: 0 !important;
    float: none;
    font-size: 43px;
    width: 83.33333%;
    margin: 0 auto;
    max-width: 450px;
  }
  #product_other .inline .produts_link .txt,
  #product_other .inline.one_products .produts_link .txt {
    float: none;
    width: 100%;
    padding-top: 0%;
    min-height: 0;
    margin-bottom: 5.46875%;
    font-size: 12px;
  }
  #product_other .inline .produts_link:nth-child(odd),
  #product_other .inline.one_products .produts_link:nth-child(odd) {
    border-right: none;
    border-bottom: 1px solid black;
  }
  #product_other .inline .produts_link dl,
  #product_other .inline.one_products .produts_link dl {
    display: block;
  }
  #product_other .inline .produts_link .img,
  #product_other .inline.one_products .produts_link .img {
    float: none;
    margin: 0 auto;
    margin-bottom: 0%;
    width: 83.33333%;
    min-height: 2em;
    max-width: 450px;
  }
  #product_other .inline .produts_link .link,
  #product_other .inline.one_products .produts_link .link {
    float: none;
    width: 29.25046%;
    width: 100%;
    min-height: 2em;
    text-align: center;
    padding-top: 4.6875%;
    margin-top: 0%;
    margin-bottom: 12.5%;
  }
  #product_other .inline .produts_link .link a,
  #product_other .inline.one_products .produts_link .link a {
    max-width: 110px;
    width: 20.10969%;
    max-width: 110px;
    padding-bottom: 21%;
  }
  #product_other .inline.one_products .produts_link:nth-child(odd) {
    border-right: none;
    border-bottom: none;
  }
  #product_other .copyright {
    padding: 5% 0;
    font-size: 10.5px;
  }
}

@media screen and (min-width: 601px) {
  .no-flexbox #page-header #brand-logo {
    width: 13.095238%;
    height: 41px;
    margin-left: 3.2739%;
  }
}

/*# sourceMappingURL=top.css.map */