/*
Template: twentytwelve
Theme Name: ISL SILKYPIX
Theme URI: https://silkypix.isl.co.jp/
Description: child theme of twentytwelve for SILKYPIX site
Author: Ichikawa Soft Laboratory Co.,Ltd.
Version: 3.18.2
*/


/**
 * COMMON
 */

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

.u-txt-center {
  text-align: center;
}

.u-txt-right {
  text-align: right;
}

.u-txt-red {
  color: #D82020;
}

.u-txt-green {
  color: #019644;
}

.u-txt-blue {
  color: #2040A6;
}

.u-txt-black {
  color: #484848;
}

.u-left-block {
  display: block;
  float: left;
  max-width: 100%;
}

.u-right-block {
  display: block;
  float: right;
  max-width: 100%;
}

.u-center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.u-half-block {
  display: block;
  width: 50%;
}

.u-bottom-shadow {
  box-shadow: 0 4px 4px #E8E8E8;
}

.u-mt-1em {
  margin-top: 1em;
}

.u-mr-1em {
  margin-right: 1em;
}

.u-mb-1em {
  margin-bottom: 1em;
}

.u-ml-1em {
  margin-left: 1em;
}

.u-pc-bk {
  display: none;
}

.u-sp-bk {
  display: block;
}

.u-pc-il {
  display: none;
}

.u-sp-il {
  display: inline;
}

@media screen and (min-width: 600px) {
  .u-left-block-pc {
    display: block;
    float: left;
    max-width: 100%;
  }
  .u-right-block-pc {
    display: block;
    float: right;
    max-width: 100%;
  }
  .u-bottom-shadow {
    box-shadow: 0 8px 8px #E8E8E8;
  }
  .u-top-inset-shadow {
    box-shadow: 0 14px 14px -14px #B8B8B8 inset;
  }
  .u-pc-bk {
    display: block;
  }
  .u-sp-bk {
    display: none;
  }
  .u-pc-il {
    display: inline;
  }
  .u-sp-il {
    display: none;
  }
}

img {
  max-width: 100%;
}

a {
  color: #21759B;
}

a:hover {
  color: #0F3647;
}

.widget-area .widget a {
  color: #2080C0;
}

.widget-area .widget a:visited {
  color: #2080C0;
}

.widget-area .widget a:hover {
  color: #21759B;
}

.entry-content a:visited,
.comment-content a:visited {
  color: #9F9F9F;
}

.entry-content a:hover,
.comment-content a:hover {
  color: #0F3647;
}

footer[role="contentinfo"] a,
footer[role="contentinfo"] a:visited,
footer[role="contentinfo"] a:hover {
  color: #FFFFFF;
}

noscript p {
  padding: 1em 0;
  background-color: #FFFF80;
}

.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
  text-transform: none;
}

html,
body,
body.custom-font-enabled {
  color: #484848;
  font: 14px/1.4 Avenir, Verdana, Arial, Roboto, sans-serif;
}

body {
  min-width: 320px;
}

body .site {
  margin-top: 44px;
  margin-bottom: 0;
  padding: 0;
  box-shadow: 0 0 8px #CCCCCC;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 23px;
  padding: 10px 0 11px;
  background-color: #000000;
  color: #FFFFFF;
}

.site-header .site-title {
  width: 133px;
  height: 23px;
  margin-left: 10px;
}

.site-header h1 {
  margin-bottom: 0;
  text-align: left;
}

.site-header h1 a {
  display: block;
  font-size: 23px;
  line-height: 1;
}

.site-header h1 a,
.site-header h2 a,
.site-header h1 a:hover,
.site-header h2 a:hover {
  color: #FFFFFF;
}

.site-header h1 a img {
  vertical-align: top;
}

.site-header .header-nav {
  display: none;
}

.header-image {
  margin-top: 0;
  font-size: 0;
}

.entry-content > h1 > img {
  max-width: 93.75%;
}

.wrapper section {
  padding: 20px 10px;
}

.wrapper section.u-no-pt {
  padding-top: 0;
}

.wrapper section.u-no-pb {
  padding-bottom: 0;
}

.site-content {
  margin-top: 0;
}

.site-content article {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;

  -webkit-hyphens: manual;
     -moz-hyphens: manual;
          hyphens: manual;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
  border-radius: 0;
  box-shadow: none;
  vertical-align: top;
}

footer[role="contentinfo"] {
  max-width: none;
  margin-top: 0;
  border-top-width: 0;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.75;
}

.widget-title {
  color: #FFFFFF;
  font-weight: normal;
  font-size: 24px;
}

.site-info {
  margin-top: 24px;
  text-align: center;
}

.menu-toggle {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 103px;
  height: 44px;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
}

.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle.toggled-on {
  box-shadow: none;
  background: transparent;
}

.main-navigation {
  opacity: .95;
  position: fixed;
  top: 44px;
  right: 0;
  z-index: 100;
  width: 50%;
  min-width: 200px;
  margin-top: 0;
  text-align: left;
}

.main-navigation li {
  display: block;
  margin-top: 0;
  margin-right: 0;
  border-top: 1px solid #FFFFFF;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
  width: 100%;
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #000000;
  font-size: 0;
}

.main-navigation li a {
  display: block;
  padding: 0 32px;
  color: #FFFFFF;
  line-height: 3;
  text-decoration: none;
  text-transform: none;
  transition: all .2s ease;
}

.main-navigation li a:hover,
.main-navigation li a:focus {
  background-color: #E8E8E8;
  color: #484848;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
  color: #FFFFFF;
  font-weight: normal;
}

.breadcrumbs {
  float: left;
  margin: 30px 2.5%;
  font-size: 14px;
  font-size: .875rem;
}

.breadcrumbs li {
  display: inline-block;
}

.breadcrumbs li:before {
  margin: 0 .25rem;
  content: ">";
}

.breadcrumbs li:first-child:before {
  margin: 0;
  content: none;
}


/**
 *  Components
 */

.c-btn {
  display: inline-block;
  padding: .5em 1em;
  text-decoration: none;
  text-align: center;
  transition: background-color .2s ease;
}

.c-btn--green,
a.c-btn--green,
a.c-btn--green:visited,
a.c-btn--green:active {
  background: #019644;
  color: #FFFFFF;
}

.c-btn--green:hover,
a.c-btn--green:hover {
  background: #02B050;
  color: #FFFFFF;
}

.c-btn--navy,
a.c-btn--navy,
a.c-btn--navy:visited,
a.c-btn--navy:active {
  background: #005D89;
  color: #FFFFFF;
}

.c-btn--navy:hover,
a.c-btn--navy:hover {
  background: #0070A3;
  color: #FFFFFF;
}

.c-btn--gray,
a.c-btn--gray,
a.c-btn--gray:visited,
a.c-btn--gray:active {
  background: #4D4D4D;
  color: #FFFFFF;
}

.c-btn--gray:hover,
a.c-btn--gray:hover {
  background: #666666;
  color: #FFFFFF;
}

.c-btn--red,
a.c-btn--red,
a.c-btn--red:visited,
a.c-btn--red:active {
  background: #BD2702;
  color: #FFFFFF;
}

.c-btn--red:hover,
a.c-btn--red:hover {
  background: #D12C02;
  color: #FFFFFF;
}

.c-btn--pink,
a.c-btn--pink,
a.c-btn--pink:visited,
a.c-btn--pink:active {
  background: #FF7B92;
  color: #FFFFFF;
}

.c-btn--pink:hover,
a.c-btn--pink:hover {
  background: #FF94A6;
  color: #FFFFFF;
}

.c-os-icon {
  width: 18px;
  height: 20px;
  padding: 10px 11px;
  border-radius: 20px;
  box-shadow: 0 0 3px #4D4D4D;
  background-color: #4D4D4D;
  text-align: center;
}

.c-common-table {
  border-collapse: collapse;
}

