@charset "utf-8";



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

section.main a.bnr_top {width:100%;max-width:785px;position: absolute;display:block; bottom:19%; margin:0 auto;  }
section.main a.bnr_top img{width:250px;}

@media screen and (max-width: 767px){
section.main a.bnr_top {width:100%;max-width:785px;position: absolute;display:block; bottom:-90px; margin:0 auto;text-align:center;  }
section.main a.bnr_top img{width:250px;margin:0 auto;}
.bnr_reg{margin-bottom:110px;}
}


section.bnr_top {margin:70px auto 80px;}
section.bnr_top img.bnrreceta{width:100%;margin-top:30px;}

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;}
section.year a.btn{line-height:1.4;}
div.year_f{width:33.3%;float:left;padding:0;line-height:0;display:block;}
div.year_f2{width:33.3%;display:inline-block;;padding:0;line-height:0;}
div.year_f img{width:100%;padding:0;line-height:0;}
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:25px;}

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


section.campaign_v h3{font-size:34px;color:#db0f2f;margin:30px auto 20px}
section.campaign_v h4{font-size:18px;}
section.campaign_v ul {margin:20px auto 50px;}
section.campaign_v ul p.catch{background:#db0f2f;color:#fff;padding:3px 6px;margin-top:10px;font-weight:bold;}
section.campaign_v ul li{width:140px;margin:5px;text-align:left;display:inline-block;vertical-align:top;}
section.campaign_v ul li img{width:140px;margin-top:5px;}
section.campaign_v ul li p.title_icon{background:#db0f2f;color:#fff;padding:3px 6px;margin-top:10px;}
section.campaign_v ul li p.name_icon{background:#db0f2f;color:#fff;padding:3px 6px;margin-top:10px;}

section.campaign_v ul li a:link p.name,section.campaign_v ul li a:link p.title,section.campaign_v ul li a:visited p.name,section.campaign_v ul li a:visited p.title {color:#030000;}
section.campaign_v ul li a:hover p.name,section.campaign_v ul li a:hover p.title{text-decoration:underline;}
section.campaign_v ul li a:hover{text-decoration:none;}

section.campaign_v ul li p.but{text-align:center;}
section.campaign_v ul li p.but a.btn{margin:8px auto;border-radius:3px;font-size:11px;box-shadow:0;}

@media screen and (max-width: 767px){
section.campaign_v ul{text-align:left;}
section.campaign_v ul li{width:47%;margin:5px 2px 15px;border-bottom:3px solid #db0f2f;text-align:left;display:inline-block;vertical-align:top;}
section.campaign_v ul li img{width:100%;}
}


section.mayorecipe{margin:20px auto 100px;}
section.mayorecipe h4{font-size:24px;color:#db0f2f;margin:20px auto 30px;}
section.mayorecipe dl {border-bottom:1px solid #ccc;}
section.mayorecipe dl dd{width:25%;display:inline-block;padding:5px 10px;text-align:left;}
section.mayorecipe dl dt{width:70%;display:inline-block;padding:5px 10px;text-align:left;}
section.mayorecipe dl dt span.atten{font-size:12px;font-weight:normal;}
section.mayorecipe dl dt img{max-width:450px;width:100%;}
section.mayorecipe dl dt a{color:#777;}
section.mayorecipe dl dt p{margin:15px auto;}
section.mayorecipe dl dt ul li{list-style-type: disc;margin:5px 0 5px 25px;padding-left:10px;}
section.mayorecipe dl dt ol li{list-style-type: decimal;margin:15px 0 15px 25px;padding-left:10px;}

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

@media screen and (max-width: 767px){
section.mayorecipe dl dd{width:100%;display:inline-block;padding:5px 10px;text-align:left;}
section.mayorecipe dl dt{width:100%;display:inline-block;padding:5px 10px;text-align:left;}
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 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.concept h3{margin-top:20px;}
section.concept h4{font-size:2em;margin-top:30px;}

section.about_k {text-align:center;margin-top:50px;}
section.about_k h2 img{max-width:100%;}
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{width:100%;display:block;margin:3px auto;padding:5px 3px;font-size:0.9em;color:#555;border-bottom:1px solid;}
section.company dl dd{width:30%;float:left;text-align:left;margin-right:5px;}
section.company dl dt{width:60%;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 ul{width:100%;text-align:center;margin-bottom:30px;}
section.mayoyear1 ul li{display:inline-block;margin:5px;background:#db0f2f;padding:5px 10px;}
section.mayoyear1 ul li i{margin-right:8px;}
section.mayoyear1 ul li a{color:#fff;}
section.mayoyear1 h3.subnav{font-size:28px;text-align:center;position:relative;margin:30px auto 60px;}
section.mayoyear1 h3.subnav::after {
    width: 65px;
    height: 5px;
    background: #db0f2f;
    position: absolute;
    content: "";
    bottom: -20px;
    left: 50%;
    margin-left: -32px;
}

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:10px;}
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;}

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



/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// PP
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.pp {text-align:left;margin:50px auto 100px;}
section.pp h2{font-size:30px;color:#db0f2f;margin-bottom:50px;text-align:center;font-weight:bold;}
section.pp h3{font-size:20px;color:#db0f2f;margin:50px auto 10px;font-weight:bold;}
section.pp h4{font-size:16px;color:#db0f2f;margin:20px auto 10px;font-weight:bold;}
section.pp p{margin:0 auto 10px;}
section.pp ul li{margin-left:30px;list-style-type:disc;margin-top:10px;}
section.pp ul li ul.child2 li{list-style-type:square;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 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.6;margin:0 auto 8px;color:#000;font-size:0.8em;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{width:375px;display:block;margin:3px auto;padding:5px 3px;color:#555;border-bottom:1px solid;}
section.company dl dd{width:120px;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 5px 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;}
}