@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;
    font-family: inherit;
}
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
===============================*/

/*===============================
　footer
===============================*/

/*===============================
　パンくず
===============================*/

/*===============================
　下層ページ
===============================*/
#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://cart.alpha-come.co.jp/docs/image/list/list_head.jpg);
    background-size: contain;
}
.qa .head_img{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/qa/qa_head.jpg);
}
.topics .head_img{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/topics/topics_head.jpg);
}
.guide .head_img{
	background-image:url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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: 1.7em;
    background-image: url(https://cart.alpha-come.co.jp/docs/image/common/text_underline.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 20px;
    margin-bottom: 38px;
    line-height: 1.5em;
    text-align: center;/*20221021見出しを中央よりに変更*/
}
#itemDetail-wrap .title{
    margin-bottom: 16px;
}
.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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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;
}


/*----------------------
　おいしい炊き方
----------------------*/
.howto .head_img {
    background-image: url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/docs/image/howto/how_icon01.png);
}

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

.howto .switch label[for="switch03"] {
    background-image: url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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;
	}
	
}

.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://cart.alpha-come.co.jp/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;
}
.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://cart.alpha-come.co.jp/docs/image/topics/01/topics_num_bg.gif) no-repeat center;
    background-size: contain;
}
.features .img_wrap .num{
	background-image:url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/docs/image/topics/02/topics_head.jpg);
}
.topics-02 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/docs/image/topics/02/voice_arrow_r.png);
}
.voice .text_wrap.right::after{
    left: -32px;
	background-image:url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/docs/image/topics/01/topics_num_bg.gif) no-repeat center;
    background-size: contain;
}
.features .img_wrap .num{
	background-image:url(https://cart.alpha-come.co.jp/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;
}
@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://cart.alpha-come.co.jp/docs/image/topics/02/topics_head.jpg);
}
.topics-02 .head_contents::after {
    content: "";
    position: absolute;
    width: 14.588%;
    height: 150px;
    background: url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/docs/image/topics/02/voice_arrow_r.png);
}
.voice .text_wrap.right::after{
    left: -32px;
	background-image:url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/docs/image/topics/07/topics_02a.jpg);
}
#scene_link02 .scene_link_photo{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/topics/07/topics_02b.jpg);
}
#scene_link03 .scene_link_photo{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/topics/07/topics_02c.jpg);
}
#scene_link04 .scene_link_photo{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/topics/07/topics_02d.jpg);
}
#scene_link05 .scene_link_photo{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/topics/07/topics_02e.jpg);
}
#scene_link06 .scene_link_photo{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/topics/07/topics_02f.jpg);
}
#scene_link07 .scene_link_photo{
	background-image:url(https://cart.alpha-come.co.jp/docs/image/topics/07/topics_02g.jpg);
}
#scene_link08 .scene_link_photo{
	background-image:url(https://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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://cart.alpha-come.co.jp/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;
}



/*変更履歴_for_alpha-foods
20220422 403列目　font-size 1.6emを1.7に変更 
20220422 411列目　font-size 18pxを16pxに変更 (スゴらくカートでの表題の見え方を調節）






*/