.c-common-table th {
  border: 1px solid #4D4D4D;
  background-color: #4D4D4D;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

.c-common-table td {
  border: 1px solid #4D4D4D;
  text-align: center;
  vertical-align: middle;
}


/**
 *  Projects
 */

.p-products-list {
  font-size: 0;
  text-align: center;
}

ul.p-products-list {
  list-style: none;
}

.p-products-list__item {
  display: inline-block;
  width: 48%;
}

li.p-products-list__item {
  margin: 5px 1%;
}

.p-products-list__item a {
  display: block;
  border: 1px solid #4D4D4D;
  font-size: 13px;
  text-decoration: none;
  transition: border-color .2s ease;
}

.p-products-list__item a:hover {
  border-color: #666666;
}

.p-products-list__item a .c-btn {
  display: block;
  padding: 8px 0;
}

.p-products-list--five .p-products-list__item a .c-btn {
  letter-spacing: -1px;
}

.p-products-list__item a:hover .c-btn--gray {
  background-color: #666666;
}

ul.p-related-info-list {
  list-style: none;
  margin-left: 0;
}

.p-related-info-list li {
  margin-bottom: 15px;
  margin-left: 0;
  text-align: center;
}

.p-related-info-list li .c-btn {
  width: 80%;
  padding: 1em 0;
}

.p-footer-list {
  margin-bottom: 1em;
}

.p-footer-list dt {
  margin-top: 1em;
  margin-bottom: .25em;
}

.p-footer-list dt:first-child {
  margin-top: 0;
}

.p-footer-list dd {
  margin-bottom: .25em;
  padding-top: .25em;
  border-top: 1px solid #595959;
}

.p-footer-list dd a {
  display: block;
}

.p-footer-list__label {
  display: inline-block;
  margin: .25em 0;
  padding: .5em 1em;
  border-radius: 3px;
  background-color: #666666;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1;
}

.p-footer-list__label--b {
  background-color: #0D47A1;
}

.p-footer-list__label--m {
  background-color: #D81B60;
}

.p-footer-list__label--c {
  background-color: #00ACC1;
}

.p-footer-list__label--o {
  background-color: #F4511E;
}

.p-footer-banner {
  text-align: center;
}


/* Footer Widget Areas */

.footer-w-area a {
  text-decoration: none;
}

.footer-w-area a:hover {
  text-decoration: underline;
}

.footer-w-area .three,
.footer-w-area .four {
  margin: 0 10px;
}

.footer-w-area .three .widget-area-footer,
.footer-w-area .four .widget-area-footer {
  margin-bottom: 20px;
}

@media screen and (min-width: 600px) {
  .site {
    min-width: 1024px;
    max-width: 1200px;
  }
  .site-content {
    width: 67.368421%;
  }
  .widget-area {
    width: 26.315789%;
  }
  html,
  body,
  body.custom-font-enabled {
    font-size: 16px;
  }
  body .site {
    margin-top: 0;
    padding: 0;
  }
  .site-header {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    padding: 30px 0 0;
  }
  .site-header .site-title {
    float: left;
    width: auto;
    height: auto;
    margin-left: 5%;
    line-height: 0;
  }
  .site-header .header-nav {
    display: block;
    float: right;
    margin-right: 5%;
    font-size: 16px;
    line-height: 1;
  }
  .site-header .header-nav li {
    display: inline-block;
    margin-left: 1rem;
  }
  .site-header .header-nav li a {
    color: #FFFFFF;
    text-decoration: none;
  }
  .site-header .header-nav li .support-link {
    padding: .5rem 2rem;
    border: 1px solid #FFFFFF;
    transition: all .2s ease 0s;
  }
  .site-header .header-nav li .support-link:hover,
  .site-header .header-nav li .support-link:focus {
    background-color: #E8E8E8;
    color: #484848;
  }
  .main-navigation {
    opacity: 1;
    position: static;
    width: auto;
    min-width: none;
    margin-top: 40px;
    text-align: center;
  }
  .main-navigation li {
    border-top-width: 0;
  }
  .main-navigation li a {
    line-height: 3.5;
  }
  .entry-content > h1 > img {
    max-width: none;
  }
  .wrapper section {
    padding: 50px 5%;
  }
  /**
     * Components
     */
  /*  */
  .c-pic-left,
  .c-pic-right {
    position: relative;
  }
  .c-pic-left__text {
    margin-left: 50%;
  }
  .c-pic-right__text {
    margin-right: 50%;
  }
  .c-pic-left__figure {
    position: absolute;
    top: 0;
    left: 5%;
  }
  .c-pic-right__figure {
    position: absolute;
    top: 0;
    right: 5%;
  }
  .c-os-icon {
    width: 70px;
    height: 40px;
    padding: 15px 0;
    border-radius: 35px;
    box-shadow: 0 0 5px #4D4D4D;
  }
  /**
     * Projects
     */
  .p-products-list {
    font-size: 0;
  }
  .p-products-list__item {
    width: 22.963%;
  }
  .p-products-list--five .p-products-list__item {
    width: 17.7778%;
  }
  .p-products-list--six .p-products-list__item {
    width: 15%;
  }
  li.p-products-list__item {
    margin: 0 0 0 2.6852%;
  }
  li.p-products-list__item:nth-child(n + 5).p-products-list__item--src {
    margin-top: 2.6852%;
  }
  li.p-products-list__item:first-child {
    margin-left: 0;
  }
  .p-products-list__item a {
    font-size: 16px;
  }
  .p-products-list--five .p-products-list__item a {
    font-size: 15px;
  }
  .p-products-list--six .p-products-list__item a {
    font-size: 15px;
  }
  .p-products-list--six li.p-products-list__item {
    margin-left: 2%;
  }
  .p-products-list--six li.p-products-list__item:first-child {
    margin-left: 0;
  }
  .p-related-info-list {
    font-size: 0;
  }
  .p-related-info-list li {
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
  }
  .p-related-info-list li .c-btn {
    width: 90%;
    font-size: 18px;
  }
  .p-footer-list {
    font-size: 14px;
  }
  .p-footer-list__label {
    font-size: 13px;
  }
  .p-footer-banner {
    text-align: right;
  }
  footer[role="contentinfo"] {
    padding: 1.71429rem 0;
  }
  .main-navigation li {
    display: inline-block;
  }
  .main-navigation li a {
    font-size: 16px;
  }
  /* Three Footer Widget Areas */
  .footer-w-area .three {
    margin: 0 5%;
    font-size: 0;
    text-align: center;
  }
  .footer-w-area .three .widget-area-footer {
    display: inline-block;
    width: 31.4814%;
    margin-left: 2.7778%;
    font-size: 16px;
    text-align: left;
    vertical-align: top;
  }
  .footer-w-area .three .widget-area-footer:first-child {
    margin-left: 0;
  }
  /* Four Footer Widget Areas */
  .footer-w-area .four {
    margin: 0 5%;
    font-size: 0;
    text-align: center;
  }
  .footer-w-area .four .widget-area-footer {
    display: inline-block;
    width: 22.8704%;
    margin-left: 2.7778%;
    font-size: 16px;
    text-align: left;
    vertical-align: top;
  }
  .footer-w-area .four .widget-area-footer:first-child {
    margin-left: 0;
  }
  .footer-w-area .two .widget-area-footer + .widget-area-footer,
  .footer-w-area .three .widget-area-footer + .widget-area-footer + .widget-area-footer,
  .footer-w-area .four .widget-area-footer + .widget-area-footer + .widget-area-footer + .widget-area-footer {
    margin-right: 0;
  }
}


/**
 * FRONTPAGE
 */

.p-english-info {
  display: none;
  padding: 5px 2.5em;
  background-color: #FFFFA9;
}

.p-english-info a {
  text-decoration: none;
}

.p-frontpage-notice {
  margin-bottom: 10px;
  padding: 4px 6px;
  border: 3px double #D82020;
}

.p-frontpage-notice h2 {
  margin: 0;
  color: #D82020;
  font-size: 14px;
}

.p-frontpage-notice p {
  margin: 0;
  font-size: 13px;
}

.p-top-menu {
  font-size: 0;
  text-align: center;
}

.p-top-menu__item {
  display: inline-block;
  width: 33.3333%;
}

.p-top-menu--two .p-top-menu__item {
  width: 50%;
}

ul.p-top-menu {
  list-style: none;
  margin-bottom: 0;
}

li.p-top-menu__item {
  margin-left: 0;
}

.p-top-menu__item .c-btn {
  width: 100%;
  padding: 7px 0;
  font-size: 14px;
}

.p-top-menu__item.is-selected a.c-btn--green {
  background-color: #02B050;
}

.p-top-menu__item.is-not-selected a {
  opacity: .5;
}

.p-features-heading {
  padding: 5px 0;
  border-radius: 5px;
  background-color: #019644;
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
}

ul.p-features-list {
  list-style: circle;
  margin-bottom: 0;
}

.p-product-area {
  position: relative;
  padding: 20px 0;
}

.p-product-area__os-icon--left {
  position: absolute;
  top: 5px;
  left: 15px;
}

.p-product-area__os-icon--right {
  position: absolute;
  top: 5px;
  left: 60px;
}

.p-product-area__copy {
  font-weight: normal;
}

.p-product-area__copy strong {
  display: block;
  padding: 2px 7px;
  border: 1px solid #484848;
  background-color: #FFFFFF;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
}

.p-product-area__links li {
  width: 100%;
  margin-left: 0;
}

.p-product-area__links a.c-btn {
  display: block;
  padding: .5em 0;
}

.p-product-area .u-right-block {
  display: none;
}

dl.p-extension-list {
  margin: 10px 0 0;
  font-size: 0;
  text-align: center;
}

dl.p-extension-list dt {
  display: inline-block;
  width: 60%;
  margin-bottom: 10px;
  padding: 4px 0 4px 8px;
  border: 1px solid #CCCCCC;
  border-right-width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #EDEDED;
  font-size: 14px;
  text-align: left;
}

dl.p-extension-list dd {
  display: inline-block;
  width: 30%;
  margin-bottom: 10px;
  padding: 4px 0;
  border: 1px solid #CCCCCC;
  border-left-width: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 600px) {
  .p-frontpage-notice {
    width: 764px;
    margin: 0 auto 20px;
    padding: 7px 14px;
    border-width: 4px;
  }
  .p-frontpage-notice h2 {
    font-size: 16px;
  }
  .p-frontpage-notice p {
    font-size: 14px;
  }
  .p-top-menu__item {
    width: 248px;
  }
  .p-top-menu--two .p-top-menu__item {
    width: 387px;
  }
  li.p-top-menu__item {
    margin-left: 30px;
  }
  li.p-top-menu__item:first-child {
    margin-left: 0;
  }
  .p-top-menu__item .c-btn {
    padding: 20px 0;
    font-size: 24px;
  }
  .p-features {
    margin: 0 5.5556%;
    font-size: 0;
  }
  .p-features-heading {
    display: inline-block;
    width: 192px;
    height: 24px;
    padding: 84px 0;
    border-radius: 96px;
    vertical-align: middle;
  }
  h2.p-features-heading {
    font-size: 24px;
    line-height: 24px;
  }
  .p-features-list {
    display: inline-block;
    width: 72.5%;
    font-size: 18px;
    vertical-align: middle;
  }
  .wrapper .p-products {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  /* .p-product-area also used by PRODUCT INDEX ( /product/ ) */
  .p-product-area,
  section.p-product-area {
    padding: 150px 5% 90px;
  }
  .p-product-area__key-visual {
    top: 180px;
    width: 42.5%;
  }
  .p-product-area__os-icon--left {
    top: 150px;
    left: 4.75%;
  }
  .p-product-area__os-icon--right {
    top: 150px;
    left: 10%;
  }
  .p-product-area.p-product-area--dsp11,
  .p-product-area.p-product-area--dsp10,
  .p-product-area.p-product-area--dsp9,
  .p-product-area.p-product-area--ds11,
  .p-product-area.p-product-area--ds10,
  .p-product-area.p-product-area--ds9,
  .p-product-area.p-product-area--ds8,
  .p-product-area.p-product-area--jp11,
  .p-product-area.p-product-area--jp10,
  .p-product-area.p-product-area--jp9,
  .p-product-area.p-product-area--jp8 {
    padding-top: 160px;
  }
  .p-product-area--dsp11 .p-product-area__key-visual,
  .p-product-area--dsp10 .p-product-area__key-visual,
  .p-product-area--dsp9 .p-product-area__key-visual,
  .p-product-area--ds11 .p-product-area__key-visual,
  .p-product-area--ds10 .p-product-area__key-visual,
  .p-product-area--ds9 .p-product-area__key-visual,
  .p-product-area--ds8 .p-product-area__key-visual,
  .p-product-area--jp11 .p-product-area__key-visual,
  .p-product-area--jp10 .p-product-area__key-visual,
  .p-product-area--jp9 .p-product-area__key-visual,
  .p-product-area--jp8 .p-product-area__key-visual {
    top: 190px;
  }
  .p-product-area--dsp11 .p-product-area__os-icon--left,
  .p-product-area--dsp10 .p-product-area__os-icon--left,
  .p-product-area--dsp9 .p-product-area__os-icon--left,
  .p-product-area--ds11 .p-product-area__os-icon--left,
  .p-product-area--ds10 .p-product-area__os-icon--left,
  .p-product-area--ds9 .p-product-area__os-icon--left,
  .p-product-area--ds8 .p-product-area__os-icon--left,
  .p-product-area--jp11 .p-product-area__os-icon--left,
  .p-product-area--jp10 .p-product-area__os-icon--left,
  .p-product-area--jp9 .p-product-area__os-icon--left,
  .p-product-area--jp8 .p-product-area__os-icon--left {
    top: 160px;
  }
  .p-product-area--dsp11 .p-product-area__os-icon--right,
  .p-product-area--dsp10 .p-product-area__os-icon--right,
  .p-product-area--dsp9 .p-product-area__os-icon--right,
  .p-product-area--ds11 .p-product-area__os-icon--right,
  .p-product-area--ds10 .p-product-area__os-icon--right,
  .p-product-area--ds9 .p-product-area__os-icon--right,
  .p-product-area--ds8 .p-product-area__os-icon--right,
  .p-product-area--jp11 .p-product-area__os-icon--right,
  .p-product-area--jp10 .p-product-area__os-icon--right,
  .p-product-area--jp9 .p-product-area__os-icon--right,
  .p-product-area--jp8 .p-product-area__os-icon--right {
    top: 160px;
  }
  .p-product-area.p-product-area--dsp8,
  .p-product-area.p-product-area--dsp7,
  .p-product-area.p-product-area--ds7 {
    padding-top: 190px;
  }
  .p-product-area--dsp8 .p-product-area__key-visual,
  .p-product-area--dsp7 .p-product-area__key-visual,
  .p-product-area--ds7 .p-product-area__key-visual {
    top: 220px;
  }
  .p-product-area--dsp8 .p-product-area__os-icon--left,
  .p-product-area--dsp7 .p-product-area__os-icon--left,
  .p-product-area--ds7 .p-product-area__os-icon--left {
    top: 190px;
  }
  .p-product-area--dsp8 .p-product-area__os-icon--right,
  .p-product-area--dsp7 .p-product-area__os-icon--right,
  .p-product-area--ds7 .p-product-area__os-icon--right {
    top: 190px;
  }
  .p-product-area__title h2 {
    width: 74.0741%;
    margin-top: 0;
  }
  .p-product-area__title > h2 > img {
    width: 100%;
  }
  .p-product-area--ds7 .p-product-area__title > h2 > img {
    width: auto;
  }
  .p-product-area__title > div {
    width: 23.7038%;
    margin-top: 6px;
  }
  .p-product-area__title a.c-btn {
    display: block;
    padding: 12px 0;
    line-height: 1.25;
  }
  .p-product-area__copy {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    font-weight: normal;
    text-align: center;
  }
  h3.p-product-area__copy {
    margin: 0;
    font-size: 20px;
  }
  .p-product-area__copy strong {
    display: inline-block;
    margin-right: 1rem;
    padding: 3px 15px;
    font-size: 18px;
  }
  .p-product-area__links {
    list-style: none;
  }
  .p-product-area__links li {
    width: 47.2223%;
  }
  .p-product-area__links a.c-btn {
    padding: 15px 0;
  }
  .p-product-area .u-right-block {
    display: block;
  }
  dl.p-extension-list {
    margin-bottom: 18px;
  }
  dl.p-extension-list dt {
    width: 16%;
    margin-left: 10px;
  }
  dl.p-extension-list dd {
    width: 6%;
  }
}


/* related-product-area ( /product/ ) */

@media screen and (min-width: 600px) {
  .related-product-area {
    padding-top: 50px;
  }
  .related-product-area .p-product-area.p-product-area--pexv {
    padding-top: 20px;
  }
  .p-product-area--pexv .p-product-area__key-visual {
    top: 60px;
  }
  .related-product-area .p-product-area__os-icon--right {
    top: 20px;
  }
  .related-product-area .p-product-area__os-icon--left {
    top: 20px;
  }
}


/**
 * PRODUCT
 */

.p-product-header {
  padding: 10px 10px 0;
}

.p-product-header__copy {
  margin-bottom: 10px;
  font-size: 18px;
}

.p-product-header__copy strong {
  font-weight: normal;
}

.p-product-header .c-pic-left {
  position: relative;
  padding-top: 20px;
}

.p-product-header__os-icon--left {
  position: absolute;
  top: 5px;
  left: 15px;
  z-index: 2;
}

.p-product-header__os-icon--right {
  position: absolute;
  top: 5px;
  left: 60px;
  z-index: 1;
}

.p-product-header__area {
  margin-bottom: 20px;
}

.p-product-header__title {
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-product-header__abstract {
  margin-bottom: 10px;
}

.p-product-header__price {
  float: left;
}

.p-product-header__price b {
  font-size: 18px;
}

.p-product-header__links {
  float: right;
  width: 40%;
}

.p-product-header__links li {
  margin-bottom: 10px;
}

.p-product-header__links .c-btn {
  width: 100%;
  padding: 10px 0;
  font-size: 11px;
}

.p-product-header__discontinued {
  padding: 1em 0;
  border: 1px solid #808080;
  color: #808080;
}

.swiper-slide--dsp10 .campaign {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  font-weight: bold;
}

.swiper-slide--dsp10 .campaign img {
  margin-right: .5em;
  vertical-align: -7px;
}

.p-product-header--dsp8 .youtube-popup,
.p-product-header--ds8 .youtube-popup {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  font-weight: bold;
}

.p-product-header--dsp8 .youtube-popup img,
.p-product-header--ds8 .youtube-popup img {
  margin-right: .5em;
  vertical-align: -7px;
}

.p-product-header__bbs-guide--dsp7 {
  display: none;
}

.p-product-pager--left,
.p-product-pager--right {
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.p-product-pager--left:before,
.p-product-pager--right:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  padding: 3px;
  border: 1px solid #666666;
  border-radius: 10px;
  text-align: center;
  content: "\0025bc";
}

.p-product-pager--left:before {
          transform: rotate(90deg);
  margin-right: 3px;

  -webkit-transform: rotate(90deg);
}

.p-product-pager--right:after {
          transform: rotate(-90deg);
  margin-left: 3px;

  -webkit-transform: rotate(-90deg);
}

a.p-product-pager--left,
a.p-product-pager--left:link,
a.p-product-pager--left:visited,
a.p-product-pager--right,
a.p-product-pager--right:link,
a.p-product-pager--right:visited {
  color: #666666;
}

a.p-product-pager--left:hover,
a.p-product-pager--left:active,
a.p-product-pager--right:hover,
a.p-product-pager--right:active {
  color: #484848;
}

a.p-product-pager--left:hover:before,
a.p-product-pager--left:active:before,
a.p-product-pager--right:hover:after,
a.p-product-pager--right:active:after {
  border-color: #484848;
}


/* DSP8 */

.p-site-header--dsp8,
.p-site-header--dsp8 .main-navigation ul.nav-menu,
.p-site-header--dsp8 .main-navigation div.nav-menu > ul {
  background-color: #C4A02C;
}

.p-site-header--dsp8 .main-navigation li a:hover,
.p-site-header--dsp8 .main-navigation li a:focus,
.p-site-header--dsp8 .header-nav li .support-link:hover,
.p-site-header--dsp8 .header-nav li .support-link:focus {
  background-color: #DBB63D;
  color: #FFFFFF;
}


/* DSP7 */

.p-site-header--dsp7,
.p-site-header--dsp7 .main-navigation ul.nav-menu,
.p-site-header--dsp7 .main-navigation div.nav-menu > ul {
  background-color: #E8B132;
}

.p-site-header--dsp7 .main-navigation li a:hover,
.p-site-header--dsp7 .main-navigation li a:focus,
.p-site-header--dsp7 .header-nav li .support-link:hover,
.p-site-header--dsp7 .header-nav li .support-link:focus {
  background-color: #FFC847;
  color: #FFFFFF;
}

.p-product-detail--dsp7 section,
.p-product-detail--dsp7 section:nth-child(2n - 1) {
  background-color: #FDF7EB;
}

.p-product-detail--dsp7 section:nth-child(2n) {
  background-color: #FBF2E0;
}


/* DSP6 */

.p-site-header--dsp6,
.p-site-header--dsp6 .main-navigation ul.nav-menu,
.p-site-header--dsp6 .main-navigation div.nav-menu > ul {
  background-color: #DDAE00;
}

.p-site-header--dsp6 .main-navigation li a:hover,
.p-site-header--dsp6 .main-navigation li a:focus,
.p-site-header--dsp6 .header-nav li .support-link:hover,
.p-site-header--dsp6 .header-nav li .support-link:focus {
  background-color: #F2BE00;
  color: #FFFFFF;
}

.p-product-detail--dsp6 section,
.p-product-detail--dsp6 section:nth-child(2n - 1) {
  background-color: #FDF8E5;
}

.p-product-detail--dsp6 section:nth-child(2n) {
  background-color: #FAF3D9;
}


/* DS8 */

.p-site-header--ds8,
.p-site-header--ds8 .main-navigation ul.nav-menu,
.p-site-header--ds8 .main-navigation div.nav-menu > ul {
  background-color: #4E488E;
}

.p-site-header--ds8 .main-navigation li a:hover,
.p-site-header--ds8 .main-navigation li a:focus,
.p-site-header--ds8 .header-nav li .support-link:hover,
.p-site-header--ds8 .header-nav li .support-link:focus {
  background-color: #877FDB;
  color: #FFFFFF;
}


/* DS7 */

.p-site-header--ds7,
.p-site-header--ds7 .main-navigation ul.nav-menu,
.p-site-header--ds7 .main-navigation div.nav-menu > ul {
  background-color: #684588;
}

.p-site-header--ds7 .main-navigation li a:hover,
.p-site-header--ds7 .main-navigation li a:focus,
.p-site-header--ds7 .header-nav li .support-link:hover,
.p-site-header--ds7 .header-nav li .support-link:focus {
  background-color: #885BB3;
  color: #FFFFFF;
}

.p-product-detail--ds7 section,
.p-product-detail--ds7 section:nth-child(2n - 1) {
  background-color: #EEEBF1;
}

.p-product-detail--ds7 section:nth-child(2n) {
  background-color: #DDD7E4;
}


/* DS6 */

.p-site-header--ds6,
.p-site-header--ds6 .main-navigation ul.nav-menu,
.p-site-header--ds6 .main-navigation div.nav-menu > ul {
  background-color: #56397B;
}

.p-site-header--ds6 .main-navigation li a:hover,
.p-site-header--ds6 .main-navigation li a:focus,
.p-site-header--ds6 .header-nav li .support-link:hover,
.p-site-header--ds6 .header-nav li .support-link:focus {
  background-color: #714BA3;
  color: #FFFFFF;
}

.p-product-detail--ds6 section,
.p-product-detail--ds6 section:nth-child(2n - 1) {
  background-color: #EEEBF2;
}

.p-product-detail--ds6 section:nth-child(2n) {
  background-color: #DED8E6;
}


/* JP8 */

.p-site-header--jp8,
.p-site-header--jp8 .main-navigation ul.nav-menu,
.p-site-header--jp8 .main-navigation div.nav-menu > ul {
  background-color: #549F45;
}

.p-site-header--jp8 .main-navigation li a:hover,
.p-site-header--jp8 .main-navigation li a:focus,
.p-site-header--jp8 .header-nav li .support-link:hover,
.p-site-header--jp8 .header-nav li .support-link:focus {
  background-color: #6BCC58;
  color: #FFFFFF;
}

.p-product-detail--jp8 section,
.p-product-detail--jp8 section:nth-child(2n - 1) {
  background-color: #EEF6ED;
}

.p-product-detail--jp8 section:nth-child(2n) {
  background-color: #DDECDA;
}

.p-product-nav {
  background-color: #4D4D4D;
  text-align: center;
}

.p-product-nav li a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #666666;
  background-color: #4D4D4D;
  color: #FFFFFF;
  text-decoration: none;
  transition: background-color .2s ease;
}

.p-product-nav li a:hover {
  background-color: #666666;
  color: #FFFFFF;
}

.p-product-nav li:first-child a {
  border-top: 1px solid #666666;
}

.p-product-nav li a.current {
  text-decoration: none;
}

.p-product-nav--dsp9 li a.current {
  background-color: #BE9834;
}

.p-product-nav--dsp8 li a.current {
  background-color: #C4A02C;
}

.p-product-nav--dsp7 li a.current {
  background-color: #FDF7EB;
  color: #000000;
}

.p-product-nav--dsp6 li a.current {
  background-color: #FDF8E5;
  color: #000000;
}

.p-product-nav--ds10 li a.current {
  background-color: #823080;
}

.p-product-nav--ds9 li a.current {
  background-color: #81357E;
}

.p-product-nav--ds8 li a.current {
  background-color: #4E488E;
}

.p-product-nav--ds7 li a.current {
  background-color: #EEEBF1;
  color: #000000;
}

.p-product-nav--ds6 li a.current {
  background-color: #EEEBF2;
  color: #000000;
}

.p-product-nav--jp11 li a.current {
  background-color: #107A36;
}

.p-product-nav--jp10 li a.current {
  background-color: #007B63;
}

.p-product-nav--jp9 li a.current {
  background-color: #007B63;
}

.p-product-nav--jp8 li a.current {
  background-color: #EEF6ED;
  color: #000000;
}

.p-product-detail h2 {
  margin-top: 5px;
  font-weight: normal;
  font-size: 18px;
}

.p-product-main h2 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 18px;
}

.p-product-main .sp-full-width {
  margin-right: -10px;
  margin-left: -10px;
}

.p-product-features h2,
.p-all-features h1,
.p-supported-cameras h1 {
  position: relative;
  padding-left: 30px;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.25;
}

.p-product-features h2:before,
.p-all-features h1:before,
.p-supported-cameras h1:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -13px;
  padding: 5px;
  border-radius: 13px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  content: "\0025bc";
  cursor: default;
}

