﻿div#wrapMainContent,.bg-beige,.bg-stripe {width:100%;}
.section {width:950px;margin:20px auto;justify-content: space-between;}
ul.topicPath {width:950px;margin:0 auto;}

h1 img {width:100%;}

.read {width:80%;margin:30px auto;}

.read p {font-size:1.6rem;}

h2 {border-bottom:none;}
h2 span {color:#775c3a;font-weight:700;font-size:1.2rem;display:block;}


.aged h2,h3 {background: #775c3a;-webkit-box-shadow: 5px 5px 0 #007032;box-shadow: 5px 5px 0 #704400;background-size:contain;padding: 20px;box-sizing:border-box;color:#fff;font-weight:700;text-align:center;margin:70px 0 20px 0;font-size:2rem;}

.bg-beige {background:#F5EDE5;margin:50px auto;padding:50px;box-sizing:border-box;}
.bg-stripe {background-size: auto auto;background-color: rgba(255, 255, 255, 1);background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(245, 237, 229, 1) 10px, rgba(245, 237, 229, 1) 20px );margin:50px auto;padding:50px;box-sizing:border-box;}

h4 {font-weight:600;font-size:1.6rem;text-align:center;}
h4 span {font-weight:500;font-size:1.2rem;display:block;}

.recommend-item {margin:0 auto;width:100%;}
.wrap1row {display:flex;width:950px;margin:0 auto;}
.wrap1row div.bg {width:47%;background:url(/column/special/season/aged/images/item_bg.png) no-repeat right top;background-size:350px;padding: 30px 30px 0 0;box-sizing:border-box;position:relative;margin:0 0 80px 0;}
.wrap1row div.info {width:100%;}
.wrap1row .info-icon {bottom:50px;}
.wrap2row {width:47%;background:url(/column/special/season/aged/images/item_bg.png) no-repeat right top;background-size:350px;padding: 30px 30px 0 0;box-sizing:border-box;position:relative;margin:0 0 80px 0;}
.wrap4row {text-align:center;margin:30px 0 0 0;width:22%;position:relative;}
.wrap4row img {width:100%;margin:20px 0;}

.info-icon  {width:130px;height:130px;background:url(/column/special/season/aged/images/info_bg.png) no-repeat;padding:25px 0;box-sizing:border-box;position:absolute;left:-20px;text-align:center;background-size:contain;}
.info-icon p {color:#fff;font-size:1rem;font-weight:600;}
.info-icon p span {font-size:1.6rem;}
.wrap2row .info-icon {top:310px;}
.wrap4row .info-icon {width:120px;height:100px;bottom:80px;padding:25px 0;}
.wrap4row .info-icon p {line-height:1.4rem;}

.item-info {width:90%;margin:30px auto;}
.item-info p {font-size:1.4rem;}

.btnMore {color:#ff6d3d;background:#fff;border:3px solid #ff6d3d;padding:10px;font-size:1.2rem;}

.btn {color:#fff;background:linear-gradient(135deg, #ff6d3d 0 100%),repeating-linear-gradient(45deg, #ff6d3d 0px 3px, transparent 3px 6px);padding:20px;font-size:1.6rem;}

.btn,.btnMore {
text-decoration:none;
margin:20px auto;
display:block;
width:60%;
text-align:center;
font-weight:700;
    background-repeat: no-repeat;
    background-size: calc(100% - 0.3rem) calc(100% - 0.3rem);
    background-position: 0 0, 0.5rem 0.5rem;
}

.btn:after,.btnMore:after {
        content: "\f061";
        font-family: "Font Awesome 5 Pro";
        padding: 0 0 0 10px;
}

.sp {display:none;}
.wrap4row .btn {padding:10px;font-size:1.4rem;width:80%;}

/* ギフトLPとの共通化のための処理 */

.wrap2row img {width:100%;}
.father h3 {background:none;box-shadow:none;color: #666;text-align: left;margin: 10px 0 0 0;padding: 40px 0 10px 0;font-size:1.6rem;}
.more-btn {text-decoration:none;border-radius: 1rem;width: 70%;padding: 20px;margin:20px auto;display:flex;justify-content: center;align-items: center;flex-shrink: 0;font-size: 1.4rem;font-weight: 700;border: 2px solid #775c3a;background: #FFF;color: #775c3a;}
.more-btn::after {content: "\f061";font-family: "Font Awesome 5 Pro";font-weight: 700;font-size: 1.4rem;padding: 0 0 0 15px;}

@media screen and (max-width: 767px) {
body {padding:0!important;}
.section,ul.topicPath {width:96%;justify-content: space-between;}
.bg-beige,.bg-stripe {padding:50px 15px;}
h3 span {font-size: 1rem;}
.btn,.more-btn {width: 80%;padding: 20px 15px;font-size: 1.2rem;}
.wrap1row,.wrap1row div.bg {width:100%;display:block;}
.wrap1row .info-icon {top:280px;left:5px;}
.wrap2row {margin:40px 20px;}
.wrap4row {width:47%;margin:80px 0 0 0;}
.wrap4row .info-icon  {padding:20px 0;left:-15px;}
.wrap2row .info-icon {top:280px;}
read {width:85%;}
h3 {font-size:1.6rem;}
.sp {display:block;}
 }