@charset "utf-8";
/* CSS Document */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  overflow-x: hidden;
}
html, body {
  font-size:100%;
  height: 100%;
}

img { max-width: 100%; height: auto; border: 0; vertical-align: bottom;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit;}

body {   
  background: #fff;
  color: #382622;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.8em;
  position: relative;
}
a { color: #382622; text-decoration: none;}
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
a[href^="tel:"] { pointer-events: none;}

section {
  width: 1000px;
  margin-inline: auto;
  margin-block: 100px;
}

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }

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

/* animation */
@keyframes bounce {
  0%, 100% { translate: 0;}
  50% { translate: 0 -10px;}
}

/* FV
----------------------*/
header { width: 1200px; margin: 0 auto;}
header .fvarea { position: relative;}
header .fv_databtn { position: absolute; top: 49%; left: 3.4%; width: 275px; height: auto; }

header .cvBox { width: 920px; margin: 50px auto 0; position: relative;}
header .cvBox_bags { position: absolute; left: -110px; bottom: 0;}
header .cvBox_btn { position: absolute; right: 50px; top: 305px;}

#footerFollowButtonBlock { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999; display: none;}
#footerFollowButtonBlock:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background: #cd5470; z-index: -1;}
#footerFollowButtonBlock .inner { width: 1000px; margin: 0 auto; position: relative;}
#footerFollowButtonBlock .inner .footerCvBtn { position: absolute; bottom: 0; right: 0;}

/* button
----------------------*/
.cv_btn_area { width: 510px; margin: 100px auto 0; position: relative;}
.cv_btn_area .cv_balloon { position: absolute; top: -30px; left: -50px; z-index: 10; animation: bounce 2s infinite ease-in-out;}

/* bcs_boddy condition score(260121)
----------------------*/

.bcs p { margin-top: 30px; }
.bcs img {display: block; margin: 0 auto;}

/* sec_b -- movie
----------------------*/
.secb_data {position: relative}
.secb_btn { position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); }

