@charset "UTF-8";

/* CSS Document */
html {
    height: 100%;
    overflow: auto;
}

body {
    width: 100%;
    font-size: 15px;
    line-height: 160%;
    /*font-family: 'Noto Serif JP', "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-display: swap;
    font-weight: 500;
    color: #231815;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

a {
    overflow: hidden;
    outline: none;
    transition: all ease 200ms;
}

a:link,
a:hover,
a:visited {
    text-decoration: none;
}

.text a:link,
.text a:hover,
.text a:visited {
    color: #683835;
    text-decoration: underline;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
}

li {
    list-style-type: none;
}

img {
    vertical-align: bottom;
    border-style: none;
    box-shadow: #000 0 0 0;
    height: auto;
    width: 100%;
}

img:not([src*=".svg"]) {
    /*max-width: max-content;*/
    /*トピックスページ画像のサイズ変更*/
    max-width: -moz-max-content;
}

img[width="1"] {
    width: 1px;
}

img.nostock {
    max-width: max-content;
}

input[type="text"]:focus {
    outline: 0;
}

x:-moz-any-link,
x:default {
    box-shadow: #000 0 0 0;
}

table,
th,
td {
    border-collapse: collapse;
    border: 0;
}

.clear::after {
    content: '.';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}

textarea {
    resize: none;
}

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

body #wrapper,
footer {
    /*	display:none;*/
}

/*===============================
　header
===============================*/
header .logo_wrap {
    max-width: 306px;
    margin-right: 20px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

header .logo_wrap .logo img {
    width: 300px;
}

.header_inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

header .logo_text {
    font-family: 'M PLUS Rounded 1c';
    font-weight: 500;
    font-size: 1.22em;
}

header .freeshipping {
    width: 140px;
    margin-top: 35px;
    margin-right: 2em;
}

.system_link_wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 48px;
    margin-bottom: 25px;
}

.search_form {
    position: relative;
    margin-right: 1.5em;
}

.search_form .searchbox {
    background-color: #ececec;
    box-shadow: none;
    border: 1px solid #d0d0d0;
    height: 28px;
    width: 220px;
    border-radius: 14px;
    padding-left: 1em;
}

.search_form .searchSubmit {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
}

.system_link_wrap a {
    display: block;
    height: 30px;
    padding: calc(15px - 0.5em) 32px;
    padding-right: 0;
    margin-right: 1em;
    color: #000000;
    background-position: left;
    background-repeat: no-repeat;
    transition: 200ms all ease;
}

.system_link_wrap a:hover {
    background-color: #f7e7e2;
    border-radius: 5px;
}

.mypage_btn a {
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/icon_mypage.svg);
}

.regist_btn a {
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/icon_regist.svg);
}

.cart_btn a {
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/icon_cart.svg);
}

.guide_link_wrap {
    display: flex;
    justify-content: flex-end;
}

.guide_link_wrap li {
    margin-left: 1.4em;
}

.guide_link_wrap li:first-child {
    margin-left: 0;
}

.guide_link_wrap li a {
    color: #000000;
    text-decoration: underline;
}

.guide_link_wrap li:last-child a {
    display: inline-block;
    color: #683853;
    text-decoration: none;
    border: 1px solid #683853;
    padding: 0.4em 1.5em;
    line-height: 100%;
    margin-top: -0.3em;
    transition: all ease 200ms;
}

.guide_link_wrap li:last-child a:hover {
    background-color: #683853;
    color: #ffffff;
}

.guide_link_wrap li:last-child a::before {
    content: "> ";
}

.header_area {
    display: none;
}

/*===============================
　　ドロワーメニュー
===============================*/
body.open {
    height: 100%;
}

.drowermenu {}

.drowercart {
    display: block;
    position: absolute;
    font-size: 0.75em;
    z-index: 1;
    top: 0;
    width: 78px;
    height: 44px;
    text-align: center;
    border-right: 1px solid #000000;
    color: #000000;
    top: 16px;
    right: 70px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/icon_cart.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 26px;
}

.overlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
    transition: opacity .5s;
}

.overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1;
    position: fixed;
}

.menu-trigger {
    display: inline-block;
    width: 70px;
    height: 84px;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    transform: translateX(0);
    transition: transform .5s;
}

/*
.menu-trigger.active {
  transform: translateX(-306px);
}*/
.menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 3px;
    background-color: #683835;
    transition: all .5s;
}

.menu-trigger.active span {
    background-color: #fff;
}

.menu-trigger span:nth-of-type(1) {
    top: 40px;
}

.menu-trigger.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
}

.menu-trigger span:nth-of-type(2) {
    top: 47px;
}

.menu-trigger.active span:nth-of-type(2) {
    display: none;
}

.menu-trigger span:nth-of-type(3) {
    top: 54px;
}

.menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
}

.menu-trigger .name {
    position: absolute;
    width: 4.5em;
    font-size: 0.7em;
    margin-left: -0.9em;
    top: 22px;
    line-height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.menu-trigger.active .name {
    color: #ffffff;
}

.drowermenu nav {
    width: 306px;
    height: 100%;
    padding: 22px 15px 50px;
    background-color: #683835;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    transform: translate(306px);
    transition: all .5s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.drowermenu nav.open {
    transform: translateZ(0);
}

.drowermenu nav li.white_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
}

.drowermenu nav li.white_btn a {
    display: block;
    width: 100%;
    font-size: 0.9em;
    line-height: 100%;
    padding: 1.5em 1em;
    padding-left: 3.3em;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #ffffff;
    color: #000000;
    background-size: 35px;
}

.drowermenu nav li.white_btn .mypage_btn,
.drowermenu nav li.white_btn .regist_btn {
    width: 48%;
}

.drowermenu nav li.link_btn a {
    color: #fff;
    display: block;
    text-align: left;
    padding: 19px 10px;
    font-size: 0.9em;
    line-height: 120%;
    border-top: 1px solid #fff;
    letter-spacing: 0.5px;
    position: relative;
}

.drowersearch {
    margin-bottom: 30px;
}

.drowersearchbox {
    font-size: 1em;
    padding: 11px 8px;
    border-radius: 3px;
    border: none;
    width: 210px;
}

.drowersearchSubmit {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 55px;
}

#side_switch label {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

#side_switch label::after {
    content: "＋";
    position: absolute;
    right: 1em;
    display: inline-block;
    border: 1px solid #fff;
    text-align: center;
    font-size: 1.2em;
    line-height: 100%;
    padding: 0.2em;
    width: 1em;
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
}

#accordion_open:checked+ul li #side_switch label::after {
    content: "－";
}

#accordion_open {
    display: none;
}

.accordion {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all ease 400ms;
}

#accordion_open:checked+ul .accordion {
    height: auto;
    opacity: 1;
}

#accordion_open:checked+ul .accordion li a {
    border-top-style: dashed;
    padding-left: 2em;
}

#accordion_open:checked+ul .accordion li a::before {
    content: "∟";
    display: block;
    position: absolute;
    left: 0.5em;
    font-size: 1em;
    line-height: 50%;
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*===============================
　footer
===============================*/
footer .logo_address {
    margin-top: 10px;
}

.tel_wrap {
    padding: 50px 0 60px;
}

.tel_list {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.tel_list li {
    width: 316px;
    margin-left: calc(50% - 316px * 1.5);
}

.tel_list li:first-child {
    margin-left: 0;
}

.tel_title {
    font-size: 1.2em;
    padding-bottom: 10px;
    background: url(https://www.alpha-online.jp/img/docs/image/common/text_underline.gif) repeat-x center bottom;
    margin-bottom: 12px;
}

.tel_number_wrap {
    margin-bottom: 10px;
}

.tel_icon {
    display: inline-block;
    color: #ffffff;
    background-color: #683835;
    padding: 3px 6px;
    width: calc(2.4em + 6px);
    line-height: 130%;
}

.tel_number {
    display: inline-block;
    color: #683835;
    font-size: 2.5em;
    margin-left: 5px;
    line-height: 100%;
}

.tel_number b {
    color: #f00;
    font-size: 120%;
}

.tel_text {
    font-size: 0.85em;
    line-height: 160%;
}

.tel_caution {
    color: #f00;
    font-size: 120%;
}

.address_wrap {
    background-color: #fdf9f8;
    padding: 45px 0 100px;
}

.address_wrap_inner {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

footer .logo_wrap {
    float: left;
    margin-top: 10px;
    max-width: 326px;
    width: 96%;
}

footer .logo_wrap {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

footer .logo {
    margin-bottom: 5px;
}

footer .logo_name {
    font-size: 1.3em;
    margin-bottom: 15px;
}

footer .lower_link {
    float: right;
}

.secure_wrap {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.secure_wrap img {
    width: auto;
    margin: 0 5px;
}

.mainlink_list {
    display: flex;
    margin-bottom: 18px;
}

.mainlink_list li {
    margin-left: 1.2em;
}

.mainlink_list li:first-child {
    margin-left: 0;
}

.lower_link a::before {
    content: "> ";
}

.mainlink_list a {
    display: inline-block;
    background: #ffffff;
    color: #683835;
    border: 1px solid #683835;
    line-height: 100%;
    padding: 0.5em 2em 0.5em 1.4em;
    transition: all ease 200ms;
}

.mainlink_list a:hover {
    background: #683835;
    color: #ffffff;
}

.sublink_list {
    display: flex;
}

.sublink_list li {
    margin-left: 35px;
}

.sublink_list li:first-child {
    margin-left: 0;
}

.sublink_list li a {
    display: block;
    color: #000000;
    font-size: 0.95em;
    margin-bottom: 10px;
}

/*===============================
　パンくず
===============================*/
#bread-crumb {
    position: absolute;
    /*top: 155px;*/
    top: -89px;
    left: 0;
    width: 100%;
    padding: 15px 0;
    background: #e9e9e9;
}

#bread-crumb-listTop {
    width: 96%;
    max-width: 1080px;
    margin: 0 auto;
}

#bread-crumb-listTop ol {
    display: flex;
    flex-wrap: wrap;
}

#bread-crumb-listTop li {
    font-size: 0.8em;
    line-height: 100%;
}

#bread-crumb-listTop li a {
    color: #000000;
}

#bread-crumb-listTop li a::after {
    content: "＞";
    padding: 0 0.5em;
}

/*===============================
　TOPページ
===============================*/
#contents>article:nth-of-type(1) {
    margin-bottom: 180px;
}

/*--------------
   スライダー
--------------*/
.slider {
    width: calc(100% - 62px);
    margin: 0 auto 15px;
    display: none;
}

.slider.slick-slider {
    display: block;
}

.thumb {
    width: 76%;
    max-width: 588px;
    margin: 0 auto 15px;
    display: none;
}

.thumb.slick-slider {
    display: block;
}

.slider li,
.thumb li {
    padding: 0 5px;
}

.thumb li {
    opacity: 0.3;
}

.thumb li.slick-center {
    opacity: 1;
}

button.slick-prev,
button.slick-prev:hover,
button.slick-prev:focus,
button.slick-next,
button.slick-next:hover,
button.slick-next:focus {
    width: 36px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all ease 200ms;
}

button.slick-prev,
button.slick-prev:hover,
button.slick-prev:focus {
    left: -50px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/top/btn_prev.png);
}

button.slick-next,
button.slick-next:hover,
button.slick-next:focus {
    right: -50px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/top/btn_next.png);
}

button.slick-prev:before,
button.slick-next:before {
    content: '';
}

button.slick-prev:hover,
button.slick-prev:focus {
    left: -55px;
    padding-right: 5px;
}

button.slick-next:hover,
button.slick-next:focus {
    right: -55px;
    padding-left: 5px;
}

/*登録手順*/
.guide_open {
    color: #f00;
    text-decoration: underline;
    cursor: pointer;
}

input#open+.guide_slide_wrap {
    width: 100%;
    right: 0;
    left: 0;
    position: absolute;
    z-index: -10;
    opacity: 0;
    transition: all ease 300ms;
}

input#open:checked+.guide_slide_wrap {
    position: static;
    z-index: 1;
    opacity: 1;
}

.campaign_wrap {
    width: 94%;
    max-width: 1080px;
    margin: 50px auto;
    padding: 30px 3%;
    border-top: 2px solid #b3051f;
    border-bottom: 2px solid #b3051f;
}

.campaign_wrap .title {
    color: #fff;
    background-color: #b3051f;
    padding: 0.3em 0;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 0.8em;
}

.category_link {
    width: 100%;
    max-width: 1080px;
    margin: 100px auto 0;
}

.category_link .title {
    text-align: center;
    font-size: 1.8em;
    position: relative;
    margin-bottom: 90px;
}

.category_link .title::before,
.category_link .title::after {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: calc(100% / 2 - 5em);
    background-color: #000;
    top: 0;
    bottom: 0;
    margin: auto;
}

.category_link .title::before {
    left: 0;
}

.category_link .title::after {
    right: 0;
}

.category_link_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.category_link_list li {
    width: 31.76%;
    text-align: right;
    margin-bottom: 75px;
}

.cate_name {
    font-size: 2.2em;
    line-height: 100%;
    width: 20%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: block;
    float: left;
}

.cate_name .mini {
    font-size: 0.5em;
}

.cate_pic {
    display: inline-block;
    margin-bottom: 10px;
    width: 77.55%;
    max-width: 266px;
}

.cate_text {
    max-width: 262px;
    margin-left: 22.45%;
    text-align: left;
    line-height: 140%;
}

.cate_link {
    margin-top: 10px;
}

.cate_link a {
    color: #000000;
    text-decoration: underline;
    font-size: 1.3em;
}

.review_wrap {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.topics_link {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 140px;
}

.topics_banner {
    width: calc(100% / 3);
    position: relative;
}

.topics_banner a::before {
    content: '> 詳細を見る';
    position: absolute;
    z-index: 2;
    width: 60%;
    display: block;
    font-size: 1.2em;
    color: #000000;
    line-height: 100%;
    padding: 1em 0;
    background-color: #ffffff;
    text-align: center;
    margin: auto;
    bottom: -1.2em;
    left: 0;
    right: 0;
    border-bottom: 1px solid #000000;
}

.topics_banner a::before,
.topics_banner a img {
    transition: all ease 300ms;
}

.topics_banner a:hover::before {
    background-color: #683835;
    color: #ffffff;
    bottom: -1.6em;
}

.topics_banner a:hover img {
    opacity: 0.5;
}

.topcontents_title {
    text-align: center;
    padding-top: 60px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/top/title_head.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 41px;
    margin-bottom: 70px;
}

.topcontents_title .sub_title {
    font-size: 0.8em;
    letter-spacing: 2px;
    line-height: 100%;
    margin-bottom: 15px;
}

.topcontents_title .title {
    font-size: 2em;
    line-height: 100%;
    font-weight: normal;
    letter-spacing: 1.5px;
}

.ranking_link {
    display: flex;
    flex-wrap: wrap;
    max-width: 1080px;
    margin: 0 auto 100px;
}

.rank_top {
    width: 46.3%;
    position: relative;
}

.rank_list {
    width: 53.7%;
    display: flex;
    flex-wrap: wrap;
}

.rank_other {
    width: calc(99.99% / 3);
    position: relative;
    padding: 0 15px;
}

.rank_num {
    position: absolute;
    color: #ffffff;
    font-size: 1.2em;
    padding-top: calc(21.5px - 0.6em);
    text-align: center;
    width: 37px;
    height: 43px;
    top: -15px;
    left: -5px;
    background: url(https://www.alpha-online.jp/img/docs/image/side/side_pop_bg.gif) no-repeat center;
    background-size: contain;
}

.rank_top .rank_num {
    width: 48px;
    height: 54px;
    font-size: 1.6em;
    padding-top: 15px;
}

.rank_text {
    color: #000000;
    text-decoration: underline;
}

.rank_text .price {
    color: #683835;
}

.reason_link {
    width: 100%;
    height: 500px;
    background: url(https://www.alpha-online.jp/img/docs/image/top/reason_bg.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 120px;
}

.reason_link_inner {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
}

.reason_link_inner::before {
    content: "イメージ";
    position: absolute;
    bottom: 5px;
    left: 10px;
    font-size: 0.7em;
}

.reason_link .title {
    font-size: 2em;
    font-weight: normal;
    line-height: 160%;
    margin-bottom: 25px;
}

.reason_link .text {
    padding: 0 calc(50% - 200px);
    line-height: 200%;
    letter-spacing: 0.5px;
    margin-bottom: 35px;
}

.reason_link .link_btn {
    display: block;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 1em;
    line-height: 100%;
    width: 250px;
    border-radius: 10px;
    transition: all ease 200ms;
}

.reason_link .link_btn:hover {
    background-color: #ffffff;
    color: #683835;
}

.topics_list_link {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 100px;
}

.topics_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
    justify-content: center;
}

.topics_list li {
    padding: 0px 18px 50px;
}

.topics_m_pics {
    margin-bottom: 10px;
    transition: all ease 200ms;
}

.topics_list a:hover .topics_m_pics {
    opacity: 0.6;
}

.topics_m_title {
    text-align: center;
    color: #000000;
    text-decoration: underline;
    line-height: 140%;
}

.topics_list_link .link_btn {
    text-align: center;
    display: block;
    border: 1px solid #000;
    width: 240px;
    margin: 0 auto;
    padding: 0.7em;
    border-radius: 8px;
    color: #000000;
}

.topics_list_link .link_btn:hover {
    background: #683835;
    color: #fff;
}

.twin_contents_wrap {
    width: 96%;
    max-width: 1080px;
    margin: 0 auto 100px;
}

.news h2,
.twincontents_title {
    display: flex;
    padding-bottom: 15px;
    background: url(https://www.alpha-online.jp/img/docs/image/common/text_underline.gif) repeat-x center bottom;
    margin-bottom: 30px;
}

.twincontents_title .title {
    margin-right: 0.8em;
    font-size: 1.7em;
    font-weight: normal;
    letter-spacing: 0.5px;
}

section>.news {
    width: calc(100% - 444px);
    max-width: 636px;
    float: left;
    margin-left: calc(50% - 550px);
}

.facebook_link {
    width: 364px;
    height: 350px;
    float: right;
    margin-right: calc(50% - 550px);
}

.news-contents .news-box {
    padding: 25px 0;
    border-top: 1px solid #000000;
}

.news-contents .news-box:first-child {
    padding-top: 0;
    border-top: none;
}

.news-contents .news-box:nth-of-type(4)~.news-box {
    display: none;
}

.news_text {
    text-decoration: underline;
    color: #683835;
    line-height: 140%;
}

.pankz {
    background: #e9e9e9;
    padding: 10px;
    margin-bottom: 45px;
}

.pankz_inner {
    max-width: 1080px;
    margin: 0 auto;
}

.pankz_inner .link {
    color: #000000;
    font-size: 0.8em;
    line-height: 100%;
    text-decoration: underline;
}

.pankz_inner .link:last-child {
    text-decoration: none;
    cursor: default;
}

.pankz_inner .link::before {
    content: ">";
    margin-left: 0.6em;
    margin-right: 0.7em;
    text-decoration: none;
    display: inline-block;
}

.pankz_inner .link:first-child::before {
    display: none;
}

/*===============================
　下層ページ
===============================*/
#contents {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row-reverse;
    position: relative;
}

#contents>article:nth-of-type(1) {
    width: calc(100% - 280px);
    max-width: 754px;
    margin-left: 30px;
    transition: width ease 800ms;
}

.main .link_btn {
    display: block;
    background-color: #b11e31;
    color: #ffffff;
    text-align: center;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.6em;
    font-size: 1.33em;
    line-height: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    transition: all ease 300ms;
}

.main .link_btn:hover {
    opacity: 0.6;
}

.link_btn_wrap {
    margin-bottom: 80px;
}

/*----------------------
　サイドメニュー
----------------------*/
#sub-column {
    width: 280px;
    padding-left: 20px;
    padding-right: 30px;
    border-right: 1px solid #cccccc;
    transition: all ease 800ms;
}

#sub-column [class*="_wrap"] {
    margin-bottom: 60px;
}

.side_title,
#sub-column .category h2 {
    font-size: 1.3em;
    margin-bottom: 20px;
}

span.spelling,
#sub-column .category h2::after {
    font-size: 45%;
    line-height: 100%;
    padding-left: 0.8em;
    letter-spacing: 1px;
}

