@charset "UTF-8";

/* foodloss misc */
.foodloss .bg-pink {
    background: url(../img/pattern_pink.png) repeat center top;
}
.foodloss .bg-green {
    background: url(../img/pattern_green.png) repeat center top;
}
.foodloss .wrap {
    margin-bottom: 0;
}

/* title */
.foodloss header.title {
    margin: 0;
    padding: 12px 0 0 0;
    height: auto;
    text-align: left;
    background: url(../img/pattern_pink.png) repeat center top;
}
.foodloss .header-inner {
    margin: 0 auto;
    padding-bottom: 25px;
    width: 1024px;
}
.foodloss header.title .path {
    top: 10px;
}

/* keyvisual */
#keyvisual {
    margin: 0;
    padding: 20px 0;
    background-color: #f29dc4;
}
#keyvisual:before, #keyvisual:after {
    content: " ";
    display: table;
}
#keyvisual:after {
    clear: both;
}
#keyvisual .keyvisual-inner {
    position: relative;
    margin: 0 auto;
    width: 1024px;
}
#keyvisual .kv {
    margin-left: 32px;
}
#keyvisual .kv-btn {
    float: right;
    margin: 40px 20px 0;
}
#keyvisual .kv-btn li {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 370px;
    opacity: 0;
}
#keyvisual .kv-btn li:nth-child(1) {
    -webkit-animation: fade-view 0.5s ease 1s 1 forwards;
    animation: fade-view 0.5s ease 1s 1 forwards;
}
#keyvisual .kv-btn li:nth-child(2) {
    -webkit-animation: fade-view 0.5s ease 1.5s 1 forwards;
    animation: fade-view 0.5s ease 1.5s 1 forwards;
}
#keyvisual .kv-btn li:nth-child(3) {
    -webkit-animation: fade-view 0.5s ease 2s 1 forwards;
    animation: fade-view 0.5s ease 2s 1 forwards;
}

@-webkit-keyframes fade-view {
    100% {
        opacity: 1;
    }
}
@keyframes fade-view {
    100% {
        opacity: 1;
    }
}

#keyvisual .kv-btn li + li {
    margin-top: 35px;
}
#keyvisual .kv-btn li a {
    display: block;
    margin: 0;
    padding: 10px 16px;
}

/* section */
.foodloss .section1 {
    padding: 0;
    background: url(../img/pattern_pink.png) repeat center top;
}
.foodloss .section2 {
    padding-top: 40px;
    background: url(../img/pattern_green.png) repeat center top;
}
.foodloss .section1:before,
.foodloss .section1:after,
.foodloss .section2:before,
.foodloss .section2:after {
    content: " ";
    display: table;
}
.foodloss .section1:after,
.foodloss .section2:after {
    clear: both;
}

/* block title */
.foodloss .foodloss-ttl {
    position: relative;
    margin: 0 auto;
    width: 1024px;
    height: 200px;
    text-align: right;
}
.foodloss .foodloss-ttl .title {
    margin-right: 40px;
}
.foodloss .foodloss-ttl .img {
    position: absolute;
    bottom: 0;
    left: 40px;
}

.foodloss #think.foodloss-ttl .title {
    margin-top: 69px;
}
.foodloss #wecando.foodloss-ttl {
    margin-top: 130px;
}
.foodloss #wecando.foodloss-ttl .title {
    margin-top: 63px;
}
.foodloss #cocokara.foodloss-ttl {
    margin-top: 50px;
}
.foodloss #cocokara.foodloss-ttl .title {
    margin-top: 56px;
}

/* block */
.foodloss .block {
    margin: 0 auto 80px;
    padding: 0;
    width: 1024px;
    background-color: #fff;
}
.foodloss .block:before,
.foodloss .block:after {
    content: " ";
    display: table;
}
.foodloss .block:after {
    clear: both;
}
.foodloss .block.line-pink {
    border: 3px solid #f9a8c8;
}
.foodloss .block.line-green {
    border: 3px solid #92cb8a;
}
.foodloss .block .block-inner {
    padding: 0 30px;
}

/* section box */
.foodloss .section-box {
    padding: 80px 0;
    text-align: center;
}
.foodloss .section-box:before, .section-box:after {
    content: " ";
    display: table;
}
.foodloss .section-box:after {
    clear: both;
}

