@charset "utf-8";
/* 遷移位置 */
#menu1j,#menu1j,#menu3j{scroll-margin-top: 5em;}     
/*全体のレイアウト*/ 
.layout_osechi{font-size: 14px;line-height: 1.6}
/*全体のレイアウト　PC用 768px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 768px) {
.layout_osechi{width: auto;margin: 0 auto;height: auto;font-size: 16px;line-height: 1.8}} 

/*画像の表示/非表示*/    
.sp_img_osechi{display: block !important;margin: 0 auto;}
.pc_img_osechi{display: none !important;}
/*画像の表示/非表示　PC用 768px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 768px) {
.layout_osechi{width: auto;margin: 0 auto;height: auto;font-size: 16px;line-height: 1.8}   
.sp_img_osechi{display: none !important;}	
.pc_img_osechi{display: block !important;margin: 0 auto;}}         
 
/*ページ内リンク*/ 
.l-section--menu__navi{display: flex;justify-content: space-around;}    
.l-section--menu__navi .pc_img_osechi{padding: 0px 15px;}
.l-section--menu__navi .sp_img_osechi{padding: 0px 4px;}
/*お品書きの記述*/   
.l-section--maker{margin: 0 auto;padding: 0} 
 /*menu背景色*/    
.l-subsection--menu--yellow{
 background: url(https://ginnomori.itembox.design/item/gosechie/menu/pc-menu-pattern-yellow.png) center top/contain no-repeat #c9a030;}
.l-subsection--menu--green{
 background: url(https://ginnomori.itembox.design/item/gosechie/menu/pc-menu-pattern-green.png) center top/contain no-repeat #72834d;}
.l-subsection--menu--red{
background: url(https://ginnomori.itembox.design/item/gosechie/menu/pc-menu-pattern-red.png) center top/contain no-repeat #ab3c2c;}
.l-subsection--menu--blue{
background: url(https://ginnomori.itembox.design/item/gosechie/menu/pc-menu-pattern-blue.png) center top/contain no-repeat #183a57;}

/*menuタイトル　一の重～三の重*/   
h3.l-subsection__title{text-align: center;padding: 20px;}  
.under_title {color: #FFF; border-bottom: double 6px #FFF;font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Noto Serif JP", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", georgia, "times new roman", serif;
font-size: 24px;}   
/* お節の中身とリスト*/
.osechi_jubako{display: flex; flex-direction: column;align-items: center;}
.osechi_jubako_img{text-align: center;}
.osechi_jubako_img img{width: 50%;}
.osechi_jubako_menu{padding: 0 12px;margin: 0 30px;font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Noto Serif JP", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", georgia, "times new roman", serif;font-weight: bold;color: #fff;}
.osechi_menu{list-style: none;margin-left: 0px;padding-left: 0px;}
/*お節の中身とリスト PC用 768px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 768px) {   
.osechi_jubako{flex-direction: row;justify-content: center;}
.osechi_jubako_img img{width: 70%;}   
.osechi_jubako_menu{padding: 0 50px;}}
/*重箱お品書きの並び　ul*/
.menu{margin-top: 20px;padding-bottom: 30px;}
 .l-subsection_menu-list{list-style-type: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
/*重箱お品書きの並び PC用 768px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 768px) {
.l-subsection_menu-list{display: flex;padding: 0;margin: 0 auto;width: 100%;flex-wrap: initial;margin: 0;padding: 0;}}
/*重箱お品書きの並び li*/ 
.jubako_menu-list{background-color: #fff;margin: 5px;padding: 10px;list-style: none;width: calc(50% - 10px);}  
.jubako_menu-list img{margin: 2px 0;max-width:100%;height: auto;border:solid 1px #ccc; }      
.jubako_menu-list_txt{text-align: center;font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Noto Serif JP", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", georgia, "times new roman", serif;font-weight: bold;}
.jubako_menu-list_txt h4{font-weight: bold;}
.jubako_menu-list_txt p{text-align: left;font-size: 12px;}  
 /* ボタンopen/close*/
.content_osechi{text-align: center;margin: 20px 0 0 0;}
details[open] .open {display: none ;}
details:not([open]) .close {display: none ;}  
details summary::-webkit-details-marker {display: none;}   
/* 開いて実行されるアニメーションを設定*/
details[open] .content_osechi {animation: fadeIn 5.0s ease-in-out;}
@keyframes fadeIn {
0%{opacity: 0; /* Transparent */transform: translateY(-100px)： }
100% {opacity: 1;transform: none;}}   
/* ゆっくりに遷移する */
html{scroll-behavior: smooth;}    
/*セクションタイトル*/
.sec_title{width: 100%;text-align: center;letter-spacing: 0.05em;font-weight: 700;color: #000;padding: 15px 0px;font-size: 18px;}
/*pcのみ適用　*/
@media screen and (min-width: 768px) {   

/*改行*/
.sp_br{display: none;}
.pc_br{display:inline;}
/*セクションタイトル*/
.sec_title{width: 100%;text-align: center;letter-spacing: 0.05em;font-size: 32px;font-weight: 700;color: #000;padding: 15px 0px;font-family: "游明朝", "YuMincho", "Hiragino Mincho Pro￥N W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.title_strong{color: #B12C00;font-size: 45px;}} 
  /*背景*/
.ichimatsu{background-size: 60px 60px;background-image: repeating-conic-gradient(from 0deg, #FFF 0deg 90deg, #F3EAD2 90deg 180deg);background-repeat: repeat;}
.ichimatsu02{margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-size: 60px 60px;background-image: repeating-conic-gradient(from 0deg, #FFF 0deg 90deg, #F3EAD2 90deg 180deg);background-repeat: repeat;}