.category h2::after {
    content: "CATEGORY";
}

.category_list li {
    border-bottom: 1px dotted;
    position: relative;
}

.category_list li::before {
    content: "∟";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0.5em;
    height: 1em;
    line-height: 50%;
    font-size: 0.8em;
}

.category_list li:first-child::before {
    display: none;
}

.category_list .link {
    display: block;
    background-color: #ffffff;
    padding: 0.75em 0.5em 0.75em 2em;
    color: #000000;
    text-decoration: underline;
}

.category_list li:first-child .link {
    padding-left: 0.5em;
}

.category_list li:last-child {
    border-bottom: none;
}

.side_wrap .list_link {
    text-align: center;
    display: block;
    margin-top: 20px;
    border: 1px solid #683835;
    padding: 0.5em 0;
    line-height: 100%;
    color: #683835;
}

.side_wrap .list_link::before {
    content: ">";
    margin-right: 0.4em;
}

#sub-column .campaign_wrap {
    width: 100%;
    border: none;
    margin-top: 0;
    padding: 0;
}

#sub-column .campaign_wrap li {
    margin-bottom: 20px;
}

.topics_wrap li {
    border-top: 1px dotted #000;
}

.topics_wrap li:first-child,
.topics_wrap li:last-child {
    border-top: none;
}

.topics_wrap li:last-child {
    padding-top: 20px;
}

.topics_wrap li .link {
    color: #000000;
    display: block;
    padding: 0.75em;
    line-height: 140%;
    text-decoration: underline;
}

.side_rank_list_wrap .rank_other {
    width: 100%;
    margin-bottom: 20px;
}

.side_rank_list_wrap .rank_num {
    top: 0;
    left: 0;
}

.category_list .link,
.side_wrap .list_link,
.topics_wrap li .link,
.campaign_wrap li {
    transition: all ease 200ms;
}

.category_list .link:hover,
.topics_wrap li .link:hover {
    background-color: #f7e7e2;
}

.side_wrap .list_link:hover {
    background-color: #683835;
    color: #ffffff;
}

.campaign_wrap li:hover {
    opacity: 0.5;
}

/*----------------------
　ヘッド　画像付きver
----------------------*/
.head_img {
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    height: 260px;
    position: relative;
    display: flex;
    margin-bottom: 35px;
}

.head_img::before {
    content: "";
    position: absolute;
    border: 1px solid #ffffff;
    display: block;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.list .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/list/list_head.jpg);
    background-size: contain;
}

.qa .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/qa/qa_head.jpg);
}

.topics .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/topics_head.jpg);
}

.guide .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/qa/qa_head.jpg);
}

.head_contents {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 52.5%;
    margin-left: 47.5%;
    padding-left: 7%;
    padding-right: 10px;
    background-color: rgba(104, 56, 53, 0.95);
}

.head_contents_inner {
    color: #fff;
}

.page_title {
    font-size: 40px;
    line-height: 120%;
    font-weight: normal;
    margin-bottom: 10px;
}

.page_title_caption {
    line-height: 160%;
}

/*----------------------
　ヘッド　画像なしver
----------------------*/
.head_lower {
    color: #683835;
    position: relative;
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/bg_title_lower_C.svg);
    background-repeat: repeat-x;
    background-position: center;
    width: 100%;
    height: 90px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}

.head_lower:before,
.head_lower:after {
    content: "";
    display: block;
    background-color: #ffffff;
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/bg_title_lower_L.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.head_lower:after {
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/bg_title_lower_R.svg);
    left: auto;
    right: 0;
}

.head_lower .page_title {
    font-size: 1.6em;
    margin-bottom: 0;
}

.haed_lower_caption {
    margin-top: -20px;
    margin-bottom: 55px;
}

.head_lower .title_img {
    width: 80px;
}

.head_lower h2 {
    display: inline-block !important;
}

/*----------------------
　下層ページ　見出し等
----------------------*/
.main .title,
#itemDetail-wrap .title,
.recommend h2 {
    font-size: 2.0em;
    background-image: url(https://www.alpha-online.jp/img/docs/image/common/text_underline.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 20px;
    margin-bottom: 38px;
}

#itemDetail-wrap .title {
    margin-bottom: 18px;
}

.text_box {
    margin-bottom: 40px;
}

.text_box .inner_title {
    font-size: 17px;
    line-height: 140%;
    padding: 7px 15px;
    background-color: #e8e8e8;
    margin-bottom: 18px;
}

.text_box .inner_title~p {
    margin-left: 15px;
}

.text_box .link_btn {
    background-color: #683835;
    width: 340px;
    padding: 14px 0;
    letter-spacing: 0.5px;
    margin-top: 1em;
    margin-left: 0;
    font-weight: bold;
}

.text_box .link_btn:hover {
    opacity: 0.6;
}

.text_box .sign {
    text-align: right;
    margin-top: 0.5em;
    font-size: 0.86em;
}

.text_box .table {
    margin-bottom: 50px;
}

.text_box .tl {
    border-bottom: 1px solid #000;
    display: flex;
}

.text_box .tl:last-child {
    border-bottom: none;
}

.text_box .th,
.text_box .td {
    padding: 10px 11px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.text_box .th {
    background-color: #ededed;
    width: 170px;
    text-align: center;
    line-height: 140%;
    justify-content: center;
}

.text_box .td {
    width: calc(100% - 170px);
    display: block;
}

.text_box .td.flex {
    display: flex;
}

table.wide {
    width: calc(100% - 30px);
    text-align: center;
    margin-bottom: 10px;
    margin-left: 15px;
}

table.wide tr {
    border-bottom: 1px solid #000000;
}

table.wide tr:last-child {
    border-bottom: none;
}

table.wide th,
table.wide td {
    padding: 0.5em;
    line-height: 140%;
}

table.wide th {
    background-color: #e8e8e8;
}

table.wide td {
    border-right: 1px solid #000000;
}

table.wide td:last-child {
    border-right: none;
}

/*----------------------
　商品一覧
----------------------*/
#itemList,
#itemList2 {
    width: 100%;
    max-width: 754px;
    position: relative;
}

#itemList h1,
#itemList2 h1 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    height: 260px;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    flex-wrap: wrap;
    font-size: 40px;
    line-height: 120%;
    font-weight: normal;
    /*    justify-content: right;*/
    margin-top: 15px;
    margin-left: 47.5%;
    padding-left: 1em;
    color: #eee;
    background-color: rgba(104, 56, 53, 0.95);
}

#itemList h1::before,
#itemList2 h1::before {
    width: 100%;
    height: 260px;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    background-image: url(https://www.alpha-online.jp/img/docs/image/list/list_head.jpg);
    background-repeat: no-repeat;
}

#itemList h1::after,
#itemList2 h1::after {
    content: "";
    position: absolute;
    z-index: 2;
    height: 240px;
    display: block;
    width: calc(100% - 20px);
    left: 0;
    right: 0;
    top: 10px;
    margin: auto;
    border: 1px solid #fff;
}

.column-set {
    display: flex;
    flex-wrap: wrap;
    /*    justify-content: end;*/
}

.column4,
.column5 {
    width: 30%;
    margin-bottom: 25px;
    margin: 1.66%;
    position: relative;
}

.column4 .itemThumb,
.column5 .itemThumb {
    max-height: 226px;
    overflow: hidden;
    text-align: center;
}

.column4 .itemThumb img,
.column5 .itemThumb img {
    width: auto;
    max-height: 226px;
}

.column4 span.badge,
.column5 span.badge {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.column4 h2,
.column4 .price,
.column4 .sp_price,
.column5 h3,
.column5 .price,
.column5 .sp_price {
    display: inline;
}

.column4 h2 a,
.column5 h3 a {
    font-size: 0.7em;
    color: #000000;
    line-height: 120%;
}

.column5 h3 a {
    font-size: 0.9em;
}

.column4 p.price span,
.column4 p.sp_price span,
.column5 p.price span,
.column5 p.sp_price span {
    color: #683835;
    padding-left: 1em;
}

.column4 h2 a,
.column4 .price,
.column4 .sp_price,
.column5 h3 a,
.column5 .price,
.column5 .sp_price {
    text-decoration: underline;
}

.column4 .price .taxin,
.column5 .price .selling_price span {
    display: none;
}

.column4 [class*="sps-"],
.column4 .sp_price .selling_price_str,
.column4 .sp_price .taxin,
.column4 .fx_price,
.column5 [class*="sps-"],
.column5 .sp_price .selling_price_str,
.column5 .sp_price .taxin,
.column5 .fx_price {
    display: none;
}

.pagerlist ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pagerlist ul li a,
.pagerlist ul li.selected {
    color: #000;
    display: block;
    border: 1px solid #cccccc;
    line-height: 100%;
    padding: 0.5em;
    margin: 5px;
}

.pagerlist ul li.selected {
    border-color: #683835;
    background: #683835;
    color: #fff;
}

.column-set .inner-catch {
    font-size: 0.85em;
    line-height: 160%;
    margin-top: 0.5em;
    border: 1px solid #cccccc;
    padding: 1em;
}

/*----------------------
　商品詳細
----------------------*/
#itemDetail-cont form.shopping_form[name="CARTIN"] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

#itemDetail-cont .itemThumb-wrap {
    width: 45.25%;
}

#itemDetail-cont .itemThumb-wrap .itemThumb-main {
    border: 1px solid #cecece;
    margin-bottom: 15px;
}

.zoomItemPic {
    display: block;
}

.ui-front {
    z-index: 10001;
}

.itemThumb ul {
    display: none;
}

.itemThumb ul.slick-slider {
    display: block;
}

.itemThumb ul li {
    padding: 0 1.5px;
}

#pi_cart {
    width: calc(100% - 52%);
}

.product_num {
    color: #666666;
    font-size: 0.85em;
    margin-bottom: 5px;
}

#pi_cart h1 {
    font-size: 1.4em;
    line-height: 140%;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    margin-bottom: 25px;
}

#pi_cart table.price .price td {
    color: #b11e31;
    font-size: 1.6em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pi_cart table.price .price td span:not(.selling_price) {
    font-size: 0.7em;
}

#pi_cart table.price tr,
#pi_cart table.spec tr {
    padding-bottom: 10px;
    display: block;
}

#pi_cart table.spec tr.date {
    display: none;
}

#pi_cart table.price th,
#pi_cart table.spec th {
    font-weight: normal;
    width: auto !important;
    text-align: left;
}

#pi_cart table.spec th {
    min-width: 8.5em;
}

#pi_cart table.price td,
#pi_cart table.spec td {
    padding-left: 20px;
    position: relative;
}

#pi_cart table.price tr.fx_price td::after {
    content: "のところ";
}

#pi_cart table.spec td [name*="CNT"] {
    font-size: 1.2em;
    width: 2.5em;
    padding: 0.2em;
    margin-right: 0.2em;
    border: 1px solid #000;
}

.detail_info .freeshipping {
    color: #b11e31;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #f7e7e2;
    margin-bottom: 10px;
}

.option_area select::-ms-expand {
    display: none;
}

.option_area select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 5px 0;
    padding: 7px 10px;
    font-size: 0.85em;
    line-height: 110%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #ededed;
    position: relative;
}

.option_area .option_comment {
    font-size: 0.85em;
    line-height: 160%;
}

.option_area input[type="text"] {
    font-size: 1em;
    padding: 5px;
    width: 100%;
}

#itemDetail-cont_contents .link_btn {
    width: 100%;
    padding: 0.8em;
    max-width: none;
}

.detail_info {
    margin-bottom: 25px;
}

.cartArea {
    margin-bottom: 25px;
    position: relative;
}

.cartArea input[type="image"] {
    width: 100%;
    opacity: 0;
}

.cartArea>*:nth-of-type(1)::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(https://www.alpha-online.jp/img/docs/image/detail/btn_cartl.gif) no-repeat center;
    background-size: contain;
    top: 0;
    left: 0;
}

.cartArea.fixed_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    background: #b5142e;
    z-index: 4;
}

.cartArea.fixed_btn>*:nth-of-type(1)::after {
    max-width: 450px;
    left: 0;
    right: 0;
    margin: auto;
}

.sps-wishAddItem img {
    max-width: 240px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.sps-wishArea {
    position: relative;
}

.sps-wishArea a {
    display: block;
    margin-bottom: 15px;
    max-width: 240px;
    text-align: center;
}

.icons {
    margin-bottom: 15px;
}

.icons .ico_salesMethod {
    display: none;
}

.icons img {
    height: auto;
    width: auto;
}

#pi_cart .cancel a {
    display: none;
}

#pi_cart .cancel [title*="返品"] {
    display: block;
    margin-top: 1em;
}

.snsArea {
    line-height: 100%;
    margin-top: 10px;
}

.sns_btn {
    display: flex;
    margin-bottom: 5px;
}

.sns_title {
    font-size: 0.9em;
    margin-right: 15px;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
}

.share_link {
    display: block;
    width: 40px;
    height: 40px;
    transition: all ease 200ms;
}

.share_link:hover {
    padding-bottom: 5px;
    margin-top: -5px;
}

.detail_data_contents {
    margin-bottom: 60px;
}

.description .detail_data .title {
    line-height: 140%;
    font-size: 1.4em;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.detail_data_flex {
    display: flex;
    justify-content: space-between;
}

.detail_data_flex .flex_l {
    width: 42%;
    max-width: 320px;
}

.detail_data_flex .flex_r {
    width: 55%;
}

.detail_data_flex .flex_r .detail_data_flex {
    justify-content: end;
}

.description .detail_data_contents .link_btn {
    display: block;
    color: #ffffff;
    text-align: center;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.6em;
    font-size: 1.33em;
    line-height: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    transition: all ease 300ms;
    margin-top: 15px;
    background-color: #683835;
    margin-right: 10px;
    margin-left: 0;
    font-size: 1.125em;
}

.detail_data_flex.gara_data {
    align-items: center;
}

.detail_data_flex.gara_data .flex_l {
    width: 21%;
}

.detail_data_flex.gara_data .flex_r {
    width: 77%;
}

/*----------------------
　トピックス
----------------------*/
.topics_list_wrap {
    margin-bottom: 95px;
}

.topics_list_wrap .text_box {
    float: right;
    width: calc(100% - 39.48% - 25px);
}

.topics_list_wrap .topics_title {
    font-size: 1.55em;
    line-height: 140%;
    color: #683835;
    margin-bottom: 10px;
}

.topics_list_wrap .text {
    line-height: 180%;
}

.topics_list_wrap .pict_box {
    float: left;
    width: 39.48%;
}

.detail_related {
    margin-bottom: 60px;
}

.detail_topics .topics_banner a::before {
    display: none;
}

.detail_topics .topics_banner {
    padding: 0 10px;
}

/*----------------------
　お買い物ガイド
----------------------*/
.switch_radio {
    display: none;
}

.guide_slide_wrap {
    background: #faf1ee;
    padding: 20px 0 0;
    margin-top: 15px;
    margin-bottom: 20px;
}

.guide_slide {
    width: calc(100% - 55px * 2);
    margin: 0 auto;
}

.guide_slide li {
    position: relative;
}

.guide_slide li .num {
    color: #fff;
    background: #683835;
    position: absolute;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 140%;
    font-size: 140%;
    padding-top: calc(19px - 0.7em);
}

.guide_slide li img {
    border: 1px solid #683835;
}

.guide_slide_txt {
    padding: 0.8em 0;
    font-size: 93.75%;
    line-height: 160%;
}

.guide_slide_txt .red {
    color: #b11e31;
}

/*----------------------
　よくある質問
----------------------*/
.qa .anchor_list {
    background-color: #faf1ee;
    padding: 20px 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 60px;
}

.qa .anchor_list li {
    margin: 0.4em 0;
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #000;
    line-height: 100%;
}

.qa .anchor_list li:last-child {
    border-right: none;
}

.qa .anchor_list li .anchor_link {
    color: #a31f24;
    text-decoration: underline;
}

/*----------------------
　原材料
----------------------*/
.ingredient .title {
    margin-bottom: 20px;
    padding-left: 100px;
    padding-top: 10px;
    position: relative;
}

.ingredient .title::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    width: 100px;
    height: 80px;
    bottom: 6px;
    left: 0;
}

.ingredient section#i1-001 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1001.jpg?0712);
}

.ingredient section#i1-002 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1002.jpg);
}

.ingredient section#i1-003 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1003.jpg);
}

.ingredient section#i1-004 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1004.jpg);
}

.ingredient section#i1-005 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1005.jpg);
}

.ingredient section#i1-006 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1006.jpg);
}

.ingredient section#i1-007 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1007.jpg);
}

.ingredient section#i1-008 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1008.jpg);
}

.ingredient section#i1-009 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1009.jpg);
}

.ingredient section#i1-010 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1010.jpg);
}

.ingredient section#i1-011 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1100.jpg);
}

.ingredient section#i1-012 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1200.jpg);
}

.ingredient section#i1-1300 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1300.jpg);
}

.ingredient section#i1-1400 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1400.jpg);
}

.ingredient section#i1-1500 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1500.jpg);
}

.ingredient section#i1-1600 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1600.jpg);
}

.ingredient section#i1-1700 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_1700.jpg);
}

.ingredient section#i1-610 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_610.jpg);
}

.ingredient section#i2-001 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_2001.jpg);
}

.ingredient section#i2-002 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_2002.jpg);
}

.ingredient section#i2-003 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_2003.jpg);
}

.ingredient section#i2-004 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_2004.jpg);
}

.ingredient section#i3-001 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3001.jpg?1217);
}

.ingredient section#i3-002 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3002.jpg?1217);
}

.ingredient section#i3-003 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3003.jpg?1217);
}

.ingredient section#i3-004 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3004.jpg?1221);
}

.ingredient section#i3-005 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3005.jpg?1221);
}

.ingredient section#i3-006 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3006.jpg?1221);
}

.ingredient section#i3-007 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3007.jpg?1217);
}

.ingredient section#i3-008 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3008.jpg?1217);
}

.ingredient section#i3-009 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3009.jpg?1217);
}

.ingredient section#i3-010 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3010.jpg?1217);
}

.ingredient section#i3-011 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3011.jpg?1221);
}

.ingredient section#i3-012 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3012.jpg?1217);
}

.ingredient section#i3-013 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3013.jpg?1217);
}

.ingredient section#i3-014 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3014.jpg?1217);
}

.ingredient section#i3-015 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_3015.jpg?1217);
}

.ingredient section#i3-8001 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_8001.jpg);
}

.ingredient section#i3-8002 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_8002.jpg);
}

.ingredient section#i3-8003 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_8003.jpg);
}

.ingredient section#i4-001 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_4001.jpg);
}

.ingredient section#i4-919-1 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_919-1.jpg);
}

.ingredient section#i4-919-2 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_919-2.jpg);
}

.ingredient section#i4-919-3 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_919-3.jpg);
}

.ingredient section#i4-919-4 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_919-4.jpg);
}

.ingredient section#i9-001 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_9001.jpg);
}

.ingredient section#i9-002 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_9002.jpg);
}

.ingredient section#il-98019 .title::before {
    background-image: url(https://www.alpha-online.jp/img/docs/image/ingredient/icon_98019.jpg);
}

.text_box .td .mini {
    font-size: 0.875em;
}

.text_box .td.seibun_wrap {
    padding: 0;
}

