@charset "UTF-8";

/* clear */
#ryouri .menu:after { content: ""; clear: both; display: block;}

#ryouri .ofi { object-fit: cover; }

/* layout */
#ryouri #container { background: url(../../ryouri/img/con_bg.gif) no-repeat center top; -webkit-background-size: 100% auto; background-size: 100% auto;}

#ryouri #lead { padding: 22px 3% 11px 3%;}

#ryouri #cnav { display: flex; gap: 0 3%; width: 100%; padding: 15px 3% 30px 3%; background: url(../img/bg2_top.gif) repeat-x center bottom; -webkit-background-size: 320px 22px; background-size: 320px 22px; table-layout: fixed;}
#ryouri #cnav li { width: 31.5%; }
#ryouri #cnav li a { display: block; padding-bottom: 10px; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.3); }
#ryouri #cnav .ofi { display: block; width: 82%; height: 90px; margin: 1em auto 0; }

#ryouri section { padding: 0 3%; background: url(../img/bg2.gif) center top;}
#ryouri section h3 { padding: 0 0 3px 0;}
#ryouri section>p { padding: 15px 0;}
#ryouri section .slides .ofi { height: 220px; }

#ryouri .menu { padding: 5%; background: url(../img/sec_bg_t.gif) no-repeat center top, url(../img/sec_bg_b.gif) no-repeat center bottom, url(../img/sec_bg.gif) repeat-y center top; -webkit-background-size: 100% auto; background-size: 100% auto;}
#ryouri .menu h4 { padding: 0 0 4px 0; background: url(../img/line.png) repeat-x center bottom;}
#ryouri .menu ul { width: 100%; float: left; padding: 8px 0 0 0;}
#ryouri .menu ul:last-of-type { float: left;}
#ryouri .menu li { padding: 0 0 3px 1em; text-indent: -1em; line-height: 1.4em;}
#ryouri .menu>p { clear: both; padding-top: 10px; color: #d53513;}
#ryouri .menu .caption{color:#5f462d;}
#ryouri .menu ol{margin:10px auto;}
#ryouri .period { text-align:center; color:#e75914;}
#ryouri .menu_list { column-count: 2; margin-top: 10px; }
#ryouri .menu_list p { color: #5f462d !important; }

#ryouri .btn { width: 78%; padding: 16px 0 40px 0; margin: 0 auto;}
#ryouri .btn li { padding: 0 0 5px 0;}