.p-product-features--dsp11 h2:before,
.p-supported-cameras--dsp11 h1:before {
  background-color: #D9BA1A;
}

.p-product-features--dsp10 h2:before,
.p-supported-cameras--dsp10 h1:before {
  background-color: #BE9834;
}

.p-product-features--dsp9 h2:before,
.p-supported-cameras--dsp9 h1:before {
  background-color: #BE9834;
}

.p-product-features--dsp8 h2:before,
.p-supported-cameras--dsp8 h1:before {
  background-color: #C4A02C;
}

.p-product-features--dsp7 h2:before,
.p-supported-cameras--dsp7 h1:before {
  background-color: #E8B132;
}

.p-product-features--dsp6 h2:before,
.p-supported-cameras--dsp6 h1:before {
  background-color: #DDAE00;
}

.p-product-features--ds11 h2:before,
.p-supported-cameras--ds11 h1:before {
  background-color: #650E7F;
}

.p-product-features--ds10 h2:before,
.p-supported-cameras--ds10 h1:before {
  background-color: #823080;
}

.p-product-features--ds9 h2:before,
.p-supported-cameras--ds9 h1:before {
  background-color: #81357E;
}

.p-product-features--ds8 h2:before,
.p-supported-cameras--ds8 h1:before {
  background-color: #4E488E;
}

.p-product-features--ds7 h2:before,
.p-supported-cameras--ds7 h1:before {
  background-color: #684588;
}

.p-product-features--ds6 h2:before,
.p-supported-cameras--ds6 h1:before {
  background-color: #56397B;
}

.p-product-features--jp11 h2:before {
  background-color: #107A36;
}

.p-product-features--jp10 h2:before {
  background-color: #007B63;
}

.p-product-features--jp9 h2:before {
  background-color: #007B63;
}

.p-all-features--jp8 h1:before {
  background-color: #549F45;
}

.p-product-features h2 {
  margin: 0 10px;
}

.p-product-features h2:first-child {
  margin-top: 20px;
}

.p-supported-cameras h1:first-child {
  margin-top: 0;
}

.p-product-features h3,
.p-product-features--dsp9 h2,
.p-product-features--dsp8 h2,
.p-product-features--ds10 h2,
.p-product-features--ds9 h2,
.p-product-features--ds8 h2,
/*.p-product-features--jp10 h2,*/

.p-product-features--jp9 h2,
.p-product-features--jp8 h2,
.p-all-features h2,
.p-supported-cameras h2 {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.25;
}

.p-product-features h3:before,
.p-product-features--dsp9 h2:before,
.p-product-features--dsp8 h2:before,
.p-product-features--ds10 h2:before,
.p-product-features--ds9 h2:before,
.p-product-features--ds8 h2:before,
/*.p-product-features--jp10 h2:before,*/

.p-product-features--jp9 h2:before,
.p-product-features--jp8 h2:before,
.p-all-features h2:before,
.p-supported-cameras h2:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -12px;
  padding: 3px;
  border: 2px solid #000000;
  border-radius: 12px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  content: "\0020";
  cursor: default;
}

.p-product-features--dsp11 h2,
.p-supported-cameras--dsp11 h2 {
  color: #D9BA1A;
}

.p-product-features--dsp10 h2,
.p-supported-cameras--dsp10 h2 {
  color: #BE9834;
}

.p-product-features--dsp9 h2,
.p-supported-cameras--dsp9 h2 {
  color: #BE9834;
}

.p-product-features--dsp8 h2,
.p-supported-cameras--dsp8 h2 {
  color: #C4A02C;
}

.p-product-features--dsp7 h3,
.p-supported-cameras--dsp7 h2 {
  color: #E8B132;
}

.p-product-features--dsp6 h3,
.p-supported-cameras--dsp6 h2 {
  color: #DDAE00;
}

.p-product-features--ds11 h2,
.p-supported-cameras--ds11 h2 {
  color: #650E7F;
}

.p-product-features--ds10 h2,
.p-supported-cameras--ds10 h2 {
  color: #823080;
}

.p-product-features--ds9 h2,
.p-supported-cameras--ds9 h2 {
  color: #81357E;
}

.p-product-features--ds8 h2,
.p-supported-cameras--ds8 h2 {
  color: #4E488E;
}

.p-product-features--ds7 h3,
.p-supported-cameras--ds7 h2 {
  color: #684588;
}

.p-product-features--ds6 h3,
.p-supported-cameras--ds6 h2 {
  color: #56397B;
}

.p-product-features--jp11 h2 {
  color: #107A36;
  font-size: 22px;
}

.p-product-features--jp10 h2 {
  color: #007B63;
  font-size: 22px;
}

