/* background */
html, body {
  background: url(../images/bg.jpg) repeat center top;
}
.device-type-desktop .primary-container {
  box-sizing: border-box;
  width: 780px;
  padding: 0 32px 32px 0;
}
.device-type-desktop .primary-container #main-container{
  background: url(../images/contents_bg.jpg) repeat-y center top;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
}
.device-type-mobile .primary-container #main-container{
  background: url(../images/contents_bg.jpg) repeat-y center top;
  background-size: contain;
}
.device-type-desktop .item-text {
  font-size: 15px;
  padding: 20px;
  border: 3px double #dbb2aa;
  /*background: #f7ece9;*/
  background: url(../images/item-text_bg.png) repeat-y center top;
  background-size: cover;
}
.device-type-mobile .item-text {
  font-size: 15px;
  padding: 1.0rem;
  border: 0.2rem double #dbb2aa;
  background: url(../images/item-text_bg.png) repeat-y center top;
  background-size: cover;
}

/* page-nav */
.device-type-desktop .page-nav {
  background-color: #0b0f0a;
}
.device-type-desktop .page-nav-item {
  background-color: #b64e18;
  color: #fff;
}
.device-type-desktop .page-nav-item:hover {
  background-color: #9f7569;
}
.device-type-desktop .page-nav-item.active {
  color: #fff;
  background-color: #9f7569;
}
.device-type-desktop .page-nav-item.active:hover {
}
.device-type-mobile .page-nav {
  background-color: #0b0f0a;
}
.device-type-mobile .page-nav-item {
  background-color: #b64e18;
  color: #fff;
}
.device-type-mobile .page-nav-item.active {
  color: #fff;
  background-color: #9f7569;
}

/* section */
.primary-container .section {
  margin-bottom: 64px;
  color: #4E3F3D;
}

.primary-container #main-container a,
.primary-container #main-container a:link,
.primary-container #main-container a:visited,
.primary-container #main-container a:active {
  color: #b64e18;
  text-decoration: underline;
}
.primary-container #main-container a:hover {
  color: #b64e18;
  text-decoration: none;
}
.device-type-desktop [class*="item-style-"].item-has-title.item-has-text, .device-type-desktop [class*="item-style-"].item-has-subtitle.item-has-text, .device-type-desktop [class*="item-style-"].item-has-text {
  margin: 0 40px 48px 40px;
}

/* section-header */
.device-type-desktop .section-header {
  font-weight: bold;
  color: #6b2f22;
  margin: 40px 40px 40px 40px;
  padding: 15px 20px 15px 20px;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 0.2rem;
  background-image: url("../images/section-header-top.png"),url("../images/section-header-bottom.png"),url("../images/section-header-bg.png");
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position: left top,right bottom,right bottom;
}
.device-type-mobile .section-header {
  color: #6b2f22;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 26px 16px;
  padding: 0.5rem 0;
  letter-spacing: 0.2rem;
  text-align: center;
  background-image: url("../images/section-header-top.png"),url("../images/section-header-bottom.png"),url("../images/section-header-bg.png");
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position: left top,right bottom,right bottom;
  background-size: contain, contain, contain;
}

/* title */
.item-has-title.item-has-text .item-title {
  margin-bottom: 16px;
  color: #73433c;
}

.device-type-desktop .item-subtitle {
  font-weight: bold;
  color: #6b2f22;
  margin: 40px 40px 40px 40px;
  padding: 15px 20px 15px 20px;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 0.2rem;
  background-image: url("../images/section-header-top.png"),url("../images/section-header-bottom.png"),url("../images/section-header-bg.png");
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position: left top,right bottom,right bottom;
}
.device-type-mobile .item-subtitle {
  color: #6b2f22;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 26px 0;
  padding: 0.5rem 0;
  letter-spacing: 0.1rem;
  text-align: center;
  background-image: url("../images/section-header-top.png"),url("../images/section-header-bottom.png"),url("../images/section-header-bg.png");
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position: left top,right bottom,right bottom;
  background-size: contain, contain, contain;
}
/* common */
h3.related-programs-header-10Zh4,
h3.present-header-1TvSX,
h3.ranking-header-3Maul,
a.present-moreLink-3dBoY span,
.hover-hoverCyanText-ZQ2ER,
.hover-hoverCyanText-ZQ2ER:hover{
  color: #fff!important;
}
svg.present-linkIcon-DYnY6{
  fill: #fff;
}

.device-type-desktop #page-banner{
  margin-top: 20px;
}
.device-type-mobile #page-banner{
  margin-top: 1.0rem;
}