@charset "UTF-8";/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */


html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, sans-serif; }

.browsermsie body { font-family: "Meiryo UI", "メイリオ", Meiryo, sans-serif; }

h1, h2, h3, h4, p, li { line-height: 1.6; color: #222222; }

a { color: #222222; text-decoration: none; }
a:hover { text-decoration: underline; }

input[type="text"], input[type="search"], input[type="email"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: black; }

button:hover, input[type="submit"]:hover { opacity: 0.6; -ms-filter: "alpha(opacity=60)"; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.pageText { margin-right: 5px; }

.articleCategory { background-color: #c77373; }

.articleCategoryInterView, .menuItemRankingINTERVIEW { background-color: #bbab6e; }

.articleCategoryColumn, .menuItemRankingCOLUMN { background-color: #74b9b8; }

.articleCategoryCoordinate, .menuItemRankingCOORDINATE { background-color: #c77373; }

.articleCategoryCampaign, .menuItemRankingCAMPAIGN { background-color: #7380c7; }

.iconExternalLinkWhite { position: relative; display: inline-block; margin-left: 4px; width: 12.5px; height: 11px; background: url(../img/common/icon_link_white.png) no-repeat; -webkit-background-size: 12.5px 11px; -moz-background-size: 12.5px 11px; -o-background-size: 12.5px 11px; background-size: 12.5px 11px; }
@media (min-width: 960px) { .iconExternalLinkWhite { top: 3px; width: 17px; height: 16px; background: url(../img/common/icon_link_white_pc.png) no-repeat; } }

.iconExternalLink { position: relative; display: inline-block; margin-right: 4px; width: 12px; height: 11.5px; background: url(../img/common/icon_link.png) no-repeat; -webkit-background-size: 12px 11.5px; -moz-background-size: 12px 11.5px; -o-background-size: 12px 11.5px; background-size: 12px 11.5px; }
@media (min-width: 960px) { .iconExternalLink { width: 17px; height: 15px; background: url(../img/common/icon_link_pc.png) no-repeat; } }

#gBodyMain .gBodyMainHeading { margin: 0 0 5px; padding: 0; width: 100%; height: 35px; line-height: 35px; text-align: center; background-color: white; border-top: 1px solid black; font-size: 16px; }
#gBodyMain .gBodyMainInner { *zoom: 1; overflow: hidden; }
#gBodyMain .gBodyMainInner:after { content: ""; display: table; clear: both; }
@media (min-width: 960px) { #gBodyMain .gBodyMainHeading { margin: 0 0 12px; height: 45px; line-height: 45px; border-top: 2px solid black; font-size: 18px; }
  #gBodyMain .gBodyMainInner { position: relative; } }

@media (min-width: 960px) { .browsermsie .readMoreOverlay .overlay-inside.overlay-inside-searching .overlay-read-more { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif; } }

.readMoreOverlay { position: relative; overflow: hidden; }
.readMoreOverlay .overlay-inner { display: none; }
.readMoreOverlay .overlay-inside.overlay-inside-searching { font-size: 18px; }
@media (min-width: 960px) { .readMoreOverlay .readMoreOverlayInner { position: relative; overflow: hidden; }
  .readMoreOverlay .overlay-inner { display: block; position: absolute; width: 100%; height: 100%; background: url('../img/rgbapng/000000cc-5_1459850692.png'); background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
  .readMoreOverlay .overlay-inside.overlay-inside-searching { width: 100%; text-align: center; }
  .readMoreOverlay .overlay-inside.overlay-inside-searching .overlay-read-more { font-size: 18px; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif; line-height: 1.5; }
  .readMoreOverlay .overlay-inside.overlay-inside-searching:before, .readMoreOverlay .overlay-inside.overlay-inside-searching:after { display: none; }
  .readMoreOverlay .overlay-inside.overlay-inside-searching.lastItem { top: 30px; bottom: auto; }
  .readMoreOverlay .gBodyTopNavListItemLink .overlay-text { margin: 25px; padding: 5px; text-align: center; font-size: 18px; color: white; border: 1px solid white; }
  .readMoreOverlay .gBodyTopNavListItemLink .overlay-inside { top: auto; bottom: 25px; }
  .readMoreOverlay .overlay-inside { z-index: 1000; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; line-height: 37px; width: 120px; height: 37px; text-align: center; }
  .readMoreOverlay .overlay-inside:before, .readMoreOverlay .overlay-inside:after { content: ""; position: absolute; left: 0; width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background-color: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  .readMoreOverlay .overlay-inside:before { top: -13px; height: 1px; }
  .readMoreOverlay .overlay-inside:after { bottom: -13px; height: 1px; }
  .readMoreOverlay .overlay-inside .overlay-arrow { position: relative; top: 0; left: -8px; display: inline-block; margin-right: 7px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); vertical-align: middle; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; color: white; font-size: 10px; }
  .readMoreOverlay .overlay-inside .overlay-read-more { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; color: white; font-size: 12px; font-weight: normal; }
  .readMoreOverlay:hover .overlay-inner { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .readMoreOverlay:hover .overlay-inside:before, .readMoreOverlay:hover .overlay-inside:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .readMoreOverlay:hover .overlay-inside:before { top: 0; }
  .readMoreOverlay:hover .overlay-inside:after { bottom: 0; }
  .readMoreOverlay:hover .overlay-inside .overlay-read-more { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .readMoreOverlay:hover .overlay-inside .overlay-arrow { left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
@media (min-width: 1200px) { .readMoreOverlay .overlay-inside.overlay-inside-searching .overlay-read-more { font-size: 24px; }
  .readMoreOverlay .overlay-inside.overlay-inside-searching.lastItem { top: 40px; } }

@media (min-width: 960px) { .browsermsie8 .readMoreOverlay .overlay-inner { display: none; }
  .browsermsie8 .readMoreOverlay:hover .overlay-inner { display: block; } }

.listItemArticle { margin-bottom: 12px; background-color: white; }
.listItemArticle .listItemArticleInner { display: block; text-decoration: none; }
.listItemArticle .articleInner { padding: 5px 5px 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.listItemArticle .articleHeading { margin: 0; font-size: 14px; font-weight: normal; }
.listItemArticle .articleAttributes { *zoom: 1; margin: 5px 0 10px; }
.listItemArticle .articleAttributes:after { content: ""; display: table; clear: both; }
.listItemArticle .articleThumbWrap { position: relative; display: block; width: 100%; overflow: hidden; }
.listItemArticle .articleThumbWrap img { display: block; width: 100%; }
.listItemArticle .articleCategory { margin: 0; padding: 1px 10px; display: inline-block; float: left; color: white; font-size: 9px; }
.listItemArticle .articleDate { float: right; line-height: 17px; font-size: 9px; }
.listItemArticle .articleExcerpt { padding: 10px 0 0; margin: 0; font-size: 15px; }
@media (min-width: 960px) { .listItemArticle { position: relative; margin-bottom: 20px; overflow: hidden; }
  .listItemArticle .articleInner { padding: 10px 15px; }
  .listItemArticle .articleHeading { font-size: 14px; }
  .listItemArticle .articleCategory, .listItemArticle .articleDate { font-size: 12px; }
  .listItemArticle .articleThumbWrap { width: 216px; height: 144px; } }

@media (min-width: 960px) { .gBodyTopPickUp .listItemArticle .articleThumbWrap { width: 100%; height: auto; } }

.listItemArticle.listItemArticleTop .articleCategory { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.listItemArticle.listItemArticleTop .articleAttributes { margin-bottom: 5px; }
.listItemArticle.listItemArticleTop .articleDate { margin-top: 8px; }
.listItemArticle.listItemArticleTop .articleInner { height: auto; }
.listItemArticle.listItemArticleTop .articleHeading { font-weight: bold; }
@media (min-width: 960px) { .listItemArticle.listItemArticleTop .listItemArticleInner { *zoom: 1; }
  .listItemArticle.listItemArticleTop .listItemArticleInner:after { content: ""; display: table; clear: both; }
  .listItemArticle.listItemArticleTop .articleThumbWrap { float: left; width: 462px; height: 308px; overflow: hidden; }
  .listItemArticle.listItemArticleTop .articleInner { float: right; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 239px; }
  .listItemArticle.listItemArticleTop .articleAttributes { margin: 0 0 10px; }
  .listItemArticle.listItemArticleTop .articleDate { margin-top: 20px; }
  .listItemArticle.listItemArticleTop .articleCategory { height: 30px; line-height: 30px; font-size: 16px; }
  .listItemArticle.listItemArticleTop .articleHeading { font-size: 16px; }
  .listItemArticle.listItemArticleTop .articleExcerpt { font-size: 14px; } }

.lineArticlesWrap { *zoom: 1; width: 102%; }
.lineArticlesWrap:after { content: ""; display: table; clear: both; }
.lineArticlesWrap .listItemArticle { float: left; margin-right: 2%; width: 48%; }
.lineArticlesWrap .listItemArticle.listItemWideArticle { position: relative; margin-right: 0; width: 100%; height: auto; }
.lineArticlesWrap .listItemArticle.listItemWideArticle .articleInner { position: absolute; bottom: 25px; padding-bottom: 10px; background: url('../img/rgbapng/ffffffad-5_1459850692.png'); background: rgba(255, 255, 255, 0.68); }
@media (min-width: 960px) { .lineArticlesWrap { width: 726px; }
  .lineArticlesWrap .listItemArticle { width: 216px; margin-right: 26px; }
  .lineArticlesWrap .articleInner { padding: 10px 15px 20px; }
  .lineArticlesWrap .listItemArticle.listItemWideArticle { margin-right: 23px; width: 461px; height: 255px; overflow: hidden; }
  .lineArticlesWrap .listItemArticle.listItemWideArticle .overlay-inner { height: 152px; }
  .lineArticlesWrap .listItemArticle.listItemWideArticle .articleThumbWrap { width: 100%; height: 255px; }
  .lineArticlesWrap .listItemArticle.listItemWideArticle .overlay-inside { top: 50px; bottom: initial; } }

.articleDetailRecommend .articleInner { text-decoration: none; }
@media (min-width: 960px) { .articleDetailRecommend { overflow: hidden; }
  .articleDetailRecommend .articleThumbWrap { width: 200px; }
  .articleDetailRecommend .lineArticlesWrap .listItemArticle { width: 200px; margin-right: 15px; } }

.lineArticlesWrap.articlesListHorizontal { width: 100%; }
.lineArticlesWrap.articlesListHorizontal .listItemArticle { float: none; margin: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dfdfdf; }
.lineArticlesWrap.articlesListHorizontal .listItemArticleInner { *zoom: 1; }
.lineArticlesWrap.articlesListHorizontal .listItemArticleInner:after { content: ""; display: table; clear: both; }
.lineArticlesWrap.articlesListHorizontal .articleThumbWrap { margin: 22px 0 22px 10px; padding: 2px; float: left; display: block; width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dfdfdf; }
.lineArticlesWrap.articlesListHorizontal .articleThumbWrap img { display: block; width: 100%; }
.lineArticlesWrap.articlesListHorizontal .articleInner { margin-left: 110px; padding: 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; }
.lineArticlesWrap.articlesListHorizontal .articleAttributes { margin: 0; height: 20px; }
.lineArticlesWrap.articlesListHorizontal .articleHeading { margin-top: 10px; font-size: 15px; }
.lineArticlesWrap.articlesListHorizontal .articleRankingNumber { display: inline-block; position: relative; top: -2px; margin-right: 5px; line-height: 26px; text-align: center; width: 25px; height: 25px; color: white; background-color: #232323; font-weight: bold; font-size: 14px; }
@media (min-width: 960px) { .lineArticlesWrap.articlesListHorizontal .listItemArticle { margin-bottom: 10px; }
  .lineArticlesWrap.articlesListHorizontal .articleThumbWrap { margin: 0; width: 230px; height: 155px; }
  .lineArticlesWrap.articlesListHorizontal .articleInner { margin-left: 230px; padding: 20px; }
  .lineArticlesWrap.articlesListHorizontal .articleHeading { margin-top: 20px; font-size: 16px; }
  .lineArticlesWrap.articlesListHorizontal .articleRankingNumber { margin-right: 10px; } }

.searchResultWrap { *zoom: 1; margin: 0 10px 20px; font-size: 14px; }
.searchResultWrap:after { content: ""; display: table; clear: both; }
.searchResultWrap .searchResult { float: left; }
.searchResultWrap .searchResultPaging { float: right; }
@media (min-width: 960px) { .searchResultWrap { margin: 0 0 20px; font-size: 14px; } }

.searchResultListWrap { margin-top: 20px; }

.wideArticleWrap { position: relative; }
.wideArticleWrap .articleInner { position: absolute; bottom: 25px; padding-bottom: 10px; background: url('../img/rgbapng/ffffffad-5_1459850692.png'); background: rgba(255, 255, 255, 0.68); }
@media (min-width: 960px) { .wideArticleWrap { position: absolute; width: 461px; height: 255px; overflow: hidden; }
  .wideArticleWrap.wideArticleWrapTop { top: 601px; right: 0; }
  .wideArticleWrap.wideArticleWrapBottom { right: 0; top: 1150px; }
  .wideArticleWrap .overlay-inner { height: 152px; }
  .wideArticleWrap .articleThumbWrap { width: 100%; height: 255px; }
  .wideArticleWrap .overlay-inside { top: 50px; bottom: initial; } }

.readMoreArticlesWrap { margin-top: 30px; }

.readMore { display: block; margin: 0 auto; width: 230px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; color: white; background-color: #27272d; }
@media (min-width: 960px) { .readMore { width: 340px; height: 40px; line-height: 40px; text-decoration: none !important; font-size: 18px; }
  .readMore:hover { opacity: 0.6; -ms-filter: "alpha(opacity=60)"; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } }

.pageHeading { margin-bottom: 15px; padding: 5px 10px; border-top: 2px solid #74b9b8; background-color: white; }
.pageHeading .pageTitle { margin: 5px; padding: 0; font-size: 16px; color: #74b9b8; text-align: center; }
.pageHeading .pageTitleTagCloud { font-size: 16px; }
.pageHeading .pageTitleTagCloud small { font-size: 14px; }
.pageHeading p { font-size: 14px; }
@media (min-width: 960px) { .pageHeading { margin-bottom: 20px; padding: 20px 50px; border-top: 5px solid #74b9b8; }
  .pageHeading .pageTitle { margin: 0 0 15px; font-size: 22px; }
  .pageHeading .pageTitleNoDescription { margin: 0; }
  .pageHeading .pageTitleTagCloud { margin: 0; font-size: 24px; }
  .pageHeading .pageTitleTagCloud small { font-size: 16px; }
  .pageHeading p { margin-bottom: 0; font-size: 16px; } }

.menuSectionForTagCloud ul { margin: 10px; padding: 0; }
.menuSectionForTagCloud li { list-style-type: none; }

.pagination { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *zoom: 1; position: relative; margin: 20px 0 40px; padding: 0; height: 35px; width: 100%; }
.pagination:after { content: ""; display: table; clear: both; }
.pagination a { display: block; width: 100%; height: 100%; font-size: 14px; text-align: center; color: black; }
.pagination .pagesPosition { margin: 0; padding: 0; line-height: 35px; font-size: 14px; text-align: center; color: black; }
.pagination .pagesPosition li { display: inline-block; }
.pagination .pageLinkWrap { display: inline-block; }
.pagination .pageLinkWrapArrow { display: inline-block; }
.pagination .pagingExplanation { display: none; }
.pagination .paging { display: table; margin: 0 auto; padding: 0; }
.pagination .paging li { display: table-cell; padding: 0 8px; text-align: center; width: 20px; height: 20px; border: 0; }
.pagination .pageLink { padding: 0; background: white; text-decoration: none; border: 1px solid black; width: 20px; height: 20px; }
.pagination .pageLinkLeft, .pagination .pageLinkRight { background-color: white; }
.pagination .pageLinkHere, .pagination a:hover { background-color: black; color: white; }
.pagination .pagingEllipse { font-size: 10px; }
.pagination .iconDoubleArrowLeft, .pagination .iconDoubleArrowRight { top: 2px; }
.pagination .iconDoubleArrowRight { padding-right: 0; }
@media (min-width: 960px) { .pagination { margin: 50px 0 40px; }
  .pagination a { font-size: 20px; }
  .pagination .pagesPosition { margin-top: 10px; font-size: 15px; }
  .pagination .paging li { width: 35px; height: 35px; }
  .pagination .pageLink { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 35px; height: 35px; line-height: 35px; font-size: 16px; } }

.visibleSp { display: block; }
@media (min-width: 960px) { .visibleSp { display: none; } }

.visiblePc { display: none; }
@media (min-width: 960px) { .visiblePc { display: block; } }

#gHead { z-index: 1200; position: fixed; top: 0; width: 100%; height: 50px; line-height: 50px; background: url('../img/rgbapng/23acace5-5_1461141413.png'); background: rgba(35, 172, 172, 0.9); text-align: center; font-size: 18px; color: white; }
#gHead .headerMenuOverlay { display: none; z-index: -1; position: fixed; top: 50px; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
#gHead.mainMenuOpen .headerMenuOverlay, #gHead.howToOpen .headerMenuOverlay { display: block; }
#gHead.mainMenuOpen #gHeadMenuWrap { -moz-transform: translateY(310px); -webkit-transform: translateY(310px); transform: translateY(310px); }
#gHead.mainMenuOpen #gHeadMenuTrigger { width: 22.5px; height: 22.5px; background: url(../img/common/btn_close.png) no-repeat; -webkit-background-size: 22.5px 22.5px; -moz-background-size: 22.5px 22.5px; -o-background-size: 22.5px 22.5px; background-size: 22.5px 22.5px; }
#gHead.mainMenuOpen #gHeadHowToTrigger { display: none; }
#gHead.mainMenuOpen #gHeadIcon { display: none; }
#gHead.howToOpen #gHeadHowToWrap { -moz-transform: translateY(450px); -webkit-transform: translateY(450px); transform: translateY(450px); }
#gHead.howToOpen #gHeadHowToTrigger {
	top: 15px;
	left: 15px;
	width: 22.5px;
	height: 22.5px;
	background: url(../img/common/btn_close.png) no-repeat;
	-webkit-background-size: 22.5px 22.5px;
	-moz-background-size: 22.5px 22.5px;
	-o-background-size: 22.5px 22.5px;
	background-size: 22.5px 22.5px;
}
#gHead.howToOpen #gHeadMenuTrigger { display: none; }
#gHead .navLanguageEnglish { display: none; }
#gHead #gHeadMenuTrigger { z-index: 1250; position: absolute; top: 11px; left: 15px; width: 27px; height: 28px; background: url(../img/common/icon_menu_sp.png) no-repeat; -webkit-background-size: 27px 28px; -moz-background-size: 27px 28px; -o-background-size: 27px 28px; background-size: 27px 28px; text-indent: -119988px; overflow: hidden; text-align: left; }
#gHead #gHeadHowToTrigger {
	position: absolute;
	top: 9px;
	right: 55px;
	width: 39px;
	height: 32px;
	background: url(../img/common/icon_how_to_sp.png) no-repeat;
	-webkit-background-size: 38.5px 32px;
	-moz-background-size: 38.5px 32px;
	-o-background-size: 38.5px 32px;
	background-size: 38.5px 32px;
	text-indent: -119988px;
	overflow: hidden;
	text-align: left;
}
#gHead #gHeadIcon {
	position: absolute;
	top: 9px;
	right: 5px;
}
#gHead #gHeadIcon > a {
	display: inline-block;
	line-height: 0;
	width: 48px;
	height: 32px;
	text-indent: 999999px;
	margin-left: 10px;
	font-size: 0;
}
#gHead #gHeadIcon > a.login {
	background: transparent url(../../wp-content/themes/original/images/icon/ic_login.png) no-repeat center center/cover;
}
#gHead #gHeadIcon > a.logout {
	display: none;
	background: transparent url(../../wp-content/themes/original/images/icon/ic_mypage.svg) no-repeat center center/cover;
}
#gHead #gHeadIcon .mypage-popup {
	display: none;
	background-color: #484848;
	padding: 20px 10px;
	position: absolute;
	right: -65px;
	text-align: center;
	top: 100%;
	width: 130px;
	list-style-type: none;
}
#gHead #gHeadIcon .mypage-popup {
	right: 0;
	top: calc(100% + 3px);
}
#gHead #gHeadIcon .mypage-popup:before {
	content: "";
	border: 8px solid transparent;
	border-bottom-color: #484848;
	width: 0;
	height: 0;
	margin-right: -15px;
	position: absolute;
	right: 30px;
	bottom: 99%;
}
#gHead #gHeadIcon .mypage-popup li a {
	color: #fff;
	line-height: 2;
	display: block;
	text-align: left;
	font-size: 14px;
}
#gHead #gHeadIcon .mypage-popup.active {
	display: block;
}
#gHead #gHeadIcon.mypage a.login {
	display: none;
}
#gHead #gHeadIcon.mypage a.logout {
	display: inline-block;
}

#gHead #gHeadTopTitle { display: block; margin: auto; width: 167px; height: 17px; background: url(../img/common/site_title_sp.png) no-repeat; -webkit-background-size: 167px 17px; -moz-background-size: 167px 17px; -o-background-size: 167px 17px; background-size: 167px 17px; height: 50px; background-position: center; text-indent: -119988px; overflow: hidden; text-align: left; }
#gHead #gHeadMenuWrap { position: absolute; top: -260px; width: 100%; height: 210px; background-color: #23acac; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
#gHead #gHeadHowToWrap { position: absolute; top: -400px; width: 100%; height: 350px; background-color: #f4f4f4; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

#gHead #gHeadHowToWrap .gBodyTopNavListItemLink img { max-width: 320px; }
#gHead #gHeadTopTitleWrap { margin: 0; padding: 0; }
#gHead .gHeadSearchForm { margin: 0; padding: 12px; background-color: #e5e2df; }
#gHead .gHeadSearchForm input { padding-left: 5px; padding-right: 5px; }
#gHead #gHeadNavMain { margin: 0; padding: 0; list-style-type: none;}
@media only screen and (max-width: 959px) {
	#gHead #gHeadNavMain { background-color: #f4f4f4;}
}
#gHead .gHeadNavMainItem { padding: 0; height: 40px; line-height: 40px; border-bottom: 1px solid #cac5c7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; font-size: 15px; }
#gHead .gHeadNavMainItem a { display: block; padding-left: 30px; }
#gHead .gHeadNavMainItemHowTo, #gHead gHeadNavMainItemSearch, #gHead .gBodyTopNavSubList, #gHead .gHeadSearchFormSubmitButton { display: none; }
#gHead .gBodyTopNavSubList { list-style-type: none; }
#gHead #gHeadLoginToTrigger { position: absolute; top: 9px; right: 60px; width: 38.5px; height: 32px; background: url(../img/common/icon_login_to_sp.png) no-repeat; -webkit-background-size: 38.5px 32px; -moz-background-size: 38.5px 32px; -o-background-size: 38.5px 32px; background-size: 38.5px 32px; width: 39px; text-indent: -119988px; overflow: hidden; text-align: left; }
@media (min-width: 960px) { #gHead { position: static; margin: 100px auto 0; top: -100px; position: absolute; width: 100%; height: 194px; }
  #gHead .navLanguageEnglish { display: block; }
  #gHead .navLanguageJapan { display: none; }
  #gHead .gBodyTopNavSubList { background-color: white; }
  #gHead.subMenuOpen .subMenuOverlay { display: block; }
  #gHead.fixed { position: fixed; top: 0; margin-top: 0; height: auto; -webkit-transition: top 0.65s ease-in; -moz-transition: top 0.65s ease-in; -o-transition: top 0.65s ease-in; transition: top 0.65s ease-in; background: #23acac; }
  #gHead.fixed .gHeadNavMainItemHowTo { display: block; float: left; padding: 0; height: 60px; width: 25%; line-height: 60px; border-bottom: none; text-align: center; font-size: 14px; font-weight: bold; }
  #gHead.fixed .gHeadNavMainItemHowTo a { display: block; color: white; text-decoration: none; }
  #gHead.fixed .gHeadNavMainItemHowTo:hover .navLanguageJapan { display: block; }
  #gHead.fixed .gHeadNavMainItemHowTo:hover .navLanguageEnglish { display: none; }
  #gHead.fixed #gHeadTopTitleWrap { float: left; }
  #gHead.fixed #gHeadTopTitle { margin: 0; width: 319px; height: 34px; background: url(../img/top/pc/logo.png) no-repeat; background-position: left; height: 60px; }
  #gHead.fixed #gHeadInner { *zoom: 1; position: relative; margin: auto; width: 960px; height: 60px; }
  #gHead.fixed #gHeadInner:after { content: ""; display: table; clear: both; }
  #gHead.fixed #gHeadMenuWrap { float: left; position: static; display: block; width: 625px; height: auto; background: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
  #gHead.fixed .gHeadSearchForm { display: none; }
  #gHead.fixed #gHeadNavMain { *zoom: 1; width: 520px; }
  #gHead.fixed #gHeadNavMain:after { content: ""; display: table; clear: both; }
  #gHead.fixed .gHeadNavMainItemInterview { background-color: initial; }
  #gHead.fixed .gHeadNavMainItem { float: left; padding: 0; height: 60px; width: 25%; line-height: 60px; border-bottom: none; text-align: center; font-size: 14px; font-weight: bold; }
  #gHead.fixed .gHeadNavMainItem .readMoreOverlayInner { width: 187px; height: 124px; }
  #gHead.fixed .gHeadNavMainItem a { padding-left: 0; color: white; text-decoration: none; }
  #gHead.fixed .gHeadNavMainItem:hover .navLanguageJapan { display: block; }
  #gHead.fixed .gHeadNavMainItem:hover .navLanguageEnglish { display: none; }
  #gHead.fixed .gHeadNavMainItem:hover .gBodyTopNavSubList { *zoom: 1; display: block; position: absolute; top: 60px; left: 0; margin: 0; padding: 0; width: 960px; }
  #gHead.fixed .gHeadNavMainItem:hover .gBodyTopNavSubList:after { content: ""; display: table; clear: both; }
  #gHead.fixed .gHeadNavMainItem:hover .gBodyTopNavSubListItem { float: left; margin: 0 0 0 70px; padding-top: 20px; width: 187px; }
  #gHead.fixed .gHeadNavMainItem:hover .gBodyTopNavSubListItem:first-child { margin-left: 0; }
  #gHead.fixed .gHeadNavMainItem:hover .gBodyTopNavSubListItemImage { width: 100%; }
  #gHead.fixed .gHeadNavMainItem:hover .gBodyTopNavSubListItemDetail { text-align: left; line-height: 1.6; }
  #gHead.fixed .gHeadNavMainItem:hover:after { position: absolute; top: 50px; width: 0px; height: 0px; margin-left: -10px; content: ""; background: none; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent white transparent; z-index: 10; }
  #gHead.searchingFormOpen .gHeadSearchForm { display: block; position: absolute; left: 0; top: 100px; padding: 0; width: 100%; background-color: transparent; text-align: left; }
  #gHead.searchingFormOpen .gHeadSearchForm input { padding: 2px 15px; width: 800px; height: 50px; border: none; background-color: #ebebeb; color: black; }
  #gHead.searchingFormOpen .subMenuOverlay { display: block; height: 135px; }
  #gHead.searchingFormOpen .gHeadSearchFormSubmitButton { display: block; position: absolute; right: 0; top: 0; width: 144px; height: 50px; line-height: 50px; border: none; background-color: #27272d; color: white; }
  #gHead #gHeadMenuWrap { display: none; }
  #gHead #gHeadMenuTrigger, #gHead #gHeadHowToTrigger, #gHead #gHeadIcon, #gHead #gHeadHowToWrap, #gHeadLoginToTrigger { display: none; }
  #gHead #gHeadTopTitle { width: 882px; height: 147px; background: url(../img/top/pc/top_main_title.png) no-repeat; height: 194px; background-position: center; }
  #gHead .gHeadNavMainItemSearch { display: block; position: absolute; right: 0; top: 10px; cursor: pointer; }
  #gHead .iconSearch { display: block; width: 19px; height: 20px; background: url(../img/top/pc/icon_search.png) no-repeat; width: 40px; height: 40px; background-position: center; } }

#gBody .menuOverlay { position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background: black; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

#gBodyInner #gBodyContentsWrap { padding-top: 15px; background: url(../img/top/sp/bg_category.png) center center repeat; -webkit-background-size: 292px 4.5px; -moz-background-size: 292px 4.5px; -o-background-size: 292px 4.5px; background-size: 292px 4.5px; }
@media (min-width: 960px) { #gBodyInner { padding-bottom: 25px; background: url(../img/top/sp/bg_category.png) center center repeat; }
  #gBodyInner #gBodyContentsWrap { margin: 0 auto; padding-top: 20px; width: 960px; *zoom: 1; background: none; }
  #gBodyInner #gBodyContentsWrap:after { content: ""; display: table; clear: both; } }

#gBodyMain { padding: 0 10px; }
@media (min-width: 960px) { #gBodyMain { padding: 0; float: left; width: 701px; } }

#gBodyMenu.gBodyMenuRanking .menuSectionForRanking { display: none; }
@media (min-width: 960px) { #gBodyMenu.gBodyMenuRanking .menuSectionForPickUp { margin-top: 0; } }

#gBodyMenu { padding: 0 10px; background-color: white; }
#gBodyMenu .menuSection { margin-top: 40px; }
#gBodyMenu .menuSectionForRanking { padding-top: 40px; }
#gBodyMenu .menuHeading { margin: 0; padding: 0; width: 100%; height: 35px; line-height: 35px; text-align: center; background-color: white; border-top: 2px solid black; border-bottom: 1px solid black; font-size: 16px; }
#gBodyMenu .menuItemLink { display: block; border-top: 1px solid #888888; }
#gBodyMenu .menuItemLink:first-child { border-top: none; }
#gBodyMenu .menuItemLinkInner { position: relative; *zoom: 1; padding: 10px; }
#gBodyMenu .menuItemLinkInner:after { content: ""; display: table; clear: both; }
#gBodyMenu .menuItemLinkInnerRanking { padding: 10px 10px 10px 45px; }
#gBodyMenu .menuItemRankingNumber { position: absolute; top: 10px; left: 10px; display: inline-block; width: 25px; height: 25px; line-height: 26px; text-align: center; color: white; background-color: #232323; font-weight: bold; font-size: 14px; }
#gBodyMenu .menuItemRankingCategory { margin: 0; padding: 1px 10px; display: inline-block; color: white; font-size: 9px; }
#gBodyMenu .menuItemDetail { margin: 5px 0 0; font-size: 14px; text-decoration: underline; }
#gBodyMenu .readMore { margin-top: 20px; }
#gBodyMenu .menuSectionForPickUp .thumbWrap { float: left; width: 72px; }
#gBodyMenu .menuSectionForPickUp .thumbWrap img { width: 100%; }
#gBodyMenu .menuSectionForPickUp .thumb { width: 100%; }
#gBodyMenu .menuSectionForPickUp .menuItemDetailWrap { margin-left: 85px; }
#gBodyMenu .menuSectionForPickUp .menuItemDetail { margin-top: 0; }
#gBodyMenu .menuBannerWrap a { display: block; margin-top: 15px; }
#gBodyMenu .menuBannerWrap a:first-child { margin-top: 0; }
#gBodyMenu .menuBannerWrap img { display: block; margin: auto; width: 100%; }
@media (min-width: 768px) { #gBodyMenu .menuBannerWrap img { width: 50%; } }
@media (min-width: 960px) { #gBodyMenu { padding: 0; float: right; width: 220px; background-color: transparent; }
  #gBodyMenu .menuSection { margin-top: 20px; padding: 0 0 30px 0; background-color: white; }
  #gBodyMenu .menuSection:first-child { margin-top: 0; }
  #gBodyMenu .menuSectionForRanking { padding-top: 0; }
  #gBodyMenu .menuHeading { height: 45px; line-height: 45px; font-size: 18px; }
  #gBodyMenu .menuItemLink:hover { opacity: 0.6; -ms-filter: "alpha(opacity=60)"; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
  #gBodyMenu .menuItemLinkInner { padding: 20px 10px; }
  #gBodyMenu .menuItemLinkInnerRanking { padding: 18px 10px 18px 45px; }
  #gBodyMenu .menuItemRankingNumber { top: 18px; left: 12px; width: 22px; height: 22px; line-height: 22px; font-size: 11px; }
  #gBodyMenu .menuItemRankingCategory { font-size: 12px; }
  #gBodyMenu .menuItemDetail { font-size: 13px; }
  #gBodyMenu .readMoreRankingWrap { text-align: center; }
  #gBodyMenu .readMoreRanking { display: inline-block; padding: 3px 7px; width: auto; height: auto; line-height: normal; font-size: 12px; }
  #gBodyMenu .menuBannerWrap { background-color: transparent; }
  #gBodyMenu .menuBannerWrap a:hover { opacity: 0.6; -ms-filter: "alpha(opacity=60)"; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
  #gBodyMenu .menuBannerWrap img { width: 100%; } }

#gBodyBottom { padding: 0 10px; }
@media (min-width: 960px) { #gBodyBottom { margin: auto; padding: 0; width: 100%; max-width: 1326px; } }

.gBodyBottomCategoryWrap { margin-top: 25px; }

.gBodyBottomHeading { margin: 0 0 10px; }

.gBodyBottomNav { width: 100%; overflow: hidden; }

.gBodyBottomNavList { *zoom: 1; padding: 0; width: 100%; list-style-type: none; }
.gBodyBottomNavList:after { content: ""; display: table; clear: both; }

.gBodyBottomNavListItem { float: left; margin: 0 1%; width: 48%; }
.gBodyBottomNavListItem a { display: block; margin: 0 auto 8px; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
.gBodyBottomNavListItem a img { display: block; width: 100%; }

#gBodyBottomAboutGoodSleepFactory p { padding: 0 20px; font-size: 14px; }

.gBodyBottomHeading { text-align: center; font-size: 16px; background: url(../img/common/bg_heading_side.png) center center repeat-x; -webkit-background-size: 1px 3.5px; -moz-background-size: 1px 3.5px; -o-background-size: 1px 3.5px; background-size: 1px 3.5px; }

.gBodyBottomHeadingText { display: inline-block; padding: 0 10px; background-color: white; }

.gBodyBottomNavListItemReasonWrap img { width: 100%; }

@media (min-width: 960px) { .gBodyBottomNav { width: 100%; max-width: 1326px; }
  .gBodyBottomNavListItem { margin: 0; width: 25%; }
  .gBodyBottomNavListItem .overlay-inner { max-width: 319px; }
  .gBodyBottomNavListItem .readMoreOverlayInner img { max-width: 319px; }
  #gBodyBottomAboutGoodSleepFactory p { padding-top: 30px; font-size: 16px; }
  .gBodyBottomHeadingText { padding: 0 20px; }
  .gBodyBottomHeadingText br { display: none; }
  .gBodyBottomHeading { font-size: 18px; background: url(../img/common/bg_heading_side.png) center center repeat-x; } }
.gBodyBottomCategoryWrapSp { margin: 30px -10px 0; padding: 30px 10px 0; background-color: white; }
.gBodyBottomCategoryWrapSp .gBodyBottomNavList { margin-bottom: 0; }

#gBreadcrumbs { margin-top: 50px; background: white; }
#gBreadcrumbs ul { display: block; margin: 0 10px; padding: 5px 0; }
#gBreadcrumbs li { display: inline; line-height: 20px; list-style: none; font-size: 11px; }
#gBreadcrumbs li:before { display: "inline-block"; margin: 0 5px; content: "＞"; }
#gBreadcrumbs li:first-child:before { display: none; }
#gBreadcrumbs a { color: #222222; text-decoration: underline; }
#gBreadcrumbs strong { font-weight: normal; }
#gBreadcrumbs #gBreadcrumbDetail { display: none; }
@media (min-width: 768px) { #gBreadcrumbs { margin-top: 60px; }
  #gBreadcrumbs ul { margin: 0 10px; padding: 10px 0; }
  #gBreadcrumbs li { font-size: 12px; }
  #gBreadcrumbs #gBreadcrumbDetail { display: inline; } }
@media (min-width: 960px) { #gBreadcrumbs ul { margin: 0 auto; width: 960px; } }

#gFoot { position: relative; margin-top: 60px; background: url(../img/common/bg_footer.png) center center repeat; -webkit-background-size: 312px 215px; -moz-background-size: 312px 215px; -o-background-size: 312px 215px; background-size: 312px 215px; }
#gFoot #gFootPageTop { position: absolute; display: inline-block; top: -20px; right: 10px; text-align: right; }
#gFoot #gFootPageTop img { width: 80.5px; }
#gFoot .gFootNavInner { padding: 25px; }
#gFoot .gFootNavInner a { color: white; }
#gFoot .gFootNavList { *zoom: 1; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#gFoot .gFootNavList:after { content: ""; display: table; clear: both; }
#gFoot .gFootNavList li { display: inline-block; margin: 10px 0 10px 15px; padding: 0 0 0 15px; border-left: 1px solid white; list-style-type: none; line-height: 1; color: white; font-size: 14px; }
#gFoot .gFootNavList li:first-child { margin: 0; padding: 0; border: 0; }
#gFoot #gFootLogoWrap { text-align: center; }
#gFoot #gFootLogoWrap img { width: 107px; }
#gFoot #gFootCopyrightWrap { margin-top: 30px; padding-bottom: 10px; text-align: center; }
#gFoot #gFootCopyrightWrap small { color: white; font-size: 14px; }
#gFoot .navLanguageEnglish { display: none; }
@media (min-width: 960px) { #gFoot #gFootCopyrightWrap { padding-bottom: 20px; }
  #gFoot #gFootPageTopWrap { position: relative; margin: auto; width: 960px; }
  #gFoot #gFootPageTop { top: -25px; }
  #gFoot .navLanguageEnglish { display: block; }
  #gFoot .navLanguageJapan { display: none; }
  #gFoot .gFootNavListLink { display: inline-block; } }

@media (min-width: 960px) { #gFootCampany { *zoom: 1; position: relative; margin: 0 auto; width: 960px; }
  #gFootCampany:after { content: ""; display: table; clear: both; }
  #gFootCampany #gFootLogoWrap { position: absolute; left: 110px; top: -5px; } }

.subMenuOverlay { display: none; width: 100%; height: 230px; background-color: white; -webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3); }

.menuOverlay { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: black; }

#gHeadOtsukaLogo { display: none; }

.pageHome #gbodyMenu .menuSectionForRanking { margin-top: 0; }
@media (min-width: 960px) { .pageHome #gHeadOtsukaLogo { display: block; position: absolute; top: 15px; left: 3%; padding: 4px; }
  .pageHome #gHeadOtsukaLogo img { width: 107px; }
  .pageHome #gHead.fixed #gHeadOtsukaLogo { display: none; } }

.gBodyArticleWrap #gBodyMenu .menuSectionForRanking { margin-top: 0; }
.aboutGoodSleepFactorySection h3 { padding: 10px 0 0 0; margin: 0; font-size: 14px; }
.aboutGoodSleepFactorySection .aboutGoodSleepFactoryTopWrap { position: relative; }
.aboutGoodSleepFactorySection .readMore { position: absolute; right: 10px; bottom: 10px; padding: 2px 20px; display: inline-block; width: auto; background-color: #0099d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1) inset; box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1) inset; }
.aboutGoodSleepFactorySection .aboutGoodSleepFactoryConsultingImage { width: 80%; }
.aboutGoodSleepFactorySection .aboutVoicesWrap { margin-top: -50px; }
.aboutGoodSleepFactorySection .aboutVoicesImageWrap { position: relative; top: 10px; }
.aboutGoodSleepFactorySection .aboutVoicesImageWrap img { margin-left: auto; width: 40%; max-width: 140px; }
.aboutGoodSleepFactorySection .aboutVoicesContent { padding: 5px; border: 1px solid #cfcfcf; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.aboutGoodSleepFactorySection .aboutVoiceInner:first-child { border-bottom: 1px dotted #cfcfcf; }
@media (min-width: 960px) { .aboutGoodSleepFactorySection h3 { padding-top: 25px; font-size: 18px; }
  .aboutGoodSleepFactorySection .aboutVoicesImageWrap { margin: auto; width: 140px; }
  .aboutGoodSleepFactorySection .aboutVoicesImageWrap img { margin: auto; width: 100%; }
  .aboutGoodSleepFactorySection .knowledgeWideImageWrap { padding: 0 !important; margin-bottom: 40px; }
  .aboutGoodSleepFactorySection .readMore { right: 30px; bottom: 30px; padding: 5px 40px; }
  .aboutGoodSleepFactorySection .aboutVoicesContent { padding: 15px 15px 5px; }
  .aboutGoodSleepFactorySection .aboutVoiceTop { padding-top: 0; } }

.aboutGoodSleepFactoryShopsWrapSp { display: block; }
@media (min-width: 960px) { .aboutGoodSleepFactoryShopsWrapSp { display: none; } }

.aboutGoodSleepFactoryShopsWrapPc { display: none; }
@media (min-width: 960px) { .aboutGoodSleepFactoryShopsWrapPc { display: block; }
  .aboutGoodSleepFactoryShopsWrapPc .aboutGoodSleepFactoryShop { height: 382px; } }

.aboutGoodSleepFactoryShopsWrap { margin-top: 30px; padding: 20px 10px; background-color: white; }
.aboutGoodSleepFactoryShopsWrap img { display: block; width: 100%; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryEmphasizedColor { color: #ff7e00; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopsInner { *zoom: 1; width: 100%; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopsInner:after { content: ""; display: table; clear: both; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop { float: left; margin: 0 0 2% 0; width: 50%; border-bottom: 1px solid black; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop p { margin: 5px 0; padding: 0; font-size: 12px; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop.even { margin: 0 0 2% 0; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop.even .aboutGoodSleepFactoryShopInner { padding: 0 0 0 10px; border-right: none; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop img { display: block; width: 100px; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop a { display: block; margin-bottom: 5px; height: 40px; text-decoration: underline; font-size: 13px; font-weight: bold; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopInner { padding-right: 10px; margin: 10px 0 20px; border-right: 1px solid black; }
.aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryNotice { padding: 0; margin: 0; font-size: 14px; }
@media (min-width: 768px) { .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop a { height: auto; } }
@media (min-width: 960px) { .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopsContentsWrap { margin: auto; width: 960px; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopsWrap { margin-top: 20px; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopDoubleText br { display: none; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop.even.positionRowLeft .aboutGoodSleepFactoryShopInner { padding-left: 0; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop { margin: 0 0 30px 0; width: 33%; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop img { width: 181px; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop.even { margin: 0 0 30px 0; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop.even .aboutGoodSleepFactoryShopInner { padding: 0 20px; border-right: 1px solid black; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop.positionRowLeft { margin: 0 0 30px 0; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop a { margin-bottom: 15px; font-size: 16px; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShop p { margin: 15px 0; font-size: 14px; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopInner { margin: 10px 0 30px; padding-right: 20px; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopInner.aboutGoodSleepFactoryShopInnerRowLast { padding: 0 0 0 20px; border-right: none !important; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryShopInner.aboutGoodSleepFactoryShopInnerOsaka { padding: 0 0 0 20px; }
  .aboutGoodSleepFactoryShopsWrap .aboutGoodSleepFactoryNotice { position: relative; top: -15px; text-align: right; font-size: 14px; } }

#gBodyInner.gBodyInnerAbout { padding-bottom: 30px; }
.articleDetail { padding: 0 10px 5px; border-top: 2px solid #74b9b8; line-height: 1.6; background-color: white; }
.articleDetail h2 { margin: 15px 0 10px; padding: 0; font-size: 15px; }
.articleDetail h3 { margin: 10px 0 -5px; padding: 0; font-size: 14px; }
.articleDetail p { margin: 10px 0; padding: 0; font-size: 14px; }
.articleDetail p img { display: block; margin: auto; width: auto; height: auto; max-width: 100%; }
.articleDetail .weakText { font-size: 11px; }
.articleDetail .articleDetailHeading { margin: 0; padding: 10px 0; font-size: 16px; }
.articleDetail .articleDetailHeadingWrap .articleAttributes { *zoom: 1; margin: 0 0 10px; }
.articleDetail .articleDetailHeadingWrap .articleAttributes:after { content: ""; display: table; clear: both; }
.articleDetail .articleDetailHeadingWrap .articleCategory { margin: 0; padding: 1px 10px; display: inline-block; float: left; color: white; font-size: 9px; }
.articleDetail .articleDetailHeadingWrap .articleDate { float: left; padding-left: 20px; line-height: 17px; font-size: 9px; }
.articleDetail .articleThumbWrap img { display: block; width: 100%; }
.articleDetail .articleAuthor { margin-top: 40px; border-top: 1px solid #a0a0a0; }
.articleDetail .articleAuthorInner { margin-top: 20px; *zoom: 1; }
.articleDetail .articleAuthorInner:after { content: ""; display: table; clear: both; }
.articleDetail .articleAuthorImageWrap { float: left; }
.articleDetail .articleAuthorImageWrap img { display: block; width: 85px; }
.articleDetail .articleAuthorNameWrap p { margin: 0 0 0 100px; font-weight: bold; }
.articleDetail .articleAuthorNameWrap .articleAuthorDetail { padding-top: 10px; margin: 0; clear: both; font-weight: normal; }
.articleDetail .articleSnsWrap img { max-width: 586px; }
.articleDetail .articleDetailRecommendReadSubText { margin: 15px 0; text-align: center; }
@media (min-width: 960px) { .articleDetail { padding: 0 35px 40px; border-top: 5px solid #74b9b8; background-color: white; }
  .articleDetail h2 { margin: 35px 0 10px; padding: 0; font-size: 22px; }
  .articleDetail h3 { margin: 30px 0 -10px; padding: 0; font-size: 18px; }
  .articleDetail p { margin: 25px 0; font-size: 16px; }
  .articleDetail .weakText { font-size: 13px; }
  .articleDetail .articleThumbWrap { height: 421px; overflow: hidden; }
  .articleDetail .articleAuthorNameWrap p { margin: 0 0 0 185px; font-size: 18px; }
  .articleDetail .articleAuthorNameWrap p br { display: none; }
  .articleDetail .articleAuthorNameWrap small { display: block; margin-bottom: 10px; }
  .articleDetail .articleAuthorNameWrap .articleAuthorDetail { margin: 0 0 0 185px; padding-top: 20px; clear: initial; font-size: 14px; }
  .articleDetail .articleAuthorInner { margin-top: 40px; }
  .articleDetail .articleAuthorImageWrap img { width: 171px; }
  .articleDetail .articleDetailHeading { padding: 20px 0; font-size: 22px; }
  .articleDetail .articleDetailHeadingWrap .articleCategory, .articleDetail .articleDetailHeadingWrap .articleDate { font-size: 12px; }
  .articleDetail .articleDetailHeadingWrap .articleCategory { padding: 1px 15px; }
  .articleDetail .articleDetailHeadingWrap .articleDate { line-height: 21px; }
  .articleDetail .articleDetailHeadingWrap .articleAttributes { margin-bottom: 20px; }
  .articleDetail .articleSnsWrap { padding-top: 120px; }
  .articleDetail .articleDetailRecommendReadSubText { margin: 10px 0 20px; } }

.articleBottomBannerWrap { margin-top: 15px; padding: 15px 10px; background-color: white; }
.articleBottomBannerWrap a { display: block; }
.articleBottomBannerWrap img { display: block; margin: auto; width: auto; max-width: 100%; }
@media (min-width: 960px) { .articleBottomBannerWrap:hover { opacity: 0.6; -ms-filter: "alpha(opacity=60)"; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
  .articleBottomBannerWrap img { display: block; width: 100%; } }

.articleDetailRecommend { margin-top: 20px; }
.articleDetailRecommend h2 img { width: 100%; }

.articleDetailCoordinate { border-top: 2px solid #c77373; }
@media (min-width: 960px) { .articleDetailCoordinate { border-top: 5px solid #c77373; } }

.articleDetailInterView { border-top: 2px solid #bbab6e; }
@media (min-width: 960px) { .articleDetailInterView { border-top: 5px solid #bbab6e; } }

.articleDetailCampaign { border-top: 2px solid #7380c7; }
@media (min-width: 960px) { .articleDetailCampaign { border-top: 5px solid #7380c7; } }

.articleDetailPreviousLinkWrap { display: none; }

.knowledgeSection { background-color: white; }
.knowledgeSection img { display: block; max-width: 100%; margin: 0 auto; }
.knowledgeSection p { margin: 0.8em 0 2rem; padding: 0; font-size: 14px; }
.knowledgeSection ul { margin: 0; padding: 0; list-style-type: none; }
.knowledgeSection .knowledgeTopHeading { margin: 0 0 0.8em; padding: 0; }
.knowledgeSection .knowledgeSubHeading { margin: 1.6em 0 0.8em; padding: 10px 7px; font-size: 100%; color: white; background-color: #23acac; }
.knowledgeSection .knowledgeSubHeading:last-of-type { margin: 1.6em 0 0.8em; padding: 10px 7px; font-size: 110%; color: white; background-color: #23acac; }
.knowledgeSection .knowledgeSectionInner { padding: 0 10px 10px; }
.knowledgeSection .knowledgeSectionInner h3 { font-size: 100%; margin: 0.6em 0; padding-left: 0.6em; border-left: 10px solid #23acac; }
.knowledgeSection .knowledgeSectionInner p strong { color: #23acac; }
.knowledgeSection .knowledgeSectionInner table.knowledgeEnqueteRanking { width:100%; margin: 0 0 1.8em; }
.knowledgeSection .knowledgeSectionInner .knowledgeEnqueteRanking tr { border-bottom: dashed 1px #23acac; }
.knowledgeSection .knowledgeSectionInner .knowledgeEnqueteRanking td { padding-top: 0.4em; vertical-align: top; }
.knowledgeSection .knowledgeSectionInner .knowledgeEnqueteRanking td.rank { width: 10%; text-align: center; }
.knowledgeSection .knowledgeSectionInner .knowledgeEnqueteRanking td.percentage { width: 20%; text-align: right; vertical-align: bottom; }
.knowledgeSection .knowledgeSectionInner p.tableCaption { margin-top: -1.6em; padding: 0; font-size: 80%; }
.knowledgeSection .knowledgeWideImageWrap { padding: 10px 0; }
.knowledgeSection .knowledgeAdviser { margin-top: 20px; padding: 15px 0; *zoom: 1; border-top: 1px dotted #a0a0a0; }
.knowledgeSection .knowledgeAdviser:after { content: ""; display: table; clear: both; }
.knowledgeSection .knowledgeAdviserImageWrap { float: left; margin-right: 10px; }
.knowledgeSection .knowledgeAdviserImageWrap img { display: block; width: 85px; }
.knowledgeSection .knowledgeAdviserName { padding-top: 0; font-weight: bold; }
.knowledgeSection .knowledgeAdviserDetail { padding-top: 0; }
.knowledgeSection .knowledgeMainNavListItem { margin-bottom: 5px; }
.knowledgeSection .knowledgeQuestionWrap { display: block; margin: 30px 0 20px; padding: 5px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #23acac; color: white; font-size: 15px; }
.knowledgeSection .knowledgeQuestionWrap strong { font-size: 15px; }
.knowledgeSection .knowledgePointWrap { margin-top: 10px; padding: 5px; border: 1px solid #ababab; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.knowledgeSection .knowledgePointHeading { margin: 0; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-align: center; background-color: #23acac; font-size: 15px; color: white; }
.knowledgeSection .knowledgePointList { margin-top: 10px; }
.knowledgeSection .knowledgePointListItem { position: relative; padding-left: 17px; margin-bottom: 3px; font-size: 14px; }
.knowledgeSection .knowledgePointListItem:before { content: ""; position: absolute; left: 0; top: 2px; display: inline-block; width: 17px; height: 12px; background: url(../img/common/list_stype_check.png) no-repeat; -webkit-background-size: 17px 12px; -moz-background-size: 17px 12px; -o-background-size: 17px 12px; background-size: 17px 12px; }
.knowledgeSection .knowledgePointLightControl { margin: 10px auto; width: 80%; background-color: #fff000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; font-weight: bold; }
.knowledgeSection .readMoreArticlesWrap { margin-bottom: 30px; }
.knowledgeSection .knowledgeBeddingSubHeading { margin-bottom: 0; text-align: center; }
.knowledgeSection .knowledgeBeddingPointNumber { margin-left: 4px; font-size: 19px; }
.knowledgeSection .knowledgeBeddingWideImageWrap { position: relative; padding-top: 0; }
.knowledgeSection .knowledgeBeddingPointReadText { position: absolute; top: 0; left: 5px; }
.knowledgeSection .readMoreBeddingPoint { position: absolute; bottom: 20px; right: 10px; padding: 2px 20px; width: auto; background-color: #0099d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1) inset; box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1) inset; }
.knowledgeSection .knowledgeColumnWrap strong { display: block; margin-bottom: 5px; }
.knowledgeSection .knowledgeColumnWrap .knowledgeBedFrameTyepEmphasized br { display: none; }
.knowledgeSection .knowledgeMattressKindsWrap { margin-bottom: 20px; border-bottom: 1px solid black; }
.knowledgeSection .knowledgeMattressKindsWrap strong { display: block; font-size: 14px; }
.knowledgeSection .knowledgeMattressKindsWrap.lastItem { border: none; }
.knowledgeSection .knowledgeWideImageWrap.knowledgeMattressBrandsImage { padding: 30px 0; }
.knowledgeSection .knowledgeMattressBrandsImage { margin: auto; }
.knowledgeSection .knowledgeDoubleLineWrap { margin-bottom: 4.5rem; }
.knowledgeSection .emphasizedText { display: block; margin-bottom: 5px; }
.knowledgeSection .knowledgeMattressCheckPointWrap { margin-bottom: 30px; }
.knowledgeSection .emphasizedBlueTextWrap { padding: 20px 0 5px; }
.knowledgeSection .emphasizedBlueTextWrap strong { display: block; margin: 0 auto; text-align: center; color: #23acac; }
.knowledgeSection .knowledgePopularMattressBrandsHeading { margin-top: 35px; }
.knowledgeSection .knowledgeMattressBrandsWrap { *zoom: 1; width: 100%; }
.knowledgeSection .knowledgeMattressBrandsWrap:after { content: ""; display: table; clear: both; }
.knowledgeSection .knowledgeMattressBrand { float: left; margin: 0 2% 4% 0; width: 48%; }
.knowledgeSection .knowledgeMattressBrand.even { margin: 0 0 4% 2%; }
.knowledgeSection .knowledgeMattressBrand img { display: block; margin: 0 auto 5px; width: 60%; }
.knowledgeSection .knowledgeMattressBrand a { display: block; text-decoration: underline; font-size: 8px; text-align: center; }
.knowledgeSection .knowledgeMattressBrandsHeadingWrap { margin-bottom: 20px; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif; }
.knowledgeSection .knowledgeMattressBrandsHeadingWrap .knowledgeMattressBrandsHeading { margin: 15px 0 10px; font-size: 17px; }
.knowledgeSection .knowledgeMattressBrandsHeadingWrap p { margin: 10px 0 0 0; padding: 0; }
.knowledgeSection .knowledgeMattressCategoryHeading { margin: 15px 0 0 0; font-size: 14px; }
.knowledgeSection .knowledgeBedframeThreeColumnWrap { margin-bottom: 30px; }
.knowledgeSection .knowledgeBedframeThreeColumnWrap img { margin: auto; width: 80%; }
.knowledgeSection .knowledgeBedframeThreeColumnWrap .knowledgeBedframeType { width: 50%; }
.knowledgeSection .knowledgeBedWearImageWrap img { margin: 20px 0; }
.knowledgeSection .knowledgeBedWearImageWrap .knowledgeBedWearStructureImage { margin: 20px auto; width: 50%; }
.knowledgeSection .knowledgeBedWearKindWrap a { display: inline-block; text-align: right; text-decoration: underline; font-size: 14px; }
.knowledgeSection .readMoreBedWear { text-align: right; }
.knowledgeSection .knowledgeBedWearPointWrap { margin-top: 20px; }
.knowledgeSection .knowledgeBedWearPointWrap .knowledgePointLightControl { width: 60%; }
.knowledgeSection .knowledgeWakeUpWrap { margin: 20px -10px; padding: 10px; background-color: #ddecec; }
.knowledgeSection .knowledgeWakeUpWrap ul { overflow: hidden; margin-left: 0.8em; }
.knowledgeSection .knowledgeWakeUpWrap li { float: left; list-style: disc inside; margin-right: 1.2em; }
  .knowledgeSection .knowledgeWakeUpWrap .knowledgeAromaWrap .knowledgeAroma { margin: 0.8em; padding: 0.2em 0.8em; background: #ffffff; }
.knowledgeSection .knowledgeWakeUpHeading { margin: 0.8em 0 0.6em; }
.knowledgeSection .knowledgeBedroomThreeColumnWrap { *zoom: 1; margin: 10px 0; }
.knowledgeSection .knowledgeBedroomThreeColumnWrap:after { content: ""; display: table; clear: both; }
.knowledgeSection .knowledgeBedroomColumn { position: relative; float: left; margin-left: 5%; width: 30%; }
.knowledgeSection .knowledgeBedroomColumn:before { content: ""; position: absolute; top: 16%; left: -12%; width: 6.5px; height: 9.5px; background: url(../img/common/icon_right_arrow.png) no-repeat; -webkit-background-size: 6.5px 9.5px; -moz-background-size: 6.5px 9.5px; -o-background-size: 6.5px 9.5px; background-size: 6.5px 9.5px; }
.knowledgeSection .knowledgeBedroomColumn:first-child { margin-left: 0; }
.knowledgeSection .knowledgeBedroomColumn:first-child:before { display: none; }
.knowledgeSection .knowledgeBedroomCurtainThreeColumnWrap .knowledgeBedroomColumn:before { content: ""; position: absolute; top: 42%; left: -12%; }
.knowledgeSection .noArrow:before { display: none; }
.knowledgeSection .knowledgeBedroomCurtainHeading { margin-top: 30px; }
.knowledgeSection .knowledgeSleepItemPointWrap { margin-bottom: 20px; }
.knowledgeSection .knowledgeSleepItemPointWrap .knowledgePointHeading { padding: 10px; }
.knowledgeSection .knowledgeBedroomSleepItemWrap { *zoom: 1; margin-top: 15px; }
.knowledgeSection .knowledgeBedroomSleepItemWrap:after { content: ""; display: table; clear: both; }
.knowledgeSection .knowledgeBedroomSleepItemWrap img { float: left; margin-right: 10px; width: 30%; }
.knowledgeSection .knowledgeBedroomSleepItemWrap strong { display: block; color: #23acac; }
.knowledgeSection .knowledgeBedroomSleepTop { padding-top: 0; font-weight: bold; }
.knowledgeSection .knowledgeBedroomSleepDetail { clear: both; }
.knowledgeSection .knowledgeQandAWrap .knowledgeQuestionAnswer { padding: 0; }
.knowledgeSection .knowledgeQandAWrap.firstItem { padding-top: 5px; }
.knowledgeSection .knowledgeQuestionColorWrap { margin-top: 15px; *zoom: 1; }
.knowledgeSection .knowledgeQuestionColorWrap:after { content: ""; display: table; clear: both; }
.knowledgeSection .knowledgeQuestionColorImageWrap, .knowledgeSection .knowledgeQuestionColorDetailWrap { float: left; width: 50%; }
.knowledgeSection .knowledgeQuestionColorImageWrap { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.knowledgeSection .knowledgeQuestionColorName { padding: 0; font-weight: bold; }
.knowledgeSection p.knowledgeQuestionColorName { margin: 0; }
.knowledgeSection .knowledgeSectionInner .knowledgeQuestionColorName strong { position: relative; display: block; margin: 0 0 5px 25px; color: #222222; }
.knowledgeSection .knowledgeQuestionColorName strong:before { content: "■"; position: absolute; left: -25px; top: -6px; display: inline-block; margin-right: 5px; font-size: 20px; }
.knowledgeSection .knowledgeQuestionColorBeige:before { color: #e8d5b6; }
.knowledgeSection .knowledgeQuestionColorGreen:before { color: #66a24b; }
.knowledgeSection .knowledgeQuestionColorBlue:before { color: #709ec9; }
.knowledgeSection .knowledgeQuestionColorPink:before { color: #ddb8b0; }
.knowledgeSection .knowledgeQuestionColorLavender:before { color: #9b71ad; }
.knowledgeSection .knowledgeQuestionColorRed:before { color: #fc2e2e; }
.knowledgeSection .knowledgeQuestionColorShockingPink:before { color: #f408d0; }
.knowledgeSection .knowledgeDoubleLineImageMattress { margin: auto; width: 65%; }
.knowledgeSection .knowledgeMattressDoubleLineWrap .knowledgeDoubleLineImage { width: 60%; }
@media (min-width: 768px) { .knowledgeSection .readMoreBeddingPoint { bottom: 40px; right: 20px; padding: 10px 40px; font-size: 16px; } }
@media (min-width: 960px) { .knowledgeSection p { margin: 0 0 1.8em; font-size: 16px; }
  .knowledgeSection img { margin: auto; width: auto; max-width: 100%; }
  .knowledgeSection a { display: block; text-decoration: none; }
  .knowledgeSection a:hover { opacity: 0.6; -ms-filter: "alpha(opacity=60)"; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
  .knowledgeSection .knowledgeSectionInner p a { display: inline; }
  .knowledgeSection .knowledgeSectionInner p a:hover { text-decoration: underline; }
  .knowledgeSection .knowledgeQuestionColorDetailWrap { padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .knowledgeSection .knowledgeQuestionColorName { font-size: 15px; }
  .knowledgeSection .knowledgeQuestionColorName strong { margin: 0 0 5px 30px; }
  .knowledgeSection .knowledgeQuestionColorName strong:before { left: -30px; font-size: 24px; }
  .knowledgeSection .knowledgeQuestionColorResult { padding: 5px 0 0 0; font-size: 13px; }
  .knowledgeSection .knowledgeQuestionColorsWrap { *zoom: 1; }
  .knowledgeSection .knowledgeQuestionColorsWrap:after { content: ""; display: table; clear: both; }
  .knowledgeSection .knowledgeQuestionColorWrap { float: left; width: 50%; height: 140px; }
  .knowledgeSection .knowledgeQandAWrap .knowledgeQuestionAnswer { padding-top: 25px; }
  .knowledgeSection .knowledgeQandAWrap.firstItem { padding-top: 26px; }
  .knowledgeSection .knowledgeBedroomSleepItemWrap { margin-top: 15px; }
  .knowledgeSection .knowledgeBedroomSleepItemWrap img { margin-right: 20px; }
  .knowledgeSection .knowledgeBedroomSleepItemWrap strong { display: inline-block; margin-right: 10px; }
  .knowledgeSection .knowledgeBedroomSleepItemWrap.firstItem { margin-top: 25px; }
  .knowledgeSection .knowledgeBedroomSleepDetail { clear: initial; }
  .knowledgeSection .knowledgeBedroomSleepTop { padding-bottom: 0; }
  .knowledgeSection .knowledgeBedroomSleepDetail { padding-top: 10px; font-size: 15px; }
  .knowledgeSection .knowledgeWakeUpCurtainWrap.knowledgeWakeUpWrap { margin-top: 50px; padding-bottom: 30px; }
  .knowledgeSection .knowledgeWakeUpWrap { margin: 0 -36px 30px; padding: 0.8em 36px; }
  .knowledgeSection .knowledgeBedroomColumn p { padding: 10px 0; }
  .knowledgeSection .knowledgeBedroomColumn:before { content: ""; position: absolute; top: 22%; left: -12%; width: 15px; height: 23px; background: url(../img/common/icon_right_arrow_pc.png) no-repeat; }
  .knowledgeSection .knowledgeBedWearImageWrap { *zoom: 1; }
  .knowledgeSection .knowledgeBedWearImageWrap:after { content: ""; display: table; clear: both; }
  .knowledgeSection .knowledgeBedWearImageWrap img { float: right; width: 33%; }
  .knowledgeSection .knowledgeBedWearImageWrap img:first-child { float: left; width: 60%; }
  .knowledgeSection .knowledgeBedWearImageWrap .knowledgeBedWearStructureImage { width: 33%; }
  .knowledgeSection .knowledgeBedWearPointWrap { margin-top: 40px; }
  .knowledgeSection .knowledgeBedWearPointWrap .knowledgePointLightControl { width: 40%; }
  .knowledgeSection .knowledgeBedWearKindWrap a { font-size: 15px; }
  .knowledgeSection .knowledgeBedframeThreeColumnWrap img { width: 100%; }
  .knowledgeSection .knowledgeBedframeThreeColumnWrap .knowledgeBedframeType { width: 100%; }
  .knowledgeSection .knowledgeMattressDoubleLineWrap p { padding-top: 0; }
  .knowledgeSection .knowledgeMattressDoubleLineWrap .knowledgeDoubleLineImage { width: 35%; }
  .knowledgeSection .knowledgeMattressDoubleLineWrap .knowledgeDoubleLineText { width: 60%; }
  .knowledgeSection .knowledgeMattressCategoryHeading { margin-bottom: -15px; font-size: 16px; }
  .knowledgeSection .knowledgeMattressBrandsHeadingWrap .knowledgeMattressBrandsHeading { margin: 20px 0 15px; font-size: 24px; }
  .knowledgeSection .knowledgeMattressBrand { margin: 0 0 5% 5%; width: 30%; }
  .knowledgeSection .knowledgeMattressBrand.even { margin: 0 0 5% 5%; }
  .knowledgeSection .knowledgeMattressBrand.positionRowLeft { margin: 0 0 5% 0; }
  .knowledgeSection .knowledgeMattressBrand a { font-size: 13px; }
  .knowledgeSection .knowledgeMattressBrand img { margin-bottom: 10px; }
  .knowledgeSection .knowledgeMattressBrandsWrap { margin-top: 20px; }
  .knowledgeSection .knowledgePopularMattressBrandsHeading { margin-top: 45px; }
  .knowledgeSection .emphasizedText { margin-bottom: 15px; }
  .knowledgeSection .emphasizedBlueTextWrap { padding-top: 40px; }
  .knowledgeSection .knowledgeMattressBrandsImage { padding-top: 0 !important; margin: 0; }
  .knowledgeSection .knowledgeDoubleLineWrap { *zoom: 1; margin-bottom: 0; }
  .knowledgeSection .knowledgeDoubleLineWrap:after { content: ""; display: table; clear: both; }
  .knowledgeSection .knowledgeDoubleLineText { float: left; width: 55%;margin-top: 0.8rem; }
  .knowledgeSection .knowledgeDoubleLineImage { float: right; max-width: 40%; margin-left: 0.8em;margin-top:1rem;  }
  .knowledgeSection .knowledgeDoubleLineImageStand { top: 160px; }
  .knowledgeSection .knowledgeMattressKindsWrap { margin-top: 20px; }
  .knowledgeSection .knowledgeMattressKindsWrap strong { font-size: 18px; }
  .knowledgeSection .knowledgeMattressKindsWrap p { padding-top: 10px; }
  .knowledgeSection .knowledgeMattressKindsWrap .knowledgeDoubleLineText { width: 360px; }
  .knowledgeSection .knowledgeMattressKindsWrap .knowledgeDoubleLineImage { width: auto; }
  .knowledgeSection .knowledgeDoubleLineImageBedroom { overflow: hidden; }
  .knowledgeSection .knowledgeThreeColumnWrap { *zoom: 1; margin-bottom: 30px; }
  .knowledgeSection .knowledgeThreeColumnWrap:after { content: ""; display: table; clear: both; }
  .knowledgeSection .knowledgeThreeColumnWrap img { width: 420px; margin: 0; }
  .knowledgeSection .knowledgeThreeColumnWrap p { padding-bottom: 0; }
  .knowledgeSection .knowledgeColumnWrap { float: left; width: 30%; margin-left: 5%; }
  .knowledgeSection .knowledgeColumnWrap strong { margin-bottom: 10px; }
  .knowledgeSection .knowledgeColumnWrap:first-child { margin-left: 0; }
  .knowledgeSection .knowledgeColumnWrap .knowledgeBedFrameTyepEmphasized br { display: block; }
  .knowledgeSection .knowledgeWakeUpWrap .knowledgeAromaWrap { overflow: hidden; }
  .knowledgeSection .knowledgeWakeUpWrap .knowledgeAromaWrap .knowledgeAroma { float: left; width: 40%; margin: 0 2%; padding: 0 0.8em; background: #ffffff; }
  .knowledgeSection .knowledgeWakeUpWrap .knowledgeAromaWrap li { width: 40%; }
  .knowledgeSection .knowledgeWakeUpWrap .knowledgeAromaWrap p { margin: 0.8em 0 0.6em; }
  .knowledgeSection .knowledgeSubHeading { padding: 10px; font-size: 120%; }
  .knowledgeSection .knowledgeSubHeading:last-of-type { padding: 13px 10px; font-size: 130%; }
  .knowledgeSection .knowledgeSectionInner h3 { font-size: 110%; }
  .knowledgeSection .knowledgeSubHeadingGoodQualitySleep br, .knowledgeSection .knowledgeSubHeadingBedFrame br, .knowledgeSection .knowledgeSubHeadingBedroom br, .knowledgeSection .emphasizedTextMattress br { display: none; }
  .knowledgeSection .knowledgeSectionInner { padding: 0 36px 36px; }
  .knowledgeSection .knowledgeAdviser { margin-top: 0; padding: 30px 0; }
  .knowledgeSection .knowledgeAdviserImageWrap { margin-right: 20px; }
  .knowledgeSection .knowledgeAdviserImageWrap img { width: 130px; }
  .knowledgeSection .knowledgeAdviserName { padding-bottom: 15px; font-size: 14px; }
  .knowledgeSection .knowledgeAdviserDetail { font-size: 13px; }
  .knowledgeSection .knowledgeMainNavList { *zoom: 1; }
  .knowledgeSection .knowledgeMainNavList:after { content: ""; display: table; clear: both; }
  .knowledgeSection .knowledgeMainNavListItem { float: left; margin: 0 10px 20px 0; width: 300px; }
  .knowledgeSection .knowledgeMainNavListItem.even { margin-right: 0; margin-left: 10px; }
  .knowledgeSection .knowledgeQuestionWrap { padding: 15px; font-size: 18px; }
  .knowledgeSection .knowledgeQuestionWrap br { display: none; }
  .knowledgeSection .knowledgeQuestionWrap strong { font-size: 24px; }
  .knowledgeSection .knowledgeMechanismWideImageWrap { margin-top: 25px; float: right; }
  .knowledgeSection .knowledgeMechanismWideImageWrap img { margin-left: 15px; width: 426px; }
  .knowledgeSection .knowledgePointWrap { padding: 15px 15px 5px; }
  .knowledgeSection .knowledgePointHeading { padding: 10px; font-size: 18px; }
  .knowledgeSection .knowledgePointHeading br { display: none; }
  .knowledgeSection .knowledgePointListItem { margin-bottom: 5px; padding-left: 25px; font-size: 15px; }
  .knowledgeSection .knowledgePointListItem:before { content: ""; top: 4px; width: 25px; height: 17px; background: url(../img/common/list_stype_check_pc.png) no-repeat; }
  .knowledgeSection .knowledgePointList { float: left; width: 55%; }
  .knowledgeSection .knowledgePointListMattress { float: none; width: 100%; }
  .knowledgeSection .knowledgePointLightControl { float: right; width: 40%; }
  .knowledgeSection .knowledgePointInner { *zoom: 1; padding-top: 10px; }
  .knowledgeSection .knowledgePointInner:after { content: ""; display: table; clear: both; }
  .knowledgeSection .readMoreArticlesWrap { margin-top: 70px; }
  .knowledgeSection .readMoreArticlesWrap.readMoreMattressArticlesWrap { margin: 30px auto 60px; }
  .knowledgeSection .knowledgeBeddingSubHeading { padding: 5px 10px; text-align: left; }
  .knowledgeSection .knowledgeBeddingSubHeading br { display: none; }
  .knowledgeSection .knowledgeBeddingPointNumber { margin-right: 10px; font-size: 30px; }
  .knowledgeSection .knowledgeBeddingWideImageWrap p { padding: 1.6em 0; }
  .knowledgeSection .knowledgeBeddingPointReadText { left: 10px; }
  .knowledgeSection .readMoreBeddingPoint { padding: 5px 35px; top: 20px; }
  .knowledgeSection .knowledgeSleepItemPointWrap { padding-bottom: 20px; } }

.browsermsie .knowledgeSection .knowledgeMattressBrandsHeadingWrap { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", serif; }

.articleThumb { display: block; width: 100%; }

#gBodyKeyvisual { display: block; }
#gBodyKeyvisual img { width: 100%; }
#gBodyKeyvisual .keyvisualCategoryNav { display: none; }
@media (min-width: 960px) { #gBodyKeyvisual { position: relative; }
  #gBodyKeyvisual .keyvisualCategoryNav { position: absolute; display: block; left: 0; right: 0; top: 280px; margin: 0 auto; width: 960px; }
  #gBodyKeyvisual .keyvisualCategoryNavList { margin: 0; padding: 0; list-style-type: none; }
  #gBodyKeyvisual .keyvisualCategoryNavListItem { display: inline-block; margin-bottom: 5px; }
  #gBodyKeyvisual .keyvisualCategoryNavListItem a { font-size: 32px; color: white; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-decoration: none; text-shadow: 3px 3px 4px #333333; }
  #gBodyKeyvisual .keyvisualCategoryNavListItem a:hover { color: #74b9b8; } }

#gBodyTop { position: relative; margin: -75px auto 0 auto; padding: 0 10px; }
#gBodyTop .gBodyTopPickUpHeading { margin: 0; }
#gBodyTop .gBodyTopPickUpImage { display: block; width: 100%; }
#gBodyTop .gBodyTopPickUpInner { padding: 10px; -webkit-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.3); background: url(../img/top/sp/bg_category.png) center center repeat; -webkit-background-size: 292px 4.5px; -moz-background-size: 292px 4.5px; -o-background-size: 292px 4.5px; background-size: 292px 4.5px; }
#gBodyTop .listItemArticle { background-color: transparent; margin-bottom: 25px; }
#gBodyTop .articleAttributes { margin: 10px 0 0 0; }
#gBodyTop .articleInner { padding: 5px; height: auto; }
@media (min-width: 960px) { #gBodyTop { margin: -90px auto 0 auto; padding: 0; width: 960px; }
  #gBodyTop .gBodyTopPickUpInner { *zoom: 1; padding: 15px 40px; background: url(../img/top/sp/bg_category.png) center center repeat; }
  #gBodyTop .gBodyTopPickUpInner:after { content: ""; display: table; clear: both; }
  #gBodyTop .gBodyTopPickUpInner .articleHeading { height: 44px; }
  #gBodyTop .listItemArticle { float: left; margin: 0 0 0 26px; width: 276px; }
  #gBodyTop .listItemArticle:first-child { margin-left: 0; }
  #gBodyTop .articleInner { padding-top: 10px; }
  #gBodyTop .articleAttributes { margin-top: 15px; }
  #gBodyTop .articleThumbWrap { width: 276px; height: 184px; overflow: hidden; } }

.gBodyTopNav { margin-top: 20px; }
.gBodyTopNav .gBodyTopNavList { padding: 0; list-style-type: none; }
.gBodyTopNav .gBodyTopNavListItem { margin-bottom: 5px; }
.gBodyTopNav .gBodyTopNavListItemLink { display: block; margin: auto; padding: 0 10px; }
.gBodyTopNav .gBodyTopNavListItemLink img { width: 100%; }
.gBodyTopNav .gBodyTopNavListItemImage { display: block; width: 100%; }
.gBodyTopNav .gBodyTopNavListItem.lastItem { margin-bottom: 10px; }
@media (min-width: 960px) { .gBodyTopNav { margin-top: 12px; }
  .gBodyTopNav .gBodyTopNavListItemLink { padding: 0; }
  .gBodyTopNav .gBodyTopNavList { *zoom: 1; margin: 12px 0; }
  .gBodyTopNav .gBodyTopNavList:after { content: ""; display: table; clear: both; }
  .gBodyTopNav .gBodyTopNavListItem { float: left; margin: 0 0 0 12px; width: 312px; }
  .gBodyTopNav .gBodyTopNavListItem:first-child { margin-left: 0; }
  .gBodyTopNav .gBodyTopNavListItem:first-child img { width: 311px; } }

.gBodyBottomNavListItemReasonOverlay { display: block; position: absolute; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background-color: black; }
/*




 */


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.knowledgeMattressBrandsImage ul {
	overflow: hidden;
}
.knowledgeMattressBrandsImage li {
	float: left;
	width: 30%;
	margin-right: 1.5%;
	font-size: 70%;
	text-align: center;
}
.knowledgeMattressBrandsImage img {
	width: 100%;
	max-width: 90px;
}

.knowledgeSection .knowledgeSectionInner .TargetShoplist {
	margin:1rem auto 1rem;
}
.knowledgeSection .knowledgeSectionInner .TargetShoplist li {
	margin-bottom:0.4rem;
}
.knowledgeSection .knowledgeSectionInner .TargetShoplist li a {
	display:block;
}

@media (min-width: 960px) {
	.knowledgeMattressBrandsImage li {
		width: 120px;
		margin-right: 0;
		font-size: 90%;
	}
	.knowledgeSection .knowledgeSectionInner .TargetShoplist {
		margin:1rem auto 0;
	}
	.knowledgeSection .knowledgeSectionInner .TargetShoplist li {
	margin-bottom:0.3rem;;
	}
}