.p-product-features--jp9 h2 {
  color: #007B63;
}

.p-product-features--jp8 h2,
.p-all-features--jp8 h2 {
  color: #549F45;
}

.p-supported-cameras--dsp11 h2:before {
  border-color: #D9BA1A;
}

.p-supported-cameras--dsp10 h2:before {
  border-color: #BE9834;
}

.p-product-features--dsp9 h2:before,
.p-supported-cameras--dsp9 h2:before {
  border-color: #BE9834;
}

.p-product-features--dsp8 h2:before,
.p-supported-cameras--dsp8 h2:before {
  border-color: #C4A02C;
}

.p-product-features--dsp7 h3:before,
.p-supported-cameras--dsp7 h2:before {
  border-color: #E8B132;
}

.p-product-features--dsp6 h3:before,
.p-supported-cameras--dsp6 h2:before {
  border-color: #DDAE00;
}

.p-supported-cameras--ds11 h2:before {
  border-color: #650E7F;
}

.p-product-features--ds10 h2:before,
.p-supported-cameras--ds10 h2:before {
  border-color: #823080;
}

.p-product-features--ds9 h2:before,
.p-supported-cameras--ds9 h2:before {
  border-color: #81357E;
}

.p-product-features--ds8 h2:before,
.p-supported-cameras--ds8 h2:before {
  border-color: #4E488E;
}

.p-product-features--ds7 h3:before,
.p-supported-cameras--ds7 h2:before {
  border-color: #684588;
}

.p-product-features--ds6 h3:before,
.p-supported-cameras--ds6 h2:before {
  border-color: #56397B;
}


/*.p-product-features--jp10 h2:before {
    border-color: #007b63;
}*/

.p-product-features--jp9 h2:before {
  border-color: #007B63;
}

.p-product-features--jp8 h2:before,
.p-all-features--jp8 h2:before {
  border-color: #549F45;
}

.p-product-features h4,
.p-product-features--dsp9 h3,
.p-product-features--dsp8 h3,
.p-product-features--ds10 h3,
.p-product-features--ds9 h3,
.p-product-features--ds8 h3,
.p-product-features--jp11 h3,
.p-product-features--jp10 h3,
.p-product-features--jp9 h3,
.p-product-features--jp8 h3 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1;
}

.p-product-features h4:before,
.p-product-features--dsp9 h3:before,
.p-product-features--dsp8 h3:before,
.p-product-features--ds10 h3:before,
.p-product-features--ds9 h3:before,
.p-product-features--ds8 h3:before,
.p-product-features--jp11 h3:before,
.p-product-features--jp10 h3:before,
.p-product-features--jp9 h3:before,
.p-product-features--jp8 h3:before {
  display: inline-block;
          transform: rotate(-90deg);
  width: 14px;
  height: 14px;
  margin-right: 4px;
  padding: 3px;
  border-radius: 10px;
  color: #FFFFFF;
  text-align: center;
  content: "\0025bc";
  cursor: default;

  -webkit-transform: rotate(-90deg);
}

.p-product-features--dsp9 h3 {
  color: #BE9834;
}

.p-product-features--dsp8 h3 {
  color: #C4A02C;
}

.p-product-features--dsp7 h4 {
  color: #E8B132;
}

.p-product-features--dsp6 h4 {
  color: #DDAE00;
}

.p-product-features--ds10 h3 {
  color: #823080;
}

.p-product-features--ds9 h3 {
  color: #81357E;
}

.p-product-features--ds8 h3 {
  color: #4E488E;
}

.p-product-features--ds7 h4 {
  color: #684588;
}

.p-product-features--ds6 h4 {
  color: #56397B;
}

.p-product-features--jp11 h3 {
  color: #107A36;
}

.p-product-features--jp10 h3 {
  color: #007B63;
}

.p-product-features--jp9 h3 {
  color: #007B63;
}

.p-product-features--jp8 h3 {
  color: #549F45;
}

.p-product-features--dsp9 h3:before {
  background-color: #BE9834;
}

.p-product-features--dsp8 h3:before {
  background-color: #C4A02C;
}

.p-product-features--dsp7 h4:before {
  background-color: #E8B132;
}

.p-product-features--dsp6 h4:before {
  background-color: #DDAE00;
}

.p-product-features--ds10 h3:before {
  background-color: #823080;
}

.p-product-features--ds9 h3:before {
  background-color: #81357E;
}

.p-product-features--ds8 h3:before {
  background-color: #4E488E;
}

.p-product-features--ds7 h4:before {
  background-color: #684588;
}

.p-product-features--ds6 h4:before {
  background-color: #56397B;
}

.p-product-features--jp11 h3:before {
  background-color: #107A36;
}

.p-product-features--jp10 h3:before {
  background-color: #007B63;
}

.p-product-features--jp9 h3:before {
  background-color: #007B63;
}

.p-product-features--jp8 h3:before {
  background-color: #549F45;
}

.p-product-features__note {
  padding: 6px .5em;
  border: 1px solid #000000;
  border-radius: 4px;
}

.p-product-features figure,
.p-product-features--dsp9 figure,
.p-product-features--dsp8 figure,
.p-product-features--ds10 figure,
.p-product-features--ds9 figure,
.p-product-features--ds8 figure,
.p-product-features--jp11 figure,
.p-product-features--jp10 figure,
.p-product-features--jp9 figure,
.p-product-features--jp8 figure {
  margin: 0 0 10px;
}

.p-product-features figure img,
.p-product-features--dsp9 figure img,
.p-product-features--dsp8 figure img,
.p-product-features--ds10 figure img,
.p-product-features--ds9 figure img,
.p-product-features--ds8 figure img,
.p-product-features--jp11 figure img,
.p-product-features--jp10 figure img,
.p-product-features--jp9 figure img,
.p-product-features--jp8 figure img {
  vertical-align: middle;
}

.p-product-features--dsp9 .sp-full-width,
.p-product-features--dsp8 .sp-full-width,
.p-product-features--ds10 .sp-full-width,
.p-product-features--ds9 .sp-full-width,
.p-product-features--ds8 .sp-full-width,
.p-product-features--jp11 .sp-full-width,
.p-product-features--jp10 .sp-full-width,
.p-product-features--jp9 .sp-full-width,
.p-product-features--jp8 .sp-full-width {
  margin-right: -10px;
  margin-left: -10px;
}

.p-product-features__note--dsp9 {
  border-color: #BE9834;
}

.p-product-features__note--dsp8 {
  border-color: #C4A02C;
}

.p-product-features__note--dsp7 {
  border-color: #E8B132;
}

.p-product-features__note--dsp6 {
  border-color: #DDAE00;
}

.p-product-features__note--ds10 {
  border-color: #823080;
}

.p-product-features__note--ds9 {
  border-color: #81357E;
}

.p-product-features__note--ds8 {
  border-color: #4E488E;
}

.p-product-features__note--ds7 {
  border-color: #684588;
}

.p-product-features__note--ds6 {
  border-color: #56397B;
}

.p-product-features__note--jp11 {
  border-color: #107A36;
}
.p-product-features__note--jp10 {
  border-color: #007B63;
}

.p-product-features__note--jp9 {
  border-color: #007B63;
}

.p-product-features__note--jp8 {
  border-color: #549F45;
}

ul.p-product-features__note {
  list-style: circle;
}

ul.p-product-features__note li {
  margin-left: 1.25em;
}

ul.p-product-features__note--taste li {
  display: inline-block;
  margin-left: 0;
}

ul.p-product-features__note--taste li:after {
  content: " /";
}

ul.p-product-features__note--taste li:last-child:after {
  content: none;
}

.p-product-features__new-feature:after {
  display: inline-block;
  margin-left: 10px;
  padding: 6px 8px;
  border-radius: 6px;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  vertical-align: 1px;
  content: "NEW!";
}

.function-table,
.function-table tbody,
.function-table tr,
.function-table td {
  display: block;
}

table.function-table {
  margin-bottom: 30px;
  border-bottom-width: 0;
}

.function-table td {
  margin-bottom: 10px;
  padding: 10px;
  border-top-width: 0;
  background-color: #4D4D4D;
  color: #FFFFFF;
}

.function-table td h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
}

.function-table td h3:before {
  margin-right: 2px;
  content: "\0025cf";
}

.function-table td ul {
  list-style: none;
  margin: 12px 0 0;
  font-size: 14px;
}

.function-table td ul li {
  margin-top: 8px;
  margin-left: 0;
  line-height: 1.25;
}

.function-table td ul li > span.new {
  margin-top: -3px;
  margin-left: 6px;
  padding: 4px 6px;
  border-radius: 4px;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.25;
}

.function-table td ul li > span.new a,
.function-table td ul li > span.new a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.function-table td ul li.new-function {
  margin-right: 60px;
}

.function-table td ul li.new-function span {
  display: inline-block;
  position: relative;
  margin-bottom: 4px;
}

.function-table td ul li.new-function span:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -3px;
  margin-left: 6px;
  padding: 4px 6px;
  border-radius: 4px;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.25;
  content: "NEW!";
}

.function-table td ul li small {
  display: inline-block;
  font-size: 12px;
}

.function-table td ul li a,
.function-table td ul li a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.function-table--dsp9 td h3:before,
.function-table--dsp9 td ul li a:hover {
  color: #BE9834;
}

.function-table--dsp8 td h3:before,
.function-table--dsp8 td ul li a:hover {
  color: #C4A02C;
}

.function-table--ds10 td h3:before,
.function-table--ds10 td ul li a:hover {
  color: #B25091;
}

.function-table--ds9 td h3:before,
.function-table--ds9 td ul li a:hover {
  color: #BF4EBB;
}

.function-table--ds8 td h3:before,
.function-table--ds8 td ul li a:hover {
  color: #877FDB;
}

.spec-table th,
.spec-table td {
  padding: 8px;
  border: 1px solid #CCCCCC;
  color: #484848;
  font-size: 11px;
  vertical-align: top;
}

.spec-table th {
  width: 25%;
  background-color: #F0F0F0;
}

.spec-table td {
  width: 75%;
}

.spec-table--jp8 th {
  border-color: #DDECDA;
  background-color: #EEF6ED;
}

.spec-table--jp8 td {
  border-color: #DDECDA;
}

.spec-table .new-function {
  display: inline-block;
}

.spec-table .new-function:after {
  margin: 0 4px;
  padding: 3px 6px;
  border-radius: 4px;
  background-color: #D82020;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 80%;
  content: "NEW";
}

.p-camera-search {
  font-size: 14px;
}

.p-camera-search > h2,
.p-camera-search > div {
  margin-bottom: 8px;
  vertical-align: middle;
}

.p-camera-search select {
  font-size: 16px;
}

.p-camera-list-area {
  position: relative;
  height: 400px;
  margin-right: 48px;
  overflow-y: scroll;
  border: solid 1px #CCCCCC;
}

h3.p-maker-name {
  position: relative;
  margin: 0;
  padding: 10px 0 10px 38px;
  background-color: #4D4D4D;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.2;
}

h3.p-maker-name:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 14px;
  height: 14px;
  margin-top: -10px;
  padding: 1px;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  text-align: center;
  content: "\0020";
  cursor: default;
}

h3.p-maker-name.is-selected-maker {
  background-color: #D82020;
}

.p-camera-list {
  font-size: 0;
}

ul.p-camera-list {
  list-style: none;
  margin-bottom: 0;
}

.p-camera-list__item {
  padding: 6px 4px;
  border-bottom: solid 1px #CCCCCC;
  font-size: 14px;
  font-family: Verdana, "Helvetica Neue", Arial, sans-serif;
  transition: background-color ease .15s;
}

.p-camera-list__item--new:after {
  display: inline-block;
  margin-left: .5em;
  padding: 1px .5em;
  border-radius: 4px;
  background-color: #D82020;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
  content: "NEW";
}

.p-camera-list__item.is-selected-camera {
  background-color: #FFFF80;
}

li.p-camera-list__item {
  margin-left: 0;
}

.p-camera-list__item.is-selected-camera .p-camera-list__name {
  font-weight: bold;
}

.p-camera-list__note {
  color: #D82020;
}

