body{ max-width:750px; }
.l_header_contents{ max-width:750px; }
.htxt{ text-indent:150%;overflow:hidden;white-space:nowrap; }
.head{ position:relative; }
ul.sns{ right:7%;width:28%;max-width:195px;min-width:140px;position:absolute;bottom:6%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
ul.sns li{ width:23.08%;margin-left:10.25%; }

.btn1{ position:relative; }
.btn1 a{ width:38.93%;height:45.58%;display:block;position:absolute;left:50%;top:25.67%;margin-left:-19.465%; }

.recipe{ position:relative; }
.recipe ul{ position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;position:absolute;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
.recipe li{ width:50%;height:32.22%; }
.recipe li.list_01,.recipe li.list_02,.recipe li.list_05,.recipe li.list_06{height:33.89%;}
.recipe li a{height:100%;-webkit-box-sizing: border-box;box-sizing: border-box;display:block;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.recipe li.list_01 a{ padding:6.25% 5.8% 7.5% 15.46%; }
.recipe li.list_02 a{ padding:6.25% 15.46% 7.5% 5.8%; }
.recipe li.list_03 a{ padding:4.7% 5.8% 6.3% 15.46%; }
.recipe li.list_04 a{ padding:4.7% 15.46% 6.3% 5.8%; }
.recipe li.list_05 a{ padding:5.75% 5.8% 8% 15.46%; }
.recipe li.list_06 a{ padding:5.75% 15.46% 8% 5.8%; }
.recipe li a > span{display:none;width:100%;height:100%;background-color:rgba(255,255,255,0.3);}
.recipe li a:active > span,
.recipe li a:hover > span{display:block;}

.btn2{ position:relative; }
.btn2 a{ width:42.26%;height:29.27%;display:block;position:absolute;left:50%;top:33.78%;margin-left:-21.13%; }


ul.sns li a,
.btn1 a,
.btn2 a{-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
ul.sns li a:active,
ul.sns li a:hover{opacity:0.7}
.btn1 a:active,
.btn1 a:hover,
.btn2 a:active,
.btn2 a:hover{background-color:rgba(255,255,255,0.2);}