@charset "Shift_JIS";

.for-sp { display: none !important;}

/*-----------------------------------
 【季節限定】バレンタイン2022 TOP
------------------------------------*/
#valentine2022 h1 { margin: 0; padding: 0;}
#valentine2022 #vd_head   { margin: 20px 0;}
#valentine2022 #vd_notice { border: 1px solid #2d180e; background-color: #f8f8f0; margin-bottom: 20px; padding: 18px 20px; color: #646261; width: 720px;}
#valentine2022 #vd_notice ul    { margin: 0; padding: 0;}
#valentine2022 #vd_notice ul li { list-style: none;}
#valentine2022 #vd_notice ul li:last-child { margin-bottom: 0;}

#valentine2022 .list-frame { padding: 0 0 1px; margin-bottom: 30px; background: #ffeefb url("../../2022valentine/box_bg.jpg") right bottom no-repeat;}
#valentine2022 .list-frame ul { margin: 15px 14px 0; display: flex; flex-wrap: wrap;}
#valentine2022 .list-frame ul li { width: 234px; height: 85px; margin: 0 15px 15px 0; overflow: hidden; background: #b89451 url("../../2022valentine/list_bg.jpg") left center no-repeat; background-size: cover; transition: 0.3s;}
#valentine2022 .list-frame ul li:nth-child(3n) { margin: 0 0 15px 0;}
#valentine2022 .list-frame ul li a { width: 234px; height: 85px; display: flex; justify-content: space-between; text-decoration: none; color: #220b00;}
#valentine2022 .list-frame ul li img   { width: 100%; max-width: 100%;}
#valentine2022 .list-frame ul li:hover { background: #7e5e20;}
#valentine2022 .list-frame ul li:hover a { color: #ffffff;}
#valentine2022 .list-frame ul li .photo  { width: 85px; height: 85px;}
#valentine2022 .list-frame ul li .desc   { width: calc(100% - 105px); align-self: center;}
#valentine2022 .list-frame ul li .name   { line-height: 1.8;}
#valentine2022 .all-item-button { margin: 0 0 80px 0; text-align: center;}
#valentine2022 .all-item-button a { transition: 0.3s;}
#valentine2022 .all-item-button a:hover { opacity: 0.7;}

/*-----------------------------------
 【季節限定】バレンタイン2022 追従ナビ
------------------------------------*/
#vd_floatingNav #vd_menu { width: 60px; height: 60px; position: fixed; right: 0; top: 10%; background: url("../../2022valentine/menu_bg.png") top center no-repeat;}
#vd_floatingNav #vd_menu span { width: 60px; height: 60px; text-indent: -9999px; text-indent: 100%; background-image: url("../../2022valentine/floating-nav-toggle.png"); transition: 0.5s; display: block; cursor: pointer;}
#vd_floatingNav #vd_menu.active span { background-position: -60px 0;}
#vd_floatingNav .list-ttl { height: 57px; padding: 0 15px; font-size: 16px; text-align: center; background: url("../../2022valentine/nameplate-bg.png") center top no-repeat; background-size: 100% auto; color: #fff; display: flex; justify-content: center; align-items: center;}
#vd_floatingNav .list-ttl img { height: 24px;}
#vd_floatingNav #vd_menu_contents { width: 800px; margin: 0; padding: 0; overflow: hidden; background: url("../../2022valentine/menu_bg.png") right top repeat; background-size: 100% 100%; z-index: 9999; display: none; position: fixed; right: 60px; top: 10%;}
#vd_floatingNav #vd_menu_contents ul { display: flex; flex-wrap: wrap; border-top: #4b2514 3px solid;}
#vd_floatingNav #vd_menu_contents li { width: 200px; height: 45px; border-right: #4b2514 1px solid; border-bottom: #4b2514 1px solid; box-sizing: border-box; list-style: none;}
#vd_floatingNav #vd_menu_contents li a { width: 100%; height: 45px; padding: 0 15px; text-decoration: none; display: flex; justify-content: center; flex-direction: column; box-sizing: border-box;}
#vd_floatingNav #vd_menu_contents li a .eng  { color: #fff; font-size: 14px;}
#vd_floatingNav #vd_menu_contents li a .name { color: #cb6730; font-size: 10px;}
#vd_floatingNav #vd_menu_contents li a .name.main { color: #fff0e8; font-size: 12px;}
#vd_floatingNav #vd_menu_contents li:nth-child(4n) { border-right: none;}
#vd_floatingNav #vd_menu_contents li:hover { background-color: #1d0a04;}

/*-----------------------------------
 【季節限定】バレンタイン2022 下層
------------------------------------*/
#vd2022_event_header { border: #dcd9d2 1px solid; padding: 5px; margin: 0 0 50px; background: #fff; position: relative;}
#vd2022_event_header::after { content: ''; width: 100%; height: 10px; background: url("../../2022valentine/shadow.png") bottom center no-repeat; position: absolute; bottom: -10px; left: 0;}
#vd2022_event_header h1 { padding: 15px 15px 13px; background: url("../../2022valentine/nameplate-bg.png") center top no-repeat; background-size: 100% auto; color: #d1b378; line-height: 1.0; display: flex; align-items: center;}
#vd2022_event_header h1 .eng  { margin: 0 20px 0 0; font-size: 30px; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
#vd2022_event_header h1 .name { padding: 10px 0 0 0; font-size: 12px;}
#vd2022_event_header h1 .name.main{ padding: 0; font-size: 20px; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
#vd2022_event_header .flex-frame  { padding: 15px; background: #fff4fc; display: flex; justify-content: space-between;}
#vd2022_event_header .profile     { width: 140px;}
#vd2022_event_header .profile img { width: 140px; height: 140px;}
#vd2022_event_header .desc        { width: calc(100% - 160px);}
#vd2022_event_header .desc h2     { margin: 0 0 10px 0;}
#vd2022_event_header .desc .name  { margin: 0 0 5px 0; font-size: 12px;}
#vd2022_event_header .desc .text  { font-size: 12px; line-height: 1.4;}
#vd2022_event_header .desc .text + .comments { margin: 25px 0 0 0;}
#vd2022_event_header .comments h3 { margin: 0 0 10px 0;}
#vd2022_event_header .comments p  { font-size: 12px; line-height: 1.4;}