@media screen and (min-width: 600px) {
  .p-product-header {
    padding: 0;
  }
  .p-product-header--dsp9,
  .p-product-header--ds10,
  .p-product-header--ds9,
  .p-product-header--jp11,
  .p-product-header--jp10,
  .p-product-header--jp9 {
    padding-top: 60px;
  }
  .p-product-header__copy {
    margin-bottom: 0;
    padding-top: 60px;
    font-size: 24px;
    text-align: center;
  }
  .p-product-header .c-pic-left {
    padding-top: 0;
  }
  .p-product-header--dsp8 .youtube-popup,
  .p-product-header--ds8 .youtube-popup {
    position: absolute;
    top: 370px;
    left: 10.3334%;
    width: 32.6667%;
    padding: 15px 0;
  }
  .p-product-header--dsp8 .youtube-popup img,
  .p-product-header--ds8 .youtube-popup img {
    vertical-align: -6px;
  }
  .p-product-header__area {
    min-height: 400px;
    margin-top: 40px;
    padding-right: 5%;
    padding-left: 50%;
  }
  .p-product-header--dsp8 .p-product-header__area,
  .p-product-header--ds8 .p-product-header__area {
    min-height: 440px;
  }
  .p-product-header__key-visual--dsp9,
  .p-product-header__key-visual--dsp8,
  .p-product-header__key-visual--dsp7,
  .p-product-header__key-visual--dsp6,
  .p-product-header__key-visual--ds10,
  .p-product-header__key-visual--ds9,
  .p-product-header__key-visual--ds8,
  .p-product-header__key-visual--ds7,
  .p-product-header__key-visual--ds6,
  .p-product-header__key-visual--jp11,
  .p-product-header__key-visual--jp10,
  .p-product-header__key-visual--jp9,
  .p-product-header__key-visual--jp8 {
    position: absolute;
    top: 80px;
    left: 5%;
    width: 42.5%;
  }
  .p-product-header__os-icon--left {
    top: 50px;
    left: 4.75%;
  }
  .p-product-header__os-icon--right {
    top: 50px;
    left: 10%;
  }
  .p-product-header__campaign {
    position: absolute;
    top: 35px;
    right: 54%;
    z-index: 1;
  }
  .p-product-header__title {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .p-product-header__abstract {
    margin-bottom: 50px;
  }
  .p-product-header--dsp7 .p-product-header__abstract,
  .p-product-header--ds7 .p-product-header__abstract {
    margin-bottom: 30px;
  }
  .p-product-header__price b {
    font-size: 32px;
  }
  .p-product-header__links {
    width: 47.2223%;
  }
  .p-product-header__links li {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .p-product-header__links .c-btn {
    padding: 15px 0;
    font-size: 100%;
  }
  .p-product-header__discontinued {
    max-width: 498px;
  }
  .p-product-header__bbs-guide--dsp7 {
    display: block;
    position: absolute;
    right: 5.5%;
    bottom: -95px;
    max-width: 44%;
  }
  .p-product-pager--left,
  .p-product-pager--right {
    font-size: 16px;
  }
  .p-product-pager--left:before,
  .p-product-pager--right:after {
    width: 16px;
    height: 16px;
    padding: 3px;
    border: 1px solid #666666;
    border-radius: 12px;
  }
  .p-product-pager--left:before {
    margin-right: 8px;
  }
  .p-product-pager--right:after {
    margin-left: 8px;
  }
  .p-product-nav {
    font-size: 0;
  }
  .p-product-nav li {
    display: inline-block;
  }
  .p-product-nav li a {
    padding: 14px 21px;
    border-bottom-width: 0;
    font-size: 14px;
  }
  .p-product-nav li:first-child a {
    border-top-width: 0;
  }
  .p-product-detail h2 {
    margin-top: 0;
    font-size: 28px;
    line-height: 1.3;
  }
  .p-product-detail .c-pic-left__figure,
  .p-product-detail .c-pic-right__figure {
    top: 50px;
  }
  .p-product-detail .c-pic-left,
  .p-product-detail .c-pic-right {
    min-height: 240px;
  }
  .p-product-main section {
    margin: 80px 0;
  }
  .p-product-main section:first-child {
    margin-top: 0;
  }
  .p-product-main section.with-margin:first-child {
    margin-top: 80px;
  }
  .p-product-main section:last-child {
    margin-bottom: 0;
  }
  .p-product-main h2 {
    margin-bottom: 14px;
    font-size: 28px;
  }
  .p-product-main figure.sp-full-width {
    margin-right: 0;
    margin-left: 0;
  }
  .p-product-main section.c-pic-full {
    padding-right: 0;
    padding-left: 0;
  }
  .p-product-main .c-pic-full h2 {
    text-align: center;
  }
  .p-product-main .c-pic-full p {
    margin-right: 5%;
    margin-left: 5%;
  }
  .p-product-main .c-pic-left__figure,
  .p-product-main .c-pic-right__figure {
    top: 50px;
    max-width: 40%;
  }
  .p-product-main .c-pic-left--large .c-pic-left__figure,
  .p-product-main .c-pic-right--large .c-pic-right__figure {
    top: 0;
    max-width: 54%;
  }
  .p-product-main .c-pic-left,
  .p-product-main .c-pic-right {
    min-height: 140px;
  }
  .p-product-main .c-pic-left--large,
  .p-product-main .c-pic-right--large {
    min-height: 400px;
  }
  .p-product-main .c-pic-left__text {
    margin-left: 46.2963%;
  }
  .p-product-main .c-pic-right__text {
    margin-right: 46.2963%;
  }
  .p-product-main .c-pic-left--large .c-pic-left__text {
    margin-left: 62.963%;
  }
  .p-product-main .c-pic-right--large .c-pic-right__text {
    margin-right: 62.963%;
  }
  .p-product-features h2,
  .p-all-features h1,
  .p-supported-cameras h1 {
    padding-left: 52px;
    font-size: 24px;
  }
  .p-product-features h2:before,
  .p-all-features h1:before,
  .p-supported-cameras h1:before {
    width: 24px;
    height: 24px;
    margin-top: -20px;
    padding: 8px;
    border-radius: 20px;
    font-size: 24px;
  }
  .p-product-features h2 {
    margin: 0 5%;
  }
  .p-product-features h2:first-child {
    margin-top: 50px;
  }
  .p-all-features h1:first-child,
  .p-supported-cameras h1:first-child {
    margin-top: 0;
  }
  .p-product-features h3,
  .p-product-features--dsp9 h2,
  .p-product-features--dsp8 h2,
  .p-product-features--ds10 h2,
  .p-product-features--ds9 h2,
  .p-product-features--ds8 h2,
  /*    .p-product-features--jp10 h2,*/
  .p-product-features--jp9 h2,
  .p-product-features--jp8 h2,
  .p-all-features h2,
  .p-supported-cameras h2 {
    position: relative;
    padding-left: 52px;
    font-size: 22px;
  }
  .p-product-features h3:before,
  .p-product-features--dsp9 h2:before,
  .p-product-features--dsp8 h2:before,
  .p-product-features--ds10 h2:before,
  .p-product-features--ds9 h2:before,
  .p-product-features--ds8 h2:before,
  /*    .p-product-features--jp10 h2:before,*/
  .p-product-features--jp9 h2:before,
  .p-product-features--jp8 h2:before,
  .p-all-features h2:before,
  .p-supported-cameras h2:before {
    width: 24px;
    height: 24px;
    margin-top: -20px;
    padding: 5px;
    border-width: 3px;
    border-radius: 20px;
  }
  .p-product-features h4 {
    margin: 0 8.3334% 8px;
    font-size: 16px;
  }
  .p-product-features--dsp9 h3,
  .p-product-features--dsp8 h3,
  .p-product-features--ds10 h3,
  .p-product-features--ds9 h3,
  .p-product-features--ds8 h3,
  .p-product-features--jp11 h3,
  .p-product-features--jp10 h3,
  .p-product-features--jp9 h3,
  .p-product-features--jp8 h3 {
    margin: 0 0 16px;
    font-size: 16px;
  }
  .p-product-features h4:before,
  .p-product-features--dsp9 h3:before,
  .p-product-features--dsp8 h3:before,
  .p-product-features--ds10 h3:before,
  .p-product-features--ds9 h3:before,
  .p-product-features--ds8 h3:before,
  .p-product-features--jp11 h3:before,
  .p-product-features--jp10 h3:before,
  .p-product-features--jp9 h3:before,
  .p-product-features--jp8 h3:before {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    padding: 4px;
    border-radius: 12px;
  }
  .p-product-features figure {
    margin-bottom: 20px;
  }
  .p-product-features--dsp9 .sp-full-width,
  .p-product-features--dsp8 .sp-full-width,
  .p-product-features--ds10 .sp-full-width,
  .p-product-features--ds9 .sp-full-width,
  .p-product-features--ds8 .sp-full-width,
  .p-product-features--jp11 .sp-full-width,
  .p-product-features--jp10 .sp-full-width,
  .p-product-features--jp9 .sp-full-width,
  .p-product-features--jp8 .sp-full-width {
    margin-right: 0;
    margin-left: 0;
  }
  .p-product-features__note {
    padding: 8px .75em;
    border-radius: 10px;
  }
  p.p-product-features__note,
  ul.p-product-features__note,
  dl.p-product-features__note {
    margin-right: 8.3334%;
    margin-left: 8.3334%;
  }
  ul.p-product-features__note li {
    margin-left: 1em;
  }
  ul.p-product-features__note--taste li {
    margin-left: 0;
  }
  .p-product-features__new-feature:after {
    font-size: 16px;
  }
  .p-product-features__multi-column--two .p-product-features__multi-column-cell {
    display: inline-block;
    width: 48.6112%;
    margin-left: 2.7778%;
    vertical-align: top;
  }
  .p-product-features__multi-column--two .p-product-features__multi-column-cell:nth-child(2n - 1) {
    margin-left: 0;
  }
  .function-table {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 15px;
  }
  table.function-table {
    width: 930px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }
  .function-table tbody {
    display: table-row-group;
  }
  .function-table tr {
    display: table-row;
  }
  .function-table td {
    display: table-cell;
    width: 270px;
    margin-bottom: 0;
    padding: 20px 0 20px 20px;
  }
  .function-table td h3,
  .function-table td ul {
    font-size: 16px;
  }
  .function-table td ul li small {
    font-size: 14px;
  }
  .function-table td ul li.new-function {
    margin-right: 0;
  }
  .function-table td ul li.new-function span {
    max-width: 192px;
  }
  .spec-table th,
  .spec-table td {
    font-size: 14px;
  }
  .p-camera-search {
    margin-bottom: 16px;
    font-size: 0;
  }
  .p-camera-search > h2 {
    display: inline-block;
    margin: 0;
  }
  .p-camera-search > div {
    display: inline-block;
    margin: 0 0 0 16px;
    font-size: 16px;
  }
  #select-maker {
    width: 208px;
  }
  #select-camera {
    width: 288px;
  }
  .p-camera-list-area {
    height: 500px;
    margin-right: 0;
    overflow-y: scroll;
    border: solid 1px #CCCCCC;
  }
  h3.p-maker-name {
    position: relative;
    margin: 0;
    padding: 12px 0 12px 50px;
    background-color: #4D4D4D;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.2;
  }
  h3.p-maker-name:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 18px;
    height: 18px;
    margin-top: -15px;
    padding: 3px;
    border: 3px solid #FFFFFF;
    border-radius: 15px;
    text-align: center;
    content: "\0020";
    cursor: default;
  }
  h3.p-maker-name.is-selected-maker {
    background-color: #D82020;
  }
  .p-camera-list {
    font-size: 0;
  }
  ul.p-camera-list {
    list-style: none;
    margin-bottom: 0;
  }
  .p-camera-list__item {
    display: inline-block;
    width: 18.4%;
    padding: 6px .8%;
    border-bottom: solid 1px #CCCCCC;
    font-size: 14px;
    font-family: Verdana, "Helvetica Neue", Arial, sans-serif;
    transition: background-color ease .15s;
  }
  .p-camera-list__item--no-bb {
    border-bottom-width: 0;
  }
  .p-camera-list__item.is-selected-camera {
    background-color: #FFFF80;
  }
  li.p-camera-list__item {
    margin-left: 0;
  }
  .p-camera-list__item.is-selected-camera .p-camera-list__name {
    font-weight: bold;
  }
}


/**
 * DOWNLOAD
 */

.p-download-notice {
  margin: 0 10px 10px;
  padding: 4px 6px;
  border: 3px double #D82020;
}

.p-download-notice h2 {
  margin: 0;
  color: #D82020;
  font-size: 14px;
}

.p-download-notice p {
  margin: 0;
  font-size: 13px;
}

.p-download-info {
  margin: 0 10px;
  text-align: center;
}

.p-download-info p {
  display: inline-block;
  margin: 0;
  padding: .5em 2em;
  border: 3px solid #019644;
  color: #019644;
  font-weight: bold;
}

#mobile-dl-info {
  display: none;
}

.p-mobile-dl-info {
  display: none;
  margin: 0 10px;
}

.p-mobile-dl-info ul {
  list-style: none;
}

.p-mobile-dl-info ul li {
  margin: 10px 0;
}

.p-mobile-dl-info ul li .c-btn {
  width: 90%;
  padding: 10px 5%;
}

.p-install-guide-menu {
  font-size: 0;
}

ul.p-install-guide-menu {
  list-style: none;
  margin-bottom: 0;
}

.p-install-guide-menu__item {
  display: inline-block;
  font-size: 12px;
}

li.p-install-guide-menu__item {
  margin-left: 12px;
}

li.p-install-guide-menu__item:first-child {
  margin-left: 0;
}

.p-install-guide-menu__item img {
  width: 18px;
  vertical-align: middle;
}

.p-install-guide-menu__item span {
  margin-left: .25em;
}

