@charset "UTF-8";
/* mixin */
* { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height: 1.5; letter-spacing: 0.1em; }

.zen-old-mincho-medium { font-family: "Zen Old Mincho", serif; font-weight: 700; font-style: normal; }

.klee-one-semibold { font-family: "Klee One", cursive; font-weight: 600; font-style: normal; }

.zen-maru-gothic-medium { font-family: "Zen Maru Gothic", sans-serif; font-weight: 500; font-style: normal; }

ruby, ruby rt, ruby rb { font-family: inherit; /* 親要素のフォントを継承 */ }

.hgroup { color: #333333; }

.hgroup .inner img { height: 2lh; }

.hgroup p { font-size: 14px; }

a.aks_a { margin: 0 0.5rem; display: flex; align-items: center; text-align: center; text-decoration: none; padding: 0.7rem 1rem; border-radius: 5px; position: relative; color: #5d4926; background-color: #dbcdae; border: 2px solid #5d4926; }

a.aks_a div { font-weight: bold; }

a.aks_a div span { color: #fff; background-color: #5d4926; border-radius: 9999px; padding: 0.5rem; font-size: 0.7rem; }

a.aks_a.aks_a_p { color: #fff; background-color: #6f74b9; position: relative; border: 2px solid #6f74b9; }

a.aks_a.aks_a_p div span { color: #6f74b9; background-color: #fff; }

a.aks_a.aks_a_b { color: #fff; background-color: #000000; position: relative; border: solid 2px #fff; }

a.aks_a.aks_a_b div span { color: #000000; background-color: #fff; }

a.aks_a.aks_a_g { color: #fff; background-color: #596c1c; position: relative; border: solid 2px #596c1c; }

a.aks_a.aks_a_g div span { color: #596c1c; background-color: #fff; }

a.aks_a:hover { color: #fff; background-color: #5d4926; border: 2px solid #5d4926; transition: 0.2s; }

a.aks_a:hover div span { color: #5d4926; background-color: #fff; }

a.aks_a.aks_a_p:hover { color: #6f74b9; background-color: #fff; border: 2px solid #6f74b9; }

a.aks_a.aks_a_p:hover div span { color: #fff; background-color: #6f74b9; }

a.aks_a.aks_a_b:hover { color: #000000; background-color: #fff; border: 2px solid #000000; }

a.aks_a.aks_a_b:hover div span { color: #fff; background-color: #000000; }

a.aks_a.aks_a_g:hover { color: #596c1c; background-color: #fff; border: 2px solid #596c1c; }

a.aks_a.aks_a_g:hover div span { color: #fff; background-color: #596c1c; }

.umiemon_img { width: 100%; }

.aks_about { margin-bottom: 4rem; }

.aks_about .aks-introduction { padding: 2rem 0; background-image: url(../images/akkeshi/top/top_bg.jpg); /*相対パスで画像ファイルを指定*/ }

.aks_character img { width: 180px; }

.aks_character .character-profile { display: flex; align-items: center; }

.aks_character .character-profile .title { background-color: #333333; width: 4ic; margin-right: 1rem; text-align: center; flex-shrink: 0; }

.aks_character .character-copy { padding: 0.25rem; background-color: #8674c1; color: #ffffff; border-radius: 9999px; width: 14ic; text-align: center; }

.aks_character .name { font-size: 3rem; font-weight: bold; margin-bottom: 0.5rem; }

.aks_character .sns-link { display: flex; align-items: center; justify-content: center; }

.aks_character .sns-link .link1 { margin: 0 0.5rem; }

.aks_character .sns-link .link1 a { display: block; }

.aks_character .sns-link .link1 a img { width: 100px; }

.aks_character .sns-link .link1 a .link-btn { font-weight: bold; font-size: 1rem; color: #fff; border-radius: 50%; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; }

.aks_character .sns-link .link1:hover { scale: 1.1; transition: 0.2s; }

.aks_contents-icon { width: 175px; height: 175px; border-radius: 50%; border: solid 1px #8674c1; }

.content-btn-ul { margin-top: 42px; padding: 0px; display: grid; grid-template-columns: repeat(2, 2fr); gap: 32px; }

.content-btn-ul li { list-style: none; display: flex; justify-content: center; }

.content-btn-ul li a { color: #333333; }

.content-btn-ul li a .content-btn { display: flex; justify-content: center; border-radius: 50%; background-color: #ededed; position: relative; width: 150px; height: 150px; border: solid 4px #8674c1; overflow: hidden; }

.content-btn-ul li a .content-btn img { display: flex; position: absolute; object-position: 50% 50%; height: 100%; top: 0; left: 0; object-fit: cover; border-radius: 50%; object-position: 50% 50%; }

.content-btn-ul li a .aks_a_down { width: fit-content; display: flex; justify-content: center; padding-bottom: 8px; text-decoration: none; margin-top: 1rem; border-bottom: solid 4px #8674c1; }

.content-btn-ul li a:hover .content-btn img { scale: 1.5; }

.content-btn-ul li a:hover .aks_a_down { transition: 0.2s; transform: translateY(4px); border-bottom: none; }

#aks-taste .aks_head_h2_content h2 .aks_head_h2_pc { display: none; }

#aks-taste .aks_head_h2_content h2 .aks_head_h2_sp { display: block; }

#aks-taste .taste-boutou { margin: 4rem 0; }

#aks-taste .taste-boutou h3 { font-size: 2rem; }

#aks-taste .taste-boutou p { font-size: 1.5rem; }

.umiemon_taste img { width: 400px; }

#kaki_content { top: 0; object-fit: cover; width: 100%; }

#kaki_content h3 { background-color: #0000008b; position: static; top: 100px; z-index: 2; padding: 0.5rem; }

#kaki_content #kaki_bg { position: sticky; top: 0; width: 100%; height: 100lvh; object-fit: cover; }

#kaki_content #kaki_bg + div { margin-top: -100lvh; padding: 3rem 1rem; }

#kaki_content .kaki_scroll { padding: 0.5rem; background-color: #fff; }

#kaki_content .kaki_scroll .kaki_scroll_1 .kaki_scroll_hukidasi { color: #fff; padding: 1rem 1.5rem; background: #5d4826; border-radius: 15px; margin-bottom: -2rem; z-index: 1; text-align: center; position: relative; width: fit-content; }

#kaki_content .kaki_kotei .main-img { border: solid 6px #fff; }

#kaki_content .kaki_kotei > div { position: sticky; top: 170px; }

#kaki_content .kaki_e_scroll { padding: 0.5rem; background-color: #fff; }

#kaki_content .kaki_e_scroll .day { font-size: 1rem; font-weight: bold; padding: 4px 12px; border: solid 2px #5d4826; border-radius: 9999px; margin-bottom: 1rem; color: #5d4826; width: fit-content; }

#kaki_content .kaki_e_scroll h4 { padding: 0.5rem; border-left: solid 6px #5d4826; border-bottom: solid 1px #5d4826; color: #5d4826; }

#taikoku_content { background-image: url(../images/akkeshi/taste/crab/crab_bg.jpg); /*相対パスで画像ファイルを指定*/ background-repeat: no-repeat; background-position: center; object-fit: cover; background-size: cover; padding: 3rem 0rem; }

#taikoku_content .crab-content { padding: 1rem 0rem; background: rgba(0, 0, 0, 0.5); }

#whisky_content { background-image: url(../images/akkeshi/taste/whisky_bg.png); /*相対パスで画像ファイルを指定*/ background-repeat: no-repeat; background-position: center; object-fit: cover; background-size: cover; padding: 3rem 0rem; }

.whisky-content_kojyo { padding: 1rem; background-repeat: no-repeat; object-fit: cover; background: rgba(0, 0, 0, 0.5); border: solid 4px #fff; margin-bottom: 4rem; }

.obi-content { position: relative; }

.obi-content .obi-line { position: absolute; z-index: 2; width: 6px; height: 100%; margin: 0 0.5rem; background-color: #b5941e; }

.obi-content .obi-line.obi-line_e { top: 0; right: 0; position: absolute; }

.award-obi { background-color: #e2b655; padding: 0.5rem; color: #fff; font-size: 1.7rem; font-weight: bold; text-align: center; }

.award-slider-container { position: relative; width: 100%; overflow: hidden; direction: ltr; /* 左から右へ */ }

.swiper-wrapper { direction: ltr; /* スライド内部は通常向きに */ display: flex; margin: 2rem 0; }

.swiper-wrapper .award-img { margin-bottom: 1rem; }

.swiper-wrapper .award-img img { height: 300px; }

.swiper-slide { text-align: center; width: auto !important; display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }

.award-name { display: flex; justify-content: center; text-align: center; color: #333333; padding: 0.7rem; border: solid 2px #5c3f10; width: fit-content; text-shadow: 1px 1px 0px #fff; font-size: 20px; overflow: hidden; background: linear-gradient(-45deg, #ffdf76, #f8f3d5, #e3c150, #edd560); }

.swiper-button-prev, .swiper-button-next { color: #000; }

.image-wrapper { position: relative; /* ボタンを絶対配置する基準 */ display: inline-block; width: 100%; max-width: 400px; /* サンプル用 */ }

.image-wrapper img { display: block; width: 100%; height: auto; border-radius: 10px; /* おしゃれに */ }

.btn-overlay { position: absolute; top: 50%; /* 親要素の高さの50% */ left: 50%; /* 親要素の幅の50% */ transform: translate(-50%, -50%); /* 自身の幅・高さ分をずらして中央寄せ */ padding: 20px 32px; background: rgba(0, 0, 0, 0.502); border: solid 3px white; color: #fff; border-radius: 9999px; cursor: pointer; font-size: 18px; text-decoration: none; font-weight: bold; width: 220px; text-align: center; }

.btn-overlay:hover { transform: translate(-50%, -50%) scale(1.2); /* 拡大＋位置調整を維持 */ transition: 0.2s; background: black; color: #fff; }

#beer_content { background-image: url(../images/akkeshi/taste/beer_bg.png); /*相対パスで画像ファイルを指定*/ background-repeat: no-repeat; background-position: center; object-fit: cover; background-size: cover; padding: 3rem 0rem; }

#milk_content { background-image: url(../images/akkeshi/taste/milk_bg.png); /*相対パスで画像ファイルを指定*/ background-repeat: no-repeat; background-position: center; object-fit: cover; background-size: cover; padding: 3rem 0rem; }

#gourmet_content { background-color: #fff8ed; padding: 3rem 0rem 5rem 0rem; }

#gourmet_content h3 { color: #333333; }

#gourmet_content .gourmetpark-text .years p { font-size: 2.5rem; font-weight: bold; color: #d9a24a; }

#gourmet_content .gourmetpark-text .years .years-ranking { max-width: 100px; }

#gourmet_content .gourmetpark-text .title { margin-bottom: 1.5rem; border-left: solid 6px #d9a24a; border-right: solid 6px #d9a24a; padding: 0 0.5rem; }

#gourmet_content .gourmetpark-text .title h4 { font-size: 2rem; color: #d9a24a; }

#gourmet_content .gourmetpark-text .title .sub-title { text-align: center; font-weight: bold; color: #d9a24a; font-size: 1.5rem; }

#gourmet_content .spot-content { margin: 4rem 0; display: grid; grid-template-columns: repeat(1, 4fr); gap: 32px; }

#gourmet_content .brand-content p { font-size: 1.5rem; }

#aks-nature { padding-bottom: 5rem; }

#aks-nature .aks_head_h2_content h2 .aks_head_h2_pc { display: none; }

#aks-nature .aks_head_h2_content h2 .aks_head_h2_sp { display: block; }

.umiemon_nature { display: flex; justify-content: end; margin-top: 0px; margin-right: 0px; z-index: 5; }

.umiemon_nature img { width: 250px; }

.main-text p { line-height: 3em; }

.nature-content_all { margin-top: 4rem; }

.nature-content_all .nature-content { margin-bottom: 5rem; display: grid; grid-template-columns: repeat(1, 8fr); gap: 2rem 1rem; }

.nature-content_all .ayame-content .img-left img { object-fit: cover; }

.nature-content_all .ayame-title { font-size: 2.5rem; font-weight: bold; }

#aks-history { background-color: #373737; padding-bottom: 5rem; }

#aks-history .aks_head_h2_content h2 .aks_head_h2_pc { display: none; }

#aks-history .aks_head_h2_content h2 .aks_head_h2_sp { display: block; }

#aks-history h3 { font-size: 2.5rem; }

#aks-history h4 { font-size: 2rem; margin-bottom: 3rem; }

#aks-history h5 { font-size: 1.5rem; }

#aks-history .history_main { margin: 4rem 0; background-image: url(../images/akkeshi/history/history_main.png); /*相対パスで画像ファイルを指定*/ background-size: contain; background-repeat: no-repeat; }

#aks-history .history_main h3 { margin-bottom: 2rem; font-size: 2rem; }

#aks-history .bunkazai-content { margin-top: 4rem; }

#aks-history .bunkazai-content .bunkazai_group { margin-bottom: 2.5rem; display: grid; grid-template-columns: repeat(1, 8fr); gap: 2rem 0rem; }

#aks-history .bunkazai-content .bunkazai_group p { font-size: 1rem; font-weight: bold; color: #333333; background-color: #fff; border-radius: 5px; padding: 4px; margin-top: 8px; margin-bottom: 8px; }

#aks-history .bunkazai-content .bunkazai_group h5 { font-size: 18px; margin: 0; }

#aks-history .bunkazai-content a.bunkazai_group_box { text-decoration: none; }

#aks-history .bunkazai-content a.bunkazai_group_box:hover { transform: scale(1.1); transition: 0.18s; }

#aks-history .bunkazai-content .umiemon-img { display: flex; justify-content: end; margin-top: 8px; }

#aks-history .bunkazai-content .umiemon-img img { width: 250px; }

#aks-life { padding-bottom: 5rem; }

#aks-life .aks_head_h2_content h2 .aks_head_h2_pc { display: none; }

#aks-life .aks_head_h2_content h2 .aks_head_h2_sp { display: block; }

#aks-life .life-main { padding: 4rem 0 0 0; }

#aks-life .life-main h3 { font-size: 1.5rem; }

#aks-life .life-main .life-movie { padding: 0px; }

#aks-life .life-main .life-movie iframe { aspect-ratio: 16/9; }

#aks-life .life-main .life-main_illust { display: none; }

#aks-life .life-access h4 { margin-top: 3rem; margin-bottom: 1.5rem; }

#aks-life .life-access h4 span { margin: 0 0.5rem; padding: 0.7rem; background-color: #f8f88e; border-radius: 50%; }

#aks-life .life-access table { border: solid 1px #333333; font-size: 1.3rem; }

#aks-life .life-access table thead { display: none; }

#aks-life .life-access table tbody { display: block; }

#aks-life .life-access table th { padding: 1rem; border: solid 1px #333333; font-weight: bold; }

#aks-life .life-access table td { padding: 1rem; border: solid 1px #333333; font-weight: bold; }

#aks-life .life-access .umiemon_life { margin-top: 0px; }

#aks-life .life-access .umiemon_life img { width: 140px; }

#aks-life #suport_kurashi h4, #aks-life #suport_sumai h4, #aks-life #suport_kosodate h4, #aks-life #suport_ijyu h4 { font-size: 1.5rem; }

#aks-life .life-support { padding-bottom: 4rem; }

#aks-life .life-support img { border-radius: 18px; }

#aks-life .life-support .support-linktitle { font-weight: bold; margin-bottom: 2.5rem; font-size: 1.5rem; border-bottom: solid 12px #d7ddbe; width: fit-content; padding: 0 0.5rem; }

#aks-life .life-support .content-btn-ul_life { display: grid; grid-template-columns: repeat(2, 2fr); gap: 32px; }

#aks-life .life-support .content-btn-ul_life a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: fit-content; }

#aks-life .life-support .content-btn-ul_life a .link-name { padding: 1rem; list-style: none; background-color: #f8f88e; width: fit-content; border-radius: 9999px; color: #596c1c; font-weight: bold; font-size: 1rem; text-align: center; display: flex; justify-content: center; }

#aks-life .life-support .content-btn-ul_life a .yajirusi { color: #596c1c; display: flex; justify-content: center; font-size: 2rem; }

#aks-life .life-support .content-btn-ul_life a:hover .link-name { transition: 0.2s; transform: translateY(4px); background-color: #eded43; color: #475812; }

#aks-life .life-support .content-btn-ul_life a:hover .yajirusi { transition: 0.2s; transform: translateY(4px); color: #475812; }

#aks-life .support-content { box-shadow: inset -0.5em 0 0.8em rgba(35, 35, 35, 0.175); background-color: #d7debe; padding: 3rem 0; }

#aks-life .support-content h4 { font-size: 3rem; }

#aks-life .support-content .support-img img { border-radius: 18px; }

#aks-life .support-content .kurashi-text-group .kurashi-text_1 { padding: 1rem; background-color: #fff; border-radius: 18px; }

#aks-life .support-content .kurashi-text-group .kurashi-text_1 h5 span { padding-right: 0.6rem; }

#aks-life .support-content .kurashi-text-group .kurashi-text_1 h5 span img { width: 40px; }

#aks-life .support-content.support-content_w { box-shadow: none; background-color: #fff; }

#aks-life .support-content.support-content_w .kurashi-text-group .kurashi-text_1 { background-color: #ffffd6; }

#aks-life .lifetitle { display: flex; align-items: center; justify-content: center; margin-top: 4rem; margin-bottom: 3rem; }

#aks-life .lifetitle h3 { margin: 0 1rem; font-size: 1.5rem; }

#aks-life .lifetitle div { width: 50px; }

#aks-life .lifetitle div img { width: 100%; }

.header-links { background-image: url(../images/akkeshi/header-links-bg.jpg); /*相対パスで画像ファイルを指定*/ height: 300px; background-size: cover; background-position: center; }

@media (min-width: 768px) { .aks_about .aks-introduction { padding: 4rem 0; } #kaki_content .kaki_scroll { padding: 2rem; } #kaki_content .kaki_e_scroll { padding: 2rem; } #taikoku_content .crab-content { padding: 1rem; } .whisky-content_kojyo { padding: 1rem 2rem; } #aks-life .life-main { padding: 4rem 3rem 0 3rem; } #aks-life .life-main h3 { font-size: 3rem; } #aks-life .life-access table thead { display: block; } #aks-life .life-access table tbody { display: none; } #aks-life #suport_kurashi h4, #aks-life #suport_sumai h4, #aks-life #suport_kosodate h4, #aks-life #suport_ijyu h4 { font-size: 3rem; } #aks-life .life-support .content-btn-ul_life a .link-name { padding: 1rem 3rem; font-size: 1.5rem; } #aks-life .lifetitle h3 { margin: 0 2.5rem; font-size: 3rem; } }

@media screen and (min-width: 1400px) { .content-btn-ul { grid-template-columns: repeat(4, 1fr); } .umiemon_nature { margin-top: -208px; margin-right: 50px; } #aks-life .life-support .content-btn-ul_life { grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 576px) { #aks-taste .aks_head_h2_content h2 .aks_head_h2_pc { display: block; } #aks-taste .aks_head_h2_content h2 .aks_head_h2_sp { display: none; } #aks-nature .aks_head_h2_content h2 .aks_head_h2_pc { display: block; } #aks-nature .aks_head_h2_content h2 .aks_head_h2_sp { display: none; } #aks-history .aks_head_h2_content h2 .aks_head_h2_pc { display: block; } #aks-history .aks_head_h2_content h2 .aks_head_h2_sp { display: none; } #aks-life .aks_head_h2_content h2 .aks_head_h2_pc { display: block; } #aks-life .aks_head_h2_content h2 .aks_head_h2_sp { display: none; } }

@media (min-width: 992px) { #kaki_content h3 { position: sticky; } }

@media screen and (min-width: 768px) { #gourmet_content .gourmetpark-text .title h4 { font-size: 2.8rem; } #gourmet_content .spot-content { grid-template-columns: repeat(2, 2fr); } #gourmet_content .brand-content p { font-size: 2rem; } .nature-content_all .nature-content { grid-template-columns: repeat(2, 4fr); } #aks-history .bunkazai-content .bunkazai_group { grid-template-columns: repeat(2, 4fr); gap: 2rem 1rem; } }

@media screen and (min-width: 1200px) { .nature-content_all .nature-content { grid-template-columns: repeat(4, 2fr); } #aks-history .bunkazai-content .bunkazai_group { grid-template-columns: repeat(4, 2fr); gap: 2rem 1rem; } }

@media screen and (min-width: 960px) { #aks-history .history_main { margin: 4rem; }
  #aks-history .history_main h3 { font-size: 2.5rem; } #aks-history .bunkazai-content .umiemon-img { margin-top: -56px; } #aks-life .life-main .life-main_illust { display: block; } #aks-life .life-access .umiemon_life { margin-top: -180px; } }