@charset "utf-8";



/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// top
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
section.main {text-align:center;margin-top:7px;}
section.main img{width:100%;max-width:785px;}

section.news{margin-top:30px;}
section.news h2{text-align:center;margin-bottom:10px;}
section.news h2 img{height:35px;}
section.news ul li{font-size:0.9em;text-align:center;margin-bottom:5px;padding:3px 0;}
section.news ul li a{color:#db0f2f;}
section.news ul li span.date{font-weight:bold;font-size:0.9em;}

section.about {text-align:center;}
section.about img{max-width:100%;margin-top:60px;}

section.about_k h3 {color: #db0f2f;font-size: 1.6em;margin-top: 40px;text-align: left;}

section.year{margin-top:50px;}
section.year a{line-height:0;}
div.year_f{width:33.3%;float:left;padding:0;line-height:0;display:block;}
div.year_f img{width:100%;padding:0;line-height:0;}
div.year_f2{width:33.3%;padding:0;line-height:0;display:inline-block;}
div.year_f2 img{width:100%;padding:0;line-height:0;}
a.mv{padding:16px 20px;color:#fff;}

section.year ul{display:inline-block;margin:20px auto;}
section.year li{text-align:left;font-size:0.9em;font-weight:bold;margin-bottom:5px;}
section.year li a{color:#000;}


img.w100per{width:100%;max-width:785px;margin-top:30px;padding:0;line-height:0;}


section.map{margin-top:100px;}
section.map h2{text-align:center;margin-bottom:10px;}
section.map h2 img{height:40px;}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

section.map p{font-size:0.8em;;margin:10px auto;}
div.apply{font-size:0.8em;text-align:left;}
div.apply a:hover{color:#fff;}
div.apply i{font-size:1.5em;margin-right:8px;margin-top:10px;}

section.map span.st{font-size:1.2em;color:#db0f2f;font-weight:bold;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// concept
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
section.concept {text-align:center;margin-top:20px;}
section.concept h2 img{height:75px;}
section.concept h3 img{width:100%;max-width:785px;}
section.concept p{text-align:left;line-height:1.8;margin:20px auto 15px;color:#000;font-size:1em;font-weight:bold;}

section.about_k {text-align:center;margin-top:50px;}
section.about_k h2 img{height:auto;max-width:100%;}
section.concept h3 {margin-top: 20px;}
section.about_k h3 img{width:100%;max-width:785px;margin-top:30px;}
section.about_k h4 img{width:auto;}
section.about_k p{text-align:left;line-height:1.5;margin:30px auto;color:#000;}

section.product {text-align:left;margin-top:50px;}
section.product dl{margin-top:20px;}
section.product dl dd{float:left;margin-right:3%;width:25%;text-align:center;}
section.product dl dd img{max-width:100%;}
section.product dl dt{float:left;width:72%}
section.product dl dt h3{font-size:1.1em;margin-bottom:10px;font-weight:bold;}
section.product dl dt p{font-size:0.9em;}

section.company{margin:50px auto;}
section.company p{font-size:0.8em;margin-bottom:10px;}
section.company h2{font-weight:bold;font-size:1.4em;color:#000;}
section.company ul {text-align:center;display:inline-block;margin-top:20px;}
section.company ul li{text-align:left;}
section.company ul li i{margin-right:5px;}

section.company dl{max-width:100%;width:365px;display:block;margin:3px auto;padding:5px 3px;color:#555;border-bottom:1px solid;}
section.company dl dd{width:180px;float:left;text-align:left;margin-right:5px;}
section.company dl dt{width:240px;float:left;text-align:left;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// mayo year0
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.mayoyear0{text-align:center;margin:50px auto;}
section.mayoyear0 h2 img{height:80px;margin-bottom:30px;}
section.mayoyear0 p{text-align:left;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// mayo year1
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.mayoyear1{text-align:center;margin:50px auto;}
section.mayoyear1 h2 img{height:80px;margin-bottom:50px;}
section.mayoyear1 .mayoyear_v img{width:100%;margin-top:70px;}
section.mayoyear1 h3{text-align:left;color:#db0f2f;margin:5px auto 10px;font-weight:bold;}
section.mayoyear1 p{text-align:left;font-size:18px;margin-bottom:40px;}
section.mayoyear1 div.mayoyear_v p{font-size:15px;}


@media screen and (max-width: 767px){
	.navbar-nav{
		float:none;
	}

.navbar-nav li{display:block;margin-right:5px;font-size:0.8em;float:none;padding:10px 0;border-bottom:1px solid #e7e7e7;}

	.navbar-collapse {
		margin-top:15px;
	}
	
	.navbar-nav li.dspnonenav{display:none;}
	li.dspnonenav{display:none;}


}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// campaign
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.campaign h2{font-size:2em;color:#db0f2f;margin:40px auto 40px;}
section.campaign h3{font-size:1.4em;color:#db0f2f;margin:60px auto 40px;}
section.campaign h4{font-size:1.1em;font-weight:bold;}

section.campaign ul.catch{font-size:1.2em;}
section.campaign ul.catch li{margin:10px auto;color:#db0f2f;font-weight:bold;}
section.campaign ul.catch li span{font-size:0.9em;color:#555;}

section.campaign dl{width:100%; text-align:left;padding:10px 10px 20px 10px;}
section.campaign dl dd{width:25%;margin-right:4%;display:inline-block;font-weight:bold;vertical-align:top;}
section.campaign dl dt{width:70%;display:inline-block;font-weight:normal;}

section.campaign dl ul li{list-style-type:disc;}

section.campaign dl input{width:100%;}
section.campaign dl textarea{width:100%;height:100px;}

input.apply{border-radius:3px;margin:20px 10px 50px;border:1px solid #800000;padding:10px 20px;}

section.campaign dl input.apply{width:60%;border-radius:3px;margin:20px auto 50px;border:1px solid #800000;padding:10px 20px;}


/*+-----+-----+ スマホ　+-----+-----+*/
@media screen and (max-width: 767px){
section.campaign dl dd{width:100%;margin-right:0;display:block;font-size:1.1em;font-weight:bold;vertical-align:top;}
section.campaign dl dt{width:100%;display:block;font-weight:normal;}

section.campaign dl input.apply{width:100%;border-radius:3px;margin:20px auto 50px;border:1px solid #800000;padding:10px 20px;}

}
/*+-----+-----+ スマホ　+-----+-----+*/



/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// PC版
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

@media screen and (min-width: 767px){

.dpcnone{display:none!important;}
.dspnone{display:block!important;}
.dspnonenav{display:inline-block;}

section.news h2 img{height:auto;}
section.map h2 img{height:auto;}


.btn {
	padding: 5px 10px;
	border-radius:0px;
	font-size:14px;
	text-transform:uppercase;
	  color: #fff;
  background-color: #db0f2f;
  border-color: #db0f2f;
}

.apply{padding: 20px 25px;}

section.year ul{text-align:center;}
section.year ul li{display:inline-block;font-size:0.9em;font-weight: bold;letter-spacing: 0.4px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// concept
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
section.concept {text-align:center;margin-top:20px;}
section.concept h2 img{height:auto;margin-bottom:30px;}
section.concept h3{width:58%;margin-right:2%;float:left;margin-top:0;}
section.concept div.message{width:40%;float:left;}
section.concept p{text-align:left;line-height:1.5;margin:0 auto 8px;color:#000;font-size:0.85em;font-weight:bold;}

section.about_k {text-align:center;margin-top:50px;}
section.about_k h2 img{height:auto;}
section.about_k div.about_right{width:55%;float:left;}
section.about_k h4 {width:40%;padding-top:100px;float:left;margin-right:5%;}
section.about_k h4 img{width:auto;}
section.about_k p{text-align:left;line-height:1.5;margin:30px auto;color:#000;}

section.product {text-align:left;margin-top:50px;}
section.product dl{margin-top:20px;}
section.product dl dd{float:left;margin-right:3%;width:25%;text-align:center;}
section.product dl dt{float:left;width:72%}
section.product dl dt h3{font-size:1.1em;margin-bottom:10px;font-weight:bold;}
section.product dl dt p{font-size:0.9em;}

section.company{margin:50px auto;color:#db0f2f;}
section.company h2{font-weight:bold;font-size:1.2em;}
section.company ul {text-align:center;display:inline-block;margin-top:20px;}
section.company ul li{text-align:left;}
section.company ul li i{margin-right:5px;}

section.company dl{max-width:100%;width:365px;display:block;margin:3px auto;padding:5px 3px;color:#555;border-bottom:1px solid;}
section.company dl dd{width:110px;float:left;text-align:left;margin-right:5px;}
section.company dl dt{width:240px;float:left;text-align:left;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Mayo Year
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

div.f_left{width:50%;float:left;vertical-align:center;}
div.f_right{width:50%;float:right;vertical-align:center;}
section.mayoyear1 .mayoyear_v img{width:100%;margin-top:0;}
section.mayoyear1 .mayoyear_v h3{padding:15px 0 15px 15px;}
section.mayoyear1 .mayoyear_v p{padding:0 15px;}
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Receta
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

a.btn_receta{padding:10px 25px;margin-bottom:30px;}
div.receta_v{border-bottom:1px dotted #ccc;padding-bottom:20px;margin-bottom:20px;}
section.mayoyear1 div.receta_v h3{padding:0 0 5px 15px;}

section.receta{max-width:785px;margin:50px auto;}

section.receta h2{font-size:36px;color:#db0f2f;margin:30px auto 20px;}
section.receta img{max-width:100%;}
section.receta div.f_left{width:50%;float:left;vertical-align:top;}
section.receta div.f_right{width:50%;float:right;vertical-align:top;text-align:left;padding-left:30px;}
section.receta div.f_right h3{font-size:24px;color:#db0f2f;}
section.receta div.f_right ul{padding:15px 0;margin:5px 0 0;}
section.receta div.f_right ul li{font-weight:bold;border-bottom:1px dotted #ccc;margin:5px 0;}
section.receta div.f_right ul li i{margin-right:8px;color:#db0f2f;}

section.receta div.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
section.receta div.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


section.receta_detail{max-width:785px;margin:50px auto;padding:40px 0;border-top:1px solid #ccc;}

section.receta_detail img{max-width:100%;}
section.receta_detail ol {counter-reset:number; }
section.receta_detail ol li{border-bottom:1px dotted #ccc;margin:40px 0 40px;padding-bottom:20px;text-align:left;}
section.receta_detail ol li::before{counter-increment: number;content: counter(number);font-size:28px;border-radius:35px;background:#db0f2f;color:#fff;text-align:center;padding:15px 20px;}
section.receta_detail ol dl{margin-top:-50px;}
section.receta_detail ol dt{width:60%;float:left;vertical-align:top;text-align:left;font-size:20px;padding-right:15px;color:#555;padding-top:70px;}
section.receta_detail ol dd{width:40%;float:right;vertical-align:top;}


@media screen and (max-width: 480px){
section.receta div.f_right h3{margin-top:30px;}
section.receta div.f_left{width:100%;float:left;vertical-align:top;}
section.receta div.f_right{width:100%;float:right;vertical-align:top;text-align:left;padding-left:30px;}
section.receta_detail ol dt{width:100%;float:left;vertical-align:top;text-align:left;font-size:20px;padding-right:15px;color:#555;padding-top:70px;}
section.receta_detail ol dd{width:100%;float:right;vertical-align:top;}
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// cookie
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

  .cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,.7);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: hidden;
	z-index: 100;
  }
  .cookie-consent.is-show {
    visibility: visible;
  }
  .cookie-consent a {
    color: #337ab7;font-weight:bold;
  }
  .cookie-agree {
    color: #fff;
    background: dodgerblue;
    padding: .5em 1.5em;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
    display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  /* メディアクエリ */
  @media screen and (max-width: 600px) {
    .cookie-consent {
      flex-direction: column;
    }
    .cookie-text {
      margin-bottom: 1em;
    }
  }



section.privacy{width:100%;max-width:680px;margin:0 auto;padding:30px 15px;}
section.privacy h2{font-size:16px;color:#CE182F;margin:0px 0 20px;font-weight:bold;position:relative;padding-left:15px;}
section.privacy h2:before{position:absolute;content:"-";left:0;}
section.privacy h3{margin:20px 0 10px;font-size:16px;font-weight:bold;color:#CE182F;line-height:1.5;}
section.privacy h4{margin:20px 0 10px;font-size:16px;font-weight:bold;line-height:1.5;}

section.privacy ul{margin:10px 0;padding-left:20px;}
section.privacy li{list-style-type:disc;margin:5px 0;line-height:1.5;font-size:13.5px;}

section.privacy p{line-height:1.5;margin-bottom:10px;font-size:13.5px;}

section.privacy ol{margin:10px 0;padding-left:30px;}
section.privacy ol li{list-style-type:decimal;margin:10px 0;line-height:1.5;font-size:14px;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// product list
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.product_list{padding:10px 0 50px;}
section.product_list img{max-width:100%;}
section.product_list h2{font-size: 28px;color: #db0f2f;margin: 40px auto 20px;font-weight: bold;line-height: 1.5;}
section.product_list h3{font-size: 18px;font-weight: bold;line-height: 1.5;margin-bottom:15px;color:#2D2D8A;}

h3.p_mayo{width:100%;height:300px;text-align:center;color:#db0f2f;font-size: 28px;background:url(../images/product/bg_mayo.jpg) center no-repeat;background-size:cover;margin:50px 0 30px;letter-spacing: 3px;}

h3.p_mayo a,h3.p_deeproast a{width:100%;height:100%;color:#db0f2f;display: flex;justify-content: center;align-items: center; font-weight: bold;position:relative;}

h3.p_mayo a,h3.p_deeproast a:hover{text-decoration:none;}

h3.p_mayo a:after,h3.p_deeproast a:after{position:absolute;content:"↓";left:0;right:0;bottom:50px;font-size: 40px;}

h3.p_deeproast{width:100%;height:300px;text-align:center;color:#db0f2f;font-size: 28px;background:url(../images/product/bg_deeproast.jpg) center no-repeat;background-size:cover;margin:50px 0 30px;letter-spacing: 3px;font-weight:bold;position:relative;}


section.product_list ul.p_list{display:flex;flex-wrap:wrap;padding-bottom:20px;margin-bottom:20px;}
section.product_list ul.p_list_center{justify-content:center;}
section.product_list ul.p_list li{width:calc(33% - 20px);margin:20px 10px;}
section.product_list ul.p_list li h3{font-size: 18px;color: #db0f2f;margin:10px 0 0;}
section.product_list ul.p_list li h4{font-size: 16px;color: #ccc;margin-bottom:8px;}

section.product_list ul.p_exp{margin:30px auto;}
section.product_list ul.p_exp li{list-style: circle;text-align:left;margin-bottom:8px;padding-bottom:8px;line-height:1.5;border-bottom: 1px dotted #db0f2f;}
section.product_list ul.p_exp li:first-child{color: #db0f2f;font-weight:bold;}

section.product_list p{text-align:left;font-size: 16px;line-height:2;}
section.product_list div.bnr_area{margin:20px auto;text-align: center;font-size:13px;}
section.product_list div.bnr_area img{margin:10px;}



section.product_list dl.cat_exp{display:flex;flex-wrap:wrap;max-width: 440px; margin: 10px auto;border:1px solid #ccc;border-bottom:none;}
section.product_list dl.cat_exp dt{width:160px;padding:10px;border-bottom:1px solid #ccc;}
section.product_list dl.cat_exp dd{width:calc(100% - 160px);padding:10px;border-bottom:1px solid #ccc;text-align:left;}

section.product_list dl.cat_exp li{list-style:disc;margin-bottom:4px;line-height:1.5;}

section.product_list span.cat01{background:#006400;padding:3px 8px;color:#fff;}
section.product_list span.cat02{background:#ff8c00;padding:3px 8px;color:#fff;}


section.product_list div.btn_area{display:flex;flex-wrap:wrap;justify-content:center;}

section.product_list a.btn_product{width: 300px;display:flex;position: relative;font-size: 16px;font-weight: bold;border: 2px solid #db0f2f; background:#db0f2f;color: #fff;padding: 20px 50px;margin: 20px 20px 50px;border-radius: 50px;align-items: center;justify-content: center;flex-wrap: wrap;}
section.product_list a.btn_product span{font-size:13px;}

section.product_list a.btn_product:hover{color:#db0f2f;background:#fff;text-decoration:none;}

section.product_list a.btn_product:after{position: absolute; content: "→";  top: 22px;  right: 20px;  margin: auto 0;  font-size: 14px;font-weight:bold;}

section.product_list hr{border-top: 1px dashed #db0f2f; margin: 40px auto;}

div.video_wrap{max-width:740px;margin:30px auto;width:100%;}
.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}


  @media screen and (max-width: 600px) {
  
  section.product_list ul.p_list li{width:calc(50% - 20px);margin:10px;}
  section.product_list ul.p_list li h3{font-size: 16px;}
  
  }