@import url("global.css");#bodyarea .title+p{font-weight:bold;text-align:center}#contents{margin-top:100px;background:url("../img/cook_bg.jpg") no-repeat left top;background-size:cover;padding:10px 0 50px}.list{margin:0 -20px;letter-spacing:-.4em;text-align:center}.list li{display:inline-block;vertical-align:top;letter-spacing:normal;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 20px 0}.list li a{display:block;overflow:hidden;-webkit-border-radius:10px;border-radius:10px;background-color:#FFF;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list li a::after{content:"";position:absolute;right:10px;bottom:10px;border-right:12px solid #F49700;border-bottom:12px solid #F49700;border-left:12px solid transparent;border-top:12px solid transparent;transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;-webkit-transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.list li a figure{width:100%;height:0;padding-top:66.67%;border:3px solid #FFF;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px;border-radius:10px;position:relative;overflow:hidden}.list li a figure img{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;-webkit-transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.list li a figure figcaption{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);background-color:rgba(244,151,0,0.7);color:#FFF;font-weight:bold;font-size:27px;text-align:center;line-height:1;padding:10px;min-width:260px;-webkit-box-sizing:border-box;box-sizing:border-box;transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;-webkit-transition:all .5s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.list li a>div{text-align:justify;margin:10px 20px 35px}.list li a>div p+p{margin-top:25px}.list li a:hover::after{opacity:.7}.list li a:hover figure img{-webkit-transform:scale(1.1);transform:scale(1.1)}.list li a:hover figure figcaption{background-color:#F49700}.entry article{position:relative;margin-bottom:120px}.entry article::before{content:"";position:absolute;z-index:-2;left:0;top:20%;bottom:-50px;right:0;background-color:#FEEFD9}.entry article::after{content:"";position:absolute;background:url("../img/cook_bg.jpg") no-repeat center center;background-size:cover;z-index:-1;left:0;top:0;bottom:0;right:50%;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}.entry article:nth-of-type(even)::after{left:50%;right:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px}.entry article:nth-of-type(even) figure{order:2;padding:30px 0 30px 30px}.entry article:nth-of-type(even) .txt{order:1;padding:0 60px 0 0;text-align:right}.entry article:nth-of-type(even) .txt .comment{text-align:justify}.entry article .wrapper{display:flex;align-items:center}.entry article figure{width:50%;padding:30px 30px 30px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.entry article figure img{border:3px solid #FFF;-webkit-border-radius:10px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.entry article .txt{width:50%;padding-left:60px;-webkit-box-sizing:border-box;box-sizing:border-box}.entry article .txt h3{display:inline-block;min-width:300px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(249,190,101,0.7);color:#FFF;font-size:27px;font-weight:bold;line-height:1;text-align:center}.entry article .txt .comment{margin:25px 10px 0}.entry article .txt .comment>p+p{margin-top:15px}@media only screen and (max-width: 1439px){#contents{padding:20px 0 40px}.list{margin:0 -10px}.list li{padding:20px 10px 0}}@media only screen and (max-width: 1279px){.list li{width:33.33%}.entry article{margin-bottom:100px}.entry article:nth-of-type(even) figure{padding:20px 0 20px 20px}.entry article:nth-of-type(even) .txt{padding:0 40px 0 0}.entry article figure{padding:20px 20px 20px 0}.entry article .txt{padding-left:40px}.entry article .txt h3{font-size:25px}}@media only screen and (max-width: 959px){#bodyarea .title+p{margin:0 20px}#contents{margin-top:60px}.list li{width:50%}.list li a::after{right:5px;bottom:5px;border-width:8px}.list li a figure figcaption{font-size:21px;min-width:200px}.list li a>div{margin:5px 15px 35px}.list li a>div p+p{margin-top:20px}.entry article{margin-bottom:80px}.entry article::before{bottom:-40px}.entry article:nth-of-type(even) figure{padding:15px 0 15px 15px}.entry article:nth-of-type(even) .txt{padding:0 20px 0 0}.entry article figure{padding:15px 15px 15px 0}.entry article .txt{padding-left:20px}.entry article .txt h3{min-width:none;padding:10px 20px;font-size:21px;line-height:1.3}.entry article .txt .comment{margin:20px 10px 0}}@media only screen and (max-width: 644px){#contents{margin-top:40px;padding:10px 0 50px}.list{margin:0}.list li{display:block;width:100%;padding:15px 0 0}.list li a{-webkit-border-radius:6px;border-radius:6px}.list li a::after{border-width:6px}.list li a figure{border:2px solid #FFF;-webkit-border-radius:6px;border-radius:6px}.list li a figure figcaption{font-size:20px;line-height:1.3;padding:10px 15px;min-width:none}.list li a>div{margin:5px 10px 20px}.list li a>div p+p{margin-top:15px}.entry article{padding-bottom:30px;margin-bottom:30px}.entry article::before{bottom:0}.entry article::after{display:none}.entry article:nth-of-type(even)::after{display:none}.entry article:nth-of-type(even) figure{padding:10px}.entry article:nth-of-type(even) .txt{padding:15px 0 0;text-align:justify}.entry article .wrapper{display:block}.entry article figure{width:auto;padding:10px;position:relative}.entry article figure::before{content:"";position:absolute;background:url("../img/cook_bg.jpg") no-repeat center center;background-size:cover;z-index:-1;left:0;top:0;bottom:0;right:0;-webkit-border-radius:6px;border-radius:6px}.entry article figure img{border:2px solid #FFF;-webkit-border-radius:6px;border-radius:6px}.entry article .txt{width:auto;padding:15px 0 0}.entry article .txt h3{display:block;padding:10px 15px;font-size:20px}.entry article .txt .comment{margin:10px 5px 0}}