/* =================================================================
トップ共通
=================================================================*/
.container.top{font-family: 'Noto Sans JP', sans-serif,}
.container.top h2 {margin: 0px;}
.container.top h2 img{display: block; margin: 0 auto;}
.container.top ul {list-style: none;}
.container.top p{letter-spacing: 0.1em;}

.container.top a{-webkit-transition: all .6s cubic-bezier(.5,0,0,1); -moz-transition: all .6s cubic-bezier(.5,0,0,1); transition: all .6s cubic-bezier(.5,0,0,1);}
.container.top a img{-webkit-transition: all .6s cubic-bezier(.5,0,0,1); -moz-transition: all .6s cubic-bezier(.5,0,0,1); transition: all .6s cubic-bezier(.5,0,0,1);}
.container.top a:before{-webkit-transition: all .6s cubic-bezier(.5,0,0,1); -moz-transition: all .6s cubic-bezier(.5,0,0,1); transition: all .6s cubic-bezier(.5,0,0,1);}
.container.top a:hover{text-decoration: none; opacity: 0.85; -webkit-transition: all .6s cubic-bezier(.5,0,0,1); -moz-transition: all .6s cubic-bezier(.5,0,0,1); transition: all .6s cubic-bezier(.5,0,0,1);}
.container.top a:hover img{opacity: 0.85;}

