@charset "utf-8";


body { word-break: break-all; font-family: Meiryo, "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif; padding: 0; margin: 0; }
html { color: #221816; line-height: 1.3; padding: 0; margin: 0; }
img { border: 0; }
a:hover img { filter: alpha( opacity=70 ); opacity: 0.70; -moz-opacity: 0.70; }
li { list-style: none; }
a { color: #221816; text-decoration: none; font-weight: bold; }
a:hover { color: #b51b1d; }


/* フッター ------------- */
.footer_list { float: left; width: 100%; background: #221816; padding: 0 0 20px 0; margin: 0; }
.footer_list li { float: left; width: 46%; box-sizing: border-box; font-size: 13px; }
.footer_list li a h4 { color: #ffffff; text-decoration: underline; padding: 3px 0 12px 0; margin: 0; }
.footer_list li a:hover h4 { text-decoration: none; }
.footer_list li:nth-child(odd) { width: 54%; text-align: right; padding-right: 15px; }
#copy div { float: left; width: 100%; font-size: 9px; color: #221816; font-weight: bold; text-align: center; background: #ffffff; padding: 10px 0; }


/* フッターコンテンツ ------------- */
.contents_ttl { float: left; width: 100%; padding: 0; margin: 20px 0; }
.contents_ttl h5 { font-size: 30px; color: #231815; text-align: center; padding: 0; margin: 0; }

.contents_text { float: left; width: 88%; font-size: 14px; line-height: 1.6; margin: 0 6% 25px 6%; }
.contents_text img { margin: 5px; }
.contents_text * { float: none; width: auto; margin: 0 auto; }
.contents_text hr { float: left; width: 100%; border: 1px dotted #221816; margin: 20px 0; }

.btn { float: left; width: 60%; text-align: center; border: 2px solid #ffed84; border-radius: 6px; padding: 10px 0 8px 0; margin: 5px 20%; }
.btn a { font-size: 16px; color: #221816; font-weight: bold; }

.btn2 { float: left; width: 70%; text-align: center; border: 1px solid #221816; border-radius: 6px; padding: 12px; margin: 10px 15% 20px 15%; }
.btn2 a { font-size: 20px; color: #221816; font-weight: bold; border-bottom: double; }

.btn3, .send_btn, .more_btn { float: left; width: 70%; text-align: center; border-radius: 6px; background: #b51b1d; padding: 12px; margin: 5px 15%; }
.btn3 a, .send_btn a, .more_btn a { font-size: 16px; color: #ffffff; font-weight: bold; }

.tokutei { float: left; width: 100%; border: 1px solid #221816; border-radius: 6px; padding: 12px; margin: 5px 0%; }
.tokutei th { float: left; font-size: 14px; background: linear-gradient(transparent 60%, #ffed84 60%); margin: 5px 0 8px 0; }
.tokutei td { float: left; width: 100%; }
.tokutei td a { text-decoration: underline; }


/* 一覧に戻る ------------- */
.cate_list { float: left; width: 90%; padding: 0 5%; }
.cate_list a h4 { float: left; width: 44%; font-size: 15px; color: #221816; text-align: center; border: 2px solid #221816; border-radius: 6px; padding: 11px 0; margin: 0 28% 10px 28%; }
.cate_list a h4:hover { color: #221816; background: #ffffff; }


/*--------------------
トップページ
--------------------*/
header { float: left; width: 100%; padding: 0; margin: 0; }
.regist { float: left; width: 100%; background: #221816; padding: 0; margin: -5px 0 0 0; }
.regist img { float: left; width: 100%; box-sizing: border-box; padding: 0 3% 5px 3%; margin: 0; }

#top_main, #top_main div, #top_main ul, #top_main li, #top_main img, #top_main p, #top_main h2,
#page, #page div, #page ul, #page li, #page p, #page h2, #page h3 { float: left; width: 100%; box-sizing: border-box; padding: 0; margin: 0; }

#top_news p:nth-of-type(1), #top_main h2, #top_main h3, #top_main p, .contents_ttl h5 { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; font-weight: 600; }

#top_main p { font-size: 15px; line-height: 1.4; }
#top_main p.more a { float: left; width: 60%; font-size: 16px; color: #ffffff; text-align: center; font-family: Meiryo, "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif; background: #221816; border: 2px solid #221816; border-radius: 6px; padding: 11px 0; margin: 20px 20%; }
#top_main p.more a:hover { color: #221816; background: initial; }
#top_main p.title, #top_main p.titles { font-size: 16px; color: #b51b1d; font-weight: bold; text-align: center; margin: 3px 0; }
#top_main h2 { display: flex; align-items: center; justify-content: center; font-size: 32px; color: #b51b1d; padding: 0; margin: 0; }
#top_main h2:before, #top_main h2:after { border-top: 2px solid #b51b1d; content: ""; width: 1.5em; }
#top_main h2:before { margin-right: 0.3em; }
#top_main h2:after { margin-left: 0.3em; }
#top_main img.sss { width: 80%; margin: 20px 10% 40px 10%; }
#top_main span { float: left; width: 100%; box-sizing: border-box; transition: 1s; }
#top_main span img:hover { transform: scale(1.3); }
#top_main ul { width: 86%; margin: 0 7%; }

#top_search ul { padding: 12px 7%; }
#top_search li { width: 24%; margin: 0 0.5%; }

#top_news { background: #fdefe4; }
#top_news img { background: #ffffff; padding-top: 20px; }
#top_news p { padding: 3px 7% 12px 7%; }
#top_news ul { width: 86%; border-top: dotted 1px #221816; background: url(/upimages/img_shadow.png) no-repeat right bottom; background-size: 57%; margin: 5px 7% 0 7%; }
#top_news li { position: relative; display: inline-block; border-bottom: dotted 1px #221816; padding: 11px 0; }
#top_news li a { font-size: 17px; }
#top_news li::after{ position: absolute; top: 0; bottom: 0; right: 5px; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 3px solid #b51b1d; border-right: 3px solid #b51b1d; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#top_ushi h2 { padding-top: 28px; }
#top_ushi p:nth-of-type(2) { padding: 0 7% 10px 7%; margin-top: -45px; }
#top_ushi li { width: 49%; margin: 3px 0.5% 0 0.5%; }
#top_ushi li a { float: left; width: 100%; font-size: 16px; color: #ffffff; text-align: center; background: #be8365; border-radius: 6px; padding: 11px 0; }
#top_ushi li a:hover { color: #221816; background: #dec1b2; }
#top_ushi span { background: url(/upimages/img_beef.png) no-repeat bottom; background-size: 100%; padding: 5px 7% 50px 7%; }

#top_buta p:nth-of-type(2) { padding: 0 7% 10px 7%; margin-top: -35px; }
#top_buta li { width: 99%; margin: 3px 0.5% 0 0.5%; }
#top_buta li a { float: left; width: 100%; font-size: 16px; color: #ffffff; text-align: center; background: #cf9482; border-radius: 6px; padding: 11px 0; }
#top_buta li a:hover { color: #221816; background: #e7c9c0; }
#top_buta span { background: url(/upimages/img_pork.png) no-repeat bottom; background-size: 100%; padding: 0 15% 40px 15%; }

#top_tori li { width: 49%; margin: 3px 0.5% 0 0.5%; }
#top_tori li a { float: left; width: 100%; font-size: 16px; color: #ffffff; text-align: center; background: #f08c6c; border-radius: 6px; padding: 11px 0; }
#top_tori li a:hover { color: #221816; background: #f7c5b5; }
#top_tori span { position: relative; background: url(/upimages/img_chicken.png) no-repeat bottom; background-size: 100%; padding: 5px 7% 0 7%; }
#top_tori span img { width: 60%; }
#top_tori span p { position: absolute; width: 40%; bottom: 8px; right: 5%; }

#top_gibier { background: url(/upimages/img_gibier.png) no-repeat top; background-size: 100%; padding: 0 7% 45px 7%; }
#top_gibier p:nth-of-type(1) { padding: 10px 7%; }
#top_gibier li { width: 49%; margin: 3px 0.5% 0 0.5%; }
#top_gibier li a { float: left; width: 100%; font-size: 16px; color: #ffffff; text-align: center; background: #c2a6a2; border-radius: 6px; padding: 11px 0; }
#top_gibier li a:hover { color: #221816; background: #e0d2d0; }

#top_wiki { background: #fde7da; margin-top: 10px; }
#top_wiki h2 { color: #221816; font-size: 34px; margin-top: 12px; }
#top_wiki h2:before, #top_wiki h2:after { border-top: initial; }
#top_wiki ul { width: 87%; background: url(/upimages/img_wk.jpg) no-repeat top left; background-size: 42%; padding-left: 37%; margin: 12px 6% 18px 6%; }
#top_wiki li { width: 47%; text-align: center; border-bottom: solid 1px #221816; border-right: solid 1px #221816; padding: 10px 0 12px 0; margin: 3px 0 3px 3%; }
#top_wiki li a { color: #221816; font-size: 17px; }
#top_wiki li a:hover { color: #b51b1d; }

#top_column { background: #f6e3c5; }
#top_column h2 { color: #221816; font-size: 34px; margin-top: 18px; }
#top_column h2:before, #top_column h2:after { border-top: initial; }
#top_column ul { width: 87%; border-left: solid 12px #221816; border-right: solid 1px #221816; border-bottom: solid 1px #221816; background: url(/upimages/img_yakiniku.png) no-repeat right bottom; background-size: 35%; margin: 8px 6% 3px 6%; }
#top_column li { position: relative; display: inline-block; border-top: solid 1px #221816; padding: 12px 0 12px 18px; }
#top_column li a { font-size: 17px; }
#top_column li::after{ position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 3px solid #b51b1d; border-right: 3px solid #b51b1d; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#top_column p.more a { margin-bottom: 30px; }

#top_foot { background: #221816; }
#top_foot img { padding: 12px 21%; 0 21%; }


/*--------------------
一覧ページ
--------------------*/
#top_main.page { float: left; width: 100%; padding: 0 7%; margin: -20px 0 10px 0; }
#page ul { width: 100%; border-top: dotted 1px #221816; margin: 8px 0 0 0; }
#page li { position: relative; display: inline-block; border-bottom: dotted 1px #221816; padding: 11px 10px 11px 0; }
#page li a { font-size: 17px; }
#page li::after{ position: absolute; top: 0; bottom: 0; right: 5px; margin: auto; content: ""; vertical-align: middle; width: 0.4em; height: 0.4em; border-top: 3px solid #b51b1d; border-right: 3px solid #b51b1d; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/*--------------------
詳細ページ
--------------------*/
#page h3 { position: relative; border-bottom: 3px solid #b51b1d; color: #221816; font-size: 34px; text-align: center; }
#page h3:before,
#page h3:after { position: absolute; top: 100%; left: 50%; content: ""; height: 0; width: 0; }
#page h3:before { border: 12px solid; border-color: transparent; border-top-color: #b51b1d; margin-left: -12px; }
#page h3:after { border: 6px solid; border-color: transparent; border-top-color: white; margin-left: -6px; }
#page p.titles { font-size: 20px; margin-top: 18px; }
#page p.text { font-size: 17px; line-height: 1.4; }
#page p.text img { border: dotted 1px #cccccc; margin: 5px 0 10px 0; }

.free_txt { float: left; width: 100%; box-sizing: border-box; padding: 0 3%; margin: 0; }