@charset "UTF-8";
/* _setting CSS */
/* #
------------------------------------------------------------------------- */
/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media screen and (min-width: 751px) {
  #contents #breadcrumb {
    margin: 0 auto;
  }
  #contents .page_hd {
    height: 0;
    margin: 40px auto 60px;
    padding: 29px 0 0;
    overflow: hidden;
    background: url(../images/products/detail/hd.jpg) no-repeat center bottom;
  }
  #contents section {
    margin-bottom: 150px;
  }
  #contents section .hd {
    height: 0;
    margin: 0 0 75px;
    padding: 29px 0 0;
    overflow: hidden;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
  }
  #contents #sec01 {
    margin-bottom: 80px;
    padding: 25px;
    border: 5px solid #983f13;
    box-sizing: border-box;
  }
  #contents #sec01:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec01 .zip_check_form {
    float: left;
    width: 460px;
    padding: 0 20px 0 0;
    border-right: 1px dotted #c0c0c0;
  }
  #contents #sec01 .zip_check_form p input {
    width: 376px;
  }
  #contents #sec01 .zip_check_form p button {
    display: block;
    float: right;
    width: 53px;
    line-height: 34px;
    border: none;
    background: #983f13;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer;
  }
  #contents #sec01 .attention_wrap {
    float: right;
    width: 460px;
  }
  #contents #sec01 .attention_wrap h4 {
    margin: 0 0 8px;
    color: #983f13;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.6rem;
  }
  #contents #sec01 .attention_wrap h4:before {
    content: url(../images/common/icon_attention01.png);
    position: relative;
    top: 2px;
    margin: 0 8px 0 0;
  }
  #contents #sec01 .attention_wrap li {
    line-height: 1.7;
    color: #584940;
    font-size: 1.3rem;
  }
  #contents #sec02 .top_wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 0 80px;
  }
  #contents #sec02 .top_wrap #slide {
    position: relative;
    width: 490px;
    height: 490px;
  }
  #contents #sec02 .top_wrap #slide li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 490px;
    line-height: 0;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
  }
  #contents #sec02 .top_wrap #slide li img {
    width: 100%;
  }
  #contents #sec02 .top_wrap #slide .selected {
    display: block;
  }
  #contents #sec02 .top_wrap #pn {
    position: absolute;
    bottom: 0;
    left: 530px;
  }
  #contents #sec02 .top_wrap #pn li {
    float: left;
    width: 83px;
    line-height: 0;
    margin: 0 11px 0 0;
    border: 1px solid #dcdcdc;
    cursor: pointer;
  }
  #contents #sec02 .top_wrap .item_detail {
    width: 490px;
    padding: 0 0 95px;
    font-size: 1.4rem;
  }
  #contents #sec02 .top_wrap .item_detail h3 {
    line-height: 1.4;
    margin: 0 0 20px;
    color: #584940;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 3rem;
  }
  #contents #sec02 .top_wrap .item_detail h3 span {
    display: block;
    font-size: 1.4rem;
  }
  #contents #sec02 .top_wrap .item_detail .note {
    margin: 0 0 25px;
  }
  #contents #sec02 .top_wrap .item_detail .price {
    font-size: 1.4rem;
  }
  #contents #sec02 .top_wrap .item_detail .price span {
    font-size: 1.8rem;
  }
  #contents #sec02 .top_wrap .item_detail ul {
    margin: 0 0 15px;
    text-align: left;
  }
  #contents #sec02 .top_wrap .item_detail ul li {
    display: inline-block;
    margin: 0 3px 8px;
    padding: 2px 8px;
    border: 1px solid #a2a2a2;
    color: #a2a2a2;
    font-size: 1rem;
  }
  #contents #sec02 .top_wrap .item_detail .item_form:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .quantity {
    float: left;
    width: 235px;
    margin: 0 0 20px;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .quantity .input_wrap {
    width: 100px;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .quantity .quantity_input {
    width: 80px;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .quantity .quantity_p {
    left: 129px;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .size {
    float: right;
    width: 235px;
    margin: 0 0 20px;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .cart {
    float: left;
    width: 235px;
    margin: 0;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .cart_skip {
    float: right;
    width: 235px;
    margin: 0;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .cart_skip a {
    display: block;
    line-height: 45px;
    background: #983f13;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .cart_skip a:hover {
    opacity: 0.7;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .favorite {
    clear: both;
    width: 235px;
    padding: 3px 0 0;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .favorite a {
    display: block;
    line-height: 25px;
    background: #c0a195;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    text-decoration: none;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .favorite a:hover {
    opacity: 0.7;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry {
    clear: both;
    line-height: 30px;
    padding: 10px 0 0;
    color: #c0a195;
    font-size: 1.3rem;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry a {
    display: block;
    float: right;
    width: 180px;
    line-height: 28px;
    border: 1px solid #c0a195;
    color: #c0a195;
    text-align: center;
    text-decoration: none;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry a:hover {
    opacity: 0.7;
  }
  #contents #sec02 .description:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec02 .description .box {
    float: left;
    width: 490px;
  }
  #contents #sec02 .description .box > table {
    width: 100%;
  }
  #contents #sec02 .description .box > table th,
  #contents #sec02 .description .box > table td {
    line-height: 1.6;
    padding: 10px;
    border-top: 1px solid #a2a2a2;
    border-bottom: 1px solid #a2a2a2;
    color: #584940;
    font-size: 1.4rem;
    vertical-align: top;
  }
  #contents #sec02 .description .box > table th {
    width: 110px;
    background: #eee;
    text-align: center;
  }
  #contents #sec02 .description .box > table table th,
  #contents #sec02 .description .box > table table td {
    width: auto;
    min-width: 75px;
    padding: 3px 10px;
    border: 1px solid #a2a2a2;
    background: none;
    text-align: left;
  }
  #contents #sec02 .description .box02 {
    float: right;
  }
  #contents #sec03 h3 {
    background: url(../images/products/detail/sec03_hd.jpg);
  }
  #contents #sec03 ul {
    display: flex;
    margin: 0 0 110px;
  }
  #contents #sec03 li {
    width: 240px;
    margin: 0 20px 20px 0;
  }
  #contents #sec03 li:last-child {
    margin: 0 0 20px;
  }
  #contents #sec03 li a {
    display: block;
    color: #584940;
    text-decoration: none;
  }
  #contents #sec03 li a:hover {
    opacity: 0.7;
  }
  #contents #sec03 li .img {
    line-height: 0;
  }
  #contents #sec03 li .img img {
    width: 100%;
  }
  #contents #sec03 li .text {
    padding: 10px 15px 15px;
    border: 1px solid #eae1ce;
    border-top: none;
  }
  #contents #sec03 li .text span {
    display: block;
  }
  #contents #sec03 li .text .name {
    line-height: 1.4;
    margin: 0 0 8px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.8rem;
  }
  #contents #sec03 li .text .name span {
    font-size: 1.3rem;
  }
  #contents #sec03 li .text .price {
    margin: 0 0 10px;
    font-size: 1.6rem;
    text-align: right;
  }
  #contents #sec03 li .text .link {
    color: #908479;
    font-size: 1.3rem;
    text-align: center;
  }
  #contents #sec03 li .text .link:after {
    content: '>';
    margin: 0 0 0 3px;
  }
  #contents #sec04 .hd {
    margin: 0 0 40px;
    background: url(../images/index/sec05_hd.png);
  }
  #contents #sec04 .top_text {
    margin: 0 0 75px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.6rem;
    text-align: center;
  }
  #contents #sec04 ul {
    display: flex;
    justify-content: space-between;
    margin: 0 0 70px;
  }
  #contents #sec04 li {
    width: 320px;
  }
  #contents #sec04 li a {
    display: block;
    text-decoration: none;
    color: #403836;
  }
  #contents #sec04 li a:hover {
    opacity: 0.7;
  }
  #contents #sec04 .img {
    margin: 0 0 15px;
  }
  #contents #sec04 .img img {
    width: 100%;
  }
  #contents #sec04 h4 {
    margin: 0 0 15px;
    color: #403836;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 2.2rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
  }
  #contents #sec04 p {
    font-size: 1.4rem;
  }
  #contents #sec04 .detail {
    display: block;
    padding: 10px 0 0;
  }
  #contents #sec04 .detail:after {
    content: '>';
    margin: 0 0 0 3px;
  }
  #contents #sec06 h3 {
    background: url(../images/products/detail/sec06_hd.png);
  }
}
/* ////.min-width:751px | 751px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
  #contents #breadcrumb {
    margin: 0 auto;
  }
  #contents .page_hd {
    width: 92%;
    height: 0;
    margin: 60px auto 30px;
    padding: 6.66667% 0 0;
    overflow: hidden;
    background: url(../images/sp/products/detail/hd.jpg) no-repeat center top;
    background-size: 100% !important;
  }
  #contents section {
    margin-bottom: 45px;
  }
  #contents section .hd {
    height: 0;
    margin: 0 0 25px;
    padding: 6.66667% 0 0;
    overflow: hidden;
    background-size: 100% !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
  #contents #sec01 {
    width: 92%;
    padding: 12px 4%;
    border: 2.5px solid #983f13;
    box-sizing: border-box;
  }
  #contents #sec01:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec01 .zip_check_form {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
  }
  #contents #sec01 .attention_wrap {
    padding: 10px 0 0;
  }
  #contents #sec01 .attention_wrap h4 {
    margin: 0 0 8px;
    color: #983f13;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.2rem;
    text-decoration: underline;
  }
  #contents #sec01 .attention_wrap h4:before {
    content: url(../images/common/icon_attention01.png);
    position: relative;
    top: 2px;
    margin: 0 8px 0 0;
  }
  #contents #sec01 .attention_wrap li {
    line-height: 1.7;
    margin: 0 0 0 1em;
    color: #584940;
    font-size: 1rem;
    text-indent: -1em;
  }
  #contents #sec02 .top_wrap {
    position: relative;
    margin: 0 0 80px;
  }
  #contents #sec02 .top_wrap #slide {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 0 10px;
    padding: 100% 0 0;
  }
  #contents #sec02 .top_wrap #slide li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
  }
  #contents #sec02 .top_wrap #slide li img {
    width: 100%;
  }
  #contents #sec02 .top_wrap #slide .selected {
    display: block;
  }
  #contents #sec02 .top_wrap #pn {
    display: flex;
    margin: 0 0 40px;
  }
  #contents #sec02 .top_wrap #pn li {
    width: 17.10145%;
    margin: 0 2.9% 0 0;
    line-height: 0;
    border: 1px solid #dcdcdc;
    cursor: pointer;
  }
  #contents #sec02 .top_wrap #pn li:last-child {
    margin: 0;
  }
  #contents #sec02 .top_wrap .item_detail {
    font-size: 1.3rem;
  }
  #contents #sec02 .top_wrap .item_detail h3 {
    line-height: 1.4;
    margin: 0 0 20px;
    color: #584940;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 2rem;
  }
  #contents #sec02 .top_wrap .item_detail h3 span {
    display: block;
    font-size: 1.3rem;
  }
  #contents #sec02 .top_wrap .item_detail .note {
    margin: 0 0 25px;
  }
  #contents #sec02 .top_wrap .item_detail .price {
    margin: 0 0 15px;
    font-size: 1rem;
  }
  #contents #sec02 .top_wrap .item_detail .price span {
    font-size: 1.8rem;
    font-weight: bold;
  }
  #contents #sec02 .top_wrap .item_detail ul {
    margin: 0 0 10px;
    text-align: left;
  }
  #contents #sec02 .top_wrap .item_detail ul li {
    display: inline-block;
    margin: 0 3px 8px;
    padding: 2px 8px;
    border: 1px solid #a2a2a2;
    color: #a2a2a2;
    font-size: 1rem;
  }
  #contents #sec02 .top_wrap .item_detail .item_form:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .cart {
    margin: 0 0 10px;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .cart_skip a {
    display: block;
    line-height: 42px;
    background: #983f13;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .favorite {
    clear: both;
    padding: 10px 0 0;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .favorite a {
    display: block;
    line-height: 30px;
    background: #c0a195;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    text-decoration: none;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry {
    clear: both;
    line-height: 30px;
    padding: 10px 0 0;
    color: #c0a195;
    font-size: 1.2rem;
    text-align: center;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry a {
    display: block;
    width: 207px;
    line-height: 28px;
    margin: 0 auto;
    border: 1px solid #c0a195;
    color: #c0a195;
    text-align: center;
    text-decoration: none;
  }
  #contents #sec02 .top_wrap .item_detail .item_form .review_entry a:hover {
    opacity: 0.7;
  }
  #contents #sec02 .description:after {
    content: '';
    display: block;
    clear: both;
  }
  #contents #sec02 .description .box > table {
    width: 100%;
  }
  #contents #sec02 .description .box > table tr {
    margin: 0 0 10px;
  }
  #contents #sec02 .description .box > table tr > th,
  #contents #sec02 .description .box > table tr > td {
    display: block;
    width: 100%;
    line-height: 1.6;
    box-sizing: border-box;
    color: #666;
    font-size: 1.2rem;
    vertical-align: top;
  }
  #contents #sec02 .description .box > table tr > th {
    margin: 12px 0 8px;
    padding: 5px 10px;
    background: #cecece;
    color: #fff;
  }
  #contents #sec02 .description .box > table table tr {
    margin: 0;
  }
  #contents #sec02 .description .box > table table th,
  #contents #sec02 .description .box > table table td {
    display: table-cell;
    width: auto;
    min-width: 75px;
    padding: 3px 10px;
    border: 1px solid #a2a2a2;
    background: none;
    color: #666;
    text-align: left;
  }
  #contents #sec03 {
    margin-bottom: 110px;
  }
  #contents #sec03 h3 {
    background: url(../images/products/detail/sec03_hd.jpg);
  }
  #contents #sec03 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 45px;
  }
  #contents #sec03 li {
    width: 47.82609%;
    margin: 0 0 23px;
  }
  #contents #sec03 li a {
    display: block;
    color: #584940;
    text-decoration: none;
  }
  #contents #sec03 li a:hover {
    opacity: 0.7;
  }
  #contents #sec03 li .img {
    line-height: 0;
  }
  #contents #sec03 li .text {
    padding: 10px 15px 15px;
    border: 1px solid #eae1ce;
  }
  #contents #sec03 li .text span {
    display: block;
  }
  #contents #sec03 li .text .name {
    line-height: 1.4;
    margin: 0 0 8px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.8rem;
  }
  #contents #sec03 li .text .name span {
    font-size: 1.2rem;
  }
  #contents #sec03 li .text .price {
    margin: 0 0 10px;
    font-size: 1.6rem;
    text-align: right;
  }
  #contents #sec03 li .text .link {
    color: #908479;
    font-size: 1.3rem;
    text-align: center;
  }
  #contents #sec03 li .text .link:after {
    content: '>';
    margin: 0 0 0 3px;
  }
  #contents #sec04 h3 {
    background: url(../images/sp/index/sec05_hd.jpg);
  }
  #contents #sec04 .top_text {
    margin: 0 0 40px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.5rem;
  }
  #contents #sec04 .top_text .sp_block {
    display: block;
  }
  #contents #sec04 li {
    margin: 0 0 12px;
  }
  #contents #sec04 li a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: #403836;
  }
  #contents #sec04 .img {
    width: 44.92754%;
  }
  #contents #sec04 .text {
    width: 50%;
  }
  #contents #sec04 h4 {
    margin: 0 0 10px;
    color: #403836;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.7rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #contents #sec04 p {
    font-size: 1.2rem;
  }
  #contents #sec06 h3 {
    background: url(../images/products/detail/sp_sec06_hd.jpg);
  }
  #contents #sec06 iframe {
    width: 100%;
    height: 52vw;
  }
}
/* ////.max-width:750px | ~ 750px
------------------------------------------------------------------------- */