.text_box .td [class*="seibun"] {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.s_tr {
    text-align: center;
    border-left: 1px dotted #000;
    border-bottom: 1px solid #000000;
}

.text_box .td [class*="seibun"] .s_tr:first-child {
    border-left: 0;
}

.s_th {
    background-color: #ededed;
    padding: 0.5em 0;
}

.s_td {
    padding: 0.5em;
}

.seibun5 .s_tr {
    width: calc(99.99% / 5);
}

.seibun6 .s_tr {
    width: calc(99.99% / 6);
}

.ingredient section[id*="i"] {
    padding-top: 40px;
}

.ingredient .text_box {
    margin-bottom: 0px;
}

.ingredient a.pdf_link {
    color: #ffffff;
    background-color: #683835;
    display: block;
    text-align: center;
    max-width: 300px;
    padding: 10px 0;
    margin: 0 auto;
    border: 1px solid #683835;
    transition: all ease 200ms;
}

.pdf_link:hover {
    background-color: #ffffff;
    color: #683835;
}

.switch_list {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    height: 54px;
}

.switch {
    width: 20%;
    text-align: center;
}

.switch label {
    display: block;
    width: 100%;
    height: 54px;
    border-top: 1px solid #a31f24;
    border-bottom: 1px solid #a31f24;
    border-right: 1px solid #a31f24;
    color: #a31f24;
    font-size: 1.13em;
    line-height: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.switch:first-child label {
    border-left: 1px solid #a31f24;
}

.howto .switch_list {
    height: auto;
}

.howto .switch label {
    height: auto;
    display: block;
}

#switch01:checked~section label[for="switch01"],
#switch02:checked~section label[for="switch02"],
#switch03:checked~section label[for="switch03"],
#switch04:checked~section label[for="switch04"],
#switch05:checked~section label[for="switch05"] {
    background-color: #a31f24;
    color: #ffffff;
}

#switch01:checked~section label[for="switch01"]::after,
#switch02:checked~section label[for="switch02"]::after,
#switch03:checked~section label[for="switch03"]::after,
#switch04:checked~section label[for="switch04"]::after,
#switch05:checked~section label[for="switch05"]::after {
    content: "▼";
    color: #a31f24;
    position: absolute;
    z-index: 2;
    font-size: 15px;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
}

[class*="switch_content"] {
    opacity: 0;
    /*    position: absolute;*/
    z-index: -1;
    top: 0;
    height: 0;
    overflow: hidden;
    transition: all ease 500ms;
}

#switch01:checked~.switch_content01,
#switch02:checked~.switch_content02,
#switch03:checked~.switch_content03,
#switch04:checked~.switch_content04,
#switch05:checked~.switch_content05 {
    opacity: 1;
    width: 100%;
    position: static;
    height: auto;
    margin-top: 40px;
}

.guide .anchor_list {
    background-color: #faf1ee;
    padding: 2em 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.guide .anchor_list li {
    padding: 0 1em;
    border-right: 1px solid #000000;
}

.guide .anchor_list li:last-child {
    border-right: none;
}

.guide .anchor_list .anchor_link {
    color: #a31f24;
    line-height: 100%;
    text-decoration: underline;
}

/*----------------------
　おいしい炊き方
----------------------*/
.howto .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/howto/howto_head.jpg);
}

.howto #switch01:checked~section label[for="switch01"],
.howto #switch02:checked~section label[for="switch02"],
.howto #switch03:checked~section label[for="switch03"] {
    background-color: #f7e7e2;
    color: #a31f24;
}

.howto .switch {
    width: 33%;
}

.howto .switch label {
    color: #000000;
    padding-top: 100px;
    padding-bottom: 20px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

.howto .switch label[for="switch01"] {
    background-image: url(https://www.alpha-online.jp/img/docs/image/howto/how_icon01.png);
}

.howto .switch label[for="switch02"] {
    background-image: url(https://www.alpha-online.jp/img/docs/image/howto/how_icon02.png);
}

.howto .switch label[for="switch03"] {
    background-image: url(https://www.alpha-online.jp/img/docs/image/howto/how_icon03.png);
}

.howto_contents_wrap {
    position: relative;
}

.howto .head_lower {
    margin-bottom: 30px;
}

.howto .head_text {
    margin-bottom: 60px;
}

.howto_img {
    width: 132px;
    position: absolute;
    top: 0;
    right: 20px;
}

#anchor_01 .howto_img {
    top: -40px;
}

.howto .sub_title {
    color: #683835;
    font-size: 150%;
    line-height: 160%;
    position: relative;
    margin-bottom: 20px;
    padding-left: 70px;
}

.howto .sub_title .num {
    color: #ffffff;
    background: url(https://www.alpha-online.jp/img/docs/image/howto/icon_num_bg.svg) no-repeat center;
    background-size: contain;
    display: block;
    position: absolute;
    top: -0.2em;
    left: 0;
    width: 48px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.howto .howto_img+.sub_title {
    padding-right: 160px;
}

.howto_contents {
    max-width: 640px;
    margin-left: 70px;
    margin-bottom: 80px;
}

.howto_contents .text {
    margin-bottom: 40px;
}

.howto_contents .text:first-child {
    padding-right: 165px;
    max-width: 640px;
}

.howto_contents .text .caution {
    display: inline-block;
    color: #fff;
    background: #a31f24;
    line-height: 100%;
    padding: 0.2em;
    margin-right: 0.2em;
}

.howto_contents .red {
    color: #a31f24;
}

.howto_contents .midashi {
    font-size: 120%;
    line-height: 160%;
    margin-bottom: 10px;
}

.howto_contents .midashi .caption {
    font-size: 70%;
}

.howto input#open {
    display: none;
}

.howto_table {
    width: 100%;
    margin-bottom: 1.5em;
}

.howto_table tr {
    border-bottom: 1px solid #808080;
}

.howto_table tr:nth-of-type(2n+1) {
    background-color: #f3f3f3;
}

.howto_table tr:last-child {
    border-bottom: none;
}

.howto_table th,
.howto_table td {
    padding: 1em 0;
    text-align: center;
}

.howto_table th {
    background: #d8d8d8;
}

.howto_table td.name {
    text-align: left;
}

.howto_table td.img {
    padding: 0 0.3em;
}

.howto_table td.img img {
    height: 40px;
    width: auto;
    mix-blend-mode: multiply;
}

.maker .howto_table tr td {
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
}

.maker .howto_table tr th:first-child,
.maker .howto_table tr td:first-child {
    width: 20%;
    border-right: 1px solid #808080;
    text-align: center;
    vertical-align: top;
}

.howto .pdf_link {
    color: #ffffff;
    background-color: #683835;
    display: block;
    text-align: center;
    max-width: 256px;
    padding: 10px 0;
}

@media (min-width:1080px) {
    .main_wrap {
        padding: 1.5rem;
        margin: auto;
        text-align: center;
        max-width: 1130px;
    }
}


/*キャンペーンページ*/
.campaign_link_btn {
    display: block;
    width: 68%;
    margin: 15px auto 50px;
    border-radius: 6px;
    font-size: 1.6em;
    line-height: 100%;
    padding: 0.7em;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    background: #00a900;
    background: -moz-linear-gradient(top, #00a900 0%, #007500 100%);
    background: -webkit-linear-gradient(top, #00a900 0%, #007500 100%);
    background: linear-gradient(to bottom, #00a900 0%, #007500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a900', endColorstr='#007500', GradientType=0);
}

.main.newitemAu div {
    background-color: #fef4e5;
}

@media (max-width:1100px) {
    section>.news {
        margin-left: 2%;
    }

    .facebook_link {
        margin-right: 2%;
    }

    #pi_cart table.spec th,
    #pi_cart table.spec td {
        display: block;
    }

    #pi_cart table.spec td {
        padding-left: 0;
    }
}

@media (max-width:1080px) {
    header .logo_wrap {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }

    header .freeshipping {
        display: none;
    }

    .header_inner .btn_wrap {
        width: 100%;
    }

    #bread-crumb {
        /*top: 216px;*/
        top: -89px;
    }

    .system_link_wrap,
    .guide_link_wrap {
        justify-content: center;
    }

    .system_link_wrap {
        margin-top: 30px;
    }

    .tel_list {
        display: block;
    }

    .tel_list li,
    .tel_list li:first-child {
        margin: 0 auto 40px;
    }

    footer .lower_link,
    footer .logo_wrap {
        float: none;
    }

    .mainlink_list,
    .sublink_list {
        justify-content: center;
    }
}

@media (min-width:768px) {
    .drowermenu {
        display: none;
    }
}

@media (max-width:768px) {
    .header_inner {
        padding-bottom: 0;
        height: 110px;
        margin: 0;
    }

    header .logo_wrap {
        width: 55.7%;
        margin: 0;
        margin-left: 20px;
    }

    header .btn_wrap {
        display: none;
    }

    #sub-column {
        margin-left: -280px;
        height: 0;
        border-right-color: #ffffff;
    }

    #contents>article:nth-of-type(1) {
        width: 100%;
        max-width: none;
        margin-left: 0;
        padding: 0 25px;
    }

    #bread-crumb {
        /*top: 112px;*/
        top: -89px;
    }

    /*===============================
　TOPページ
===============================*/
    /*--------------
   スライダー
--------------*/
    .slider {
        width: calc(100% + 4px);
        margin: 0 0 15px -2px;
    }

    .slider li,
    .thumb li {
        padding: 0 2px;
    }

    .category_link .title::before {
        left: 2%;
    }

    .category_link .title::after {
        right: 2%;
    }

    .cate_name {
        font-size: 1.6em;
    }

    .cate_link a {
        font-size: 1em;
    }

    .topics_banner a::before {
        font-size: 1em;
        padding: 0.7em 0;
    }

    .ranking_link {
        display: block;
        width: 80%;
    }

    .rank_top,
    .rank_list {
        width: 100%;
        margin-bottom: 120px;
    }

    .rank_other {
        margin-bottom: 30px;
    }

    section>.news,
    .facebook_link {
        width: 90%;
        max-width: none;
        margin: 0 auto 50px;
        float: none;
    }

    .facebook_wrap {
        text-align: center;
    }
}

@media (min-width:501px) {
    .sp {
        display: none !important;
    }
}

@media (max-width:500px) {

    /*スマホ*/
    body {
        font-size: 0.9375em;
    }

    .header_inner {
        height: 85px;
    }

    header .logo_wrap .logo img {
        width: 178px;
    }

    .toppage,
    #contents>article:nth-of-type(1) {
        margin-bottom: 60px;
    }

    .address_wrap {
        padding-top: 0;
        padding-bottom: 100px;
    }

    .column4,
    .column5 {
        width: 46.6%;
    }

    #mp_ta_top {
        text-align: center;
    }

    .main .title,
    #itemDetail-wrap .title,
    .recommend h2 {
        font-size: 1.3em;
        margin-bottom: 15px;
    }

    .text_box .inner_title~p {
        margin-left: 0;
    }

    .mainlink_list {
        display: block;
    }

    .mainlink_list li {
        margin: 0;
    }

    .mainlink_list li:first-child {
        border-top: 1px solid #683835;
    }

    .mainlink_list a {
        display: block;
        margin: 0;
        text-align: center;
        padding: 1.4em 0;
        border-left: none;
        border-right: none;
        border-top: none;
    }

    #bread-crumb {
        /*    top: 86px;*/
        top: -52px;
    }

    .sublink_list {
        display: none;
    }

    footer .logo_wrap {
        margin-top: 40px;
    }

    footer .logo {
        margin-bottom: 15px;
    }

    .thumb {
        width: 100%;
    }

    button.slick-prev,
    button.slick-prev:hover,
    button.slick-prev:focus {
        left: 10px;
        z-index: 1;
    }

    button.slick-next,
    button.slick-next:hover,
    button.slick-next:focus {
        right: 10px;
    }

    .guide_slide button.slick-prev,
    .guide_slide button.slick-prev:hover,
    .guide_slide button.slick-prev:focus {
        left: -50px;
        z-index: 1;
    }

    .guide_slide button.slick-next,
    .guide_slide button.slick-next:hover,
    .guide_slide button.slick-next:focus {
        right: -50px;
    }

    .category_link {
        margin-top: 16vw;
        margin-bottom: 8.6vw;
    }

    .category_link .title {
        font-size: 1.6em;
        margin-bottom: 50px;
    }

    .category_link .title::before {
        left: 5%;
    }

    .category_link .title::after {
        right: 5%;
    }

    .category_link_list li {
        width: 46%;
        margin-bottom: 10.6vw;
    }

    .category_link_list li:nth-of-type(2n-1) {
        margin-right: 3%;
    }

    .cate_name {
        font-size: 1.2em;
    }

    .cate_text {
        font-size: 0.85em;
        letter-spacing: 0.5px;
        line-height: 150%;
    }

    #itemList h1,
    #itemList2 h1 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-left: 0;
        padding: 0;
        background-color: rgba(104, 56, 53, 0.7);
        font-size: 1.8em;
        height: 180px;
    }

    #itemList h1::before,
    #itemList2 h1::before {
        background-size: cover;
        height: 180px;
        padding-top: 0;
        z-index: -1;
    }

    #itemList h1::after,
    #itemList2 h1::after {
        display: none;
    }

    .topics_link {
        display: block;
        margin-bottom: 21.3vw;
    }

    .topics_banner {
        width: 90%;
        margin: 0 auto 16vw;
    }

    .topics_banner a::before {
        font-size: 1.4em;
    }

    .topcontents_title {
        margin-bottom: 6.6vw;
    }

    .ranking_link {
        width: 90%;
    }

    .rank_other {
        width: 50%;
    }

    .rank_top,
    .rank_list {
        margin-bottom: 21.3vw;
    }

    .topics_list li {
        width: 100%;
        padding: 0;
    }

    .topics_list a {
        padding: 5.3vw 5%;
        display: flex;
        border-bottom: 1px solid #000000;
    }

    .topics_m_pics {
        width: 80px;
        margin-bottom: 0;
        margin-right: 25px;
    }

    .topics_m_title {
        align-items: center;
        flex-wrap: wrap;
        display: flex;
        text-align: left;
    }

    .topics_list {
        margin-bottom: 40px;
    }

    .reason_link {
        margin-bottom: 21.3vw;
    }

    #contents>article:nth-of-type(1) {
        margin-left: auto;
        margin-right: auto;
        padding: 0 4%;
    }

    .head_img {
        display: block;
        height: 180px;
        background-size: cover;
        background-position: center top;
    }

    .list .head_img {
        background-size: cover;
    }

    .head_img::before {
        display: none;
    }

    .head_contents {
        display: flex;
        text-align: center;
        width: 100%;
        height: 100%;
        margin-left: 0;
        padding: 15px;
        padding-bottom: 20px;
        background-color: rgba(104, 56, 53, 0.7);
    }

    .head_contents_inner {
        width: 100%;
    }

    .head_contents_inner .first {
        font-size: 0.85em;
        margin-bottom: 5px;
    }

    .head_lower {
        font-size: 1.5em;
        line-height: 140%;
        padding: 20px 15px;
    }

    .howto .head_lower {
        font-size: 1.0em;
    }

    .head_lower .title_img {
        width: 60px;
    }

    .pankz {
        margin-bottom: 8px;
    }

    .head_lower .page_title,
    .page_title {
        font-size: 1.2em;
        margin-bottom: 5px;
    }

    .head_contents_inner .page_title {
        font-size: 1.8em;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .page_title_caption {
        font-size: 0.875em;
        line-height: 140%;
    }

    .column4 .itemThumb img,
    .column5 .itemThumb img {
        width: 100%;
    }

    #itemDetail-cont form.shopping_form[name="CARTIN"] {
        display: block;
    }

    #itemDetail-cont .itemThumb-wrap {
        width: 100%;
        margin: 2% auto 20px;
    }

    #itemDetail-cont_contents,
    #pi_cart {
        width: 100%;
    }

    #pi_cart table.spec {
        width: 100%;
    }

    .option_area select {
        width: 100%;
    }

    .detail_data_flex {
        display: block;
    }

    .detail_data_flex .flex_l,
    .detail_data_flex .flex_r {
        width: 100%;
        max-width: none;
    }

    .description .detail_data_contents .link_btn {
        margin-left: auto;
        margin-right: auto;
    }

    .detail_data_flex.gara_data .flex_l {
        max-width: 130px;
        margin-left: auto;
        margin-right: auto;
    }

    .detail_data_flex.gara_data .flex_r {
        width: 100%;
    }

    .detail_topics .topics_banner {
        margin-bottom: 25px;
    }

    .switch_list {
        flex-wrap: wrap;
        justify-content: end;
        margin-bottom: 30px;
        height: auto;
    }

    .switch {
        width: 33.3%;
        text-align: center;
    }

    #switch01:checked~section label[for="switch01"]::after,
    #switch02:checked~section label[for="switch02"]::after,
    #switch03:checked~section label[for="switch03"]::after,
    #switch04:checked~section label[for="switch04"]::after,
    #switch05:checked~section label[for="switch05"]::after {
        display: none;
    }

    .switch label {
        font-size: 0.9em;
        padding: 0.8em 0;
        border: 1px solid #a31f24;
    }

    .guide .anchor_list {
        display: none;
    }

    .text_box .tl {
        display: block;
    }

    .text_box .th,
    .text_box .td {
        width: 100%;
        display: block;
        text-align: left;
    }

    .text_box .td [class*="seibun"] {
        display: block;
    }

    .text_box .td [class*="seibun"] .s_tr {
        width: 100%;
        display: flex;
        border-left: none;
        border-bottom-style: dotted;
    }

    .text_box .td [class*="seibun"] .s_tr:first-child {
        border-top: 1px dotted #000000;
    }

    .text_box .td [class*="seibun"] .s_th,
    .text_box .td [class*="seibun"] .s_td {
        width: 50%;
    }

    .ingredient .title {
        padding-left: 100px;
        line-height: 140%;
    }

    .topics_list_wrap .text_box,
    .topics_list_wrap .pict_box {
        float: none;
        width: 100%;
    }

    .topics_list_wrap .text_box {
        margin-bottom: 12px;
    }

    .tel_number .tel_link a {
        color: #683835;
    }

    .howto .switch label {
        background-size: auto 50px;
        padding-top: 55px;
    }

    #switch01:checked~section label[for="switch01"]::after,
    #switch02:checked~section label[for="switch02"]::after,
    #switch03:checked~section label[for="switch03"]::after {
        content: "▼";
    }

    #anchor_01 .howto_img,
    .howto_img {
        top: 0;
        right: 0;
        width: 66px;
    }

    .howto .sub_title {
        padding-left: 50px;
    }

    .howto .howto_img+.sub_title {
        padding-right: 70px;
    }

    .howto_contents .text:first-child {
        padding-right: 0;
    }

    .howto_contents {
        margin-left: 0;
    }

    .howto .sub_title .num {
        width: 36px;
    }

    .howto_table th {
        padding: 0.5em 0;
        line-height: 140%;
    }

    .maker .howto_table tr th:first-child,
    .maker .howto_table tr td:first-child {
        padding: 0;
        vertical-align: middle;
        width: 30%;
    }

    .howto_contents label {
        background: #ededed;
        border: 1px solid #000;
        padding: 1em 0.6em;
        display: block;
        line-height: 100%;
        position: relative;
        cursor: pointer;
    }

    .howto_contents label::after {
        content: "＋";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0.5em;
        margin: auto;
        font-size: 120%;
        line-height: 120%;
        width: 1.2em;
        height: 1.2em;
    }

    .maker {
        display: none;
    }

    .howto_contents #open:checked~.midashi label::after {
        content: "－";
    }

    #open:checked~.maker {
        display: block;
    }

    /*キャンペーンページSP*/
    .campaign_link_btn {
        width: 90%;
    }

    .pc {
        display: none !important;
    }

}

/*SHOPサーブ書き換え用*/
#sub-column nav {
    display: none;
}

#bread-crumb-listTop ol li {
    display: none;
}

#bread-crumb-listTop ol li:first-child,
#bread-crumb-listTop ol li:last-child {
    display: block;
}

#bread-crumb-listTop ol li:last-child a::after {
    display: none;
}

#Journal h1,
#Journal h2,
#JournalList>h1,
#JournalList>article>h2,
.state_r {
    display: none;
}

#Journal h1[class*="title"],
#Journal h2[class*="title"] {
    display: block;
}

#Journal h2[class*="head_lower"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

img[src*="https://b.shopserve.jp/tracking/tracking.php?U="] {
    width: 1px;
}

table#enter {
    width: 94%;
    margin: 10px auto;
    table-layout: fixed;
}

#bread {
    margin-bottom: 20px;
}

.title1 {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 1.5em;
    border-bottom: 1px solid #000;
    padding: 0 0 5px;
    margin: 0 0 20px;
}

.bordlayoutp3 .sps-inputTablePopup {
    text-align: left;
}

.bordlayoutp3 .sps-inputTablePopup tr {
    border-bottom: 1px dotted #000;
}

table.sps-inputTablePopup td input,
table.sps-inputTablePopup td textarea {
    font-size: 1em;
}

input[type="button"] {
    font-size: 1.1em;
    background-color: #a31f24;
    padding: 5px 15px;
    color: #fff;
}

input[value="キャンセル"],
input[value="ログアウト"],
input[value="閉じる"],
input[value="退会する"],
input[value*="戻る"] {
    background-color: #ccc;
    color: #333;
}

