@charset "UTF-8";

/*  index
----------------------------------------------- */
.top-menu-title { padding: 0 5vw; margin: -5vw auto 10vw; text-align: center; background: #fff; display: table; }
.top-menu-title .en { margin-bottom: 2.5vw; font-size: 10.6vw; font-family: "Marcellus"; font-weight: 400; letter-spacing: 0.04em; display: block; }
.top-menu-title .jp { font-size: 3.6vw; display: block; }
.top-menu-items { width: 86vw; margin: 0 auto; }
.top-menu-item {width: 100%;margin-bottom: 18vw;z-index: 1;position: relative;}
.top-menu-item:last-child{margin-bottom: 0;}
.top-menu-item:nth-child(odd):before { right: -5vw; }
.top-menu-item:nth-child(even):before { left: -5vw; }
.top-menu-item:before { content: ''; width: 34vw; height: 45vw; background: url(../images/top-menu-item-deco.png) no-repeat top center; background-size: 100%; z-index: -1; position: absolute; top: -5vw; }
.top-menu-item-image { width: 100%; margin-bottom: 5vw; }

.top-menu-item-text { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.top-menu-item-title {margin-bottom: 4vw;line-height: 1;}
.top-menu-item-title .en { margin-bottom: 1.5vw; font-size: 9.2vw; font-family: "Marcellus"; font-weight: 400; letter-spacing: 0.04em; display: block; }
.top-menu-item-title .jp { font-size: 3.6vw; display: block; }
.top-menu-item-comment { margin-bottom: 4vw; }
.top-menu-item-comment p { font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-menu-tag-items { margin-bottom: 5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-menu-tag-items li { padding: 1.5vw 2vw 1vw; margin: 0 2vw 2.5vw 0; font-size: 3.4vw; background: var(--bluebg); -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; }


/*  詳細メニュー
----------------------------------------------- */
.items_list {margin-bottom: 10vw;}
.items_list li{margin-bottom: 4vw;background: var(--bluebg);padding: 6vw 6vw 5vw;}
.items_list li:last-child{margin-bottom: 0;}
.items_list li img{width: 100%;margin-bottom: 4vw;}

.items_list li p { margin-bottom: 3vw;}
.items_list li p:last-of-type{margin-bottom: 2vw;}
.items_list li .lead{font-size: 3.4vw;line-height: 1.6;font-weight: bold;margin-bottom: 1vw;color: var(--blue);}
.items_list li .name{font-size: 5.4vw;margin-bottom: 3vw;line-height: 1.3;font-weight: 600;color: var(--green);font-family: var(--mincho);}
.items_list li .name span{font-size: 70%; display: block;}

.items_list li dl{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.items_list li dt{padding: 4px 12px;border-radius: 30px;text-align: center;margin-right: 2vw;font-feature-settings: "palt";background: #fff;font-family: "Marcellus";font-weight: 400;}
.items_list li dd{font-size: 7vw;font-family: "Marcellus";font-weight: 400;color: var(--blue);}
.items_list li dd small{font-size: 60%;margin-left: 2px;}
.items_list li .price-wrap dd:after {content: '(税込)';margin-left: 6px;font-size: 56%;vertical-align: middle;display: inline-block;}

/*  画像なし
----------------------------------------------- */
.list dl{border-bottom: 1px dashed #cecece;margin-bottom: 5vw;padding-bottom: 4vw;}
.list dl:last-child {border:none;}
.list dt{width: 100%;}
.list dt .read{font-size: 4.2vw;margin-bottom: 2vw;color: var(--black);font-weight: bold;}
.list dt .read:before{content:"◆";font-size: 66%;color: #b9aaa0;margin-right: 4px;position: relative;top: -1px;}
.list dt p{color: #999;}
.list dd{font-size: 6.4vw;font-family: "Marcellus";font-weight: 400;color: var(--blue);text-align: right;}
.list dd:after {content: '(税込)';margin-left: 6px;font-size: 56%;vertical-align: middle;display: inline-block;}


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

    /*  index
----------------------------------------------- */
.top-menu:before { width: 120vw; height: 280px; }
.top-menu-title { padding: 0 50px; margin: -25px auto 80px; }
.top-menu-title .en { margin-bottom: 15px; font-size: 50px;}
.top-menu-title .jp { font-size: 15px; }
.top-menu-items { width: clamp(730px, 90%, 1200px); }
.top-menu-item {margin-bottom: 120px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;}
.top-menu-item:before { width: 220px; height: 285px; background: url(../images/top-menu-item-deco.png) no-repeat top center; background-size: 100%; top: -40px; }
.top-menu-item:nth-child(odd):before { right: -40px; }
.top-menu-item:nth-child(odd) .top-menu-item-image { order: 1; }
.top-menu-item:nth-child(odd) .top-menu-item-text { padding-right: 40px; order: 0; }
.top-menu-item:nth-child(even):before { left: -40px; }
.top-menu-item:nth-child(even) .top-menu-item-image { order: 0; }
.top-menu-item:nth-child(even) .top-menu-item-text { padding-left: 40px; order: 1; }

.top-menu-item-image { width: 50%; margin: 0; }
.top-menu-item-text { width: 50%; }
.top-menu-item-title { margin-bottom: 30px; }
.top-menu-item-title .en { margin-bottom: 10px; font-size: 40px;}
.top-menu-item-title .jp { font-size: 16px; }
.top-menu-item-comment { margin-bottom: 25px; }
.top-menu-item-comment p { font-size: 15px; }
.top-menu-tag-items { margin-bottom: 30px; }
.top-menu-tag-items li { padding: 8px 12px; margin: 0 8px 12px 0; font-size: 15px; }


/*  詳細メニュー
----------------------------------------------- */
.items_list{margin-bottom: 100px;}
.items_list li{margin-bottom: 30px;padding: 40px;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.items_list li:last-child{margin-bottom: 0;}
.items_list li img{width: 335px;margin: 4px 30px 0 0;}
.items_list li .text{width: 100%;}
.items_list li p {margin-bottom: 15px;font-size: 14px;}
.items_list li p:last-of-type{margin-bottom: 20px;}
.items_list li .lead{font-size: 16px;margin-bottom: 4px;}
.items_list li .name{font-size: 26px;margin-bottom: 8px;}

.items_list li dt{padding: 4px 20px;margin-right: 12px;}
.items_list li dd{font-size: 32px;}

/*  画像なし
----------------------------------------------- */
.list dl{margin-bottom: 20px;padding-bottom: 20px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.list dl:last-child {border:none;}
.list dt .read{font-size: 20px;margin-bottom: 0px;}
.list dd{font-size: 28px;margin-left: 4vw;min-width: 170px;}


}