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

a {
	text-decoration:none;
	color:#333;
}

a:hover {
	opacity: 0.5;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#clear {
	width:100%;
	clear:both;
}

#clear_line {
	width:100%;
	clear:both;
	border-bottom:#CCCCCC 1px solid;
	padding:18px 0;
}

#clear_dot {
	width:100%;
	clear:both;
	border-bottom:#999999 1px dotted;
	padding:4px 0;
}

#clear_margin_botm_15px {
	width:100%;
	clear:both;
	margin-bottom:15px;
}

#clear_margin_botm_35px {
	width:100%;
	clear:both;
	margin-bottom:35px;
}

#clear_margin_botm_45px {
	width:100%;
	clear:both;
	margin-bottom:45px;
}

#clear_margin_botm_50px {
	width:100%;
	clear:both;
	margin-bottom:50px;
}

#clear_margin_botm_60px {
	width:100%;
	clear:both;
	margin-bottom:60px;
}

#clear_margin_botm_70px {
	width:100%;
	clear:both;
	margin-bottom:70px;
}

#clear_margin_botm_80px {
	width:100%;
	clear:both;
	margin-bottom:80px;
}

#clear_margin_botm_100px {
	width:100%;
	clear:both;
	margin-bottom:100px;
}

#clear_margin_botm_150px {
	width:100%;
	clear:both;
	margin-bottom:150px;
}

html, body {
  width: 100%;
  height: 100hv;
  margin:0;
  padding:0;
  color: white;
  /*font-family: "tbchibirgothicplusk-pro",sans-serif;*/
	font-feature-settings : "palt";
}


#ba{
	background:url(../index/ba_01.png) repeat-x bottom;
	width:100%;
	height:300px;
	padding-top:500px;
  z-index:99999;
  position:relative;
	}

#wrapper{
	width:100%;
	background:url(../index/ba_02.png);
  position:relative;
  z-index:99999;
	}

#logobox{
	width:100%;
	margin:0 auto;
	padding:100px 0 0 0;
	position:relative;
  z-index:99999;
	}

#logobox_l{
	float:left;
	width:50%;
	text-align:center;
	position:relative;
  z-index:99999;
	}

#logobox_r{
	float:right;
	width:50%;
	text-align:center;
	position:relative;
  z-index:99999;
	}

#mainbox{
	width:100%;
	margin:0 auto;
	padding:50px 0 100px 0;
	position:relative;
	}

#l_box{
	opacity:1;
	width:50%;
	float:left;
	position:relative;
	}
	
#l_box img{
	padding-top:145px;
	}

#r_box{
	opacity:1;
	width:50%;
	float:right;
	position:relative;
	}

#r_box img{
	padding-top:120px;
	}
	
#mado01{
	width:500px;
	height:390px;
	margin:0 auto;
	text-align:center;
	background:url(../index/img_01.png) no-repeat;
	}

#mado02{
	width:500px;
	height:390px;
	margin:0 auto;
	text-align:center;
	background:url(../index/img_02.png) no-repeat;
	}
	
#btn01{
	width:200px;
	background:#000 url(../index/ba_03.png) right 5px center no-repeat;
	display:block;
	margin:0 auto;
	color:#FFFFFF;
	font-size:20px;
	line-height:150%;
	padding:5px 0;
	margin-top:60px;
	}

.slicknav_menu {
 display:none;/*PC時は非表示*/
}


.new_btn_box_01{
width: 1000px;
margin: 3% auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.new_btn_box_01 div{
width: 49%;
}

.new_btn_box_01 div img{
width: 100%;
}

.youtube_box_01{
background: #ECEBE8;
width: 96%;
padding: 2%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.youtube_box_01 div{
width: 32%;
}

.youtube_box_01 div iframe{
width: 100%;
}

.subcopy01{
font-size: 16px;
color: black;
display: inline;
text-align: center;
width: 100%;
}

.midashi01{
font-size: 30px;
color: #EB3E1B;
display: inline;
text-align: center;
width: 100%;
font-weight: bold;
margin: 0.5% 0;
}

.etc_link_box{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 9999999999;
}

.tart_link{
width: 100%;
text-align: center;
background: url("../img/img_106.jpg") no-repeat center center;
background-size: cover;
padding: 5% 0;
}

.plus_link{
width: 50%;
text-align: center;
background: url("../img/img_107.jpg") no-repeat center center;
background-size: cover;
padding: 5% 0;
}

.recipe_btn{
width: 120px;
position: fixed;
z-index: 999999999999999999;
right: -20px;
bottom: 10px;
}

.recipe_btn img{
width: 100%;
}