.mainCont {
    margin-bottom: 30px
}

.mainCont a {
    color: #a31f24;
}

form[name="list"] {
    background-color: #dedede;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.bordlayoutp3 tr.backcolor1 {
    border-bottom: 1px solid #ccc;
}

.layoutp3 {
    text-align: left;
}

.layoutp3 tr {
    border-bottom: 1px dotted #888;
}

form[name="LEAVE"] .layoutp3 {
    text-align: center;
}

form[name="LEAVE"] .layoutp3 {
    text-align: center;
}

form[name="LEAVE"] .layoutp3 table {
    margin: 0 auto;
}

.subc_cal_cont {
    border: 1px solid #ccc;
    padding: 1.5em 0;
    box-sizing: border-box;
}

.cal_wrapper {
    margin-bottom: 0 !important;
}

.cal_wrapper table.cal {
    width: 160px;
    margin: 0 auto;
}

.subc_cal_cont::before {
    content: "CALENDAR";
    text-align: center;
    width: 160px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px #000 dotted;
    margin: 0 auto 10px;
    color: #66cc33;
}

table.cal tr th[colspan="7"] {
    position: relative;
}

input[onclick*="cal_move"] {
    position: absolute;
    top: 0;
    color: #888;
    font-size: 0.5em;
    line-height: 100%;
    width: 2em;
    height: 2em;
    text-align: center;
    padding: 0;
    background: #eee;
    border: 1px solid #ccc;
}

.cal .month {
    text-align: center;
    margin-bottom: 10px;
}

input[onclick*="cal_move"].prev {
    left: 0;
}

input[onclick*="cal_move"].next {
    right: 0;
}

input.prev-hide {
    display: none;
}

.cal tr.headline {
    border-bottom: 1px solid #ccc;
}

.cal tr.headline~tr:not(.headline) {
    border-left: 1px solid #ccc;
}

.cal td {
    text-align: center;
    font-size: 0.85em;
}

.cal tr:not(.headline) td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#sub-column div.cal_wrapper table.cal tr td div.Today {
    background-color: #ddd;
}

.subc_cal_cont .cap ul {
    display: flex;
    font-size: 0.7em;
    width: 160px;
    margin: 0 auto;
}

.subc_cal_cont .cap ul .cap_txt {
    margin-right: 20px;
}

.mainCont .layoutp3 th,
.mainCont .layoutp3 td {
    padding: 10px 0;
}

.mainCont form[name="dlinfo"] input[type="submit"],
.mainCont form[name="add"] input[type="submit"],
.mainCont form[name="DLEDT"] input[type="submit"],
.mainCont form[target="_cart"] input[type="submit"] {
    border: 1px solid #a31f24;
    color: #ffffff;
    padding: 5px 15px;
    font-size: 1em;
    margin-bottom: 15px;
    background-color: #a31f24;
}

.mainCont form[name="DLDEL"] tr td {
    padding: 10px 0;
}

.mainCont h4 {
    background: #ededed;
    padding: 0.3em 0.5em;
}

/*増税対応用*/
header .freeshipping {
    opacity: 0 !important;
}

.main.guide .switch_content03>.text_box .table .tl:first-child .td span {}

/*.main.guide .switch_content03 > .text_box .table .tl:first-child .td::before {
    content: "商品お届け時に配達員に代金をお支払いいただく方法です。";
}*/
.main.guide .switch_content05 .title#anchor5-5,
.main.guide .switch_content05 .title#anchor5-5+.text_box {}

/*======================
トピックス
======================*/
/*------------共通-----------*/
[class*="topics-"] .page_title .mini {
    font-size: 72.5%;
    line-height: 180%;
}

[class*="topics-"] section {
    margin-bottom: 120px;
}

[class*="topics-"] section.head_img {
    margin-bottom: 80px;
}

[class*="topics-"]:not(.detail_data_contents) .title {
    text-align: center;
    font-size: 200%;
    padding-bottom: 30px;
    line-height: 140%;
}

[class*="topics-"] .title .mini {
    font-size: 65%;
}

[class*="topics-"] .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

[class*="topics-"] .subsec_title {
    font-size: 1.3em;
    line-height: 200%;
    margin-bottom: 1.4em;
}

[class*="topics-"] .subsec_title b {
    font-size: 148%;
    font-weight: normal;
}

[class*="topics-"] .subsec_title b .emphasis {
    color: #993333;
    background: linear-gradient(transparent 50%, #ffe09a 0%);
}

[class*="topics-"] .green {
    color: #8baa3d;
}

[class*="topics-"] .textred {
    color: #a31f24;
}

/*------------01 おいしさの秘密-----------*/
.topics-01 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/01/topics_head.jpg);
}

.topics-01 .head_contents {
    background-color: rgba(220, 100, 98, 0.95);
}

.topics-01 .page_title {
    font-size: 32.5px;
    line-height: 150%;
    margin-bottom: 0;
}

.topics-01 .subsec01,
.topics-05 .subsec01 {
    padding: 30px 4%;
    background: #f7e7e2;
    margin-bottom: 50px;
}

.topics-01 .subsec01 .img_wrap,
.topics-05 .subsec01 .img_wrap {
    width: 50%;
}

.topics-01 .subsec01 .subsec_title,
.topics-05 .subsec01 .subsec_title {
    width: 50%;
    padding-left: 4%;
    margin-bottom: 0;
}

.flex.features_wrap,
.topics-01 .process_wrap {
    align-items: baseline;
    justify-content: space-between;
    text-align: center;
    /*20220728アルファ化米が出来るまでを修正*/

}

.features_wrap {
    margin-top: 80px;
    max-width: 672px;
    margin-left: auto;
    margin-right: auto;
}

.topics-01 .commitment_wrap {
    margin-top: 40px;
}

.features {
    width: 30%;
    margin-bottom: 30px;
}

.topics-01 .process {
    width: 46%;
    margin-bottom: 40px;
}

.features .img_wrap,
.topics-01 .process .img_wrap {
    position: relative;
}

.features .img_wrap .num,
.topics-01 .process .img_wrap .num {
    position: absolute;
    color: #ffffff;
    font-size: 1.8em;
    line-height: 100%;
    padding-top: calc(25px - 0.45em);
    text-align: center;
    width: 43px;
    height: 50px;
    top: -45px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/01/topics_num_bg.gif) no-repeat center;
    background-size: contain;
}

.features .img_wrap .num {
    background-image: url(https://www.alpha-online.jp/img/docs/image/side/side_pop_bg.gif);
}

.topics-01 .process .img_wrap .num {
    top: -10px;
    left: -10px;
    right: auto;
}

.features .red,
.topics-01 .process .red {
    text-align: center;
    color: #993333;
    margin-top: 15px;
    font-size: 140%;
    line-height: 140%;
    margin-bottom: 10px;
    height: 2.75em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topics-01 .process .red {
    color: #dc6462;
    height: auto;
}

.topics-01 .quality_wrap .img_wrap {
    max-width: 520px;
    margin: 0 auto 30px;
}

/*------------02 丹波大納言小豆のお赤飯-----------*/
.topics-02 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/topics_head.jpg);
}

.topics-02 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/02/topics_head_icon.png?0712) no-repeat center bottom;
    background-size: contain;
    bottom: -20px;
    right: 5%;
}

.prolevel_wrap,
.situation_wrap,
.howto_wrap,
.instant_wrap,
.material_wrap,
.pack_wrap,
.gift_wrap,
.voice_wrap {
    width: 91.5%;
    margin: 0 auto;
}

.prolevel_wrap .subsec_title {
    text-align: center;
}

.prolevel_wrap .subsec_title.sub {
    font-size: 180%;
    margin: -10px 0 25px;
}

.prolevel_wrap .img_wrap {
    width: 43.5%;
}

.prolevel_wrap .img_wrap {
    width: 43.5%;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
}

a.howto_link {
    text-decoration: underline;
    color: #834555;
}

.situation_wrap.flex {
    justify-content: space-between;
    align-items: normal;
}

.situation {
    width: 32%;
}

.situation_title {
    width: 100%;
    height: 5.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fbf3f0;
    color: #683835;
    font-size: 130%;
    text-align: center;
    line-height: 140%;
}

.situation_title_wrap {
    margin-bottom: 15px;
}

.topics-02 .flex.howto_wrap {
    align-items: normal;
    justify-content: space-between;
    margin-bottom: 10px;
}

.topics-02 .howto {
    width: 32%;
    border: 1px solid #cecece;
    padding: 1em;
    padding-top: 40px;
    position: relative;
}

.topics-02 .howto_num {
    position: absolute;
    color: #ffffff;
    font-size: 1.8em;
    line-height: 100%;
    padding-top: calc(25px - 0.45em);
    text-align: center;
    width: 43px;
    height: 50px;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(https://www.alpha-online.jp/img/docs/image/side/side_pop_bg.gif);
    background-size: contain;
}

.topics-02 .howto .img_wrap {
    width: 74%;
    margin: 0 auto 15px;
}

.howto_wrap+.howto_link_wrap {
    text-align: right;
    width: 91.5%;
    margin: 0 auto;
}

.instant_wrap {
    margin-top: 30px;
    flex-direction: row-reverse;
}

.instant_wrap .text_wrap {
    width: 32.9%;
    margin: 0 7.5% 0 2.5%;
}

.instant_wrap .text_wrap .subsec_title {
    font-size: 1.9em;
    line-height: 150%;
    margin-bottom: 15px;
    color: #834555;
}

.instant_wrap .img_wrap {
    width: 55.9%;
}

.material .img_wrap {
    width: 43.485%;
}

.material .text_wrap {
    width: 52.328%;
}

.flex.material {
    justify-content: space-between;
    align-items: normal;
    margin-bottom: 40px;
}

.material .flex.img_wrap {
    justify-content: space-between;
    align-items: normal;
    text-align: center;
}

.material .flex_l,
.material .flex_r {
    width: 48%;
}

.material .text_wrap .subsec_title {
    margin-bottom: 10px;
    font-size: 185%;
    line-height: 140%;
    color: #683835;
}

.material .text_wrap .subsec_title .mini {
    font-size: 65%;
}

.subsec_title.material_center {
    text-align: center;
    font-size: 2.4em;
    margin: -20px auto 0;
    padding-bottom: 10px;
    color: #683835;
}

.material .text_wrap .text {
    margin-bottom: 30px;
}

.pack_wrap .subsec_title,
.pack_wrap .pack_text {
    color: #834555;
    text-align: center;
}

.pack_wrap .subsec_title {
    font-size: 160%;
    line-height: 120%;
}

.pack_wrap .pack_text {
    font-size: 130%;
    line-height: 180%;
}

.flex.pack_wrap_column {
    margin: 20px 0 35px;
    background: #f7e7e2;
    padding: 25px 0;
}

.pack_wrap_column .flex_l {
    width: 15.075%;
}

.pack_wrap_column .flex_r {
    width: 67.836%;
    margin-left: 25px;
}

.pack_wrap_column .flex_r .red {
    color: #993333;
}

[class*="topics-"] .flex.gift_wrap {
    justify-content: space-between;
    align-items: normal;
}

[class*="topics-"] .gift {
    width: 31%;
    margin-bottom: 30px;
}

[class*="topics-"] .gift_name {
    text-align: center;
    color: #834555;
    font-size: 1.3em;
    margin-bottom: 10px;
}

[class*="topics-"] .gift_img {
    margin-bottom: 10px;
}

[class*="topics-"] .gift_link_wrap {
    width: 100%;
    max-width: 330px;
    margin: 30px auto;
}

[class*="topics-"] a.gift_link {
    background: #834555;
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 120%;
    line-height: 100%;
    padding: 20px 0;
}

[class*="topics-"] a.gift_link:hover {
    opacity: 0.6;
}

.voice_wrap {
    margin-bottom: 120px;
    padding-top: 30px;
}

.flex.voice {
    justify-content: space-between;
    margin-bottom: 40px;
}

.voice .img_wrap {
    width: 14.495%;
}

.voice .text_wrap {
    width: 80%;
    border: 1px solid #834555;
    border-radius: 10px;
    padding: 1em 2em;
    position: relative;
    font-family: "M PLUS Rounded 1c";
    font-size: 120%;
    line-height: 180%;
}

.voice .text_wrap::after {
    content: '　';
    position: absolute;
    bottom: 30px;
    margin: auto;
    box-sizing: border-box;
    width: 32px;
    height: 20px;
    background: no-repeat center;
}

.voice .text_wrap.left::after {
    right: -32px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/voice_arrow_r.png);
}

.voice .text_wrap.right::after {
    left: -32px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/voice_arrow_l.png);
}

.voice_link_wrap {
    width: 100%;
    position: relative;
}

.voice_link {
    display: block;
    font-size: 115%;
    color: #ffffff;
    width: 33.7%;
    max-width: 256px;
    background: #339933;
    padding: 1.725%;
    text-align: center;
    position: absolute;
    right: 7.1%;
    bottom: 15.5%;
    z-index: 2;
}

.voice_link:hover {
    background-color: #99cc99;
}

/*------------備蓄の豆知識-----------*/
.topics-bi .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/06/bitiku_img1.jpg);
}

.topics-bi .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/02/topics_head_icon.png?0712) no-repeat center bottom;
    background-size: contain;
    bottom: -20px;
    right: 5%;
}


.prolevel_wrap,
.situation_wrap,
.howto_wrap,
.instant_wrap,
.material_wrap,
.pack_wrap,
.gift_wrap,
.voice_wrap {
    width: 91.5%;
    margin: 0 auto;
}

.prolevel_wrap .subsec_title {
    text-align: center;
}

.prolevel_wrap .subsec_title.sub {
    font-size: 180%;
    margin: -10px 0 25px;
}

.prolevel_wrap .img_wrap {
    width: 43.5%;
}

.prolevel_wrap .img_wrap {
    width: 43.5%;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
}

a.howto_link {
    text-decoration: underline;
    color: #834555;
}

.situation_wrap.flex {
    justify-content: space-between;
    align-items: normal;
}

.situation {
    width: 32%;
}

.situation_title {
    width: 100%;
    height: 5.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fbf3f0;
    color: #683835;
    font-size: 130%;
    text-align: center;
    line-height: 140%;
}

.situation_title_wrap {
    margin-bottom: 15px;
}

.topics-bi .flex.howto_wrap {
    align-items: normal;
    justify-content: space-between;
    margin-bottom: 10px;
}

.topics-bi .howto {
    width: 32%;
    border: 1px solid #cecece;
    padding: 1em;
    padding-top: 40px;
    position: relative;
}

.topics-bi .howto_num {
    position: absolute;
    color: #ffffff;
    font-size: 1.8em;
    line-height: 100%;
    padding-top: calc(25px - 0.45em);
    text-align: center;
    width: 43px;
    height: 50px;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(https://www.alpha-online.jp/img/docs/image/side/side_pop_bg.gif);
    background-size: contain;
}

.topics-bi .howto .img_wrap {
    width: 74%;
    margin: 0 auto 15px;
}

.howto_wrap+.howto_link_wrap {
    text-align: right;
    width: 91.5%;
    margin: 0 auto;
}

.instant_wrap {
    margin-top: 30px;
    flex-direction: row-reverse;
}

.instant_wrap .text_wrap {
    width: 32.9%;
    margin: 0 7.5% 0 2.5%;
}

.instant_wrap .text_wrap .subsec_title {
    font-size: 1.9em;
    line-height: 150%;
    margin-bottom: 15px;
    color: #834555;
}

.instant_wrap .img_wrap {
    width: 55.9%;
}

.material .img_wrap {
    width: 43.485%;
}

.material .text_wrap {
    width: 52.328%;
}

.flex.material {
    justify-content: space-between;
    align-items: normal;
    margin-bottom: 40px;
}

.material .flex.img_wrap {
    justify-content: space-between;
    align-items: normal;
    text-align: center;
}

.material .flex_l,
.material .flex_r {
    width: 48%;
}

.material .text_wrap .subsec_title {
    margin-bottom: 10px;
    font-size: 185%;
    line-height: 140%;
    color: #683835;
}

.material .text_wrap .subsec_title .mini {
    font-size: 65%;
}

.subsec_title.material_center {
    text-align: center;
    font-size: 2.4em;
    margin: -20px auto 0;
    padding-bottom: 10px;
    color: #683835;
}

.material .text_wrap .text {
    margin-bottom: 30px;
}

.pack_wrap .subsec_title,
.pack_wrap .pack_text {
    color: #834555;
    text-align: center;
}

.pack_wrap .subsec_title {
    font-size: 160%;
    line-height: 120%;
}

.pack_wrap .pack_text {
    font-size: 130%;
    line-height: 180%;
}

.flex.pack_wrap_column {
    margin: 20px 0 35px;
    background: #f7e7e2;
    padding: 25px 0;
}

.pack_wrap_column .flex_l {
    width: 15.075%;
}

.pack_wrap_column .flex_r {
    width: 67.836%;
    margin-left: 25px;
}

.pack_wrap_column .flex_r .red {
    color: #993333;
}

[class*="topics-"] .flex.gift_wrap {
    justify-content: space-between;
    align-items: normal;
}

[class*="topics-"] .gift {
    width: 31%;
    margin-bottom: 30px;
}

[class*="topics-"] .gift_name {
    text-align: center;
    color: #834555;
    font-size: 1.3em;
    margin-bottom: 10px;
}

[class*="topics-"] .gift_img {
    margin-bottom: 10px;
}

[class*="topics-"] .gift_link_wrap {
    width: 100%;
    max-width: 330px;
    margin: 30px auto;
}

[class*="topics-"] a.gift_link {
    background: #834555;
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 120%;
    line-height: 100%;
    padding: 20px 0;
}

[class*="topics-"] a.gift_link:hover {
    opacity: 0.6;
}

.voice_wrap {
    margin-bottom: 120px;
    padding-top: 30px;
}

.flex.voice {
    justify-content: space-between;
    margin-bottom: 40px;
}

.voice .img_wrap {
    width: 14.495%;
}

.voice .text_wrap {
    width: 80%;
    border: 1px solid #834555;
    border-radius: 10px;
    padding: 1em 2em;
    position: relative;
    font-family: "M PLUS Rounded 1c";
    font-size: 120%;
    line-height: 180%;
}

.voice .text_wrap::after {
    content: '　';
    position: absolute;
    bottom: 30px;
    margin: auto;
    box-sizing: border-box;
    width: 32px;
    height: 20px;
    background: no-repeat center;
}

.voice .text_wrap.left::after {
    right: -32px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/voice_arrow_r.png);
}

.voice .text_wrap.right::after {
    left: -32px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/voice_arrow_l.png);
}

.voice_link_wrap {
    width: 100%;
    position: relative;
}

.voice_link {
    display: block;
    font-size: 115%;
    color: #ffffff;
    width: 33.7%;
    max-width: 256px;
    background: #339933;
    padding: 1.725%;
    text-align: center;
    position: absolute;
    right: 7.1%;
    bottom: 15.5%;
    z-index: 2;
}

.voice_link:hover {
    background-color: #99cc99;
}



/*------------03 出雲のおもてなしシリーズ-----------*/
.topics-03 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/03/topics_head.jpg);
    background-size: cover;
}

.topics-03 .page_title {
    font-size: 230%;
}

.izumo_wrap {
    width: 100%;
    max-width: 750px;
    margin: -40px auto 0;
}

.izumo_wrap .subsec_title {
    text-align: center;
    font-size: 190%;
    line-height: 160%;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/03/topics_02.png) no-repeat center;
    background-size: contain;
    margin-bottom: 20px;
}

.izumo_wrap .text_wrap {
    margin-top: 25px;
    text-align: center;
}

.izumo_wrap .text_wrap .midashi {
    font-size: 120%;
    margin-bottom: 15px;
    color: #834555;
}

.lineup_head {
    text-align: center;
    margin-bottom: 25px;
}

.lineup_head img {
    width: 460px;
}

.title.lineup_title {
    background: none;
    padding-bottom: 0;
}