@media screen and (min-width: 600px) {
  .p-download-notice {
    width: 764px;
    margin: 20px auto;
    padding: 7px 14px;
    border: 4px double #D82020;
  }
  .p-download-notice h2 {
    font-size: 16px;
  }
  .p-download-notice p {
    font-size: 14px;
  }
  .p-download-form {
    width: 800px;
    margin: 0 auto;
  }
  section.p-download-form {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .p-download-form__note {
    font-size: 16px;
  }
  p.p-download-form__note {
    margin: 20px 0;
  }
  .p-download-form__text {
    text-align: center;
  }
  dl.p-download-form__text {
    margin: 0;
    font-size: 0;
  }
  .p-download-form__text dt {
    display: inline-block;
    width: 200px;
    margin-bottom: 10px;
    padding: 7px 0;
    font-weight: normal;
    font-size: 18px;
    vertical-align: top;
  }
  .p-download-form__text dd {
    display: inline-block;
    width: 580px;
    margin: 0 0 20px 20px;
    text-align: left;
    vertical-align: top;
  }
  .p-download-form__text input[type="text"] {
    width: 540px;
    padding: 7px;
    font-size: 18px;
  }
  .p-download-form__text input[name="EMAIL"] {
    font-size: 22px;

    ime-mode: disabled;
  }
  .p-download-form__text #select-maker,
  .p-download-form__text #select-camera {
    width: 556px;
    margin-bottom: 10px;
    padding: 7px;
    font-size: 18px;
  }
  .p-download-form__mailmagazine {
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
  }
  .p-download-form__mailmagazine > input[type="checkbox"] {
    display: none;

    -webkit-appearance: none;
  }
  .p-download-form__mailmagazine > input[type="checkbox"] + label:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 1px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    font-size: 12px;
    line-height: 1.0;
    vertical-align: middle;
    content: "";
  }
  .p-download-form__mailmagazine > input[type="checkbox"]:checked + label:before {
    color: #000000;
    content: "\2714";
  }
  .p-download-form__mailmagazine > input[type="checkbox"]:hover + label:before {
    border-color: #000000;
    color: #000000;
  }
  .p-download-form__mailmagazine > p {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 12px;
    text-align: left;
  }
  .p-download-form__button {
    width: 375px;
  }
  li.p-download-form__button {
    list-style: none;
    margin-left: 0;
  }
  .p-download-form__button .c-btn {
    width: 100%;
  }
  .p-download-form__button button.c-btn {
    margin-bottom: 8px;
    padding: 15px 0;
    border-width: 0;
    border-radius: 0;
    font-size: 24px;
  }
  .p-download-form__button .c-btn span {
    margin-left: 18px;
    vertical-align: middle;
  }
  .p-download-form__previous .c-btn {
    width: 100%;
    padding: 15px 0;
  }
  .p-mobile-dl-info {
    width: 680px;
    margin: 0 auto;
  }
  .p-install-guide-menu__item {
    font-size: 20px;
  }
  li.p-install-guide-menu__item {
    margin-left: 40px;
  }
  .p-install-guide-menu__item img {
    width: auto;
  }
  .p-install-guide-menu__item span {
    margin-left: .5em;
  }
  .p-install-step .c-pic-left {
    min-height: 343px;
  }
  .p-install-step .c-pic-left__figure {
    width: 42.5%;
  }
}

.p-after-dl-banner {
  display: none;
}

@media screen and (min-width: 600px) {
  .p-after-dl-banner {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 1024px;
    padding: 20px 0;
    background-color: #1A1A1A;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    transition: visibility .25s ease, opacity .25s ease;
  }
  .p-after-dl-banner.shown {
    visibility: visible;
    opacity: 1;
    transition: visibility .5s ease 1s, opacity .5s ease 1s;
  }
  .p-after-dl-banner.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility .25s ease, opacity .25s ease;
  }
  .p-after-dl-banner a img {
    vertical-align: top;
  }
  .p-after-dl-banner .close-btn {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 1em;
    height: 1em;
    padding: .5em;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    color: #FFFFFF;
    line-height: 1;
    text-align: center;
    cursor: pointer;
  }
}


/**
 * SHOPPING
 */

#s {
  width: 90%;
  font-size: 16px;

  ime-mode: disabled;
}

.p-check-serial {
  min-height: 360px;
  margin-bottom: 20px;
}

.p-check-serial .c-btn {
  width: 80%;
  padding: 12px 0;
  border-width: 0;
  border-radius: 0;
  font-size: 16px;
}

#message-area {
  margin-top: 20px;
}

#message-area.is-error {
  color: #FF0000;
}

#loader-area {
  display: none;
}

#purchase-info-area {
  display: none;
  width: 80%;
  max-width: 698px;
  margin: 20px auto;
  padding: 10px;
  border: solid 1px #BDBDBD;
}

.p-purchase-product-name {
  padding-bottom: 10px;
  border-bottom: solid 1px #DCDCDC;
}

.p-purchase-price {
  font-size: 2em;
}

#cart-form-area {
  display: none;
  margin-bottom: 10px;
}

#reinput-area {
  display: none;
}

.p-bundle-shopping-info table {
  width: 90%;
  max-width: 640px;
  margin: 0 auto 10px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #CCCCCC;
  text-align: center;
}

.p-bundle-shopping-info table th {
  background-color: #F0F0F0;
}

.p-bundle-shopping-info table th,
.p-bundle-shopping-info table td {
  padding: .125em .5em;
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
}

.p-bundle-shopping-info__price {
  white-space: nowrap;
}

.p-bundle-shopping-info p {
  width: 90%;
  max-width: 640px;
  margin: 0 auto 24px;
  font-size: smaller;
}

.p-bundle-select-intro {
  display: inline-block;
  text-align: left;
}

.p-bundle-list {
  width: 90%;
  max-width: 640px;
}

ul.p-bundle-list {
  list-style: none;
  margin: 0 auto;
  border-bottom: solid 1px #DCDCDC;
  font-size: 0;
}

.p-bundle-list__item {
  position: relative;
  padding: 14px 74px 14px 14px;
  border-top: solid 1px #DCDCDC;
  background-color: #FFFFFF;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  transition: all ease .15s;
}

li.p-bundle-list__item {
  margin-left: 0;
}

.p-bundle-list__item:hover {
  background-color: #F0FFF4;
  color: #02B050;
}

.p-bundle-list__item:after {
  position: absolute;
  top: 50%;
  right: 20px;
          transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  margin-top: -20px;
  padding: 10px;
  border-radius: 20px;
  background-color: #019644;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 20px;
  content: "\0025bc";
  transition: background-color ease .15s;

  -webkit-transform: rotate(-90deg);
}

.p-bundle-list__item:hover:after {
  background-color: #02B050;
}

@media screen and (min-width: 600px) {
  .p-shopping-notice {
    width: 764px;
    margin: 20px auto;
    padding: 7px 14px;
    border: 4px double #D82020;
  }
  .p-shopping-notice h2 {
    margin: 0;
    color: #D82020;
    font-size: 16px;
  }
  .p-shopping-notice p {
    margin: 0;
    font-size: 14px;
  }
  .p-toggle-btn {
    cursor: pointer;
  }
  .p-toggle-btn:before {
    margin-right: 6px;
    padding: 0 4px;
    border: 1px solid #D82020;
    border-radius: 4px;
    font-weight: normal;
    content: "\00ff0b";
  }
  .p-toggle-btn--opened:before {
    content: "\00ff0d";
  }
  .p-shopping-notice h2.p-toggle-btn {
    margin: 4px 0;
  }
  .p-about-shopping {
    font-size: 14px;
  }
  h2.p-about-shopping__heading {
    margin: 0 .5em 10px;
    border-bottom: 1px solid #EDEDED;
    font-size: 20px;
  }
  h3.p-about-shopping__subheading {
    margin: 0 .5em 10px;
    border-bottom: 1px solid #EDEDED;
    font-size: 20px;
  }
  .p-shopping {
    width: 800px;
    margin: 0 auto;
    font-size: 14px;
  }
  .p-shopping__heading {
    padding: 10px 0;
    background-color: #4D4D4D;
    color: #FFFFFF;
    font-weight: normal;
  }
  h2.p-shopping__heading {
    margin: 50px 0 5px;
    font-size: 20px;
  }
  table.p-item-table {
    margin-bottom: 5px;
  }
  .p-item-table th,
  .p-item-table td {
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
  }
  .p-item-cell--price-type {
    width: 180px;
  }
  .p-item-cell--os {
    width: 180px;
  }
  .p-item-cell--price {
    width: 180px;
  }
  .p-item-cell--buy {
    width: 260px;
  }
  .p-item-cell--buy .c-btn {
    width: 90%;
    padding: 12px 0;
    border-width: 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
  }
  .p-item-target {
    margin-bottom: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #EDEDED;
  }
  .p-item-target ul {
    margin-bottom: 0;
  }
  #s {
    width: 400px;
  }
  .p-check-serial .c-btn {
    width: 480px;
  }
  .p-bundle-shopping-info table th,
  .p-bundle-shopping-info table td {
    font-size: 16px;
  }
  .p-bundle-shopping-info p {
    margin-bottom: 50px;
    text-align: right;
  }
  .p-bundle-list__item {
    padding: 16px 60px;
    font-size: 16px;
    text-align: center;
  }
}


/**
 * COMMUNITY
 */

ul.p-community-page-list {
  list-style: none;
  margin-bottom: 0;
}

.p-community-page-list li {
  margin-top: 10px;
  margin-left: 0;
}

.p-community-page-list li:first-child {
  margin-top: 0;
}

.p-community-page-list li a {
  font-size: 16px;
  text-decoration: none;
}

.p-community-page-list li a:before,
.p-community-page h1 a:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  padding: 4px;
  border-radius: 12px;
  background-color: #019644;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}

.p-community-page-list li a:before {
  content: "\0025b2";
}

.p-community-page-list li a:hover:before,
.p-community-page h1 a:hover:before {
  background-color: #02B050;
}

ul.p-community-footer-menu {
  list-style: none;
}

.p-community-footer-menu {
  font-size: 0;
}

ul.p-community-footer-menu {
  margin-bottom: 0;
}

.p-community-footer-menu__item {
  display: inline-block;
  width: 48%;
}

li.p-community-footer-menu__item {
  margin: 5px 1%;
}

.p-community-footer-menu__item a {
  display: block;
  font-size: 16px;
  text-decoration: none;
}

.p-community-footer-menu__item a:hover {
  opacity: .85;
}

.p-community-page h1 {
  font-weight: normal;
  font-size: 20px;
}

.p-community-page h1.align-top-nav {
  margin-top: 34px;
}

.p-community-page h1 a:before {
  content: "\0025bc";
}

.p-community-page h1 a {
  text-decoration: none;
}

.p-community-page h1 a,
.p-community-page h1 a:link,
.p-community-page h1 a:visited,
.p-community-page h1 a:hover,
.p-community-page h1 a:active {
  color: #484848;
}

.p-community-page h2 {
  color: #019644;
  font-size: 16px;
}

.p-community-page h2 img {
  height: 24px;
  vertical-align: middle;
}

.p-community-page h2.mark-circle {
  position: relative;
  padding-left: 30px;
}

.p-community-page h2.mark-circle:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -12px;
  padding: 4px;
  border: 2px solid #019644;
  border-radius: 12px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  content: "\0020";
  cursor: default;
}

.p-community-page h3 {
  font-size: 14px;
}

.p-community-page h3.mark-square {
  padding-left: 8px;
  border-left: 8px solid #019644;
}

.p-community-page ul {
  list-style: circle;
}

.p-community-page-nav--top {
  padding: 20px 10px 0;
}

.p-community-page-nav--bottom {
  padding: 0 10px 20px;
}

.p-color-separation-block h3 {
  font-size: 16px;
}

.p-color-separation-block dl {
  font-size: 14px;
}

.p-color-separation-block dl dt.original {
  margin-bottom: 30px;
}

.p-color-separation-block dl dd {
  min-height: 60px;
  margin-bottom: 8px;
  line-height: 1.4;
  text-align: left;
}

.p-spatial-frequency-wrapper {
  font-size: 0;
}

.p-spatial-frequency-block {
  font-size: 14px;
  text-align: left;
}

.p-spatial-frequency-block figcaption {
  margin-top: 8px;
  line-height: 1.4;
}

ul.p-left-align-list > li {
  list-style: none;
  margin-left: 0;
}

ul.p-left-align-list--dot > li:before {
  content: "\0030fb";
}

