#new_article {width: 98%;max-width: 1920px;height: auto;margin: 0 auto 80px auto;background-image: url("images/whats_new.png");background-repeat: no-repeat;}#new_article .new_inner{width: 96%;height: auto;margin-left: 4%;padding-top: 80px;}#new_article .new_inner ul {display: flex;justify-content: space-between;}#new_article .new_inner ul li {width: 32%;position: relative;overflow: hidden;}#new_article .new_inner ul li::after {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 240px 380px;opacity: 0.5;}#new_article .new_inner ul li img {width: 400px;height: 300px;display: block;transition-duration: 0.3s;}#new_article .new_inner ul li:hover img {transform: scale(1.1);transition-duration: 0.3s;}#new_article .new_inner ul p {width: 80%;color: #fff;text-shadow: 2px 2px 6px #000;font-family: HG丸ｺﾞｼｯｸM-PRO;font-size: 24px;font-weight: bold;position: absolute;top: 40%;left: 10%;z-index: 1;}#new_article .new_inner ul li:nth-child(1)::after {border-color: transparent transparent #FF4D4D transparent;}#new_article .new_inner ul li:nth-child(2)::after {border-color: transparent transparent #4DA6FF transparent;}#new_article .new_inner ul li:nth-child(3)::after {border-color: transparent transparent #00D9A3 transparent;}#history {width: 98%;max-width: 1920px;height: auto;margin: 0 auto 80px auto;background-image: url("images/history.png");background-size: auto;background-repeat: no-repeat;background-position: top right;}#history .history_inner {width: 96%;height: auto;margin-right: 4%;padding-top: 80px;position: relative;}#history .history_list {position: absolute;top: 38%;left: 35%;z-index: 100;}#history .history_list a {color: #000;text-decoration: none;}#history .history_list a:hover {text-decoration: underline;}#history ul li {margin-bottom: 10px;}#history img {width: 100%;height: auto;}#history .history_fix {position: absolute;bottom: 0;left: 0;z-index: 1;}#history .history_r1 {position: absolute;top: 30%;left: 0;z-index: 0;}#history .history_r2 {position: absolute;top: 4%;left: 0;z-index: 0;}#history .history_r3 {position: absolute;top: 14%;left: 0;z-index: 0;}#history .history_r4 {position: absolute;top: 30%;left: 0;z-index: 0;}#history .history1a {position: absolute;bottom: 0;left: 0;z-index: 1;}#history .history2b {position: absolute;top: 58%;left: 0;z-index: 1;}#history .history3b {position: absolute;top: 55%;left: 0;}#history .history4a {position: absolute;bottom: 0;left: 0;z-index: 1;}#history .history5c {position: absolute;bottom: 12%;left: 0;z-index: 1;}#history .history6c {position: absolute;bottom: 10%;left: 0;z-index: 1;}#history .history7b {position: absolute;top: 65%;left: 0;z-index: 0;}#history .history8c {position: absolute;top: 60%;left: 0;z-index: 1;}#history .history9c {position: absolute;bottom: 10%;left: 0;z-index: 1;}#history .history10b {position: absolute;top: 55%;left: 0;z-index: 1;}#history .history11c {position: absolute;bottom: 16%;left: 0;z-index: 1;}#history .history12c {position: absolute;bottom: 12%;left: 0;z-index: 1;}#history .history13b {position: absolute;top: 55%;left: 0;z-index: 1;}#history .history14b {position: absolute;top: 58%;left: 0;z-index: 1;}#history .history15a {position: absolute;bottom: 0;left: 0;z-index: 1;}#history .history16c {position: absolute;bottom: 27%;left: 0;z-index: 1;}#history .history17c {position: absolute;bottom: 6%;left: 0;z-index: 1;}#history .history18c {position: absolute;bottom: 19%;left: 0;z-index: 1;}#history .history19a {position: absolute;bottom: 0;left: 0;z-index: 1;}#history .history20c {position: absolute;bottom: 26%;left: 0;z-index: 0;}#diet {width: 100%;height: auto;margin-bottom: 80px;padding-bottom: 20px;background: linear-gradient(180deg, #fff 0%, #fff 7%,#F8F8F8 7%, #F8F8F8 70%, #FF9999 70%, #FF9999 100%);}.diet_inner {width: 98%;max-width: 1920px;height: auto;margin: 0 auto;background-image: url("images/diet.png");background-repeat: no-repeat;background-position: top left;}.diet_main_block {width: 100%;max-width: 1920px;padding-top: 100px;background-color: transparent;display: flex;justify-content: space-around;}.diet_block img {display: block;width: 100%;max-width: 320px;height: auto;max-height: 240px;opacity: 0.3;transition: all 0.2s ease-out;}.diet_block .diet_current {opacity: 1;transition: all 0.3s ease-out 0.13s;}.diet_sideMove {border-left: solid 10px transparent;border-right: solid 10px transparent;border-bottom: solid 12px #FF9999;position: absolute;top: 0;left: 0;}.diet_current {opacity: 1;}.diet_block {position: relative;background-color: #ddd;}.diet_round {width: 90px;height: 90px;color: #fff;font-weight: bold;text-align: center;display: inline-block;line-height: 90px;background-color: #FF9999;border-radius: 50%;position: absolute;top: -30px;right: -30px;transform: scale(0);transition: all 0.3s ease-out 0.13s;}.diet_round_hover {transform: scale(1);transform-origin: 50% 50%;transition: all 0.3s ease-out 0.13s;}#learning {width: 98%;max-width: 1920px;height: auto;margin: 0 auto 80px auto;background-image: url("images/learning.png");background-repeat: no-repeat;background-position: top right;}#learning a {color: #000;text-decoration: none;}.learning_inner {width: 96%;height: auto;margin-right: 4%;padding-top: 80px;display: flex;}.learning_inner img {width: 100%;max-width: 320px;height: auto;}.learning_inner .learning_inner_l {width: 19%;margin-right: 1%;}.learning_inner .learning_inner_r {width: 80%;padding: 0 10px;background-color: #FBFBFB;display: flex;align-items: center;justify-content: space-between;}.learning_inner .learning_inner_r dl {width: 300px;position: relative;}.learning_inner .learning_inner_r dt {margin-bottom: 10px;}.learning_inner .learning_inner_r dd {height: 100px;padding: 0 2px;background-color: #FFF;}.learning_inner .learning_inner_r dd::after{content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 74px 120px;border-color: transparent transparent #000 transparent;transition: all 0.2s ease-out 0s;}.learning_inner .learning_inner_r dd span {content: "";position: absolute;bottom: 0;right: 0;margin-right: 5px;color: #fff;font-size: 0.8em;z-index: 1;}.learning_inner .learning_inner_r dl:hover dd::after  {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 74px 120px;border-color: transparent transparent #FF7F00 transparent;transition: all 0.2s ease-out 0s;}#reading {width: 100%;height: auto;margin-bottom: 80px;padding-bottom: 20px;background: linear-gradient(180deg, #fff 0%, #fff 7%,#F8F8F8 7%, #F8F8F8 70%, #0099ff 70%, #0099ff 100%);}.reading_inner {width: 98%;max-width: 1920px;height: auto;margin: 0 auto;background-image: url("images/reading.png");background-repeat: no-repeat;background-position: top left;}.reading_main_block {width: 100%;max-width: 1920px;padding-top: 100px;background-color: transparent;display: flex;justify-content: space-around;}.reading_block img {display: block;width: 100%;height: auto;opacity: 0.3;transition: all 0.2s ease-out;}.reading_block .reading_current {opacity: 1;transition: all 0.3s ease-out 0.13s;}.reading_sideMove {border-left: solid 10px transparent;border-right: solid 10px transparent;border-bottom: solid 12px #0099ff;position: absolute;top: 0;left: 0;}.reading_current {opacity: 1;}.reading_block {position: relative;background-color: #ddd;}.reading_round {width: 90px;height: 90px;color: #fff;font-weight: bold;text-align: center;display: inline-block;line-height: 90px;background-color: #0099ff;background-image: url("images/reading_i.png");background-repeat: no-repeat;background-position: center center;border-radius: 50%;position: absolute;top: 10px;right: -30px;transform: translateY(-50%) scale(1);-webkit- transform: translateY(-50%) scale(1);transition: all 0.3s ease-out 0s;}.reading_round_hover {-webkit- transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);transition: all 0.3s ease-out 0s;z-index: 1;}.reading_i {width: 210px;height: 210px;padding: 5px;color: #eee;background: -moz-linear-gradient(top,  rgba(0,153,255,0.44) 0%, rgba(0,153,255,0.25) 100%);background: -webkit-linear-gradient(top,  rgba(0,153,255,0.44) 0%,rgba(0,153,255,0.25) 100%);background: linear-gradient(to bottom,  rgba(0,153,255,0.44) 0%,rgba(0,153,255,0.25) 100%);border-radius: 50%;border: 1px solid #0099ff;position: absolute;top: 50%;left: 50%;-webkit- transform: translate(-50%,-50%) scale(0);transform: translate(-50%,-50%) scale(0);transition: all 0.3s ease-out 0s;}.reading_i p {position: absolute;top: 50%;left: 50%;-webkit- transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);transition: all 0.3s ease-out 0s;}.reading_i_hover {-webkit- ransform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);transition: all 0.3s ease-out 0s;}#trivia {width: 98%;max-width: 1920px;height: auto;margin: 0 auto 80px auto;background-image: url("images/trivia.png");background-repeat: no-repeat;background-position: top right;}#trivia img {width: 100%;height: auto;}#trivia .trivia_inner {width: 96%;margin: 0 auto;height: auto;padding-top: 80px;position: relative;}#trivia .trivia_list {width: 100%;height: auto;}#trivia .trivia_list .trivia_cont {width: 100%;margin-top: 80px;display: flex;justify-content: space-around;position: absolute;top: 0;left: 0;}#trivia .trivia_list .trivia_cont p {margin-top: 120px;text-align: left;font-family: HG丸ｺﾞｼｯｸM-PRO;font-size: 24px;font-weight: bold;text-decoration: none;display: inline-block;width: 100%;height: 100%;line-height: 150%;}#trivia .trivia_list .trivia_cont a {width: 300px;height: 300px;margin-right: 10px;padding: 30px;border-radius: 50%;border: 8px solid #eee;color: #bbb;text-align: center;transition: all 0.3s ease-out 0s;position: relative;}#trivia .trivia_list .trivia_cont a::after {content: "";display: block;width: 300px;height: 300px;background-image: url("images/trivia_ring.png");position: absolute;top: 30px;left: 30px;transform: scale(0);opacity: 0;transition: all 0.3s ease-out 0s;}#trivia .trivia_list .trivia_cont a:hover::after {content: "";display: block;width: 300px;height: 300px;background-image: url("images/trivia_ring.png");position: absolute;top: 30px;left: 30px;opacity: 1;transform: scale(1);transition: all 0.3s ease-out 0s;}#trivia .trivia_list .trivia_cont a:hover {color: #aaa;border: 8px solid #ccc;transition: all 0.3s ease-out 0s;}#living {width: 100%;height: auto;margin-bottom: 80px;padding-bottom: 20px;background: linear-gradient(180deg, #fff 0%, #fff 7%,#F8F8F8 7%, #F8F8F8 70%, #00D9A3 70%, #00D9A3 100%);}#living a {color: #fff;text-decoration: none;display: block;width: 100%;height: 100%;}.living_inner {width: 98%;max-width: 1920px;height: auto;margin: 0 auto;background-image: url("images/living.png");background-repeat: no-repeat;background-position: top left;}.living_main_block {width: 100%;max-width: 1920px;padding-top: 100px;background-color: transparent;display: flex;justify-content: space-around;}.living_block {position: relative;background-color: #ddd;}.living_block img {display: block;width: 100%;max-width: 320px;height: auto;max-height: 240px;opacity: 1;transition: all 0.2s ease-out;}.living_sideMove {border-left: solid 10px transparent;border-right: solid 10px transparent;border-bottom: solid 12px #00D9A3;position: absolute;top: 0;left: 0;}.living_round {width: 80%;padding: 10%;color: #eee;text-shadow: 2px 2px 6px #000;background: -moz-linear-gradient(top,  rgba(10,3,0,0) -1%, rgba(10,3,0,0) 0%, rgba(10,3,0,0.01) 1%, rgba(19,13,0,0.29) 50%, rgba(28,23,1,0) 100%);background: -webkit-linear-gradient(top,  rgba(10,3,0,0) -1%,rgba(10,3,0,0) 0%,rgba(10,3,0,0.01) 1%,rgba(19,13,0,0.29) 50%,rgba(28,23,1,0) 100%); */background: linear-gradient(to bottom,  rgba(10,3,0,0) -1%,rgba(10,3,0,0) 0%,rgba(10,3,0,0.01) 1%,rgba(19,13,0,0.29) 50%,rgba(28,23,1,0) 100%);border-top: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%) scale(0);-webkit- transform: translateY(-50%) scale(0);transition: all 0.3s ease-out 0s;}.living_round_hover {width: 80%;padding: 10%;color: #eee;text-shadow: 2px 2px 6px #000;background: -moz-linear-gradient(top,  rgba(10,3,0,0) -1%, rgba(10,3,0,0) 0%, rgba(10,3,0,0.01) 1%, rgba(19,13,0,0.29) 50%, rgba(28,23,1,0) 100%);background: -webkit-linear-gradient(top,  rgba(10,3,0,0) -1%,rgba(10,3,0,0) 0%,rgba(10,3,0,0.01) 1%,rgba(19,13,0,0.29) 50%,rgba(28,23,1,0) 100%);background: linear-gradient(to bottom,  rgba(10,3,0,0) -1%,rgba(10,3,0,0) 0%,rgba(10,3,0,0.01) 1%,rgba(19,13,0,0.29) 50%,rgba(28,23,1,0) 100%);border-top: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;top: 50%;left: 0;-webkit- transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);transition: all 0.3s ease-out 0s;z-index: 1;}.living_i {width: 50px;height: 41px;padding: 5px;color: #eee;background-image: url("images/living_icon.png");background-repeat: no-repeat;border: 1px solid #fff;position: absolute;top: 50%;left: 50%;-webkit- transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);transition: all 0.3s ease-out 0s;}.living_i_hover {-webkit- ransform: translate(-50%,-50%) scale(0);transform: translate(-50%,-50%) scale(0);transition: all 0.3s ease-out 0s;}@media screen and (max-width:1820px) {.diet_block:last-child , .reading_block:last-child , .living_block:last-child {display: none;}}@media screen and (max-width:1640px) {.learning_inner_r dl:last-child {display: none;}.new_inner ul{justify-content: center !important;}.new_inner ul li{width: 40% !important;}.new_inner ul li:first-child{margin-right: 2%;}#new_article .new_inner ul li:last-child {display: none;}}@media screen and (max-width:1620px) {.trivia_cont a:last-child {display: none;}}@media screen and (max-width:1450px) {.diet_block:nth-last-child(2) , .reading_block:nth-last-child(2)  , .living_block:nth-last-child(2) {display: none;}}@media screen and (max-width:1279px) {.pc {display: none;}.tab {display: block;}.sp {display: none;}#new_article {background-size: 330px !important;}#history {background-size: 220px;}.diet_inner {background-size: 140px;}.reading_inner {background-size: 277px;}#learning {background-size: 295px;}#trivia {background-size: 190px;}.living_inner {background-size: 200px;}#history .history_inner {padding-top: 50px;}#history .history_list {top: 32%;left: 12%;}#history .history_r1 {top: 40%;}#history .history_r2 {top: 44%;}#history .history_r3 {top: 44%;}#history .history_r4 {top: 55%;}#history .history2b {top: 75%;}#history .history3b {top: 75%;}#history .history7b {top: 75%;}#history .history10b {top: 75%;}#history .history13b {top: 75%;}#history .history14b {top: 75%;}#history .history5c {bottom: 8%;}#history .history8c {top: 80%;}#history .history9c {bottom: 6%;}#history .history11c {bottom: 8%;}#history .history12c {bottom: 6%;}#history .history16c {bottom: 10%;}#history .history17c {bottom: 4%;}#history .history18c {bottom: 9%;}#history .history20c {bottom: 14%;}.diet_block img {opacity: 1;}.diet_sideMove {display: none;}.diet_round {transform: scale(1);}.reading_block img {opacity: 1;}.reading_sideMove {display: none;}.reading_round {top: -30px;right: -30px;transform: scale(1);}.reading_i {-webkit- transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);}.living_round {-webkit- transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}.living_sideMove {display: none;}.living_i {display: none;}}@media screen and (max-width:1240px) {.trivia_cont a:nth-last-child(2) {display: none;}.trivia_list .trivia_cont a {width: 240px !important;height: 240px !important;}.trivia_list .trivia_cont p {margin-top: 70px !important;}.trivia_list .trivia_cont a::after {top: 8px !important;left: 8px !important;}}@media screen and (max-width:1200px) {.learning_inner_l {display: none;}.learning_inner_r {width: 100% !important;}.reading_i {width: 160px;height: 160px;}}@media screen and (max-width:1120px) {.diet_block , .reading_block {width: 280px;height: auto;}.learning_inner_r dl {width: 240px;}.diet_block:nth-child(3) , .reading_block:nth-child(3){margin-right: 0;}}@media screen and (max-width:1024px) {.new_inner ul{justify-content: space-around!important;}.new_inner ul li{width: 49% !important;}}@media screen and (max-width:1000px) {.diet_block , .reading_block , .living_block {width: 220px;height: auto;}.reading_i {width: 130px;height: 130px;}.trivia_list .trivia_cont a {width: 200px !important;height: 200px !important;}.trivia_list .trivia_cont p {font-size: 20px !important;margin-top: 60px !important;}.trivia_list .trivia_cont a::after {top: 2px !important;left: 2px !important;}}@media screen and (max-width:830px) {#diet {background: linear-gradient(180deg, #fff 0%, #fff 2%,#F8F8F8 2%, #F8F8F8 90%, #FF9999 90%, #FF9999 100%);}.diet_inner {background-position: top left;}.diet_main_block {width: 100%;padding-top: 60px;flex-direction: column;}.diet_block {width: 100%;margin-bottom: 20px;background-color: transparent;}.diet_block img {width: 50%;max-width: 640px;max-height: 480px;margin: 0 auto;}.diet_round {top: -20px;right: 120px;}.learning_inner {width: 100%;padding-top: 60px;}.learning_inner img {width: 100%;max-width: 640px;max-height: 480px;}.learning_inner_r {flex-direction: column;width: 100%;}.learning_inner_r dl {width: 50% !important;margin-bottom: 20px;}#reading {background: linear-gradient(180deg, #fff 0%, #fff 3%,#F8F8F8 3%, #F8F8F8 90%, #0099ff 90%, #0099ff 100%);}.reading_main_block {width: 100%;padding-top: 60px;flex-direction: column;}.reading_block {width: 100%;margin-bottom: 20px;background-color: transparent;}.reading_block img {width: 50%;margin: 0 auto;}.reading_round {top: -20px;right: 120px;}.reading_i {width: 160px;height: 160px;}.trivia_cont a:nth-last-child(3) {display: none;}.trivia_list .trivia_cont a {width: 200px !important;height: 200px !important;}.trivia_list .trivia_cont p {font-size: 20px !important;margin-top: 60px !important;}.trivia_list .trivia_cont a::after {top: 2px !important;left: 2px !important;}#living {background: linear-gradient(180deg, #fff 0%, #fff 3%,#F8F8F8 3%, #F8F8F8 90%, #00D9A3 90%, #00D9A3 100%);}.living_main_block {width: 100%;padding-top: 60px;flex-direction: column;}.living_block {width: 100%;margin-bottom: 20px;background-color: transparent;}.living_block img {width: 50%;height: auto;max-width: 640px;max-height: 480px;margin: 0 auto;}.living_round {width: 30%;padding: 5% 10%;top: 50%;left: 25%;}}@media screen and (max-width:767px) {.sp {display: block;}.tab {display: none;}#new_article {background-size: 240px !important;}#new_article .new_inner {padding-top: 50px;}#new_article .new_inner ul{flex-direction: column;}#new_article .new_inner ul li {width: 100% !important;max-width: 640px;height: auto;max-height: 480px;margin-bottom: 10px;}#new_article .new_inner ul li img {width: 100% !important;max-width: 400px;height: auto;max-height: 300px;}#history {background-size: 180px;}.diet_inner {background-size: 116px;}.reading_inner {background-size: 228px;}#learning {background-size: 243px;}#trivia {background-size: 160px;}.living_inner {background-size: 170px;}#history .history_inner {padding-top: 50px;}#history .history_list {top: 32%;left: 12%;}#history .history_r1 {top: 60%;}#history .history_r2 {top: 64%;}#history .history_r3 {top: 64%;}#history .history_r4 {top: 75%;}#history .history2b {top: 85%;}#history .history3b {top: 85%;}#history .history7b {top: 85%;}#history .history10b {top: 85%;}#history .history13b {top: 85%;}#history .history14b {top: 85%;}#history .history8c {top: 80%;}#history .history9c {bottom: 6%;}#history .history11c {bottom: 8%;}#history .history12c {bottom: 6%;}#history .history16c {bottom: 10%;}#history .history17c {bottom: 4%;}#history .history18c {bottom: 9%;}#history .history20c {bottom: 23%;}}@media screen and (max-width:560px) {.diet_block img {width: 70%;margin: 0 auto;}.diet_round {top: -20px;right: 40px;}.learning_inner_r dl {width: 70% !important;}.reading_block img {width: 70%;margin: 0 auto;}.reading_round {top: -20px;right: 40px;}.living_block img {width: 70%;margin: 0 auto;}.living_round {width: 50%;padding: 5% 10%;top: 50%;left: 15%;}}