/* =================================================================
メインビジュアル
=================================================================*/
.main-visal{width: 100%; background: #ffffff;}
.main-visal.slick-dotted.slick-slider{margin-bottom: 0px;}
.slick-slide img{width: 100% !important;}
.slick-dots{bottom: -31px !important;}
.slick-dots li{padding: 0px !important; width: 12px !important; height: 12px !important;}
.slick-dots li button{padding: 0px !important; width: 12px !important; height: 12px !important;}
.slick-dots li button:before{display: block !important; width: 12px !important; height: 12px !important; background: #f2f0ee !important; content: "" !important; border-radius: 6px !important; opacity: 1 !important;}
.slick-dots li.slick-active button:before{display: block !important; width: 12px !important; height: 12px !important; background: #481304 !important;}

@media screen and (max-width: 999px) {
	.slick-dots li{width: 15px !important; height: 15px !important; margin: 0 7px !important;}
	.slick-dots li button{width: 15px !important; height: 15px !important;}
	.slick-dots li button:before{width: 15px !important; height: 15px !important; border-radius: 7.5px !important;}
	.slick-dots li.slick-active button:before{width: 15px !important; height: 15px !important; border-radius: 7.5px !important;}
}

/* =================================================================
ニュース
=================================================================*/
.news-area {background: #ffffff; padding-top: 135px; padding-bottom: 100px;}
.news-area h2{margin-bottom: 47px !important;}
.news-area .news-list{width: 700px; margin: 0 auto 60px; height: 140px; overflow-y: scroll; box-sizing: border-box;}
.news-area .news-list li{display: flex; align-items: flex-start; padding-bottom: 17px; border-bottom: 1px solid #cfcfcf; margin-bottom: 17px; box-sizing: border-box;}
.news-area h3{margin: 0px 50px 0 0; font-size: 14px;}
.news-area p{margin: 0px; font-size: 14px; max-width: 80%;}

.share ul{display: flex; justify-content: center; margin: 0px;}
.share ul li:first-child{margin-right: 27px;}

@media screen and (max-width: 999px) {
	.news-area h2 img{width: 135px;}
	.news-area {padding-top: 95px ; padding-bottom: 50px;}
	.news-area .news-list{width: 94.67%; height: 210px;  margin: 0 auto 63px;}
	.news-area .news-list li{flex-direction: column;}
	.news-area .news-list h3{margin-bottom: 7px;}

	.share ul li img{height: 39px;}
}

/* =================================================================
おすすめ商品
=================================================================*/
.recommend-area{background: url(../images/recommend-area-bg.jpg); padding-top: 100px; padding-bottom: 80px; box-sizing: border-box;}
.recommend-area h2{margin-bottom: 49px !important;}
.recommend-area .item-list{width: 1000px; margin: 0 auto;}
.recommend-area .item-list .box-inner img{display: block; margin-bottom: 12px;}
.recommend-area .item-list .box-inner h3{font-size: 16px; font-weight: normal; margin: 0 0; color: #481304;}
.recommend-area .item-list .box-inner p{margin: 0px; font-size: 16px; color: #481304;}
.recommend-area .item-list .box-inner{width: 220px; line-height: 25px; margin: 0 auto;}

@media screen and (max-width: 999px) {
	.recommend-area {height: auto; padding-bottom: 70px;}
	.recommend-area h2{margin-bottom: 54px !important;}
	.recommend-area h2 img{height: 81px;}
	.recommend-area{padding-top: 50px;}
	.recommend-area .item-list{width: 94.67%;}
	.recommend-area .item-list .box-inner img{margin-bottom: 13px;}
	.recommend-area .item-list .box-inner h3{font-size: 14px; font-weight: normal; margin: 0 0; color: #481304; line-height: 21px;}
	.recommend-area .item-list .box-inner p{margin: 0px; font-size: 14px; color: #481304; line-height: 21px;}
	.recommend-area .item-list .box-inner{width: 95.71%; line-height: 25px; margin: 0 auto;}

	.recommend-area .slick-prev:before,
	.recommend-area .slick-next:before{width: 39px; height: 39px; display: block; content: "" !important; opacity: 1;}

	.recommend-area .slick-prev.slick-disabled:before, .recommend-area .slick-next.slick-disabled:before{opacity: 1 !important;}

	.recommend-area .slick-prev:before{background-image: url(../images/icon-prev-sp.jpg); background-size: cover;}
	.recommend-area .slick-next:before{background-image: url(../images/icon-next-sp.jpg); background-size: cover;}

	.recommend-area .slick-prev, .recommend-area .slick-next {width: 39px; height: 39px; z-index: 100;}

	.recommend-area .slick-next {right: -10px  !important; top: 39%;}
	.recommend-area .slick-prev {left: -10px !important; top: 39% ;}

	.recommend-area .slick-dots{bottom: -44px !important;}
	.recommend-area .slick-dots li button:before{background: #dedede !important;}
	.recommend-area .slick-dots li.slick-active button:before{background: #481304 !important;}
}

/* =================================================================
メディア
=================================================================*/
.media-area{background-image: url(../images/media-area-bg.jpg); background-position: top; background-size: 100%; padding-top: 259px; padding-bottom: 101px; background-repeat: no-repeat; background-color: #ffffff; box-sizing: border-box;}
.media-area .inner{width: 1000px; margin: 0 auto 60px !important; display: flex; justify-content: space-between;}
.media-area .text-area{padding-top: 70px;}
.media-area .text-area h2{margin-bottom: 31px !important;}
.media-area .text-area p{font-size: 16px; color: #481304; line-height: 28px; width: 478px;}

.media-box{background: #ffffff; width: 1000px; margin: 0 auto; padding-top: 76px; height: 473px; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02); box-sizing: border-box; border-radius: 8px;}
.media-box h2{margin-bottom: 42px !important;}
.media-box ul{width: 700px; margin: 0 auto 0px; height: 180px; overflow-y: scroll; box-sizing: border-box;}
.media-box ul li{display: flex; align-items: flex-start; padding-bottom: 17px; border-bottom: 1px solid #cfcfcf; margin-bottom: 17px;}
.media-box ul h3{margin: 0px 50px 0 0; font-size: 14px;}
.media-box ul p{margin: 0px; font-size: 14px; max-width: 80%;}

@media screen and (max-width: 999px) {
	.media-area{background-image: url(../images/media-area-bg-sp.jpg); padding-top: 144px; padding-bottom: 127px;}
	.media-area .text-area h2{margin-bottom: 48px !important;}
	.media-area .text-area h2 img{width: 282px;}
	.media-area .image{width: 250px; display: block; margin: 0 auto 33px;}
	.media-area .inner{display: block;}
	.media-area .text-area{padding-top: 0px;}
	.media-area .text-area p{width: 91%; margin: 0 auto; font-size: 14px; line-height: 21px;}

	.media-box{width: 100%; box-shadow: none; padding-top: 50px; height: auto;}
	.media-box ul{width: 94.67%;}
	.media-box ul li{flex-direction: column; padding-bottom: 10px; margin-bottom: 10px;}
	.media-box ul h3{margin-bottom: 7px;}
}

/* =================================================================
想い
=================================================================*/
.thought-area{background-image: url(../images/thought-area-bg.png); background-repeat: no-repeat; background-position: right 20% center; background-color: #fffcf7; height: 851px; padding-top: 152px; box-sizing: border-box; background-size: 536px;}
.thought-area .box{width: 525px;}
.thought-area h2{margin-bottom: 60px !important;}
.thought-area p{width: 480px; font-size: 16px; color: #481304; line-height: 28px;}

@media screen and (max-width: 999px) {
	.thought-area{position: relative; min-height: 1156px; background-size: 281px; background-position: top 193px center;}
	.thought-area h2{position: absolute; top: -63px; left: 0; right: 0; margin: auto;}
	.thought-area h2 img{height: 207px;}
	.thought-area{padding-top: 50px;}
	.thought-area .box{width: 100%; padding-top: 682px; margin: 0 auto;}
	.thought-area p{width: 87%; margin: 0 auto; font-size: 14px; line-height: 21px;}
}

/* =================================================================
こだわり
=================================================================*/
.kodawari-area{background-image: url(../images/kodawari-area-bg.jpg); background-repeat: repeat-y; background-size: 100%; padding-top: 96px; overflow: hidden;}
.kodawari-area h2{margin-bottom: 51px !important;}
.kodawari-area .box-area{height: 574px;}
.kodawari-area .inner{height: 574px; margin: 0 auto; display: flex; align-items: center;}
.kodawari-area .box{background-color: #fff; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02); border-radius: 3px; width: 600px; height: 474px; position: relative; padding: 74px 60px 0; box-sizing: border-box;}
.kodawari-area .box::before{display: block; position: absolute; content: "";}
.kodawari-area .box h3{margin: 0 0 38px;}
.kodawari-area .box p{font-size: 16px; color: #481304; line-height: 28px;}

.kodawari-area .box-area.content01{background-image: url(../images/kodawari-area-box-area-content01-bg.png); background-repeat: no-repeat; background-position: right; width: 1400px; margin: 0 auto 50px;}
.kodawari-area .box-area.content01 .box::before{width: 166px; height: 149px; background-image: url(../images/kodawari-area-box-area-content01-item.png); top: 37px; right: -14px;}

.kodawari-area .box-area.content02{background-image: url(../images/kodawari-area-box-area-content02-bg.png); background-repeat: no-repeat; background-position: left; width: 1400px; margin: 0 auto 50px; height: 630px;}
.kodawari-area .box-area.content02 .inner{justify-content: flex-end; height: 630px;}
.kodawari-area .box-area.content02 .box{height: 530px;}
.kodawari-area .box-area.content02 .box::before{width: 198px; height: 212px; background-image: url(../images/kodawari-area-box-area-content02-item.png); top: 11px; right: 15px;}

.kodawari-area .box-area.content03{background-image: url(../images/kodawari-area-box-area-content03-bg.png); background-repeat: no-repeat; background-position: right; width: 1400px; margin: 0 auto 50px; height: 552px;}
.kodawari-area .box-area.content03 .inner{height: 552px;}
.kodawari-area .box-area.content03 .box{height: 452px;}
.kodawari-area .box-area.content03 .box::before{width: 164px; height: 129px; background-image: url(../images/kodawari-area-box-area-content03-item.png); top: 38px; right: -12px;}

.kodawari-area .box-area.content04{background-image: url(../images/kodawari-area-box-area-content04-bg.png); background-repeat: no-repeat; background-position: left; width: 1400px; margin: 0 auto 101px; height: 601px;}
.kodawari-area .box-area.content04 .inner{justify-content: flex-end; height: 601px;}
.kodawari-area .box-area.content04 .box{height: 501px;}
.kodawari-area .box-area.content04 .box::before{width: 186px; height: 105px; background-image: url(../images/kodawari-area-box-area-content04-item.png); top: 21px; right: 16px;}

@media screen and (max-width: 999px) {
	.kodawari-area{padding-top: 52px;}
	.kodawari-area h2{margin-bottom: 45px !important;}
	.kodawari-area h2 img{width: 275px;}
	.kodawari-area .inner{flex-direction: column;}

	.kodawari-area .box-area{height: auto;}
	.kodawari-area .box{width: 89.34%; height: auto; padding: 33.5px 43px 48px;}
	.kodawari-area .box h3{margin: 0 0 35px;}
	.kodawari-area .box h3 img{display: block; margin:  0 auto;}
	.kodawari-area .box p{font-size: 14px; color: #481304; line-height: 21px;}

	.kodawari-area .box-area.content01{width: 100%; height: auto; padding-top: 242px; background-size: 100%; background-position: top; background-image: url(../images/kodawari-area-box-area-content01-bg-sp.png);}
	.kodawari-area .box-area.content01 .inner{height: auto;}
	.kodawari-area .box-area.content01 .box{height: auto;}
	.kodawari-area .box-area.content01 .box::before{width: 83px; height: 74.5px; background-image: url(../images/kodawari-area-box-area-content01-item-sp.png); top: -43px; right: 40px; background-size: cover;}
	.kodawari-area .box-area.content01 h3 img{width: 246.5px;}

	.kodawari-area .box-area.content02{width: 100%; height: auto; padding-top: 242px; background-size: 100%; background-position: top; background-image: url(../images/kodawari-area-box-area-content02-bg-sp.png);}
	.kodawari-area .box-area.content02 .inner{height: auto;}
	.kodawari-area .box-area.content02 .box{height: auto;}
	.kodawari-area .box-area.content02 .box::before{width: 99px; height: 106px; background-image: url(../images/kodawari-area-box-area-content02-item-sp.png); top: -23px; right: 46px; background-size: cover;}

	.kodawari-area .box-area.content03{width: 100%; height: auto; padding-top: 242px; background-size: 100%; background-position: top; background-image: url(../images/kodawari-area-box-area-content03-bg-sp.png);}
	.kodawari-area .box-area.content03 .inner{height: auto;}
	.kodawari-area .box-area.content03 .box{height: auto;}
	.kodawari-area .box-area.content03 .box::before{width: 82px; height: 64.5px; background-image: url(../images/kodawari-area-box-area-content03-item-sp.png); top: -16px; right: 68px; background-size: cover;}

	.kodawari-area .box-area.content04{width: 100%; height: auto; padding-top: 242px; background-size: 100%; background-position: top; background-image: url(../images/kodawari-area-box-area-content04-bg-sp.png);}
	.kodawari-area .box-area.content04 .inner{height: auto;}
	.kodawari-area .box-area.content04 .box{height: auto;}
	.kodawari-area .box-area.content04 .box::before{width: 99px; height: 106px; background-image: url(../images/kodawari-area-box-area-content04-item-sp.png); top: -35px; right: 50px; background-size: cover;}

}


/* =================================================================
おいしい食べ方
=================================================================*/
.howto-area {background-color: #fff; padding-bottom: 65px; padding-top: 100px;}
.howto-area h2{margin-bottom: 48px !important;}
.howto-area h3{font-family: 'Noto Serif JP', serif; font-size: 20px; color: #481304; margin: 0 0 28px !important;}
.howto-area h3 strong{font-size: 30px; color: #a78c57; font-weight: normal;}
.howto-area p{font-size: 16px; color: #481304; line-height: 28px;}
.howto-area .annotation{font-size: 14px;}
.howto-area .text{padding-left: 386px;}

.howto-area .box{width: 1000px; height: 311px; display: flex; align-items: center; margin: 0 auto 33px;}
.howto-area .box.content01{background-image: url(../images/howto-area-box01-bg.png); background-repeat: no-repeat; background-position: left 50px center;}
.howto-area .box.content02{background-image: url(../images/howto-area-box02-bg.png); background-repeat: no-repeat; background-position: left 50px center;}
.howto-area .box.content03{background-image: url(../images/howto-area-box03-bg.png); background-repeat: no-repeat; background-position: left 50px center;}

@media screen and (max-width: 999px) {
	.howto-area{padding-top: 51px; padding-bottom: 50px;}
	.howto-area h2 img{width: 243px;}
	.howto-area .box{width: 100%;}
	.howto-area .text{padding-left: 0px;}
	.howto-area .text h3{text-align: center; font-size: 15px; line-height: 30px; margin-bottom: 20px !important;}
	.howto-area h3 strong{font-size: 21px;}
	.howto-area .text {padding-top: 178px;}
	.howto-area .text p{font-size: 14px; line-height: 21px; width: 87%; margin: 0 auto;}
	.howto-area .box{background-size: 257px; height: auto; display: block; margin-bottom: 50px;}
	.howto-area .box.content01{background-image: url(../images/howto-area-box01-bg.png); background-repeat: no-repeat; background-position: top center;}
	.howto-area .box.content02{background-image: url(../images/howto-area-box02-bg.png); background-repeat: no-repeat; background-position: top center;}
	.howto-area .box.content03{background-image: url(../images/howto-area-box03-bg.png); background-repeat: no-repeat; background-position: top center; margin-bottom: 0px;}
}

/* =================================================================
ピックアップ
=================================================================*/
.pickup-area{background: url(../images/pickup-area-bg.jpg); padding-top: 100px; padding-bottom: 80px; box-sizing: border-box;}
.pickup-area h2{margin-bottom: 49px !important;}
.pickup-area .item-list{width: 1000px; margin: 0 auto;}
.pickup-area .item-list .box-inner img{display: block; margin-bottom: 12px;}
.pickup-area .item-list .box-inner h3{font-size: 16px; font-weight: normal; margin: 0 0; color: #fff;}
.pickup-area .item-list .box-inner p{margin: 0px; font-size: 16px; color: #fff;}
.pickup-area .item-list .box-inner{width: 220px; line-height: 25px; margin: 0 auto;}

@media screen and (max-width: 999px) {
	.pickup-area{padding-top: 50px; height: auto; padding-bottom: 70px;}
	.pickup-area h2 img{height: 81px;}
	.pickup-area .item-list{width: 94.67%;}
	.pickup-area .item-list .box-inner img{margin-bottom: 16px;}
	.pickup-area .item-list .box-inner h3{font-size: 14px; font-weight: normal; margin: 0 0; color: #ffffff; line-height: 21px;}
	.pickup-area .item-list .box-inner p{margin: 0px; font-size: 14px; color: #ffffff; line-height: 21px;}
	.pickup-area .item-list .box-inner{width: 95.71%; line-height: 25px; margin: 0 auto;}

	.pickup-area .slick-prev:before,
	.pickup-area .slick-next:before{width: 39px; height: 39px; display: block; content: "" !important; opacity: 1;}

	.pickup-area .slick-prev.slick-disabled:before, .pickup-area .slick-next.slick-disabled:before{opacity: 1 !important;}

	.pickup-area .slick-prev:before{background-image: url(../images/icon-prev-sp.jpg); background-size: cover;}
	.pickup-area .slick-next:before{background-image: url(../images/icon-next-sp.jpg); background-size: cover;}

	.pickup-area .slick-prev, .pickup-area .slick-next {width: 39px; height: 39px; z-index: 100;}

	.pickup-area .slick-next {right: -10px !important; top: 39%;}
	.pickup-area .slick-prev {left: -10px !important; top: 39%;}
	.pickup-area .slick-dots{bottom: -44px !important;}

	.pickup-area .slick-dots li button:before{background: #dedede !important;}
	.pickup-area .slick-dots li.slick-active button:before{background: #481304 !important;}
}

/* =================================================================
レビュー
=================================================================*/
.review-area{background-image: url(../images/review-area-bg.jpg); background-size: cover; padding: 150px 0 140px;}
.review-area h2{margin-bottom: 49px !important;}
.review-area .review-list{width: 1000px; margin: 0 auto;}
.review-area .review{background: #fff; border-radius: 8px; padding: 40px; margin-bottom: 20px;}
.review-area .review h3{font-size: 16px; line-height: 24px; color: #481304; height: 63px; padding:  20px 0 0 77px; box-sizing: border-box; margin: 0 0 13px;}
.review-area .review p{font-size: 16px; line-height: 24px; color: #481304; margin-bottom: 0px;}
.review-area .review .male{background-image: url(../images/review-icon-male.jpg); background-repeat: no-repeat;}
.review-area .review .female{background-image: url(../images/review-icon-female.jpg); background-repeat: no-repeat;}

.review-area .slick-prev:before,
.review-area .slick-next:before{width: 50px; height: 50px; display: block; content: "" !important; opacity: 1;}

.review-area .slick-prev.slick-disabled:before, .review-area .slick-next.slick-disabled:before{opacity: 1 !important;}

.review-area .slick-prev:before{background-image: url(../images/icon-prev.jpg);}
.review-area .slick-next:before{background-image: url(../images/icon-next.jpg);}

.review-area .slick-prev, .review-area .slick-next {width: 50px; height: 50px; z-index: 100;}
.review-area .slick-next {right: -70px !important;}
.review-area .slick-prev {left: -70px !important;}

.review-area .slick-prev:hover, .review-area .slick-prev:focus, .review-area .slick-next:hover, .review-area .slick-next:focus{opacity: 0.8 !important;}

@media screen and (max-width: 999px) {
	.review-area{background-image: url(../images/review-area-bg-sp.jpg); padding-top: 50px; padding-bottom: 70px;}
	.review-area h2 img{width: 243px;}
	.review-area .review-list{width: 89.6%;}
	.review-area .review{box-sizing: border-box; border-radius: 4px;}
	.review-area .review h3{font-size: 15px; background-size: 63.5px; height: 38px; padding: 6px 0 0 52px;}
	.review-area .review p{font-size: 14px;}

	.review-area .slick-next {right: -19px !important;}
	.review-area .slick-prev {left: -19px !important;}
}

/* =================================================================
ショッピングガイド
=================================================================*/
.guide-area{background-image: url(../images/guide-area-bg.jpg); background-size: cover; padding-bottom: 24px; padding-top: 100px;}
.guide-area h2{margin: 0 0 44px !important;}
.guide-area .title{font-size: 20px; text-align: center; color: #481304; font-family: 'Noto Serif JP', serif; margin-bottom: 45px;}

.guide-area .guide-list{display: flex; align-items: flex-start; width: 1000px; margin: 0 auto 46px;}
.guide-area .guide-list li{width: 249px; height: 254px; border-left: 1px solid #481304; padding-left: 24px; padding-right: 23px;}
.guide-area .guide-list h3{margin: 0px 0 19px;}
.guide-area .guide-list p{font-size: 16px; line-height: 22px; color: #481304; margin: 0px;}
.guide-area .guide-list a{display: block; border: 1px solid #481304; height: 40px; width: 200px; color: #481304; text-align: center; padding-top: 8px; box-sizing: border-box; margin-top: 20px;}
.guide-area .guide-list a:hover{background: #481304; color: #fff; text-decoration: none;}
.guide-area .guide-list .annotation{font-size: 14px;}

.guide-area .arrow{position: relative;}
.guide-area .arrow::before{content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 1px #481304; border-right: solid 1px #481304; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 16px; margin-top: -4px;}
.guide-area .arrow:hover::before{border-color: #fff;}

.guide-area .trouble{font-family: 'Noto Serif JP', serif; text-align: center; font-size: 16px; line-height: 28px; color: #481304; margin: 0px 0 70px;}

.guide-area .bottom-area{width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start;}
.guide-area .bottom-area ul{margin: 0px 0 88px;}
.guide-area .bottom-area li{width: 480px;}
.guide-area .bottom-area li h3{background-image: url(../images/guide-area-h3-bg.png); background-repeat: no-repeat; font-family: 'Noto Serif JP', serif; font-size: 20px; line-height: 24px; color: #481304; padding-left: 42px; padding-bottom: 19px; border-bottom: 1px solid #481304;}
.guide-area .bottom-area li p{font-size: 14px; line-height: 26px; color: #481304; margin-bottom: 35px;}
.guide-area .bottom-area li .before-link{margin-bottom: 11px;}
.guide-area .bottom-area li strong{font-size: 16px;}
.guide-area .bottom-area li .annotation{font-size: 12px;}
.guide-area .bottom-area li img{margin-bottom: 17px;}
.guide-area .bottom-area li .link a{font-size: 14px; line-height: 26px; color: #481304;}

@media screen and (max-width: 999px) {
	.guide-area{background-size: 100%; padding-bottom: 0px; padding-top: 51px;}
	.guide-area h2 img{width: 311px;}
	.guide-area .title{font-size: 15px; margin-bottom: 16px;}
	.guide-area .guide-list{width: 100%; flex-direction: column; margin-bottom: 0px;}
	.guide-area .guide-list li{width: 87%; height: auto; border: 0px; padding: 0 0px; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: space-between; margin: 0 auto 30px;}
	.guide-area .guide-list li:last-child{border: none;}
	.guide-area .guide-list li p{width: 164px; font-size: 14px; line-height: 21px; word-break: break-all; padding-top: 27px;}
	.guide-area .guide-list h3 img{height: 64px;}
	.guide-area .guide-list a{width: 164px; margin-top: 19px; font-size: 14px; height: 28px; padding-top: 2px; background: #481304; color: #fff;}
	.guide-area .guide-list a:before{border-color: #fff;}

	.guide-area .trouble{font-size: 15px; line-height: 21px; margin-bottom: 31px;}
	.guide-area .trouble .title{display: block; font-weight: bold; margin-bottom: 0px;}

	.guide-area .bottom-area{flex-direction: column; width: 87%;}
	.guide-area .bottom-area ul{margin: 0px 0 35px;}
	.guide-area .bottom-area li{width: 100%; font-size: 14px; line-height: 21px;}
	.guide-area .bottom-area li h3{font-size: 17px; padding-bottom: 20px; margin-bottom: 10px;}
	.guide-area .bottom-area li strong{font-weight: normal; font-size: 14px;}
	.guide-area .bottom-area li .annotation{font-size: 14px;}
}