.flex.lineup_wrap {
    max-width: 672px;
    align-items: normal;
    margin: 0 auto 15px;
    background: #ffffff;
    background: -moz-linear-gradient(left, #804351 0%, #804351 25%, #8baa3d 25%, #8baa3d 50%, #d4b224 50%, #d4b224 75%, #d53d18 75%, #d53d18 100%);
    background: -webkit-linear-gradient(left, #804351 0%, #804351 25%, #8baa3d 25%, #8baa3d 50%, #d4b224 50%, #d4b224 75%, #d53d18 75%, #d53d18 100%);
    background: linear-gradient(to right, #804351 0%, #804351 25%, #8baa3d 25%, #8baa3d 50%, #d4b224 50%, #d4b224 75%, #d53d18 75%, #d53d18 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#804351', endColorstr='#d53d18', GradientType=1);
}

.lineup {
    width: 25%;
}

.lineup .text_wrap {
    text-align: center;
    color: #fff;
    padding: 25px 0 20px;
}

.lineup:nth-of-type(1) .text_wrap {
    background: #804351;
}

.lineup:nth-of-type(2) .text_wrap {
    background: #8baa3d;
}

.lineup:nth-of-type(3) .text_wrap {
    background: #d4b224;
}

.lineup:nth-of-type(4) .text_wrap {
    background: #d53d18;
}

.lineup .text_wrap .img {
    width: 48.12%;
    margin: 0 auto 20px;
    transition: all ease 200ms;
}

a.lineup_inner:hover .text_wrap .img {
    margin-top: -5px;
    margin-bottom: 25px;
}

.lineup_link_wrap {
    text-align: center;
}

a.lineup_link {
    text-decoration: underline;
    color: #834555;
}

.classic_wrap {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
}

.classic {
    margin-bottom: 45px;
}

.classic .name.pc {
    border-left: 5px solid #000;
    font-size: 160%;
    padding-left: 0.8em;
    line-height: 140%;
    padding: 0.2em 1.1em;
    margin-bottom: 40px;
}

#azuki .name.pc {
    border-left-color: #804351;
}

#sansai .name.pc {
    border-left-color: #8baa3d;
}

#torigobo .name.pc {
    border-left-color: #d4b224;
}

#madai .name.pc {
    border-left-color: #ad4029;
}

.classic_inner.flex {
    align-items: flex-start;
}

.classic_head {
    width: 31.4%;
}

.classic_text_wrap {
    width: 61%;
    margin-left: 7.5%;
}

.classic_check {
    display: none;
}

.classic_text_inner .text_head {
    color: #993366;
    font-size: 134%;
    margin-bottom: 10px;
}

.classic_link_wrap {
    margin: 8px 0 0;
}

a.classic_link {
    color: #993366;
    text-decoration: underline;
}

.classic_column {
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
    padding: 2.5em 1.5em 1.2em;
}

.column_head {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    line-height: 100%;
    padding: 5px 10px;
}

.flex.column_text {
    align-items: flex-start;
}

.column_text .flex_l {
    width: 72px;
}

.column_text .flex_r {
    width: calc(100% - 72px - 10px);
    margin-left: 10px;
}

#azuki .classic_column {
    background-color: #ece3e5;
}

#azuki .column_head {
    background-color: #804351;
}

#sansai .classic_column {
    background-color: #e8eed8;
}

#sansai .column_head {
    background-color: #8baa3d;
}

#torigobo .classic_column {
    background-color: #f6f0d3;
}

#torigobo .column_head {
    background-color: #d4b224;
}

#madai .classic_column {
    background-color: #f9e2dc;
}

#madai .column_head {
    background-color: #ad4029;
}

.classic_btn,
.giftset_btn {
    display: block;
    color: #ffffff;
    background-color: #834555;
    max-width: 210px;
    text-align: center;
    font-size: 120%;
    line-height: 100%;
    padding: 0.9em 0;
}

.classic_btn:hover,
.giftset_btn:hover {
    opacity: 0.6;
}

.giftbox_wrap.flex {
    max-width: 690px;
    margin: 0 auto 50px;
    position: relative;
}

.giftbox_wrap .img_wrap {
    width: 21.6%;
}

.giftbox_wrap .text_wrap {
    width: 75%;
    margin-left: 15px;
}

.giftbox_wrap .name {
    color: #993366;
    font-size: 140%;
    margin-bottom: 15px;
}

.giftset_wrap.flex {
    max-width: 690px;
    margin: 0 auto 50px;
    align-items: baseline;
    justify-content: space-between;
}

.giftset.flex:nth-of-type(1) {
    width: 23%;
}

.giftset.flex:nth-of-type(2) {
    width: 23.5%;
}

.giftset.flex:nth-of-type(3) {
    width: 35%;
}

.giftset .img_wrap {
    margin-bottom: 10px;
}

.giftset .text_wrap .name {
    color: #993366;
    text-align: center;
    margin-bottom: 5px;
}

.giftset .text_wrap .text {
    line-height: 140%;
}

.giftset_btn {
    display: block;
    color: #ffffff;
    background-color: #834555;
    max-width: 210px;
    text-align: center;
    font-size: 120%;
    line-height: 100%;
    padding: 0.9em 0;
    margin: 0 auto 10px;
}

.giftset_link_cap {
    font-size: 0.9em;
    text-align: center;
}

/*------------04 ギフト・贈り物-----------*/
.topics-04 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/04/topics_head.jpg?0712);
    background-size: cover;
}

.topics-04 .head_contents {
    background-color: rgba(163, 31, 36, 0.95);
}

.topics-04 .page_title {
    font-size: 230%;
}

.gifttopic_midashi {
    text-align: center;
    font-size: 1.8em;
    letter-spacing: 1px;
    line-height: 160%;
    margin-bottom: 30px;
}

.start_wrap.flex,
.assumption_wrap.flex {
    justify-content: space-between;
    align-items: normal;
}

.start_wrap {
    max-width: 672px;
    margin: 50px auto 80px;
}

.start_wrap .img_wrap {
    width: 300px;
}

.start_wrap .text_wrap {
    width: calc(100% - 325px);
}

.start_wrap .text_wrap .name {
    color: #834555;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.assumption_wrap {
    max-width: 672px;
    margin: 0 auto 80px;
}

.assumption {
    width: 31.5%;
    margin-bottom: 2em;
}

.assumption .name {
    color: #834555;
    text-align: center;
    font-size: 1.3em;
    line-height: 140%;
    margin-bottom: 5px;
}

.assumption .img_wrap {
    margin-bottom: 10px;
}

.topics-04 .voice_link {
    background-color: #a31f24;
}

/*------------05 ぷちっともち玄米-----------*/
.topics-05 .head_img {
    background-position: right center;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_head.jpg);
}

.topics-05 .head_contents {
    padding-left: 4%;
    background-color: rgba(230, 100, 70, 1);
}

.topics-05 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_head_icon.png) no-repeat center bottom;
    background-size: contain;
    bottom: -20px;
    right: 5%;
}

.topics-05 .subsec01 .subsec_title .red {
    color: #993333;
}

.topics-05 .subsec01 {
    background-color: #fde9d9;
    margin-bottom: 25px;
}

.topics-05 .situation_title {
    color: #b25a24;
    background-color: #fde9d9;
}

.topics-05 .features .img_wrap {
    margin-bottom: 10px;
}

.topics-05 .flex.features_wrap {
    margin-top: 0;
}

.features_btn {
    background-color: #e66446;
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 1em 0;
    font-size: 110%;
    line-height: 100%;
    margin-top: 15px;
}

.features_btn:hover {
    opacity: 0.6;
}

.step_wrap {
    max-width: 670px;
    margin: 0 auto;
}

.step.flex {
    align-items: normal;
}

.step {
    margin-bottom: 60px;
}

.step_wrap.topping .step {
    margin-bottom: 20px;
}

.step .num {
    width: 48px;
    height: 54px;
    color: #ffffff;
    text-align: center;
    font-size: 2em;
    line-height: 100%;
    padding-top: calc(27px - 0.5em);
    background: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_num_bg.gif) no-repeat center;
    background-size: contain;
}

.step .text_wrap {
    width: calc(100% - 48px - 115px - 20px * 2);
    margin-right: 135px;
    margin-left: 20px;
    position: relative;
    margin-top: 5px;
}

.step .text_wrap .red {
    color: #993333;
}

.step_head {
    font-size: 1.4em;
    line-height: 140%;
    display: inline-block;
    margin-bottom: 10px;
}

.step .img_wrap {
    position: absolute;
    width: 115px;
    top: 0;
    right: -125px;
}

.step_wrap .classic_column {
    width: calc(100% - 48px - 115px - 20px * 2);
    background: #fde9d9;
    margin-left: 68px;
}

.step_wrap .column_head {
    background-color: #e66446;
}

.step_wrap .column_text .flex_l {
    width: 45px;
}

.step_wrap .column_text .flex_r {
    font-size: 1.1em;
    padding-left: 20px;
}

.topping_wrap.flex {
    justify-content: space-between;
}

.topping_wrap .img_wrap {
    width: 32%;
}

/*------------06 安心米-----------*/
.topics-06 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_head.jpg?1228);
    background-size: cover;
}

.topics-06 .head_contents,
.topics-07 .head_contents {
    padding-left: 4%;
    background-color: rgba(139, 170, 61, 1);
}

.topics-06 .head_contents::after,
.topics-07 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_head_icon.png?1221) no-repeat center bottom;
    background-size: contain;
    bottom: -40px;
    right: 5%;
}

.topics-06 .page_title,
.topics-07 .page_title {
    font-size: 230%;
}

.topics-06 .head_title_cap,
.topics-07 .head_title_cap {
    margin-bottom: -20px;
}

.itemize_wrap,
.allergy_wrap,
.relief_wrap,
.certify_wrap,
.taste_wrap,
.asort_wrap {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
}

.itemize {
    margin-bottom: 60px;
}

.itemize .img_wrap {
    width: 230px;
    float: left;
    margin-right: 15px;
}

.itemize .text_wrap {
    float: left;
    width: calc(100% - 250px);
}

.itemize .name {
    font-size: 1.65em;
    color: #8baa3d;
    margin-bottom: 20px;
}

.itemize .text_list li {
    font-size: 1.15em;
    margin-bottom: 10px;
    line-height: 140%;
}

.allergy_wrap .subsec01 {
    background: #f0f4e6;
    padding: 40px 20px;
    margin-bottom: 45px;
}

.allergy_wrap .subsec01 .img_wrap {
    width: 150px;
}

.allergy_wrap .subsec01_inner {
    width: calc(100% - 180px);
    margin-left: 20px;
}

.allergy_wrap .subsec_title {
    margin-bottom: 15px;
}

.allergy_wrap .subsec01 .text {
    margin-bottom: 0.5em;
}

.allergy.flex {
    justify-content: space-between;
    align-items: normal;
}

.allergy .flex_l {
    width: 29%;
}

.allergy .flex_r {
    width: 67%;
}

.allergy .text {
    height: 6em;
}

.allergy .name {
    color: #ffffff;
    background: #8baa3d;
    line-height: 100%;
    padding: 8px 15px;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.allergy .name .mini {
    font-size: 0.8em;
    display: block;
    margin-bottom: 5px;
}

.allergy_list.flex {
    justify-content: normal;
}

.allergy_item {
    max-width: 65px;
    margin-right: 1px;
    margin-bottom: 1px;
}

.topics-06 .situation_title {
    color: #8baa3d;
    background-color: #f0f4e6;
}

.provide_wrap {
    background: #fff5e5;
    padding: 15px;
    text-align: center;
    margin-top: 15px;
}

.provide_wrap .allergy_item {
    margin-bottom: 15px;
}

.provide_wrap .allergy_list {
    justify-content: center;
    align-items: flex-start !important;
    margin-bottom: 5px;
}

.relief {
    width: 24%;
    text-align: center;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 15px;
}

.relief .img_wrap {
    margin-bottom: 10px;
}

.relief .text {
    font-size: 1.3em;
    line-height: 140%;
    color: #8baa3d;
}

.certify {
    margin-bottom: 45px;
}

.certify.flex {
    justify-content: space-between;
    align-items: flex-start;
}

.certify .flex_l,
.certify .flex_r {
    width: 47%;
}

.certify .img_wrap {
    width: 305px;
    float: left;
}

.certify .text {
    width: calc(100% - 320px);
    float: right;
}

.certify.flex .img_wrap {
    width: 80px;
    margin: 0 10px 10px 0;
}

.certify.flex .text {
    width: 100%;
    float: none;
}

.certify .name {
    font-size: 1.4em;
    margin-bottom: 20px;
    border-left: 5px solid #8baa3d;
    padding: 0.25em 0.8em;
    line-height: 120%;
    color: #8baa3d;
    letter-spacing: 0.5px;
}

.certify_head {
    color: #8baa3d;
    border: 1px solid #8baa3d;
    text-align: center;
    line-height: 100%;
    padding: 5px;
    margin-bottom: 10px;
    letter-spacing: 1.5px;
}

.topics-06 .features .img_wrap .num {
    top: -5px;
    right: auto;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_num_bg.png);
}

.topics-06 .features_wrap {
    margin-top: 0;
}

.topics-06 .features_wrap .features .img_wrap {
    margin-bottom: 10px;
}

.taste_wrap {
    margin-bottom: 50px;
}

.taste_title {
    font-size: 1.6em;
    margin-bottom: 25px;
    border-left: 5px solid #8baa3d;
    padding: 0.25em 0.8em;
    line-height: 120%;
    letter-spacing: 0.5px;
}

.taste_inner.flex,
.asort_inner.flex {
    justify-content: space-between;
    align-items: normal;
}

.taste {
    width: 31.9%;
    text-align: center;
    margin-bottom: 40px;
}

.taste .name {
    font-size: 1.3em;
    margin-bottom: 8px;
}

.asort_wrap {
    margin-bottom: 120px;
}

.asort_inner .img_wrap {
    width: 330px;
}

.asort_inner .text_wrap {
    width: calc(100% - 350px);
}

.asort_inner .name {
    font-size: 1.4em;
    margin-bottom: 15px;
}

.certify.flex.universal .img_wrap {
    width: 160px;
}

@media (max-width:1100px) {}

@media (max-width:1080px) {}

@media (min-width:768px) {}

@media (max-width:768px) {}

@media (min-width:501px) {
    .topics-05 .voice_link {
        background-color: #eee809;
        color: #b11e31;
    }

    .topics-06 .voice_link,
    .topics-07 .voice_link {
        background-color: #a31f24;
    }
}