@media screen and (min-width: 600px) {
  /* INDEX */
  .p-community-page-list li {
    margin-top: 20px;
  }
  .p-community-page-list li a {
    font-size: 24px;
  }
  .p-community-page-list li a:before,
  .p-community-page h1 a:before {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    padding: 8px;
    border-radius: 20px;
    font-size: 24px;
    line-height: 24px;
  }
  .p-community-footer-menu {
    width: 804px;
  }
  ul.p-community-footer-menu {
    margin: 0 auto;
  }
  .p-community-footer-menu__item {
    width: 248px;
  }
  li.p-community-footer-menu__item {
    margin: 0 0 30px 30px;
  }
  li.p-community-footer-menu__item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .p-community-page-nav--top {
    padding: 50px 5% 0;
  }
  .p-community-page-nav--bottom {
    padding: 0 5% 50px;
  }
  .wrapper .p-community-page section {
    padding: 15px 5%;
  }
  .p-community-page h1 {
    font-size: 24px;
  }
  .p-community-page h1.align-top-nav {
    margin-top: 5px;
  }
  .p-community-page h2 {
    font-size: 20px;
  }
  .p-community-page h2 img {
    height: auto;
  }
  .p-community-page h2.mark-circle {
    padding-left: 52px;
  }
  .p-community-page h2.mark-circle:before {
    width: 24px;
    height: 24px;
    margin-top: -20px;
    padding: 5px;
    border-width: 3px;
    border-radius: 20px;
  }
  .p-community-page h3 {
    font-size: 20px;
  }
  .p-community-page h3.mark-square {
    padding-left: 10px;
    border-left-width: 10px;
  }
  .p-color-separation-wrapper {
    font-size: 0;
  }
  .p-color-separation-block {
    display: inline-block;
    width: 30%;
    max-width: 300px;
    margin-left: 3%;
    vertical-align: top;
  }
  .p-color-separation-block:first-child {
    margin-left: 0;
  }
  .p-color-separation-block dl {
    margin: 0;
  }
  .p-spatial-frequency-block {
    display: inline-block;
    width: 400px;
    margin-top: 10px;
    vertical-align: bottom;
  }
  .p-spatial-frequency-block--02 {
    width: 443px;
    margin-left: 7px;
  }
  .p-spatial-frequency-block--02 figcaption {
    margin-left: 43px;
  }
  .p-spatial-frequency-block--04 {
    margin-left: 50px;
  }
}


/**
 * ARCHIVE (HOW TO, NEWS)
 */

.archive-header {
  margin-bottom: 36px;
  padding-bottom: 0;
  border-bottom-width: 0;
}

.archive-title {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.25;
}

@media screen and (min-width: 600px) {
  .archive-title {
    font-size: 24px;
  }
}


/**
 * HOW TO
 */

.how-to-archive-subheader {
  margin: 2em 0 1em;
  padding: .5em 1em;
  border-bottom: 4px solid #EBEBEB;
  background-color: #FAFAFA;
  font-size: 18px;
}

ul.p-how-to-archive-list,
ul.p-how-to-recent-list,
ul.p-how-to-movie-list {
  list-style: none;
  margin-bottom: 20px;
  font-size: 0;
}

ul.p-how-to-archive-list li a,
ul.p-how-to-recent-list li a,
ul.p-how-to-movie-list li a {
  display: block;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #E5E5E5;
  color: #4D4D4D;
  text-decoration: none;
}

ul.p-how-to-archive-list li a:hover,
ul.p-how-to-recent-list li a:hover,
ul.p-how-to-movie-list li a:hover {
  background-color: #F5F5F5;
}

ul.p-how-to-recent-list li:last-child a,
ul.p-how-to-movie-list li:last-child a {
  border-bottom-width: 0;
}

ul.p-how-to-archive-list .how-to-thumb,
ul.p-how-to-recent-list .how-to-thumb,
ul.p-how-to-movie-list .how-to-thumb {
  position: absolute;
  top: 15px;
  left: 0;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #808080;
}

ul.p-how-to-archive-list .how-to-thumb,
ul.p-how-to-recent-list .how-to-thumb {
  width: 105px;
  height: 105px;
}

ul.p-how-to-movie-list .how-to-thumb {
  width: 160px;
  height: 90px;
  box-shadow: 0 0 2px #CCCCCC;
}

ul.p-how-to-archive-list .no-thumb,
ul.p-how-to-recent-list .no-thumb {
  background-color: #445566;
  transition: background-color .2s ease;
}

ul.p-how-to-archive-list a:hover .no-thumb,
ul.p-how-to-recent-list a:hover .no-thumb {
  background-color: #223344;
}

ul.p-how-to-movie-list .how-to-thumb .how-to-time {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: .5em .75em;
  background: #333333;
  background: rgba(51, 51, 51, .9);
  color: #FFFFFF;
  font-size: 12px;
}

ul.p-how-to-archive-list .how-to-content-wrap,
ul.p-how-to-recent-list .how-to-content-wrap {
  min-height: 105px;
  margin-left: 115px;
}

ul.p-how-to-movie-list .how-to-content-wrap {
  min-height: 95px;
  margin-left: 170px;
}

ul.p-how-to-archive-list .how-to-content-wrap .how-to-cat,
ul.p-how-to-recent-list .how-to-content-wrap .how-to-cat {
  display: inline-block;
  margin-bottom: 4px;
  padding: 6px 10px;
  border-radius: 2px;
  background: #333333;
  background: rgba(51, 51, 51, .9);
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1;
  text-align: right;
}

ul.p-how-to-archive-list--movie .how-to-content-wrap .how-to-cat {
  margin-bottom: 8px;
}

ul.p-how-to-archive-list .how-to-content-wrap .how-to-tag,
ul.p-how-to-recent-list .how-to-content-wrap .how-to-tag {
  display: inline-block;
  margin-bottom: 4px;
  padding: 6px 10px;
  background: #FFFFFF;
  background: rgba(255, 255, 255, .75);
  color: #333333;
  font-size: 13px;
  line-height: 1;
  text-align: right;
}

ul.p-how-to-recent-list .how-to-date {
  margin-bottom: 6px;
  color: #666666;
  font-size: 13px;
}

ul.p-how-to-archive-list .how-to-content-wrap .how-to-title,
ul.p-how-to-recent-list .how-to-content-wrap .how-to-title,
ul.p-how-to-movie-list .how-to-content-wrap .how-to-title {
  margin-bottom: 5px;
}

ul.p-how-to-archive-list .how-to-content-wrap .how-to-title span,
ul.p-how-to-recent-list .how-to-content-wrap .how-to-title span,
ul.p-how-to-movie-list .how-to-content-wrap .how-to-title span {
  font-weight: bold;
  font-size: 15px;
}

ul.p-how-to-archive-list .how-to-content-wrap .how-to-content,
ul.p-how-to-recent-list .how-to-content-wrap .how-to-content,
ul.p-how-to-movie-list .how-to-content-wrap .how-to-content {
  font-size: 13px;
}

ul.p-how-to-movie-list .how-to-content-wrap .how-to-content .c-btn {
  margin-top: 10px;
}

ul.p-how-to-category-list {
  margin-top: 20px;
  font-size: 0;
}

ul.p-how-to-category-list li {
  margin: 0 0 40px;
  text-align: center;
}

ul.p-how-to-category-list li a.how-to-category-name {
  display: inline-block;
  color: #4D4D4D;
  text-decoration: none;
}

ul.p-how-to-category-list li a.how-to-category-name img {
  width: 36px;
  padding: 12px;
  border-radius: 50%;
  background-color: #4D4D4D;
  vertical-align: middle;
  transition: background-color .15s ease;
}

ul.p-how-to-category-list li a.how-to-category-name:hover img {
  background-color: #02B050;
}

ul.p-how-to-category-list li a.how-to-category-name h3 {
  display: inline-block;
  margin-left: .5em;
  font-size: 16px;
  vertical-align: middle;
}

ul.p-how-to-category-list li p {
  margin-top: 10px;
  font-size: 13px;
  text-align: left;
}

ul.p-how-to-category-list li a.c-btn {
  margin-top: 14px;
  padding: .75em 1.25em;
  color: #FFFFFF;
  font-size: 14px;
}

ul.p-how-to-pickup-list {
  list-style: none;
  margin: 0 10px;
}

ul.p-how-to-pickup-list li {
  max-width: 480px;
  margin: 0 auto 20px;
}

ul.p-how-to-pickup-list li a {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 4px #999999;
  text-decoration: none;
}

ul.p-how-to-pickup-list li a .how-to-thumb {
  width: 100%;
  height: 0;
  padding-top: 50%;
  background-position: center;
  background-size: cover;
}

ul.p-how-to-pickup-list li a .how-to-title {
  padding: .75em;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.375;
  text-align: center;
  transition: background-color .15s ease;
}

ul.p-how-to-pickup-list li a .how-to-title span {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  text-align: left;
}

ul.p-how-to-pickup-list li a .how-to-title span:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 9px;
  background-color: #FFFFFF;
  content: "";
}

ul.p-how-to-pickup-list li a .how-to-title span:after {
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -5px;
  border-width: 5px 0 5px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #333333;
  content: "";
  transition: border-left-color .15s ease;
}

ul.p-how-to-pickup-list li a:hover .how-to-title {
  background-color: #02B050;
}

ul.p-how-to-pickup-list li a:hover .how-to-title span:after {
  border-left-color: #02B050;
}

ul.p-how-to-pickup-list li.coming-soon {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #A6A6A6;
  color: #FFFFFF;
}

ul.p-how-to-pickup-list li.coming-soon .text-box {
  padding: 40px 60px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  text-align: center;
}

ul.p-how-to-pickup-list li.coming-soon .text-box .text-ja {
  font-size: 24px;
}

ul.p-how-to-pickup-list li.coming-soon .text-box .text-en {
  font-size: 16px;
}

.how-to .entry-header .entry-title {
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 5px solid #EDEDED;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}

.how-to .entry-content h2 {
  position: relative;
  padding-left: 30px;
  color: #019644;
  font-size: 16px;
}

.how-to .entry-content h2:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -12px;
  padding: 4px;
  border: 2px solid #019644;
  border-radius: 12px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  content: "\0020";
  cursor: default;
}

.how-to .entry-content h3 {
  padding: 0 10px 3px;
  border-bottom: 3px solid #666666;
  font-size: 14px;
}

.how-to .entry-content h4 {
  padding: 0 10px 3px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 13px;
}

.how-to .entry-content h2 img,
.how-to .entry-content h3 img,
.how-to .entry-content h4 img {
  vertical-align: middle;
}

.p-how-to-metas {
  margin-bottom: 4px;
}

.p-how-to-metas__category,
.p-how-to-metas__tag {
  display: inline-block;
  margin-bottom: 6px;
  border-radius: 4px;
}

.p-how-to-metas__category {
  padding: 6px 12px;
  background-color: #4D4D4D;
  color: #FFFFFF;
}

.p-how-to-metas__tag {
  padding: 5px 11px;
  border: 1px solid #4D4D4D;
}


/* how to video */

a.youtube-popup > div.how-to-thumb {
  display: block;
  overflow: hidden;
  background-color: #000000;
}

a.youtube-popup > div.how-to-thumb:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
          transform: translate(-50%, -50%);
  width: 33.333%;
  height: 33.333%;
  border-radius: 50%;
  background-color: #FF0000;
  content: "";
  transition: all .15s ease;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
}

a.youtube-popup:hover div.how-to-thumb:before {
  width: 50%;
  height: 50%;
}

a.youtube-popup div.how-to-thumb::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
          transform: translate(-50%, -50%);
  margin-left: 3px;
  border-width: 10px 0 10px 18px;
  border-style: solid;
  border-color: transparent transparent transparent #FFFFFF;
  content: "";
  transition: all .15s ease;

  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
}

a.youtube-popup:hover div.how-to-thumb:after {
  border-width: 15px 0 15px 24px;
}

