@charset "UTF-8";

.pickup { padding-bottom: 14vw; }
.pickup-head {width: 80vw;margin: 0 auto 6vw;}
.pickup-head p { font-size: 3.8vw; font-family: var(--mincho); text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.pickup-container {width: 100%;padding-bottom: 24vw;margin-bottom: 8vw;position: relative;}
.pickup-item {width: 100%;margin: auto;background: var(--blue03);}
.pickup-item-image { width: 100%; margin-bottom: 4vw; }
.pickup-item-text{width: 80vw;margin: 10vw auto;padding-bottom: 10vw;}
.pickup-item-tag-items { margin-bottom: 2vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.pickup-item-tag-items li { padding: 2vw 4vw; margin: 0 2vw 2vw 0; color: #fff; font-size: 3.4vw; font-weight: bold; background: var(--blue01); -moz-border-radius: 10vw; -webkit-border-radius: 10vw; border-radius: 10vw; }
.pickup-item-head { padding-bottom: 4vw; margin-bottom: 4vw; border-bottom: 1px solid #aea393; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.pickup-item-title { font-size: 7vw; font-family: var(--mincho); font-weight: 600; }
.pickup-item-price { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.pickup-item-price .menu {padding: 1vw 1.5vw;margin: 2vw 2vw 1vw 0;font-size: 3.2vw;border: 1px solid #28292d;}
.pickup-item-price .price { color: var(--gold01); font-size: 7.8vw; font-family: "garamond-premier-pro-display"; font-weight: 300; letter-spacing: 0.2vw; }
.pickup-item-comment p { font-size: 3.8vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.pickup-more {margin-top: 5vw;min-width: auto;padding: 20px 70px 19px 20px;}



/* ========================================
 pc
==========================================*/
@media screen and (min-width: 736px) { 

.pickup { padding-bottom: 140px; }
.pickup-content {width: clamp(730px, 96%, 1200px);margin: 80px auto;position: relative;}
.pickup-head {width: 100%;margin:80px auto 120px;text-align: center;}
.pickup-head p {font-size: 16px;text-align: center;}
.pickup-title:before{right: 0;margin: 0 auto;}
.pickup-title:after{right: 0;margin: 0 auto;}
.pickup-container {margin: 0; padding-bottom: 0;}
.pickup-item-image {margin-bottom: 0;width: 50%;position: relative;top: -50px;left: -50px;}
.pickup-item{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: start;align-items: flex-start;margin: 0 auto 100px;background: var(--blue03);}
.pickup-item-text{width: 100%;margin: 0 auto;padding: 30px 50px 30px 0;}
.pickup-item-tag-items { margin-bottom: 10px; }
.pickup-item-tag-items li { padding: 8px 12px; margin: 0 8px 5px 0; font-size: 15px; }
.pickup-item-head { padding-bottom: 20px; margin-bottom: 20px; }
.pickup-item-title { font-size: 35px; }
.pickup-item-price .menu { padding: 6px 8px 5px; margin-right: 12px; font-size: 14px; }
.pickup-item-price .price { font-size: 44px; letter-spacing: 1px; }
.pickup-item-comment p { font-size: 15px; }
.pickup-more {margin: 20px 0;padding: 20px 70px 19px 20px;}

	
}/* ========================================
 retina
==========================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 


}