@media (max-width:500px) {

    /*------------共通-----------*/
    [class*="topics-"] section {
        margin-bottom: 70px;
    }

    [class*="topics-"] section.head_img {
        margin-bottom: 40px;
    }

    [class*="topics-"] .title {
        font-size: 160%;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    [class*="topics-"] .flex {
        display: block;
    }

    [class*="topics-"] .subsec_title {
        font-size: 120%;
        line-height: 140%;
    }

    [class*="topics-"] .subsec_title b {
        font-size: 120%;
    }

    /*------------01 おいしさの秘密-----------*/
    .topics-01 .head_contents {
        background-color: rgba(104, 56, 53, 0.5);
    }

    .topics-01 .subsec01 .img_wrap,
    .topics-01 .subsec01 .subsec_title,
    .topics-05 .subsec01 .img_wrap,
    .topics-05 .subsec01 .subsec_title {
        width: 100%;
        padding-left: 0;
    }

    .topics-01 .subsec01 .subsec_title,
    .topics-05 .subsec01 .subsec_title {
        margin-top: 15px;
        line-height: 180%;
    }

    .topics-01 .subsec01,
    .topics-05 .subsec01 {
        padding: 14px;
    }

    .features_wrap {
        margin-top: 40px;
    }

    .features {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .features .img_wrap,
    .features .text_wrap {
        width: 48%;
    }

    .features .img_wrap .num {
        top: -15px;
        left: 0;
        right: auto;
    }

    .topics-01 .process .img_wrap .num {
        top: -12px;
        left: 0;
        right: auto;
    }

    .features .red,
    .topics-01 .process .red {
        font-size: 140%;
    }

    .features .red {
        display: block;
        text-align: left;
        height: auto;
        margin-top: 0;
    }

    .topics-01 .process_wrap {
        display: flex;
    }

    .topics-01 .process {
        width: 47.5%;
        margin-bottom: 40px;
    }

    /*------------02 丹波大納言小豆のお赤飯-----------*/
    .prolevel_wrap,
    .situation_wrap,
    .howto_wrap,
    .instant_wrap,
    .material_wrap,
    .pack_wrap,
    .gift_wrap,
    .voice_wrap {
        width: 97.105%;
    }

    .topics-02 .prolevel_wrap .subsec_title {
        line-height: 180%;
    }

    .topics-02 .prolevel_wrap .subsec_title.sub {
        font-size: 140%;
        line-height: 140%;
    }

    .howto_link_wrap {
        margin-top: 15px;
    }

    .flex.situation_title_wrap {
        display: flex;
        align-items: normal;
        margin-bottom: 5px;
    }

    .situation {
        width: 100%;
        margin-bottom: 20px;
    }

    .situation_title {
        width: 50%;
        height: auto;
    }

    .situation .img_wrap {
        width: 50%;
    }

    .topics-02 .howto {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        padding: 0;
        margin-bottom: 20px;
    }

    .topics-02 .howto .img_wrap {
        width: 33%;
        margin: 0 0 15px;
    }

    .topics-02 .howto .text_wrap {
        width: 65%;
    }

    .topics-02 .howto_num {
        top: 0;
        left: -1%;
        right: auto;
        font-size: 1.5em;
        width: 34px;
        height: 38px;
        background-repeat: no-repeat;
        padding-top: calc(19px - 0.45em);
    }

    .howto_wrap+.howto_link_wrap {
        text-align: center;
    }

    .instant_wrap .img_wrap,
    .instant_wrap .text_wrap {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .instant_wrap .text_wrap .subsec_title {
        font-size: 1.35em;
        text-align: center;
    }

    .material .flex.img_wrap {
        display: flex;
        justify-content: center;
    }

    .material .img_wrap {
        width: 43.485%;
        float: left;
        margin: 0 20px 10px 0;
    }

    .material.azuki .img_wrap,
    .material .text_wrap {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .material .text_wrap .subsec_title {
        font-size: 140%;
        line-height: 130%;
        margin-bottom: 5px;
    }

    .material .flex_l,
    .material .flex_r {
        width: 41.5%;
        margin: 0 1.5%;
    }

    .flex.pack_wrap_column {
        display: flex;
        align-items: normal;
    }

    .pack_wrap_column .flex_l {
        width: 23.875%;
    }

    .pack_wrap_column .flex_r {
        width: 58.85%;
        margin-left: 20px;
    }

    .pack_wrap .pack_text {
        font-size: 115%;
    }

    [class*="topics-"] .flex.gift_wrap {
        display: flex;
    }

    [class*="topics-"] .gift {
        width: 47%;
    }

    .voice_wrap {
        padding-top: 10px;
        margin-bottom: 50px;
    }

    .flex.voice {
        display: flex;
        margin-bottom: 20px;
    }

    .voice .img_wrap {
        width: 15%;
    }

    .voice .text_wrap {
        width: 82.5%;
        padding: 1em;
        font-size: 100%;
    }

    .voice .text_wrap::after {
        display: none;
    }

    .voice_link {
        width: 100%;
        max-width: none;
        position: relative;
        padding: 1em;
        padding-left: 2.5em;
        font-size: 150%;
        right: auto;
        bottom: auto;
    }

    .voice_link::before {
        content: "";
        width: 45px;
        height: 58.5px;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(50% - 50px - 4.5em + 0.5em);
        margin: auto;
        background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/topics_head_icon.png?0712);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .voice_link_wrap img {
        display: none;
    }

    /*------------03 出雲のおもてなしシリーズ-----------*/
    .topics-03 .head_img {
        background-size: 200%;
        background-position: left;
    }

    .izumo_wrap {
        margin-top: 0;
    }

    .izumo_wrap .subsec_title {
        margin-top: 20px;
        font-size: 140%;
    }

    .lineup_head img {
        width: 100%;
    }

    .title.lineup_title {
        margin-bottom: 0;
    }

    .lineup {
        width: 100%;
    }

    .lineup .lineup_inner {
        display: flex;
        justify-content: center;
        align-items: normal;
    }

    .lineup .img_wrap,
    .lineup .text_wrap {
        width: 50%;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .flex.lineup_wrap {
        background: none;
    }

    .lineup .text_wrap .text_inner {
        width: 100%;
    }

    .lineup .text_wrap .img {
        max-width: 60px;
        margin-bottom: 10px;
    }

    .lineup .text_wrap .name {
        line-height: 140%;
    }

    .classic_wrap {
        width: 97.1%;
    }

    .classic {
        border: 1px solid #b3b3b3;
        padding: 20px 0 0;
    }

    .classic_inner.flex {
        margin: 0 20px;
    }

    .classic_head.flex {
        width: 100%;
        display: flex;
        margin-bottom: 30px;
    }

    .classic_head .img_wrap {
        width: 110px;
    }

    .classic_head .name.sp {
        font-size: 130%;
        line-height: 160%;
        width: 50%;
        margin-right: 1em;
    }

    .classic_text_wrap {
        margin: 0;
        width: 100%;
    }

    .classic_text_inner {
        padding-bottom: 50px;
    }

    .classic_check+.classic_inner .classic_text_inner {
        display: none;
        opacity: 0;
        transition: all ease 300ms;
    }

    .classic_check:checked+.classic_inner .classic_text_inner {
        display: block;
        opacity: 1;
    }

    .classic_link_wrap {
        margin-top: 20px;
    }

    .column_text .flex_l {
        margin: 0 auto;
    }

    .column_text .flex_r {
        margin: 0;
        margin-top: 10px;
        margin-bottom: 5px;
        width: 100%;
    }

    .classic_btn {
        margin-left: auto;
        margin-right: auto;
    }

    label.classic_open {
        display: block;
        text-align: center;
        background-color: #dfdfdf;
        padding: 1em;
        cursor: pointer;
        position: relative;
    }

    label.classic_open::before {
        content: "詳細を見る";
        font-size: 140%;
        line-height: 100%;
    }

    label.classic_open::after {
        content: "＋";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 1em;
        margin: auto;
        border: 1px solid #808080;
        width: 1em;
        height: 1em;
        font-size: 160%;
        line-height: 100%;
    }

    .classic_check:checked~.sp label.classic_open::before {
        content: "閉じる";
    }

    .classic_check:checked~.sp label.classic_open::after {
        content: "－";
    }

    .giftbox_wrap.flex {
        margin-bottom: 20px;
    }

    .giftbox_wrap .img_wrap {
        width: 120px;
        margin-bottom: 20px;
    }

    .giftbox_wrap .text_wrap {
        margin: 0;
        width: 100%;
    }

    .giftbox_wrap .name {
        position: absolute;
        top: 0;
        left: 140px;
        line-height: 180%;
        width: calc(100% - 100px);
        margin: 0;
        margin-top: 12px;
    }

    .giftset.flex:nth-of-type(1n) {
        width: 100%;
        display: flex;
        margin-bottom: 15px;
    }

    .giftset .img_wrap {
        width: 47%;
    }

    .giftset .text_wrap {
        width: 47%;
        margin-left: 6%;
    }

    .giftset .text_wrap .name {
        text-align: left;
        font-size: 110%;
    }

    /*------------04 ギフト・贈り物-----------*/
    .topics-04 .head_img {
        background-position: left;
    }

    .topics-04 .head_contents {
        background-color: rgba(163, 31, 36, 0.5);
    }

    .topics-04 .voice_link {
        padding-left: 0;
        padding-right: 0;
        font-size: 120%;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }

    .gifttopic_midashi {
        font-size: 1.4em;
        margin-bottom: 20px;
    }

    .start_wrap .img_wrap {
        margin: 0 auto 25px;
    }

    .start_wrap .text_wrap {
        width: 100%;
    }

    .assumption_wrap.flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .assumption {
        width: 46.38%;
    }

    .assumption .name {
        font-size: 1.15em;
    }

    .topics-04 .voice_link::before {
        display: none;
    }

    /*------------05 ぷちっともち玄米-----------*/
    .topics-05 .head_img {
        background-position: left center;
    }

    .topics-05 .head_contents {
        background-color: rgba(230, 100, 70, 0.5);
    }

    .topics-05 .situation_title {
        width: 100%;
        padding: 1em;
    }

    .topics-05 .voice_link::before {
        background-image: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_head_icon.png);
    }

    .step.flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
    }

    .step .num {
        width: 24px;
        height: 27px;
        font-size: 1em;
        padding-top: calc(13.5px - 0.5em);
    }

    .step .img_wrap {
        position: static;
        float: right;
        margin-left: 10px;
    }

    .step .text_wrap {
        width: calc(100% - 37px);
        margin-left: 10px;
        margin-right: 0;
        margin-top: 0;
    }

    .step_head {
        font-size: 1.3em;
        display: inline;
    }

    .step_wrap .classic_column {
        width: 100%;
        margin: 0;
    }

    .step_wrap .flex.column_text {
        display: flex;
    }

    .topping_wrap.flex {
        display: flex;
    }

    /*------------06 安心米-----------*/
    .topics-06 .head_contents,
    .topics-07 .head_contents {
        background-color: rgba(139, 170, 61, 0.5);
    }

    .topics-06 .head_img {
        background-size: 200%;
        background-position: left;
    }

    .topics-06 .voice_link::before,
    .topics-07 .voice_link::before {
        background-image: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_head_icon.png);
    }

    .itemize {
        margin-bottom: 30px;
    }

    .itemize .img_wrap {
        width: 115px;
        float: right;
        margin: 0 0 10px 10px;
    }

    .itemize .text_wrap {
        float: inherit;
        width: 100%;
    }

    .itemize .name {
        line-height: 120%;
        margin-bottom: 10px;
    }

    .itemize .text_list li {
        font-size: 1em;
        margin-bottom: 8px;
    }

    .allergy_wrap .subsec01 {
        padding: 20px;
    }

    .allergy_wrap .subsec01 .img_wrap {
        width: 100px;
        float: left;
        margin: 0 10px 10px 0;
    }

    .allergy_wrap .subsec01_inner {
        width: 100%;
        margin: 0;
    }

    .allergy_wrap .subsec_title {
        line-height: 160%;
    }

    .allergy .flex_l,
    .allergy .flex_r {
        width: 100%;
        margin-bottom: 30px;
    }

    .allergy_list.flex {
        display: flex;
    }

    .allergy .text {
        height: auto;
        margin-bottom: 10px;
    }

    .relief_wrap.flex {
        display: flex;
        align-items: normal;
    }

    .relief {
        width: 47%;
    }

    .certify .flex_l,
    .certify .flex_r {
        width: 100%;
        margin-bottom: 45px;
    }

    .certify:not(.flex) .img_wrap {
        float: none;
        margin: 0 auto 20px;
    }

    .certify .text {
        width: 100%;
    }

    .taste_inner.flex {
        display: flex;
    }

    .taste {
        margin-bottom: 30px;
    }

    .taste .name {
        font-size: 1em;
        margin-bottom: 0;
    }

    .asort_wrap {
        margin-bottom: 0;
    }

    .asort_inner .img_wrap {
        margin: 0 auto 20px;
    }

    .asort_inner .text_wrap {
        width: 100%;
    }

    .asort_inner .name {
        margin-bottom: 5px;
    }
}

/*======================
トピックス個別ページ
======================*/
/*------------共通-----------*/
[class*="topics-"] .page_title .mini {
    font-size: 72.5%;
    line-height: 180%;
}

[class*="topics-"] section {
    margin-bottom: 120px;
}

[class*="topics-"] section.head_img {
    margin-bottom: 80px;
}

[class*="topics-"] .title {
    text-align: center;
    font-size: 200%;
    padding-bottom: 30px;
    line-height: 140%;
}

[class*="topics-"] .title .mini {
    font-size: 65%;
}

[class*="topics-"] .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

[class*="topics-"] .subsec_title {
    font-size: 1.3em;
    line-height: 200%;
    margin-bottom: 1.4em;
}

[class*="topics-"] .subsec_title b {
    font-size: 148%;
    font-weight: normal;
}

[class*="topics-"] .subsec_title b .emphasis {
    color: #993333;
    background: linear-gradient(transparent 50%, #ffe09a 0%);
}

[class*="topics-"] .green {
    color: #8baa3d;
}

[class*="topics-"] .textred {
    color: #a31f24;
}

/*------------01 おいしさの秘密-----------*/
.topics-01 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/01/topics_head.jpg);
}

.topics-01 .head_contents {
    background-color: rgba(220, 100, 98, 0.95);
}

.topics-01 .page_title {
    font-size: 32.5px;
    line-height: 150%;
    margin-bottom: 0;
}

.topics-01 .subsec01,
.topics-05 .subsec01 {
    padding: 30px 4%;
    background: #f7e7e2;
    margin-bottom: 50px;
}

.topics-01 .subsec01 .img_wrap,
.topics-05 .subsec01 .img_wrap {
    width: 50%;
}

.topics-01 .subsec01 .subsec_title,
.topics-05 .subsec01 .subsec_title {
    width: 50%;
    padding-left: 4%;
    margin-bottom: 0;
}

.flex.features_wrap,
.topics-01 .process_wrap {
    justify-content: space-between;
    align-items: baseline;
}

.features_wrap {
    margin-top: 80px;
    max-width: 672px;
    margin-left: auto;
    margin-right: auto;
}

.topics-01 .features_wrap {
    justify-content: center;
}

.topics-01 .commitment_wrap {
    margin-top: 40px;
}

.features {
    width: 30%;
    margin-bottom: 30px;
}

.topics-01 .features {
    width: 39%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 60px;
}

.topics-01 .commitment_wrap .features {
    width: 100%;
    display: flex;
    margin: 0;
}

.topics-01 .commitment_wrap .features .img_wrap {
    margin-right: 4%;
}

.topics-01 .commitment_wrap .features .red {
    display: block;
    text-align: left;
    height: auto;
    align-items: center;
}

.topics-01 .process {
    width: 46%;
    margin-bottom: 40px;
}

.features .img_wrap,
.topics-01 .process .img_wrap {
    position: relative;
}

.features .img_wrap .num,
.topics-01 .process .img_wrap .num {
    position: absolute;
    color: #ffffff;
    font-size: 1.8em;
    line-height: 100%;
    padding-top: calc(25px - 0.45em);
    text-align: center;
    width: 43px;
    height: 50px;
    top: -45px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/01/topics_num_bg.gif) no-repeat center;
    background-size: contain;
}

.features .img_wrap .num {
    background-image: url(https://www.alpha-online.jp/img/docs/image/side/side_pop_bg.gif);
}

.topics-01 .process .img_wrap .num {
    top: -10px;
    left: -10px;
    right: auto;
}

.features .red,
.topics-01 .process .red {
    text-align: center;
    color: #993333;
    margin-top: 15px;
    font-size: 140%;
    line-height: 140%;
    margin-bottom: 10px;
    height: 2.75em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topics-01 .process .red {
    color: #dc6462;
    height: auto;
}

.topics-01 .quality_wrap .img_wrap {
    max-width: 520px;
    margin: 0 auto 30px;
}

.torikumi_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.torikumi_wrap li {
    width: 20%;
    text-align: center;
    margin: 2%;
    align-self: flex-start;
}

.torikumi_wrap dt {
    color: #993333;
    font-size: 120%;
    margin-bottom: 7px;
}

.torikumi_wrap dt img {
    margin-bottom: 5px;
    padding: 10%;
    /*20220728取り組みの項目修正*/
}

@media (max-width: 500px) {
    .torikumi_wrap {
        align-items: baseline;
    }

    .torikumi_wrap li {
        width: 40%;
        margin: 5%;
    }
}

/*------------02 丹波大納言小豆のお赤飯-----------*/
.topics-02 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/topics_head.jpg);
}

.topics-02 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/02/topics_head_icon.png?0712) no-repeat center bottom;
    background-size: contain;
    bottom: -20px;
    right: 5%;
}

.prolevel_wrap,
.situation_wrap,
.howto_wrap,
.instant_wrap,
.material_wrap,
.pack_wrap,
.gift_wrap,
.voice_wrap {
    width: 91.5%;
    margin: 0 auto;
}

.prolevel_wrap .subsec_title {
    text-align: center;
}

.prolevel_wrap .subsec_title.sub {
    font-size: 180%;
    margin: -10px 0 25px;
}

.prolevel_wrap .img_wrap {
    width: 43.5%;
}

.prolevel_wrap .img_wrap {
    width: 43.5%;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
}

a.howto_link {
    text-decoration: underline;
    color: #834555;
}

.situation_wrap.flex {
    justify-content: space-between;
    align-items: stretch;
}

.situation {
    width: 32%;
}

.situation_title {
    width: 100%;
    height: 5.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fbf3f0;
    color: #683835;
    font-size: 130%;
    text-align: center;
    line-height: 140%;
}

.situation_title_wrap {
    margin-bottom: 15px;
}

.topics-02 .flex.howto_wrap {
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 10px;
}

.topics-02 .howto {
    width: 32%;
    border: 1px solid #cecece;
    padding: 1em;
    padding-top: 40px;
    position: relative;
}

.topics-02 .howto_num {
    position: absolute;
    color: #ffffff;
    font-size: 1.8em;
    line-height: 100%;
    padding-top: calc(25px - 0.45em);
    text-align: center;
    width: 43px;
    height: 50px;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(https://www.alpha-online.jp/img/docs/image/side/side_pop_bg.gif);
    background-size: contain;
}

.topics-02 .howto .img_wrap {
    width: 74%;
    margin: 0 auto 15px;
}

.howto_wrap+.howto_link_wrap {
    text-align: right;
    width: 91.5%;
    margin: 0 auto;
}

.instant_wrap {
    margin-top: 30px;
    flex-direction: row-reverse;
}

.instant_wrap .text_wrap {
    width: 32.9%;
    margin: 0 7.5% 0 2.5%;
}

.instant_wrap .text_wrap .subsec_title {
    font-size: 1.9em;
    line-height: 150%;
    margin-bottom: 15px;
    color: #834555;
}

.instant_wrap .img_wrap {
    width: 55.9%;
}

.material .img_wrap {
    width: 43.485%;
}

.material .text_wrap {
    width: 52.328%;
}

.flex.material {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 40px;
}

.material .flex.img_wrap {
    justify-content: space-between;
    align-items: stretch;
    text-align: center;
}

.material .flex_l,
.material .flex_r {
    width: 48%;
}

.material .text_wrap .subsec_title {
    margin-bottom: 10px;
    font-size: 185%;
    line-height: 140%;
    color: #683835;
}

.material .text_wrap .subsec_title .mini {
    font-size: 65%;
}

.subsec_title.material_center {
    text-align: center;
    font-size: 2.4em;
    margin: -20px auto 0;
    padding-bottom: 10px;
    color: #683835;
}

.material .text_wrap .text {
    margin-bottom: 30px;
}

.pack_wrap .subsec_title,
.pack_wrap .pack_text {
    color: #834555;
    text-align: center;
}

.pack_wrap .subsec_title {
    font-size: 160%;
    line-height: 120%;
}

.pack_wrap .pack_text {
    font-size: 130%;
    line-height: 180%;
}

.flex.pack_wrap_column {
    margin: 20px 0 35px;
    background: #f7e7e2;
    padding: 25px 0;
}

.pack_wrap_column .flex_l {
    width: 15.075%;
}

.pack_wrap_column .flex_r {
    width: 67.836%;
    margin-left: 25px;
}

.pack_wrap_column .flex_r .red {
    color: #993333;
}

[class*="topics-"] .flex.gift_wrap {
    justify-content: flex-start;
    align-items: stretch;
}

[class*="topics-"] .gift {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;
}

[class*="topics-"] .gift_name {
    text-align: center;
    color: #834555;
    font-size: 1.3em;
    margin-bottom: 10px;
}

[class*="topics-"] .gift_img {
    margin-bottom: 10px;
}

[class*="topics-"] .gift_link_wrap {
    width: 100%;
    max-width: 330px;
    margin: 30px auto;
}

[class*="topics-"] a.gift_link {
    background: #834555;
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 120%;
    line-height: 100%;
    padding: 20px 0;
}

[class*="topics-"] a.gift_link:hover {
    opacity: 0.6;
}

.voice_wrap {
    margin-bottom: 120px;
    padding-top: 30px;
}

.flex.voice {
    justify-content: space-between;
    margin-bottom: 40px;
}

.voice .img_wrap {
    width: 14.495%;
}

.voice .text_wrap {
    width: 80%;
    border: 1px solid #834555;
    border-radius: 10px;
    padding: 1em 2em;
    position: relative;
    font-family: "M PLUS Rounded 1c";
    font-size: 120%;
    line-height: 180%;
}

.voice .text_wrap::after {
    content: '　';
    position: absolute;
    bottom: 30px;
    margin: auto;
    box-sizing: border-box;
    width: 32px;
    height: 20px;
    background: no-repeat center;
}

.voice .text_wrap.left::after {
    right: -32px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/voice_arrow_r.png);
}

.voice .text_wrap.right::after {
    left: -32px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/voice_arrow_l.png);
}

.voice_link_wrap {
    width: 100%;
    position: relative;
}

.voice_link {
    display: block;
    font-size: 115%;
    color: #ffffff;
    width: 33.7%;
    max-width: 256px;
    background: #834555;
    padding: 1.725%;
    text-align: center;
    position: absolute;
    right: 7.1%;
    bottom: 15.5%;
    z-index: 2;
}

.voice_link:hover {
    background-color: #99cc99;
}

/*------------03 出雲のおもてなしシリーズ-----------*/
.topics-03 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/03/topics_head.jpg);
    background-size: cover;
}

.topics-03 .page_title {
    font-size: 230%;
}

.izumo_wrap {
    width: 100%;
    max-width: 750px;
    margin: -40px auto 0;
}

.izumo_wrap .subsec_title {
    text-align: center;
    font-size: 190%;
    line-height: 160%;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/03/topics_02.png) no-repeat center;
    background-size: contain;
    margin-bottom: 20px;
}

.izumo_wrap .text_wrap {
    margin-top: 25px;
    text-align: center;
}

.izumo_wrap .text_wrap .midashi {
    font-size: 120%;
    margin-bottom: 15px;
    color: #834555;
}

.lineup_head {
    text-align: center;
    margin-bottom: 25px;
}

.lineup_head img {
    width: 460px;
    height: 37px;
}

.title.lineup_title {
    background: none;
    padding-bottom: 0;
}

.flex.lineup_wrap {
    max-width: 672px;
    align-items: stretch;
    margin: 0 auto 15px;
    background: #ffffff;
    background: -moz-linear-gradient(left, #804351 0%, #804351 25%, #8baa3d 25%, #8baa3d 50%, #d4b224 50%, #d4b224 75%, #d53d18 75%, #d53d18 100%);
    background: -webkit-linear-gradient(left, #804351 0%, #804351 25%, #8baa3d 25%, #8baa3d 50%, #d4b224 50%, #d4b224 75%, #d53d18 75%, #d53d18 100%);
    background: linear-gradient(to right, #804351 0%, #804351 25%, #8baa3d 25%, #8baa3d 50%, #d4b224 50%, #d4b224 75%, #d53d18 75%, #d53d18 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#804351', endColorstr='#d53d18', GradientType=1);
}

.lineup {
    width: 25%;
}

.lineup .text_wrap {
    text-align: center;
    color: #fff;
    padding: 25px 0 20px;
}

.lineup:nth-of-type(1) .text_wrap {
    background: #804351;
}

.lineup:nth-of-type(2) .text_wrap {
    background: #8baa3d;
}

.lineup:nth-of-type(3) .text_wrap {
    background: #d4b224;
}

.lineup:nth-of-type(4) .text_wrap {
    background: #d53d18;
}

.lineup .text_wrap .img {
    width: 48.12%;
    margin: 0 auto 20px;
    transition: all ease 200ms;
}

a.lineup_inner:hover .text_wrap .img {
    margin-top: -5px;
    margin-bottom: 25px;
}

.lineup_link_wrap {
    text-align: center;
}

a.lineup_link {
    text-decoration: underline;
    color: #834555;
}

.classic_wrap {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
}

.classic {
    margin-bottom: 45px;
}

.classic .name.pc {
    border-left: 5px solid #000;
    font-size: 160%;
    padding-left: 0.8em;
    line-height: 140%;
    padding: 0.2em 1.1em;
    margin-bottom: 40px;
}

#azuki .name.pc {
    border-left-color: #804351;
}

#sansai .name.pc {
    border-left-color: #8baa3d;
}

#torigobo .name.pc {
    border-left-color: #d4b224;
}