/* think */
.foodloss .think01 .box-title {
    margin-bottom: 75px;
}
.foodloss .think01 .box-img {
    margin-bottom: 54px;
}
.foodloss .think02 .box-title {
    margin-bottom: 28px;
}
.foodloss .think03 .box-title {
    margin-bottom: 27px;
}
.foodloss .think04 .box-title {
    margin-bottom: 33px;
}
.foodloss .think04 .box-body {
    position: relative;
    margin: 0 auto;
    width: 566px;
    height: 475px;
}
.foodloss .think04 .box-body .body01,
.foodloss .think04 .box-body .body02 {
    position: absolute;
    top: 0;
    left: 0;
}
.foodloss .think05 .box-title {
    margin-bottom: 32px;
}

/* wecando */
.foodloss .wecando-wrapper {
    position: relative;
    margin: 0;
    padding: 80px 0 0 40px;
}
.foodloss .wecando-wrapper:before,
.foodloss .wecando-wrapper:after {
    content: " ";
    display: table;
}
.foodloss .wecando-wrapper:after {
    clear: both;
}
.foodloss .wecando-wrapper .columns {
    position: relative;
    width: 100%;
    height: 1439px;
}

.foodloss .wecando-wrapper .wecando-box {
    position: absolute;
    margin: 0;
    padding: 0 0 80px 0;
    width: 50%;
}

.foodloss .wecando-wrapper .wecando-box .wecando-title {
    padding-top: 20px;
    margin-left: 80px;
}
.foodloss .wecando-wrapper .wecando-box .wecando-body {
    margin-left: 80px;
}
.foodloss .wecando-wrapper .wecando-box .wecando-img {
    margin-left: 80px;
}

.foodloss .wecando-wrapper .wecando-box.wecando01 {
    top: 0;
    left: 0;
    background: url(../img/wecando_num01.png) no-repeat 0 0;
}
.foodloss .wecando-wrapper .wecando-box.wecando02 {
    top: 230px;
    left: 492px;
    background: url(../img/wecando_num02.png) no-repeat 0 0;
}
.foodloss .wecando-wrapper .wecando-box.wecando03 {
    top: 486px;
    left: 0;
    background: url(../img/wecando_num03.png) no-repeat 0 0;
}
.foodloss .wecando-wrapper .wecando-box.wecando04 {
    top: 703px;
    left: 492px;
    background: url(../img/wecando_num04.png) no-repeat 0 0;
}
.foodloss .wecando-wrapper .wecando-box.wecando05 {
    top: 979px;
    left: 0;
    background: url(../img/wecando_num05.png) no-repeat 0 0;
}
.foodloss .wecando-wrapper .wecando-box.wecando06 {
    position: relative;
    width: 940px;
    background: url(../img/wecando_num06.png) no-repeat 0 0;
}
.foodloss .wecando-wrapper .wecando-box.wecando01 .wecando-title {
    margin-bottom: 30px;
}
.foodloss .wecando-wrapper .wecando-box.wecando01 .wecando-body {
    margin-bottom: 15px;
}
.foodloss .wecando-wrapper .wecando-box.wecando02 .wecando-title {
    margin-bottom: 24px;
}
.foodloss .wecando-wrapper .wecando-box.wecando02 .wecando-body {
    margin-bottom: 20px;
}
.foodloss .wecando-wrapper .wecando-box.wecando03 .wecando-title {
    padding-top: 15px;
    margin-bottom: 15px;
}
.foodloss .wecando-wrapper .wecando-box.wecando03 .wecando-body {
    margin-bottom: 10px;
}
.foodloss .wecando-wrapper .wecando-box.wecando04 .wecando-title {
    padding-top: 15px;
    margin-bottom: 17px;
}
.foodloss .wecando-wrapper .wecando-box.wecando04 .wecando-body {
    margin-bottom: 14px;
}
.foodloss .wecando-wrapper .wecando-box.wecando05 .wecando-title {
    padding-top: 15px;
    margin-bottom: 15px;
}
.foodloss .wecando-wrapper .wecando-box.wecando06 .wecando-title {
    position: absolute;
    top: 15px;
    left: 0;
    padding: 0;
    z-index: 2;
}
.foodloss .wecando-wrapper .wecando-box.wecando06 .wecando-body {
    padding-top: 20px;
}
.foodloss .wecando-wrapper .wecando-box.wecando06 .wecando-btn {
    padding-top: 20px;
    text-align: center;
}
.foodloss .wecando-wrapper .wecando-box.wecando06 .wecando-btn img {
    width: 235px;
    height: auto;
}

/* cocokara */
.foodloss .cocokara01 .box-title {
    margin-bottom: 50px;
}
.foodloss .cocokara02 .box-title {
    margin-bottom: 38px;
}
.foodloss .cocokara02 .box-body {
    margin-bottom: 31px;
}
.foodloss .cocokara03 .box-title {
    margin-bottom: 25px;
}
.foodloss .cocokara03 .box-body {
    margin-bottom: 32px;
}