.movie_cnt { position: relative; }
.movie_cnt video { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 720px; height: auto;}
.movie_txt { position: absolute; width: 100%; text-align: center; bottom: 13%; font-size: 14px; letter-spacing: -0.07em; }
.movie_cnt a { color: #CD5470; }
.movie_cnt a:hover  { opacity: 0.7; }

/* sec_c -- secret
----------------------*/
.c_list li + li { margin-top: 80px;}
.c_list li:last-child { margin-top: 60px;}

.c_data { position: relative;}
.c_databtn { position: absolute; top:32%; left: 15%; }

/* sec_e -- factory
----------------------*/
.sec_e .fediaf { text-align: center;}

/* sec_f -- confidenceB
----------------------*/

.sec_confidence .not_af {
  background: url("/public/images/default/mognyancatfood/mnl/sec_conback_260218.jpg") no-repeat top right;
}

.sec_confidence .af {
  margin-top: 70px;
}

.sec_confidence .confidence_block05, .sec_confidence .confidence_block06 {
  position: relative;
  width: 900px;
  margin: 0 auto;
}
.sec_confidence .confidence_block05 p {
  position: absolute;
  font-size: 18px;
  line-height: 40px;
  text-align: left;
  letter-spacing: 1.5px;
}
.sec_confidence .confidence_block05 .text01 {
  top: 180px;
  left: 105px;
  width: 690px;
}
.sec_confidence .confidence_block05 .text02 {
  top: 300px;
  left: 105px;
  width: 430px;
}
.sec_confidence .confidence_block05 .text03 {
  top: 580px;
  left: 105px;
  width: 690px;
}
.sec_confidence .confidence_block05 .text04 {
  top: 700px;
  left: 410px;
  width: 380px;
}
.sec_confidence .confidence_block06 .block06back {
  background: url("/public/images/default/mognyancatfood/mnl/sec_confidence_mnl_back.jpg") no-repeat left top;
  background-size: 100% auto;
}
.sec_confidence .confidence_block06 dl {
  width: 680px;
  margin: 0 auto;
  padding: 20px 0;
}
.sec_confidence .confidence_block06 dt { font-size: 20px; font-weight: bold; text-align: left;}
.sec_confidence .confidence_block06 dt::before { content: "\025cf"; margin-right: 5px;}
.sec_confidence .confidence_block06 dd { padding: 10px 0 20px;}
.sec_confidence .confidence_block06 dd ul { position: relative; top: auto; left: auto;}
.sec_confidence .confidence_block06 dd ul span { font-size: 0.8em;}
.sec_confidence .confidence_block06 dd ul img { width: 600px; display: block; margin-top: 10px;}

.sec_confidence .confidence_block06 ul {
  position: absolute;
  top: 120px;
  left: 105px;
  width: 690px;
}
.sec_confidence .confidence_block06 ul li {
  list-style: disc;
  text-align: left;
  font-size: 16px;
  line-height: 1.6em;
  margin-left: 25px;
  margin-bottom: 5px;
}
.sec_confidence .confidence_block06 ul li a {
  text-decoration: none;
  color: #34221C;
}

/* sec_confidence B */
.confidenceB .text01,
.confidenceB .text02 { position: absolute; font-size: 18px; line-height: 40px; text-align: left;}
.confidenceB .b_blc { position: relative; width: 900px; margin: 0 auto;}
.confidenceB .b_blc03 .text01 { width: 690px; top: 190px; left: 105px;}
.confidenceB .b_blc03 .text02 { width: 690px; top: 600px; left: 105px;}
.confidenceB .b_blc06 .text01 { width: 690px; top: 200px; left: 105px;}
.confidenceB .b_blc06 .text02 { width: 370px; top: 320px; left: 105px;}
.confidenceB .b_blc07 .text01 { width: 690px; top: 180px; left: 105px;}
.confidenceB .b_blc07 .text02 { width: 690px; top: 720px; left: 105px;}
.confidenceB .b_blc04 .b_blc04_btn { position: absolute; width: 900px; text-align: center; top: 120px; left: 0;}

/* sec_h -- contact
----------------------*/
.sec_h { position: relative;}
.sec_h .h_btn { position: absolute; bottom: 65px; left: 97px;}

/* sec_i -- item
----------------------*/
#itemDetail { width: 820px; margin: 0 auto;}

.itmCnt h4 { background: #af8a65; height: 50px; line-height: 50px; font-size: 20px; color: #fff; text-align: center;}
.itmCnt .itmDtl { border-left: 4px solid #f2eee9; border-right: 4px solid #f2eee9; padding: 25px 30px;}
.itmCnt .itmDtl:last-of-type { border-bottom: 4px solid #f2eee9;}
.itmCnt .itmDtl ul.lst_dot li { list-style: disc; margin-left: 1.5em;}
.itmCnt .itmDtl ul.lst_note li { padding-left: 1em; text-indent: -1em;}

.itmCnt table.itemTbl { width: 100%; border-top: 1px solid #eaeaea;}
.itmCnt table.itemTbl th, .itmCnt table.itemTbl td { border-bottom: 1px solid #eaeaea; padding: 10px; vertical-align: middle;}
.itmCnt table.itemTbl th { width: 48%; color: #af8a65; text-align: left;}
.itmCnt table.itemTbl td.name { font-size: 20px;}
.itmCnt .itm_01 .itemTbl th { width: 30%;}

.itmCnt .itm_01 .pic { width: 38%;}
.itmCnt .itm_01 .itemTbl { width: 58%;}
.itmCnt .itm_02 .itemTbl { width: 48%;}

.itmCnt .itm_04 .pic { text-align: center; margin-bottom: 20px;}
.itmCnt .itm_04 .kibble { text-align: center; margin-bottom: 15px; font-size: 20px;}

.itmCnt .itm_05 .block_supplyTbl { width: 48%;}
.itmCnt .itm_05 h5 { font-size: 20px; text-align: center; margin-bottom: 10px; line-height: 1.5em;}
.itmCnt .itm_05 .wline { line-height: 3em;}

.itmCnt table.supplyTbl { width: 100%; border-collapse: collapse; border:1px solid #eaeaea; text-align: center; table-layout: fixed;}
.itmCnt table.supplyTbl th, .itmCnt table.supplyTbl td { padding: 3px 0; border:1px solid #eaeaea; vertical-align: middle;}
.itmCnt table.supplyTbl th { background: #fafafa; color: #af8a65; line-height: 1.4em; padding: 10px 0;}

/* sec_j -- other
----------------------*/
.sec_j .sec_mrc { margin-top: 80px;}
.sec_j .mgnLnk,
.sec_j .mrcLnk { position: relative;}
.sec_j .mgnLnk .mgnBtn { position: absolute; right: 30px; bottom: 10px;}
.sec_j .mrcLnk .mrcBtn { position: absolute; right: 30px; bottom: 30px;}
.sec_j .mgnDtl,
.sec_j .mrcDtl { background: #faf6f3; padding: 40px 30px;}
.sec_j .tgl dt { cursor: pointer;}
.sec_j .tgl dd { display: none; text-align: center; margin-top: 30px;}

/* sec_l -- outro
----------------------*/
.sec_l .l_arrow { margin-top: 60px; text-align: center;}

#kagoform a {
  color: revert; 
  text-decoration: revert;
}