#madai .name.pc {
    border-left-color: #ad4029;
}

.classic_inner.flex {
    align-items: flex-start;
}

.classic_head {
    width: 31.4%;
}

.classic_text_wrap {
    width: 61%;
    margin-left: 7.5%;
}

.classic_check {
    display: none;
}

.classic_text_inner .text_head {
    color: #993366;
    font-size: 134%;
    margin-bottom: 10px;
}

.classic_link_wrap {
    margin: 8px 0 0;
}

a.classic_link {
    color: #993366;
    text-decoration: underline;
}

.classic_column {
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
    padding: 2.5em 1.5em 1.2em;
}

.column_head {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    line-height: 100%;
    padding: 5px 10px;
}

.flex.column_text {
    align-items: flex-start;
}

.column_text .flex_l {
    width: 72px;
}

.column_text .flex_r {
    width: calc(100% - 72px - 10px);
    margin-left: 10px;
}

#azuki .classic_column {
    background-color: #ece3e5;
}

#azuki .column_head {
    background-color: #804351;
}

#sansai .classic_column {
    background-color: #e8eed8;
}

#sansai .column_head {
    background-color: #8baa3d;
}

#torigobo .classic_column {
    background-color: #f6f0d3;
}

#torigobo .column_head {
    background-color: #d4b224;
}

#madai .classic_column {
    background-color: #f9e2dc;
}

#madai .column_head {
    background-color: #ad4029;
}

.classic_btn,
.giftset_btn {
    display: block;
    color: #ffffff;
    background-color: #C30D23;
    max-width: 210px;
    text-align: center;
    font-size: 120%;
    line-height: 100%;
    padding: 0.9em 0;
}

.classic_btn:hover,
.giftset_btn:hover {
    opacity: 0.6;
}

.giftbox_wrap.flex {
    max-width: 690px;
    margin: 0 auto 50px;
    position: relative;
}

.giftbox_wrap .img_wrap {
    width: 21.6%;
}

.giftbox_wrap .text_wrap {
    width: 75%;
    margin-left: 15px;
}

.giftbox_wrap .name {
    color: #993366;
    font-size: 140%;
    margin-bottom: 15px;
}

.giftset_wrap.flex {
    max-width: 690px;
    margin: 0 auto 50px;
    align-items: baseline;
    justify-content: space-between;
}

.giftset.flex:nth-of-type(1) {
    width: 23%;
}

.giftset.flex:nth-of-type(2) {
    width: 23.5%;
}

.giftset.flex:nth-of-type(3) {
    width: 35%;
}

.giftset .img_wrap {
    margin-bottom: 10px;
}

.giftset .text_wrap .name {
    color: #993366;
    text-align: center;
    margin-bottom: 5px;
}

.giftset .text_wrap .text {
    line-height: 140%;
}

.giftset_btn {
    display: block;
    color: #ffffff;
    background-color: #834555;
    max-width: 210px;
    text-align: center;
    font-size: 120%;
    line-height: 100%;
    padding: 0.9em 0;
    margin: 0 auto 10px;
}

.giftset_link_cap {
    font-size: 0.9em;
    text-align: center;
}

.arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 20px;
}

.arrow::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50;
}

.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 8px;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

/*------------04 ギフト・贈り物-----------*/
.topics-04 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/04/topics_head.jpg?0712);
    background-size: cover;
}

.topics-04 .head_contents {
    background-color: rgba(163, 31, 36, 0.95);
}

.topics-04 .page_title {
    font-size: 230%;
}

.gifttopic_midashi {
    text-align: center;
    font-size: 1.8em;
    letter-spacing: 1px;
    line-height: 160%;
    margin-bottom: 30px;
}

.start_wrap.flex,
.assumption_wrap.flex {
    justify-content: space-between;
    align-items: stretch;
}

.start_wrap {
    max-width: 672px;
    margin: 50px auto 80px;
}

.start_wrap .img_wrap {
    width: 300px;
}

.start_wrap .text_wrap {
    width: calc(100% - 325px);
}

.start_wrap .text_wrap .name {
    color: #834555;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.assumption_wrap {
    max-width: 672px;
    margin: 0 auto 80px;
}

.assumption {
    width: 31.5%;
    margin-bottom: 2em;
}

.assumption .name {
    color: #834555;
    text-align: center;
    font-size: 1.3em;
    line-height: 140%;
    margin-bottom: 5px;
}

.assumption .img_wrap {
    margin-bottom: 10px;
}

.topics-04 .voice_link {
    background-color: #a31f24;
}

/*------------05 ぷちっともち玄米-----------*/
.topics-05 .head_img {
    background-position: right center;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_head.jpg);
}

.topics-05 .head_contents {
    padding-left: 4%;
    background-color: rgba(230, 100, 70, 1);
}

.topics-05 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_head_icon.png) no-repeat center bottom;
    background-size: contain;
    bottom: -20px;
    right: 5%;
}

.topics-05 .subsec01 .subsec_title .red {
    color: #993333;
}

.topics-05 .subsec01 {
    background-color: #fde9d9;
    margin-bottom: 25px;
}

.topics-05 .situation_title {
    color: #b25a24;
    background-color: #fde9d9;
}

.topics-05 .features .img_wrap {
    margin-bottom: 10px;
}

.topics-05 .flex.features_wrap {
    margin-top: 0;
}

.features_btn {
    background-color: #e66446;
    display: block;
    text-align: center;
    color: #ffffff;
    padding: 1em 0;
    font-size: 110%;
    line-height: 100%;
    margin-top: 15px;
}

.features_btn:hover {
    opacity: 0.6;
}

.step_wrap {
    max-width: 670px;
    margin: 0 auto;
}

.step.flex {
    align-items: stretch;
}

.step {
    margin-bottom: 60px;
}

.step_wrap.topping .step {
    margin-bottom: 20px;
}

.step .num {
    width: 48px;
    height: 54px;
    color: #ffffff;
    text-align: center;
    font-size: 2em;
    line-height: 100%;
    padding-top: calc(27px - 0.5em);
    background: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_num_bg.gif) no-repeat center;
    background-size: contain;
}

.step .text_wrap {
    width: calc(100% - 48px - 115px - 20px * 2);
    margin-right: 135px;
    margin-left: 20px;
    position: relative;
    margin-top: 5px;
}

.step .text_wrap .red {
    color: #993333;
}

.step_head {
    font-size: 1.4em;
    line-height: 140%;
    display: inline-block;
    margin-bottom: 10px;
}

.step .img_wrap {
    position: absolute;
    width: 115px;
    top: 0;
    right: -125px;
}

.step_wrap .classic_column {
    width: calc(100% - 48px - 115px - 20px * 2);
    background: #fde9d9;
    margin-left: 68px;
}

.step_wrap .column_head {
    background-color: #e66446;
}

.step_wrap .column_text .flex_l {
    width: 45px;
}

.step_wrap .column_text .flex_r {
    font-size: 1.1em;
    padding-left: 20px;
}

.topping_wrap.flex {
    justify-content: space-between;
}

.topping_wrap .img_wrap {
    width: 32%;
}

/*------------06 安心米-----------*/
.topics-06 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_head.jpg?1228);
    background-size: cover;
}

.topics-06 .head_contents,
.topics-07 .head_contents {
    padding-left: 4%;
    background-color: rgba(139, 170, 61, 1);
}

.topics-06 .head_contents::after,
.topics-07 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_head_icon.png) no-repeat center bottom;
    background-size: contain;
    bottom: -40px;
    right: 5%;
}

.topics-06 .page_title,
.topics-07 .page_title {
    font-size: 230%;
}

.topics-06 .head_title_cap,
.topics-07 .head_title_cap {
    margin-bottom: -20px;
}

.itemize_wrap,
.allergy_wrap,
.relief_wrap,
.certify_wrap,
.taste_wrap,
.asort_wrap {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
}

.itemize {
    margin-bottom: 60px;
}

.itemize .img_wrap {
    width: 230px;
    float: left;
    margin-right: 15px;
}

.itemize .text_wrap {
    float: left;
    width: calc(100% - 250px);
}

.itemize .name {
    font-size: 1.65em;
    color: #8baa3d;
    margin-bottom: 20px;
}

.itemize .text_list li {
    font-size: 1.15em;
    margin-bottom: 10px;
    line-height: 140%;
}

.allergy_wrap .subsec01 {
    background: #f0f4e6;
    padding: 40px 20px;
    margin-bottom: 45px;
}

.allergy_wrap .subsec01 .img_wrap {
    width: 150px;
}

.allergy_wrap .subsec01_inner {
    width: calc(100% - 180px);
    margin-left: 20px;
}

.allergy_wrap .subsec_title {
    margin-bottom: 15px;
}

.allergy_wrap .subsec01 .text {
    margin-bottom: 0.5em;
}

.allergy.flex {
    justify-content: space-between;
    align-items: stretch;
}

.allergy .flex_l {
    width: 29%;
}

.allergy .flex_r {
    width: 67%;
}

.allergy .text {
    height: 6em;
}

.allergy .name {
    color: #ffffff;
    background: #8baa3d;
    line-height: 100%;
    padding: 8px 15px;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.allergy_list.flex {
    justify-content: normal;
}

.allergy_item {
    max-width: 65px;
    margin-right: 1px;
    margin-bottom: 1px;
}

.topics-06 .situation_title {
    color: #8baa3d;
    background-color: #f0f4e6;
}

.relief {
    width: 30%;
    text-align: center;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 25px;
}

.relief .img_wrap {
    margin-bottom: 10px;
}

.relief .text {
    font-size: 1.3em;
    line-height: 140%;
    color: #8baa3d;
}

.certify {
    margin-bottom: 45px;
}

.certify.flex {
    justify-content: space-between;
}

[class*="topics-"] .certify.flex {
    align-items: flex-start;
}

.certify .flex_l,
.certify .flex_r {
    width: 47%;
}

.certify .img_wrap {
    width: 305px;
    float: left;
}

.certify .text {
    width: calc(100% - 320px);
    float: right;
}

.certify.flex .img_wrap {
    width: 80px;
    margin: 0 10px 10px 0;
}

.certify.flex .text {
    width: 100%;
    float: none;
}

.certify .name {
    font-size: 1.4em;
    margin-bottom: 20px;
    border-left: 5px solid #8baa3d;
    padding: 0.25em 0.8em;
    line-height: 120%;
    color: #8baa3d;
    letter-spacing: 0.5px;
}

.topics-06 .features .img_wrap .num {
    top: -5px;
    right: auto;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_num_bg.png);
}

.topics-06 .features_wrap {
    margin-top: 0;
}

.topics-06 .features_wrap .features .img_wrap {
    margin-bottom: 10px;
}

.taste_wrap {
    margin-bottom: 50px;
}

.taste_title {
    font-size: 1.6em;
    margin-bottom: 25px;
    border-left: 5px solid #8baa3d;
    padding: 0.25em 0.8em;
    line-height: 120%;
    letter-spacing: 0.5px;
}

.taste_inner.flex {
    justify-content: flex-start;
    align-items: stretch;
}

.asort_inner.flex {
    justify-content: space-between;
    align-items: stretch;
}

.taste {
    width: 31.9%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    text-align: center;
    margin-bottom: 40px;
}

.taste .name {
    font-size: 1.3em;
    margin-bottom: 8px;
}

.asort_wrap {
    margin-bottom: 60px;
}

.asort_inner .img_wrap {
    width: 330px;
}

.asort_inner .text_wrap {
    width: calc(100% - 350px);
}

.asort_inner .name {
    font-size: 1.4em;
    margin-bottom: 15px;
}

.asort_wrap .box_link {
    display: block;
    text-align: center;
    background: #a31f24;
    color: #fff;
    padding: 10px 0;
    margin-top: 15px;
    max-width: 230px;
}

/*------------07 こんな事にも使える安心米-----------*/
.topics-07 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_head.jpg);
    background-size: cover;
}

.topics-07 .itemize .img_wrap {
    width: 260px;
}

.topics-07 .itemize .text_wrap {
    width: calc(100% - 280px);
}

.topics-07 .itemize .text_list li {
    line-height: 180%;
}

.scene_wrap {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
}

.scene_link_list.flex {
    justify-content: flex-start;
}

.scene_link_list {
    margin-bottom: 60px;
}

.scene_link {
    width: 31.305%;
    text-align: center;
    margin-bottom: 45px;
    margin-left: 1%;
    margin-right: 1%;
}

.scene_link_name {
    font-size: 1.2em;
    color: #8baa3d;
    margin-bottom: 10px;
}

.scene_link_photo:hover {
    opacity: 0.6;
}

.scene_link_photo {
    width: 100%;
    height: 136px;
    display: block;
    background: no-repeat center #ccc;
    background-size: cover;
}

#scene_link01 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02a.jpg);
}

#scene_link02 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02b.jpg);
}

#scene_link03 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02c.jpg);
}

#scene_link04 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02d.jpg);
}

#scene_link05 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02e.jpg);
}

#scene_link06 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02f.jpg);
}

#scene_link07 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02g.jpg);
}

#scene_link08 .scene_link_photo {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/07/topics_02h.jpg);
}

.scene {
    margin-bottom: 80px;
}

.scene_name {
    border-left: 5px solid #8baa3d;
    font-size: 160%;
    padding-left: 0.8em;
    line-height: 140%;
    padding: 0.2em 1.1em;
    margin-bottom: 30px;
}

.scene .img_wrap {
    width: 216px;
    float: left;
}

.scene .text_wrap {
    width: calc(100% - 270px);
    float: right;
}

.scene .text_head {
    font-size: 1.32em;
    color: #8baa3d;
    margin-bottom: 10px;
}

.scene .classic_column {
    background-color: #eef2e2;
    margin-bottom: 0;
}

.scene .column_head {
    background-color: #8baa3d;
}

.scene .classic_column .green {
    color: #8baa3d;
}

.relief_sub_title {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 20px;
}

.relief_btn_wrap {
    margin: 30px 0;
}

a.relief_btn {
    color: #ffffff;
    background: #8baa3d;
    display: block;
    max-width: 460px;
    text-align: center;
    font-size: 1.3em;
    line-height: 100%;
    padding: 0.8em;
    margin-right: auto;
    margin-left: auto;
}

a.relief_btn:hover {
    opacity: 0.6;
}

/*------------08 お食い初め-----------*/
.topics-08 section {
    margin-bottom: 70px;
}

.topics-08 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/08/topics_head.jpg);
    background-size: cover;
}

.topics-08 .head_contents {
    background-color: rgba(220, 100, 98, 0.95);
}

.topics-08 .red {
    color: #ad1c24;
}

.topics-08 .topics08_1st {
    align-items: flex-start;
}

.topics-08 .topics08_1st .img_wrap {
    width: 43.5%;
}

.topics-08 .topics08_1st .text_wrap {
    width: 51.7%;
    margin-left: 0;
    margin-right: 4.8%;
    line-height: 180%;
}

.topics-08 .subsec_title .mini {
    font-size: 80%;
}