@media screen and (min-width: 600px) {
  .how-to-archive-subheader {
    font-size: 20px;
  }
  ul.p-how-to-archive-list {
    margin-bottom: 40px;
  }
  ul.p-how-to-archive-list li {
    display: inline-block;
    width: 33%;
    width: -webkit-calc(33.3334% - 2px);
    width:         calc(33.3334% - 2px);
    margin-bottom: 3px;
    margin-left: 3px;
    overflow: hidden;
    vertical-align: top;
  }
  ul.p-how-to-archive-list li:nth-child(3n + 1) {
    margin-left: 0;
  }
  ul.p-how-to-archive-list li a {
    height: 240px;
    padding: 0;
    border-bottom-width: 0;
    background-color: #000000;
  }
  ul.p-how-to-archive-list li a:hover {
    background-color: #000000;
  }
  ul.p-how-to-archive-list .how-to-thumb {
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform .2s linear, opacity .2s ease;
  }
  ul.p-how-to-archive-list a:hover .how-to-thumb {
    opacity: .5;
    transform: scale(1.0625);
  }
  ul.p-how-to-archive-list--movie .how-to-thumb {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #000000;
  }
  ul.p-how-to-archive-list .how-to-content-wrap {
    min-height: none;
    margin-left: 0;
  }
  ul.p-how-to-archive-list .how-to-content-wrap .how-to-cat {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    padding: 9px 14px;
    border-radius: 0;
    font-size: 14px;
  }
  ul.p-how-to-archive-list--movie .how-to-content-wrap .how-to-cat {
    margin-bottom: 0;
  }
  ul.p-how-to-archive-list .how-to-content-wrap .how-to-tag {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    padding: 9px 14px;
    font-size: 14px;
  }
  ul.p-how-to-archive-list .how-to-content-wrap .how-to-title {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin-bottom: 0;
    transition: height .3s ease;
  }
  ul.p-how-to-archive-list a:hover .how-to-content-wrap .how-to-title {
    height: 50%;
  }
  ul.p-how-to-archive-list .how-to-content-wrap .how-to-title span {
    display: table-cell;
    padding: 0 18px;
    color: #FFFFFF;
    font-size: 18px;
    text-shadow: 0 1px 2px #1A1A1A;
    vertical-align: middle;
  }
  ul.p-how-to-archive-list .how-to-content-wrap .how-to-content {
    display: block;
    opacity: 0;
    position: absolute;
    bottom: 0;
    min-height: 6em;
    padding: 10px 18px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.5;
    transition: bottom .3s ease, opacity .3s ease;
  }
  ul.p-how-to-archive-list a:hover .how-to-content-wrap .how-to-content {
    opacity: 1;
    bottom: 32px;
  }
  ul.p-how-to-recent-list {
    margin-bottom: 40px;
  }
  ul.p-how-to-recent-list li a,
  ul.p-how-to-movie-list li a {
    padding: 15px;
    transition: background-color .15s ease;
  }
  ul.p-how-to-recent-list li a {
    border-bottom-width: 0;
  }
  ul.p-how-to-recent-list .how-to-date {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 8px;
  }
  ul.p-how-to-recent-list .how-to-thumb,
  ul.p-how-to-movie-list .how-to-thumb {
    left: 15px;
    width: 240px;
  }
  ul.p-how-to-recent-list .how-to-thumb {
    height: 160px;
  }
  ul.p-how-to-movie-list .how-to-thumb {
    height: 135px;
  }
  ul.p-how-to-recent-list .how-to-content-wrap,
  ul.p-how-to-movie-list .how-to-content-wrap {
    margin-left: 260px;
  }
  ul.p-how-to-recent-list .how-to-content-wrap {
    min-height: 160px;
  }
  ul.p-how-to-movie-list .how-to-content-wrap {
    min-height: 135px;
  }
  ul.p-how-to-recent-list .how-to-content-wrap .how-to-cat,
  ul.p-how-to-recent-list .how-to-content-wrap .how-to-tag {
    margin-bottom: 8px;
  }
  ul.p-how-to-recent-list .how-to-content-wrap .how-to-title {
    padding-top: 8px;
    border-top: 1px solid #E5E5E5;
  }
  ul.p-how-to-recent-list .how-to-content-wrap .how-to-title span,
  ul.p-how-to-movie-list .how-to-content-wrap .how-to-title span {
    font-size: 20px;
  }
  ul.p-how-to-recent-list .how-to-content-wrap .how-to-content,
  ul.p-how-to-movie-list .how-to-content-wrap .how-to-content {
    font-size: 14px;
  }
  ul.p-how-to-category-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
  }
  ul.p-how-to-category-list li {
    width: 30%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 2%;
    padding: 0 1%;
  }
  ul.p-how-to-category-list li:nth-child(3n + 1) {
    margin-left: 0;
  }
  ul.p-how-to-category-list li a.how-to-category-name {
    display: block;
    position: relative;
    text-align: left;
  }
  ul.p-how-to-category-list li a.how-to-category-name img {
    width: 40px;
    padding: 15px;
  }
  ul.p-how-to-category-list li a.how-to-category-name h3 {
    font-size: 22px;
  }
  ul.p-how-to-category-list li a.how-to-category-name::after {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: rotate(45deg) translateY(-50%);
    width: 20px;
    height: 20px;
    margin-top: -4px;
    border-top: 4px solid #E2E2E2;
    border-right: 4px solid #E2E2E2;
    border-radius: 4px;
    content: "";
    transition: border-color .15s ease;
  }
  ul.p-how-to-category-list li a.how-to-category-name:hover::after {
    border-color: #B2B2B2;
  }
  ul.p-how-to-category-list li p {
    margin-top: 14px;
    font-size: 14px;
  }
  ul.p-how-to-category-list li a.c-btn {
    display: none;
  }
  ul.p-how-to-pickup-list {
    display: flex;
    justify-content: space-between;
    margin: 0 15px 40px;
  }
  ul.p-how-to-pickup-list li {
    flex: 0 0 46.2858%;
    margin: 0;
  }
  ul.p-how-to-pickup-list li a .how-to-title.how-to-title--one-line {
    padding-top: 1.4375em;
    padding-bottom: 1.4375em;
  }
  ul.p-how-to-pickup-list li.coming-soon {
    display: flex;
    padding: 0;
  }
  ul.p-how-to-pickup-list li.coming-soon .text-box .text-ja {
    font-size: 30px;
  }
  ul.p-how-to-pickup-list li.coming-soon .text-box .text-en {
    font-size: 20px;
  }
  .how-to .entry-header .entry-title {
    margin-bottom: 20px;
    padding-bottom: 14px;
    font-size: 24px;
  }
  .how-to .entry-content h2 {
    padding-left: 52px;
    font-size: 20px;
  }
  .how-to .entry-content h2:before {
    width: 24px;
    height: 24px;
    margin-top: -20px;
    padding: 5px;
    border-width: 3px;
    border-radius: 20px;
  }
  .how-to .entry-content h3 {
    font-size: 18px;
  }
  .how-to .entry-content h4 {
    font-size: 16px;
  }
  a.youtube-popup > div.how-to-thumb:before {
    width: 22.222%;
  }
  a.youtube-popup div.how-to-thumb::after {
    margin-left: 5px;
    border-width: 15px 0 15px 26px;
  }
  a.youtube-popup:hover div.how-to-thumb:before {
    width: 33.333%;
  }
  a.youtube-popup:hover div.how-to-thumb:after {
    border-width: 20px 0 20px 32px;
  }
}


/**
 * NEWS
 */

.p-news-materials {
  display: none;
}

.p-news-arivice-heading {
  padding-bottom: 2px;
  padding-left: 10px;
  border-bottom: 2px solid #DCDCDC;
  color: #666666;
  font-weight: normal;
  font-size: 24px;
}

.p-news-arivice-list {
  margin-bottom: 30px;
}

.p-news-arivice-list a {
  display: block;
  padding: 14px 10px;
  border-bottom: 1px solid #EBEBEB;
  text-decoration: none;
  transition: background-color .15s ease;
}

.p-news-arivice-list a:hover {
  background-color: #F7F7F7;
}

.p-news-arivice-list time {
  display: block;
  color: #484848;
}

.p-news-arivice-list span {
  display: block;
  margin-top: 4px;
}

.p-news-arivice-list a:hover span {
  color: #21759B;
  text-decoration: underline;
}

.post.category-news h1 {
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}

.post.category-news .entry-header {
  padding-bottom: 10px;
  border-bottom: 5px solid #EDEDED;
}

.post.category-news h2 {
  border-bottom: 1px solid #CBCBCB;
  font-weight: normal;
  font-size: 16px;
}

.post.category-news h2:before {
  margin-right: 4px;
  color: #CBCBCB;
  content: "\0025a0";
}

.post.category-news h3 {
  margin-bottom: 8px;
  padding-left: 7px;
  border-left: 7px double #DCDCDC;
  font-size: 14px;
}

.post.category-news h4 {
  margin-bottom: 14px;
  border-bottom: 1px dashed #CBCBCB;
  font-size: 14px;
}

.post.category-news table th {
  padding: 4px 8px;
  border: 1px solid #CBCBCB;
  background-color: #EDEDED;
  color: #666666;
}

.post.category-news table td {
  padding: 4px 8px;
  border: 1px solid #CBCBCB;
  background-color: #FFFFFF;
  color: #484848;
}

.post.category-news table td.u-cell-nowrap {
  white-space: nowrap;
}

.post.category-news table td > ul {
  margin-bottom: 0;
}

.post.category-news table td > ul > li {
  margin-left: 1.5em;
}

.post.category-news table td > dl {
  margin: 0;
}

.post.category-news table td > dl:last-child > dd:last-child {
  margin-bottom: 0;
}

.post.category-news a:visited {
  color: #21759B;
}

.post.category-news a:visited:hover {
  color: #0F3647;
}

.post.category-news a[target="_blank"]:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background: url("/en/files/images/icon-external-link.png") no-repeat;
  background-size: contain;
  content: " ";
}

.post.category-news .c-border-box {
  padding: 4px 8px;
  border: 1px solid #CBCBCB;
}

.post.category-news ol.notes-list {
  list-style: none;
  counter-reset: note-counter;
}

.post.category-news ol.notes-list li {
  position: relative;
  margin-left: 0;
  padding-left: 2.5em;
}

.post.category-news ol.notes-list li::before {
  position: absolute;
  left: 0;
  content: "*" counter(note-counter) ".";
  counter-increment: note-counter;
}

.post.category-news table.function-table td ul li.new-function:before {
  display: inline-block;
  margin-right: 4px;
  color: #FF0000;
  font-weight: bold;
  content: "[NEW]";
}

.post.category-news table.function-table td ul li {
  list-style: disc outside;
}

@media screen and (min-width: 600px) {
  .p-news-archive-title {
    float: left;
    line-height: 1;
  }
  .p-news-materials {
    display: block;
    float: right;
    line-height: 1;
  }
  .p-news-materials a {
    padding: 8px 16px;
    border: 1px solid #019644;
    color: #019644;
    text-decoration: none;
  }
  .p-news-materials a:hover {
    border-color: #02B050;
    color: #02B050;
  }
  .p-news-arivice-heading {
    padding-bottom: 4px;
    font-size: 28px;
  }
  .p-news-arivice-list li {
    display: table;
    width: 100%;
  }
  .p-news-arivice-list a {
    display: table-row;
  }
  .p-news-arivice-list time {
    display: table-cell;
    width: 10em;
    padding: 18px 0 18px 10px;
    border-bottom: 1px solid #EBEBEB;
    font-size: 14px;
    vertical-align: top;
  }
  .p-news-arivice-list span {
    display: table-cell;
    padding: 18px 10px 18px 0;
    border-bottom: 1px solid #EBEBEB;
    font-size: 14px;
    vertical-align: top;
  }
  .post.category-news h1 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .post.category-news h2 {
    font-size: 21px;
  }
  .post.category-news h3 {
    padding-left: 11px;
    font-size: 18px;
  }
  .post.category-news h4 {
    margin-bottom: 16px;
    font-size: 16px;
  }
  .post.category-news table {
    width: 88.8889%;
    margin: 0 auto 1.71429rem;
  }
  .post.category-news table th {
    white-space: nowrap;
  }
  .post.category-news .c-border-box {
    margin-right: 5.5556%;
    margin-left: 5.5556%;
  }
}


/**
 * Authorized Distributor
 */

.distributor-area h2 {
  font-weight: normal;
}

.distributor-area h2:before {
  margin-right: .25em;
  color: #005D89;
  font-weight: bold;
  content: "\00bb";
}

.distributor-area table {
  color: #484848;
}

.distributor-area table tr td.distributor-name {
  width: 40%;
  text-align: center;
}

.distributor-area table tr td.distributor-name h3 {
  margin: 0 0 8px;
}

.distributor-area table tr td.country-list {
  width: 60%;
}

.distributor-area ul {
  list-style: none;
  margin-bottom: 0;
}

.distributor-area ul li {
  display: inline-block;
  margin-left: 0;
}

.distributor-area ul li:after {
  content: ", ";
}

.distributor-area ul li:last-child:after {
  content: none;
}

@media screen and (min-width: 600px) {
  .distributor-area h2 {
    margin: 36px 0 12px;
    font-size: 24px;
  }
  .distributor-area table {
    margin-bottom: 10px;
  }
  .distributor-area table tr td {
    padding: 18px 0;
    vertical-align: middle;
  }
  .distributor-area table tr td.distributor-name {
    width: 30%;
  }
  .distributor-area table tr td.distributor-name h3 {
    font-weight: normal;
    font-size: 20px;
  }
  .distributor-area table tr td.distributor-name p {
    margin: 0;
  }
  .distributor-area table tr td.country-list {
    width: 70%;
  }
  .distributor-area table tr td.country-list h3 {
    margin: 0;
  }
}

@media print {
  .site-header {
    position: absolute;
  }
  .main-navigation,
  .wp_social_bookmarking_light {
    display: none;
  }
}


/*Award*/


/* DGP */
.p-product-area--dsp10 {
  background: url(/en/files/images/DGP2022.png) left top no-repeat;
}
.p-product-area--dsp11 {
  background: url(/en/files/images/DGP2023.png) right top no-repeat;
  background-size: 30%;
}
@media screen and (min-width: 600px) {
  .p-product-area--dsp10 {
    background: url(/en/files/images/DGP2022.png) left top no-repeat;
  }
  .p-product-area--dsp11 {
    background: url(/en/files/images/DGP2023.png) left top no-repeat;
  }
}

/* PCM */
/* 
.p-product-area--jp10 {
  background: url(/en/files/images/PCM0321.png) left top no-repeat;
}

.p-product-header--jp10 .p-product-header_award {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width: 600px) {
  .p-product-header--jp10 .p-product-header_award {
    left: 6%;
  }
} */

/* 円安 */
.weak-jpy {
  display: block;
  margin-top: .25em;
  margin-left: 0;
  padding-left: 1em;
  background-color: #000000;
  color: #FFFF00;
  font-size: 11px;
  text-align: left;
}
.weak-jpy > .sp {
  display: none;
}
@media screen and (min-width: 600px) {
  .weak-jpy {
    float: left;
    margin-left: 1em;
    font-style: italic;
    font-size: 16px;
    text-align: center;
  }
  .weak-jpy > .sp {
    display: block;
  }
}

/* 製品一覧ページ用バナー */
.product-camp-area {
  padding: 0 10px;
}
.product-camp-area p {
  margin: 0 0 10px;
  margin: 0 0 .714286rem;
  line-height: .714286;
}