@charset "UTF-8";
/* item-detail.php */
* { margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 770px) { .innerWrapper { width: 880px; margin: 40px auto; padding: 24px 80px; border-radius: 4px; border: 1px solid #eee; background-color: #f6f6f6; } }
@media screen and (max-width: 770px) { .innerWrapper { padding: 24px 16px; } }

h1, h2, h3, h4, h5 { font-weight: 500; }

.btns .button { margin: 4px 8px; }

@media screen and (max-width: 770px) { .btns .button { margin: 16px auto; } }
.button { display: block; width: 200px; height: 48px; line-height: 48px; text-align: center; border-radius: 4px; color: #fff; margin: 0 auto; }
.button--orange { background-color: #f90; }
.button--green { background-color: #00c402; }
.button--blue { background-color: #6197d6; }

@media screen and (min-width: 770px) { .btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .btns--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }
@media screen and (max-width: 770px) { .button { margin: 16px auto; } }

.pageTitle { font-size: 24px; text-align: center; color: #222; padding: 8px 0　16px; }
.detailCard__sub p { line-height: 1em; margin-bottom: 0; }
footer .inner { width: 100%; padding: 0 5% 0 5%; padding-top: 0px; }

/*パンくず */
.breadcrumbs { margin: 40px 0 0 40px; }
.breadcrumbs a { font-weight: normal; text-decoration: underline; }
.breadcrumbs a:hover { text-decoration: none; }
.breadcrumbs ul { display: table; font-size: 13px; }
.breadcrumbs ul li { margin: 0 10px 0 0; font-size: 13px; float: left; }
.breadcrumbs ul li:first-child::before { padding: 0 3px 0 0; content: ""; font-family: FontAwesome; font-size: 14px; }
.breadcrumbs ul li::before { padding: 0 10px 0 0; content: ""; font-family: FontAwesome; font-size: 14px; }

@media screen and (min-width: 770px) { .breadcrumbs { margin: 40px; } }
/*　スマホ時 */
@media screen and (max-width: 780px) { .breadcrumbs { margin: 15px 0 10px 20px; margin: 18px 0 -16px 14px; } }
/* Youtube */
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 20px auto 0 auto; width: 480px; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 790px) { .youtube { max-width: 100%; } }
/* 関連商品 */
.table-scroll { width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
.table-scroll table { border-collapse: collapse; }
.table-scroll table th { border: solid 1px #ccc; padding: 8px; white-space: nowrap; background: #aaa; color: #fff; }
.table-scroll table td { border: solid 1px #ccc; padding: 8px; white-space: nowrap; }

/*# sourceMappingURL=item-detail.css.map */