.prepare_wrap {
    width: 94%;
    margin: 0 auto 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.prepare_wrap li {
    width: 22.35%;
    margin: 0 1.2%;
    text-align: center;
    position: relative;
}

.prepare_wrap li .name {
    font-size: 1.4em;
    margin-top: 12px;
}

.prepare_detail {
    width: 94%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.prepare_detail li {
    width: 45%;
    margin: 0 2.5% 40px;
    position: relative;
    border: 1px solid #8c8c8c;
    padding: 20px 4%;
    line-height: 180%;
}

.prepare_detail li .name {
    font-size: 1.7em;
    margin-bottom: 15px;
    text-align: center;
}

.prepare_wrap li .num,
.prepare_detail li .num {
    position: absolute;
    top: -18px;
    left: -5%;
    color: #ffffff;
    width: 48px;
    height: 54px;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/08/topics_pop_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1.8em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prepare_detail li .num {
    left: 4%;
}

.topics-08 .gift_img {
    border-radius: 7px;
    overflow: hidden;
    margin-left: 2.3%;
    margin-right: 2.3%;
}

.procedure_wrap .img_wrap {
    width: 48.12%;
    max-width: 332px;
}

.procedure_wrap .text_wrap {
    width: 48%;
    margin-left: 0;
    margin-right: 3%;
    line-height: 180%;
}

.procedure_flow .flow_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.procedure_flow .flow_wrap li {
    width: 32%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: rgba(241, 194, 191, 0.38);
    padding: 15px 20px;
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    position: relative;
    overflow: hidden;
}

.procedure_flow .flow_wrap li.maroon {
    background: #8d413c;
    color: #ffffff;
}

.procedure_flow .flow_wrap li.olive {
    background: #80863f;
    color: #ffffff;
}

.procedure_flow .flow_wrap li.gray {
    background: #cdcdcd;
}

.procedure_flow .flow_wrap li::after {
    content: "";
    width: 25px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/08/arrow_mask.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.procedure_flow .flow_wrap li:last-child::after {
    display: none;
}

.procedure_flow_title {
    text-align: center;
    font-size: 1.5em;
    margin: 35px 0 20px;
    position: relative;
    font-weight: bold;
}

.procedure_flow_title:before,
.procedure_flow_title:after {
    content: "";
    display: block;
    height: 2px;
    width: calc(50% - 2em);
    background: #ad1c24;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.procedure_flow_title:before {
    left: 0;
}

.procedure_flow_title:after {
    right: 0;
}

.procedure_flow .flow_wrap li .img {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    margin-right: 10px;
}

.hagatame {
    background: #f4f3e6;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.hagatame .img_wrap {
    width: 21.8%;
    max-width: 150px;
    min-width: 75px;
}

.hagatame .text_wrap {
    padding: 25px 0;
    margin: 0 4%;
}

.hagatame .name {
    color: #80863f;
    font-size: 1.5em;
    margin-bottom: 15px;
}

.hagatame_wrap .mini {
    font-size: 0.85em;
}

.topics-08 .flex.voice {
    margin-bottom: 25px;
}

.topics-08 .voice .text_wrap {
    color: #81272d;
    font-size: 1.4em;
    padding: 0.8em 1em;
    line-height: 140%;
}

.voice_wrap .answer {
    background: rgba(241, 194, 191, 0.38);
    padding: 25px 30px;
    margin-bottom: 45px;
}

.topics-08 .youtube {
    width: 84vw;
    height: 47.25vw;
    display: block;
    margin: 30px auto 0;
    max-width: 514px;
    max-height: 290px;
}

.relation_list {
    display: flex;
    flex-wrap: wrap;
}

.relation_list li {
    width: 46%;
    margin: 0 2% 30px;
}

.relation_list li .img {
    margin-bottom: 10px;
}

.relation_list li .name {
    text-align: center;
    font-size: 1.2em;
    line-height: 160%;
    margin-bottom: 10px;
}

.relation_list li .text {
    text-align: center;
    margin-bottom: 15px;
}

.relation_list li .btn {
    display: flex;
    width: 94%;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 1.6em;
    padding: 18px 10px;
    margin: 0 auto 10px;
    border-radius: 10px;
    background: rgb(255, 0, 0);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(187, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(187, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 0, 0, 1) 0%, rgba(187, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#bb0000', GradientType=0);
    /* IE6-9 */
    transition: all ease 200ms;
}

.relation_list li .btn:hover {
    opacity: 0.6;
}

/*------------09 お祝い事カレンダー-----------*/
.topics-09 .head_img {
    background-image: url(https://www.alpha-online.jp/img/docs/image/topics/09/topics_head.jpg);
    background-size: cover;
}

.topics-09 .head_contents {
    background-color: rgba(220, 100, 98, 0.95);
}

.topics-09 .head_title_cap {
    font-size: 1.4em;
    letter-spacing: 1.5px;
}

.topics-09 .red {
    color: #ad1c24;
}

.calender_wrap {
    width: 91.5%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.calender_wrap .img_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.calender_wrap .svg {
    width: 420px;
    height: 511px;
}

.calender_wrap .svg_bg {
    width: calc(50% - 210px);
    padding-right: 5%;
}

.calender_wrap .svg_bg.after {
    transform: rotate(180deg);
}

.celebrate_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 91.5%;
    margin-left: auto;
    margin-right: auto;
}

.celebrate_list li {
    width: 47%;
    margin: 0 1.5%;
    border: 2px solid #db6681;
    font-size: 1.5em;
    line-height: 140%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.celebrate_list li.boy {
    border-color: #5280ac;
}

.celebrate_list li .name {
    background: #db6681;
    color: #ffffff;
    padding: 8px 20px;
    font-size: 1.1em;
    position: relative;
}

.celebrate_list li.boy .name {
    background: #5280ac;
}

.celebrate_list li .text_wrap {
    padding: 15px 8%;
    color: #534741;
}

.celebrate_list li .text {
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px solid #cbcbcb;
    font-weight: bold;
}

.celebrate_list li .text:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.celebrate_list li .text .color {
    color: #db6681;
    letter-spacing: 1.5px;
}

.celebrate_list li.boy .text .color {
    color: #5280ac;
}

.celebrate_list li .img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(100% - 8.5em);
    max-width: 100px;
    height: 76px;
    margin: auto;
}

.event_wrap {
    margin: 0 auto 60px;
    width: 91.5%;
}

.event_wrap .name_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-left: 4px solid #804351;
    font-size: 1.6em;
    line-height: 100%;
    padding: 4px 15px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.event_wrap .name_wrap .date {
    color: #ffffff;
    background: #804351;
    font-size: 0.9em;
    padding: 0.3em 10px;
    margin-left: 1em;
}

.event_wrap .text_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.event_wrap .text_wrap .text {
    width: 56.5%;
    line-height: 175%;
}

.event_wrap .text_wrap .img {
    width: 40%;
}

.event_wrap .comment {
    font-size: 0.875em;
    margin-top: 1em;
    text-indent: -1em;
    padding-left: 1em;
}

.topics-09 .gift_link_wrap {
    margin-bottom: 80px;
}

.topics-09 a.gift_link {
    background: #dc6462;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media (max-width:1100px) {}

@media (max-width:900px) {
    .celebrate_list li {
        width: 100%;
        margin-bottom: 20px;
        font-size: 1.2em;
    }

    .celebrate_list li .text br {
        display: none;
    }
}

@media (min-width:768px) {}

@media (max-width:768px) {}

@media (min-width:501px) {
    .topics-05 .voice_link {
        background-color: #eee809;
        color: #b11e31;
    }

    .topics-06 .voice_link,
    .topics-07 .voice_link {
        background-color: #a31f24;
    }
}

@media (max-width:550px) {

    /*------------共通-----------*/
    [class*="topics-"] section {
        margin-bottom: 70px;
    }

    [class*="topics-"] section.head_img {
        margin-bottom: 40px;
    }

    [class*="topics-"] .title {
        font-size: 160%;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    [class*="topics-"] .flex {
        display: block;
    }

    [class*="topics-"] .subsec_title {
        font-size: 120%;
        line-height: 140%;
    }

    [class*="topics-"] .subsec_title b {
        font-size: 120%;
    }

    /*------------01 おいしさの秘密-----------*/
    .topics-01 .head_contents {
        background-color: rgba(104, 56, 53, 0.5);
    }

    .topics-01 .subsec01 .img_wrap,
    .topics-01 .subsec01 .subsec_title,
    .topics-05 .subsec01 .img_wrap,
    .topics-05 .subsec01 .subsec_title {
        width: 100%;
        padding-left: 0;
    }

    .topics-01 .subsec01 .subsec_title,
    .topics-05 .subsec01 .subsec_title {
        margin-top: 15px;
        line-height: 180%;
    }

    .topics-01 .subsec01,
    .topics-05 .subsec01 {
        padding: 14px;
    }

    .features_wrap {
        margin-top: 40px;
    }

    .features {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .topics-01 .features,
    .topics-01 .commitment_wrap .features {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .features .img_wrap,
    .features .text_wrap {
        width: 48%;
    }

    .features .img_wrap .num {
        top: -15px;
        left: 0;
        right: auto;
    }

    .topics-01 .process .img_wrap .num {
        top: -12px;
        left: 0;
        right: auto;
    }

    .features .red,
    .topics-01 .process .red {
        font-size: 140%;
    }

    .features .red {
        display: block;
        text-align: left;
        height: auto;
        margin-top: 0;
    }

    .topics-01 .process_wrap {
        display: flex;
    }

    .topics-01 .process {
        width: 47.5%;
        margin-bottom: 40px;
    }

    /*------------02 丹波大納言小豆のお赤飯-----------*/
    .prolevel_wrap,
    .situation_wrap,
    .howto_wrap,
    .instant_wrap,
    .material_wrap,
    .pack_wrap,
    .gift_wrap,
    .voice_wrap {
        width: 97.105%;
    }

    .topics-02 .prolevel_wrap .subsec_title {
        line-height: 180%;
    }

    .topics-02 .prolevel_wrap .subsec_title.sub {
        font-size: 140%;
        line-height: 140%;
    }

    .howto_link_wrap {
        margin-top: 15px;
    }

    .flex.situation_title_wrap {
        display: flex;
        align-items: stretch;
        margin-bottom: 5px;
    }

    .situation {
        width: 100%;
        margin-bottom: 20px;
    }

    .situation_title {
        width: 50%;
        height: auto;
    }

    .situation .img_wrap {
        width: 50%;
    }

    .topics-02 .howto {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        padding: 0;
        margin-bottom: 20px;
    }

    .topics-02 .howto .img_wrap {
        width: 33%;
        margin: 0 0 15px;
    }

    .topics-02 .howto .text_wrap {
        width: 65%;
    }

    .topics-02 .howto_num {
        top: 0;
        left: -1%;
        right: auto;
        font-size: 1.5em;
        width: 34px;
        height: 38px;
        background-repeat: no-repeat;
        padding-top: calc(19px - 0.45em);
    }

    .howto_wrap+.howto_link_wrap {
        text-align: center;
    }

    .instant_wrap .img_wrap,
    .instant_wrap .text_wrap {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .instant_wrap .text_wrap .subsec_title {
        font-size: 1.35em;
        text-align: center;
    }

    .material .flex.img_wrap {
        display: flex;
        justify-content: center;
    }

    .material .img_wrap {
        width: 43.485%;
        float: left;
        margin: 0 20px 10px 0;
    }

    .material.azuki .img_wrap,
    .material .text_wrap {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .material .text_wrap .subsec_title {
        font-size: 140%;
        line-height: 130%;
        margin-bottom: 5px;
    }

    .material .flex_l,
    .material .flex_r {
        width: 41.5%;
        margin: 0 1.5%;
    }

    .flex.pack_wrap_column {
        display: flex;
        align-items: stretch;
    }

    .pack_wrap_column .flex_l {
        width: 23.875%;
    }

    .pack_wrap_column .flex_r {
        width: 58.85%;
        margin-left: 20px;
    }

    .pack_wrap .pack_text {
        font-size: 115%;
    }

    [class*="topics-"] .flex.gift_wrap {
        display: flex;
    }

    [class*="topics-"] .gift {
        width: 47%;
    }

    .voice_wrap {
        padding-top: 10px;
        margin-bottom: 50px;
    }

    .flex.voice {
        display: flex;
        margin-bottom: 20px;
    }

    .voice .img_wrap {
        width: 15%;
    }

    .voice .text_wrap {
        width: 82.5%;
        padding: 1em;
        font-size: 100%;
    }

    .voice .text_wrap::after {
        display: none;
    }

    .voice_link {
        width: 100%;
        max-width: none;
        position: relative;
        padding: 1em;
        padding-left: 2.5em;
        font-size: 150%;
        right: auto;
        bottom: auto;
    }

    .voice_link::before {
        content: "";
        width: 45px;
        height: 58.5px;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(50% - 50px - 4.5em + 0.5em);
        margin: auto;
        background-image: url(https://www.alpha-online.jp/img/docs/image/topics/02/topics_head_icon.png?0712);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .voice_link_wrap img {
        display: none;
    }

    /*------------03 出雲のおもてなしシリーズ-----------*/
    .topics-03 .head_img {
        background-size: 200%;
        background-position: left;
    }

    .izumo_wrap {
        margin-top: 0;
    }

    .izumo_wrap .subsec_title {
        margin-top: 20px;
        font-size: 140%;
    }

    .lineup_head img {
        width: 100%;
    }

    .title.lineup_title {
        margin-bottom: 0;
    }

    .lineup {
        width: 100%;
    }

    .lineup .lineup_inner {
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

    .lineup .img_wrap,
    .lineup .text_wrap {
        width: 50%;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .flex.lineup_wrap {
        background: none;
    }

    .lineup .text_wrap .text_inner {
        width: 100%;
    }

    .lineup .text_wrap .img {
        max-width: 60px;
        margin-bottom: 10px;
    }

    .lineup .text_wrap .name {
        line-height: 140%;
    }

    .classic_wrap {
        width: 97.1%;
    }

    .classic {
        border: 1px solid #b3b3b3;
        padding: 20px 0 0;
    }

    .classic_inner.flex {
        margin: 0 20px;
    }

    .classic_head.flex {
        width: 100%;
        display: flex;
        margin-bottom: 30px;
    }

    .classic_head .img_wrap {
        width: 110px;
    }

    .classic_head .name.sp {
        font-size: 130%;
        line-height: 160%;
        width: 50%;
        margin-right: 1em;
    }

    .classic_text_wrap {
        margin: 0;
        width: 100%;
    }

    .classic_text_inner {
        padding-bottom: 50px;
    }

    .classic_check+.classic_inner .classic_text_inner {
        display: none;
        opacity: 0;
        transition: all ease 300ms;
    }

    .classic_check:checked+.classic_inner .classic_text_inner {
        display: block;
        opacity: 1;
    }

    .classic_link_wrap {
        margin-top: 20px;
    }

    .column_text .flex_l {
        margin: 0 auto;
    }

    .column_text .flex_r {
        margin: 0;
        margin-top: 10px;
        margin-bottom: 5px;
        width: 100%;
    }

    .classic_btn {
        margin-left: auto;
        margin-right: auto;
    }

    label.classic_open {
        display: block;
        text-align: center;
        background-color: #dfdfdf;
        padding: 1em;
        cursor: pointer;
        position: relative;
    }

    label.classic_open::before {
        content: "詳細を見る";
        font-size: 140%;
        line-height: 100%;
    }

    label.classic_open::after {
        content: "＋";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 1em;
        margin: auto;
        border: 1px solid #808080;
        width: 1em;
        height: 1em;
        font-size: 160%;
        line-height: 100%;
    }

    .classic_check:checked~.sp label.classic_open::before {
        content: "閉じる";
    }

    .classic_check:checked~.sp label.classic_open::after {
        content: "－";
    }

    .giftbox_wrap.flex {
        margin-bottom: 20px;
    }

    .giftbox_wrap .img_wrap {
        width: 120px;
        margin-bottom: 20px;
    }

    .giftbox_wrap .text_wrap {
        margin: 0;
        width: 100%;
    }

    .giftbox_wrap .name {
        position: absolute;
        top: 0;
        left: 140px;
        line-height: 180%;
        width: calc(100% - 100px);
        margin: 0;
        margin-top: 12px;
    }

    .giftset.flex:nth-of-type(1n) {
        width: 100%;
        display: flex;
        margin-bottom: 15px;
    }

    .giftset .img_wrap {
        width: 47%;
    }

    .giftset .text_wrap {
        width: 47%;
        margin-left: 6%;
    }

    .giftset .text_wrap .name {
        text-align: left;
        font-size: 110%;
    }

    /*------------04 ギフト・贈り物-----------*/
    .topics-04 .head_img {
        background-position: left;
    }

    .topics-04 .head_contents {
        background-color: rgba(163, 31, 36, 0.5);
    }

    .topics-04 .voice_link {
        padding-left: 0;
        padding-right: 0;
        font-size: 120%;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }

    .gifttopic_midashi {
        font-size: 1.4em;
        margin-bottom: 20px;
    }

    .start_wrap .img_wrap {
        margin: 0 auto 25px;
    }

    .start_wrap .text_wrap {
        width: 100%;
    }

    .assumption_wrap.flex {
        display: flex;
    }

    .assumption {
        width: 46.38%;
    }

    .assumption .name {
        font-size: 1.15em;
    }

    .topics-04 .voice_link::before {
        display: none;
    }

    /*------------05 ぷちっともち玄米-----------*/
    .topics-05 .head_img {
        background-position: left center;
    }

    .topics-05 .head_contents {
        background-color: rgba(230, 100, 70, 0.5);
    }

    .topics-05 .situation_title {
        width: 100%;
        padding: 1em;
    }

    .topics-05 .voice_link::before {
        background-image: url(https://www.alpha-online.jp/img/docs/image/topics/05/topics_head_icon.png);
    }

    .step.flex {
        display: flex;
        margin-bottom: 30px;
    }

    .step .num {
        width: 24px;
        height: 27px;
        font-size: 1em;
        padding-top: calc(13.5px - 0.5em);
    }

    .step .img_wrap {
        position: static;
        float: right;
        margin-left: 10px;
    }

    .step .text_wrap {
        width: calc(100% - 37px);
        margin-left: 10px;
        margin-right: 0;
        margin-top: 0;
    }

    .step_head {
        font-size: 1.3em;
        display: inline;
    }

    .step_wrap .classic_column {
        width: 100%;
        margin: 0;
    }

    .step_wrap .flex.column_text {
        display: flex;
    }

    .topping_wrap.flex {
        display: flex;
    }

    /*------------06 安心米-----------*/
    .topics-06 .head_contents,
    .topics-07 .head_contents {
        background-color: rgba(139, 170, 61, 0.5);
    }

    .topics-06 .head_img {
        background-size: 200%;
        background-position: left;
    }

    .topics-06 .voice_link::before,
    .topics-07 .voice_link::before {
        background-image: url(https://www.alpha-online.jp/img/docs/image/topics/06/topics_head_icon.png);
    }

    .itemize {
        margin-bottom: 30px;
    }

    .itemize .img_wrap {
        width: 115px;
        float: right;
        margin: 0 0 10px 10px;
    }

    .itemize .text_wrap {
        float: inherit;
        width: 100%;
    }

    .itemize .name {
        line-height: 120%;
        margin-bottom: 10px;
    }

    .itemize .text_list li {
        font-size: 1em;
        margin-bottom: 8px;
    }

    .allergy_wrap .subsec01 {
        padding: 20px;
    }

    .allergy_wrap .subsec01 .img_wrap {
        width: 100px;
        float: left;
        margin: 0 10px 10px 0;
    }

    .allergy_wrap .subsec01_inner {
        width: 100%;
        margin: 0;
    }

    .allergy_wrap .subsec_title {
        line-height: 160%;
    }

    .allergy .flex_l,
    .allergy .flex_r {
        width: 100%;
        margin-bottom: 30px;
    }

    .allergy_list.flex {
        display: flex;
    }

    .allergy .text {
        height: auto;
        margin-bottom: 10px;
    }

    .relief_wrap.flex {
        display: flex;
        align-items: stretch;
    }

    .relief {
        width: 47%;
    }

    .certify .flex_l,
    .certify .flex_r {
        width: 100%;
        margin-bottom: 45px;
    }

    .certify:not(.flex) .img_wrap {
        float: none;
        margin: 0 auto 20px;
    }

    .certify .text {
        width: 100%;
    }

    .taste_inner.flex {
        display: flex;
    }

    .taste {
        margin-bottom: 30px;
    }

    .taste .name {
        font-size: 1em;
        margin-bottom: 0;
    }

    .asort_wrap {
        /*    margin-bottom: 0;*/
    }

    .asort_inner .img_wrap {
        margin: 0 auto 20px;
    }

    .asort_inner .text_wrap {
        width: 100%;
    }

    .asort_inner .name {
        margin-bottom: 5px;
        text-align: center;
    }

    .asort_wrap .box_link {
        margin-left: auto;
        margin-right: auto;
    }

    /*------------07 こんな事にも使える安心米-----------*/
    .topics-07 .head_img {
        background-size: 200%;
        background-position: left;
    }

    .topics-07 .itemize .img_wrap {
        width: 130px;
    }

    .topics-07 .itemize .text_wrap {
        width: 100%;
    }

    .scene_link_list.flex {
        display: flex;
    }

    .scene_link {
        width: 47%;
        margin-bottom: 20px;
    }

    .scene_link_name {
        font-size: 1em;
        margin-bottom: 5px;
    }

    .scene_link_photo {
        height: 100px;
    }

    .scene_name {
        font-size: 140%;
        padding-left: 0.7em;
        margin-bottom: 20px;
    }

    .scene .img_wrap {
        width: 120px;
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .scene .text_wrap {
        width: 100%;
        float: none;
    }

    .scene .text_head {
        font-size: 1.2em;
        line-height: 160%;
    }

    /*------------08 お食い初め-----------*/
    .topics-08 .head_contents {
        background-color: rgba(220, 100, 98, 0.7);
    }

    .topics-08 .head_img {
        background-size: 190% auto;
        background-position: left center;
    }

    .topics-08 .topics08_1st .img_wrap,
    .topics-08 .topics08_1st .text_wrap {
        width: 100%;
    }

    .topics-08 .topics08_1st .img_wrap {
        height: 80vw;
        overflow: hidden;
        position: relative;
    }

    .topics-08 .topics08_1st .img_wrap p {
        position: absolute;
        bottom: 0;
    }

    .prepare_wrap {
        margin-bottom: 20px;
    }

    .prepare_wrap li {
        width: 46%;
        margin: 0 1.2% 25px;
    }

    .prepare_detail li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .prepare_detail li .num {
        top: 5px;
    }

    .procedure_wrap .img_wrap {
        margin-left: auto;
        margin-right: auto;
    }

    .procedure_flow .flow_wrap li {
        width: 48%;
    }

    .hagatame {
        display: block;
        padding-top: 20px;
    }

    .hagatame .img_wrap {
        margin: 0px auto;
    }

    .hagatame .name {
        text-align: center;
    }

    .relation_list li {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /*------------09 お祝い事カレンダー-----------*/
    .topics-09 .head_contents {
        background-color: rgba(220, 100, 98, 0.7);
    }

    .topics-09 .head_img {
        background-size: 190% auto;
        background-position: left center;
    }

    .calender_wrap .svg {
        width: 100%;
        height: auto;
    }

    .calender_wrap .img_wrap {
        margin-top: 20px;
    }

    .calender_wrap .svg_bg {
        display: none;
    }

    .celebrate_list li .text br {
        display: block;
    }

    .event_wrap .name_wrap {
        font-size: 1.5em;
        display: block;
        margin-bottom: 15px;
    }

    .event_wrap .name_wrap .date {
        margin: 12px 0 0;
        font-size: 0.7em;
        line-height: 120%;
        display: inline-block;
        letter-spacing: 1px;
    }

    .event_wrap .text_wrap .img {
        max-width: 276px;
        width: 100%;
        margin: 0 auto 20px;
    }

    .event_wrap .text_wrap .text {
        width: 100%;
    }
}

[class*="topics-"] .txt_p {
    padding-bottom: 10px;
}

/*4500円送料無料キャンペーンバナー用
#bread-crumb{
    top: 261px;
}
@media (max-width: 1080px){
#bread-crumb {
    top: calc(216px + 9.5vw);
}
}
@media (max-width: 768px){
#bread-crumb {
    top: calc(121px + 9vw);
}
}
@media (max-width: 500px){
#bread-crumb {
    top: calc(100px + 26vw);
}
}
header + div[style*="0 auto 15px"]{
	display:none;
}
*/
/*予約ボタン*/
/*
input[value="1600"] ~ #pi_cart .cartArea > *:nth-of-type(1)::after,
input[value="1600-5"] ~ #pi_cart .cartArea > *:nth-of-type(1)::after,
input[value="3-940"] ~ #pi_cart .cartArea > *:nth-of-type(1)::after,
input[value="3-950"] ~ #pi_cart .cartArea > *:nth-of-type(1)::after,
input[value="360-5"] ~ #pi_cart .cartArea > *:nth-of-type(1)::after,
input[value="360-6"] ~ #pi_cart .cartArea > *:nth-of-type(1)::after,
input[value="360-7"] ~ #pi_cart .cartArea > *:nth-of-type(1)::after{
    background-image: url(https://www.alpha-online.jp/img/docs/image/detail/btn_cartl_reserve.gif);
}
*/

/*変更履歴_for_alpha-foods
20220422 1372列目　font-size 1.6emを2.0に変更
20220426 2942      メディアクエリ追加
*/