/** Shopify CDN: Minification failed

Line 167:8 Expected ":"

**/
/* ================
// fv
// ===============*/
.section-header{
background: url(/cdn/shop/files/column02-01.jpg) 50% 50% no-repeat !important;
  background-size: cover !important;
  height: 450px !important;
  }
h1{
  border: 1px solid #000;
 padding: 20px 30px 35px;
}
h1::before{
  content:'＜甘酒の基礎知識　その２＞';
  font-size:14px;
  display: block;
  padding:15px;
}
@media (max-width: 680px) {
.section-header{
background: url(/cdn/shop/files/column02-01-sp.jpg) 50% 50% no-repeat !important;
  background-size: cover !important;
  height: 250px !important;
  }
  h1{
  border: none;
  background:rgba(256,256,256,.6);
}
    }
/* ================
// 共通
// ===============*/
@media (max-width: 1025px) {
.kai-inn{
  padding: 0 20px;
}
  }
.kai-col,.kai-col2,.kai-col3{
  padding: 50px 0;
}
#to01,#to02,#to03,#to04,#to05,#to06,#to07,#to08{
display: block;
    padding-top: 70px;
    margin-top: -70px;
}
@media (max-width: 680px) {
.kai-col, .kai-col2, .kai-col3 {
  padding: 30px 0;
}
}
/* ================
// .kai-col2
// ===============*/
.kai-col2 figure{
width: 500px;
margin: 0 auto 30px;
filter: drop-shadow(3px 3px 5px #dddddb);
}
.kai-col2 table{
width: 100%;
padding: 30px;
  margin: 0;
border: 2px solid #FF9476;
}
.kai-col2 th{
background: #fff;
text-align: center;
line-height: 1.4;
border: 1px solid #FF9476;
font-size: 14px;
}
.kai-col2 td{
background: #FFFCF8;
padding: 15px;
border: 1px solid #FF9476;
font-size: 14px;
}
@media (max-width: 580px) {
.kai-col2 figure {
  width: 100%;
}
}

/* ================
// .kai-col3 
// ===============*/
.kai-col3 ul{
background: #fff;
border: 3px solid #F4EAD0;
border-radius: 20px;
padding: 30px;
margin: 0 auto;
max-width: 860px;
width: 100%;
  position:relative;
}
.kai-col3 ul::before{
content: "";
display: inline-block;
width: 80px;
height: 80px;
background: url(/cdn/shop/files/staff-douzo.png)no-repeat;
position: absolute;
left: 200px;
top: -82px;
background-size: contain;
  }
.kai-col3 li{
  display: flex;
justify-content: space-between;
align-items: center;
}
.kai-col3 li figure{
  width:50%;
}
.kai-col3 li figure img{ 
 width: 250px;
}
.kai-col3 li:first-of-type{ 
border-bottom: 3px dotted #F4EAD0;
margin-bottom: 30px;
padding-bottom: 30px;
}
.kai-col3 li:first-of-type figure{
  order:2;
}
.kai-col3 li p{
    width:50%;
}

.kai-col3 p em {
  background: linear-gradient(transparent 60%, #fff9cc 60%);
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 767px) {
.kai-col3 ul::before{
left: 150px;
}
}

@media (max-width: 680px) {

.kai-col3 ul {
  margin: 90px auto 0;
}
.kai-col3 li {
  flex-wrap: wrap;
}
.kai-col3 li:first-of-type figure {
  order: unset;
}
.kai-col3 li figure {
  width: 100%;
}
.kai-col3 li p {
  width: 100%;
}
.kai-col3 ul::before{
left: 50%;
transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);
margin: auto;
}
}


/* ================
// .コラム回遊
// ===============*/
.col-kaiyu ul {
display: flex;
justify-content: space-between;
margin: 50px auto 0;
border-top: 1px dotted #ccc;
padding-top: 50px;
}
.col-kaiyu li {
width:45%;
display: flex;
flex-direction: column;
}
.col-kaiyu span {
display: block;
background: #c9b066;
color: #fff;
font-size: 14px;
padding: 10px 0;
width: 150px;
margin: 30px auto;
}
.col-kaiyu em{
display: block;
font-style: normal;
font-size: 14px;
}
@media (max-width: 480px) {
.col-kaiyu span {
  width: 100%;
}
}