@charset "UTF-8";
@charset "utf-8";

 .fs-1 {
font-size: 1px;
font-size: 0.3125vw;
}
.fs-2 {
font-size: 2px;
font-size: 0.625vw;
}
.fs-3 {
font-size: 3px;
font-size: 0.9375vw;
}
.fs-4 {
font-size: 4px;
font-size: 1.25vw;
}
.fs-5 {
font-size: 5px;
font-size: 1.5625vw;
}
.fs-6 {
font-size: 6px;
font-size: 1.875vw;
}
.fs-7 {
font-size: 7px;
font-size: 2.1875vw;
}
.fs-8 {
font-size: 8px;
font-size: 2.5vw;
}
.fs-9 {
font-size: 9px;
font-size: 2.8125vw;
}
.fs-10 {
font-size: 10px;
font-size: 3.125vw;
}
.fs-11 {
font-size: 11px;
font-size: 3.4375vw;
}
.fs-12 {
font-size: 12px;
font-size: 3.75vw;
}
.fs-13 {
font-size: 13px;
font-size: 4.0625vw;
}
.fs-14 {
font-size: 14px;
font-size: 4.375vw;
}
.fs-15 {
font-size: 15px;
font-size: 4.6875vw;
}
.fs-16 {
font-size: 16px;
font-size: 5vw;
}
.fs-17 {
font-size: 17px;
font-size: 5.3125vw;
}
.fs-18 {
font-size: 18px;
font-size: 5.625vw;
}
.fs-19 {
font-size: 19px;
font-size: 5.9375vw;
}
.fs-20 {
font-size: 20px;
font-size: 6.25vw;
}
.fs-21 {
font-size: 21px;
font-size: 6.5625vw;
}
.fs-22 {
font-size: 22px;
font-size: 6.875vw;
}
.fs-23 {
font-size: 23px;
font-size: 7.1875vw;
}
.fs-24 {
font-size: 24px;
font-size: 7.5vw;
}
.fs-25 {
font-size: 25px;
font-size: 7.8125vw;
}
.fs-26 {
font-size: 26px;
font-size: 8.125vw;
}
.fs-27 {
font-size: 27px;
font-size: 8.4375vw;
}
.fs-28 {
font-size: 28px;
font-size: 8.75vw;
}
.fs-29 {
font-size: 29px;
font-size: 9.0625vw;
}
.fs-30 {
font-size: 30px;
font-size: 9.375vw;
}
.fs-31 {
font-size: 31px;
font-size: 9.6875vw;
}
.fs-32 {
font-size: 32px;
font-size: 10vw;
}
.fs-33 {
font-size: 33px;
font-size: 10.3125vw;
}
.fs-34 {
font-size: 34px;
font-size: 10.625vw;
}
.fs-35 {
font-size: 35px;
font-size: 10.9375vw;
}
.fs-36 {
font-size: 36px;
font-size: 11.25vw;
}
.fs-37 {
font-size: 37px;
font-size: 11.5625vw;
}
.fs-38 {
font-size: 38px;
font-size: 11.875vw;
}
.fs-39 {
font-size: 39px;
font-size: 12.1875vw;
}
.fs-40 {
font-size: 40px;
font-size: 12.5vw;
}
.fs-41 {
font-size: 41px;
font-size: 12.8125vw;
}
.fs-42 {
font-size: 42px;
font-size: 13.125vw;
}
.fs-43 {
font-size: 43px;
font-size: 13.4375vw;
}
.fs-44 {
font-size: 44px;
font-size: 13.75vw;
}
.fs-45 {
font-size: 45px;
font-size: 14.0625vw;
}
.fs-46 {
font-size: 46px;
font-size: 14.375vw;
}
.fs-47 {
font-size: 47px;
font-size: 14.6875vw;
}
.fs-48 {
font-size: 48px;
font-size: 15vw;
}
.fs-49 {
font-size: 49px;
font-size: 15.3125vw;
}
.fs-50 {
font-size: 50px;
font-size: 15.625vw;
}
.fs-51 {
font-size: 51px;
font-size: 15.9375vw;
}
.fs-52 {
font-size: 52px;
font-size: 16.25vw;
}
.fs-53 {
font-size: 53px;
font-size: 16.5625vw;
}
.fs-54 {
font-size: 54px;
font-size: 16.875vw;
}
.fs-55 {
font-size: 55px;
font-size: 17.1875vw;
}
.fs-56 {
font-size: 56px;
font-size: 17.5vw;
}
.fs-57 {
font-size: 57px;
font-size: 17.8125vw;
}
.fs-58 {
font-size: 58px;
font-size: 18.125vw;
}
.fs-59 {
font-size: 59px;
font-size: 18.4375vw;
}
.fs-60 {
font-size: 60px;
font-size: 18.75vw;
}
.fs-61 {
font-size: 61px;
font-size: 19.0625vw;
}
.fs-62 {
font-size: 62px;
font-size: 19.375vw;
}
.fs-63 {
font-size: 63px;
font-size: 19.6875vw;
}
.fs-64 {
font-size: 64px;
font-size: 20vw;
}
.fs-65 {
font-size: 65px;
font-size: 20.3125vw;
}
.fs-66 {
font-size: 66px;
font-size: 20.625vw;
}
.fs-67 {
font-size: 67px;
font-size: 20.9375vw;
}
.fs-68 {
font-size: 68px;
font-size: 21.25vw;
}
.fs-69 {
font-size: 69px;
font-size: 21.5625vw;
}
.fs-70 {
font-size: 70px;
font-size: 21.875vw;
}
.fs-71 {
font-size: 71px;
font-size: 22.1875vw;
}
.fs-72 {
font-size: 72px;
font-size: 22.5vw;
}
.fs-73 {
font-size: 73px;
font-size: 22.8125vw;
}
.fs-74 {
font-size: 74px;
font-size: 23.125vw;
}
.fs-75 {
font-size: 75px;
font-size: 23.4375vw;
}
.fs-76 {
font-size: 76px;
font-size: 23.75vw;
}
.fs-77 {
font-size: 77px;
font-size: 24.0625vw;
}
.fs-78 {
font-size: 78px;
font-size: 24.375vw;
}
.fs-79 {
font-size: 79px;
font-size: 24.6875vw;
}
.fs-80 {
font-size: 80px;
font-size: 25vw;
}
.fs-81 {
font-size: 81px;
font-size: 25.3125vw;
}
.fs-82 {
font-size: 82px;
font-size: 25.625vw;
}
.fs-83 {
font-size: 83px;
font-size: 25.9375vw;
}
.fs-84 {
font-size: 84px;
font-size: 26.25vw;
}
.fs-85 {
font-size: 85px;
font-size: 26.5625vw;
}
.fs-86 {
font-size: 86px;
font-size: 26.875vw;
}
.fs-87 {
font-size: 87px;
font-size: 27.1875vw;
}
.fs-88 {
font-size: 88px;
font-size: 27.5vw;
}
.fs-89 {
font-size: 89px;
font-size: 27.8125vw;
}
.fs-90 {
font-size: 90px;
font-size: 28.125vw;
}
.fs-91 {
font-size: 91px;
font-size: 28.4375vw;
}
.fs-92 {
font-size: 92px;
font-size: 28.75vw;
}
.fs-93 {
font-size: 93px;
font-size: 29.0625vw;
}
.fs-94 {
font-size: 94px;
font-size: 29.375vw;
}
.fs-95 {
font-size: 95px;
font-size: 29.6875vw;
}
.fs-96 {
font-size: 96px;
font-size: 30vw;
}
.fs-97 {
font-size: 97px;
font-size: 30.3125vw;
}
.fs-98 {
font-size: 98px;
font-size: 30.625vw;
}
.fs-99 {
font-size: 99px;
font-size: 30.9375vw;
}
.fs-100 {
font-size: 100px;
font-size: 31.25vw;
} .mh-1 {
margin: auto 1%;
}
.mh-2 {
margin: auto 2%;
}
.mh-3 {
margin: auto 3%;
}
.mh-4 {
margin: auto 4%;
}
.mh-5 {
margin: auto 5%;
}
.mh-6 {
margin: auto 6%;
}
.mh-7 {
margin: auto 7%;
}
.mh-8 {
margin: auto 8%;
}
.mh-9 {
margin: auto 9%;
}
.mh-10 {
margin: auto 10%;
}
.mh-11 {
margin: auto 11%;
}
.mh-12 {
margin: auto 12%;
}
.mh-13 {
margin: auto 13%;
}
.mh-14 {
margin: auto 14%;
}
.mh-15 {
margin: auto 15%;
}
.mh-16 {
margin: auto 16%;
}
.mh-17 {
margin: auto 17%;
}
.mh-18 {
margin: auto 18%;
}
.mh-19 {
margin: auto 19%;
}
.mh-20 {
margin: auto 20%;
}
.mh-21 {
margin: auto 21%;
}
.mh-22 {
margin: auto 22%;
}
.mh-23 {
margin: auto 23%;
}
.mh-24 {
margin: auto 24%;
}
.mh-25 {
margin: auto 25%;
}
.mh-26 {
margin: auto 26%;
}
.mh-27 {
margin: auto 27%;
}
.mh-28 {
margin: auto 28%;
}
.mh-29 {
margin: auto 29%;
}
.mh-30 {
margin: auto 30%;
}
.mh-31 {
margin: auto 31%;
}
.mh-32 {
margin: auto 32%;
}
.mh-33 {
margin: auto 33%;
}
.mh-34 {
margin: auto 34%;
}
.mh-35 {
margin: auto 35%;
}
.mh-36 {
margin: auto 36%;
}
.mh-37 {
margin: auto 37%;
}
.mh-38 {
margin: auto 38%;
}
.mh-39 {
margin: auto 39%;
}
.mh-40 {
margin: auto 40%;
}
.mh-41 {
margin: auto 41%;
}
.mh-42 {
margin: auto 42%;
}
.mh-43 {
margin: auto 43%;
}
.mh-44 {
margin: auto 44%;
}
.mh-45 {
margin: auto 45%;
}
.mh-46 {
margin: auto 46%;
}
.mh-47 {
margin: auto 47%;
}
.mh-48 {
margin: auto 48%;
}
.mh-49 {
margin: auto 49%;
}
.mh-50 {
margin: auto 50%;
}
.mh-51 {
margin: auto 51%;
}
.mh-52 {
margin: auto 52%;
}
.mh-53 {
margin: auto 53%;
}
.mh-54 {
margin: auto 54%;
}
.mh-55 {
margin: auto 55%;
}
.mh-56 {
margin: auto 56%;
}
.mh-57 {
margin: auto 57%;
}
.mh-58 {
margin: auto 58%;
}
.mh-59 {
margin: auto 59%;
}
.mh-60 {
margin: auto 60%;
}
.mh-61 {
margin: auto 61%;
}
.mh-62 {
margin: auto 62%;
}
.mh-63 {
margin: auto 63%;
}
.mh-64 {
margin: auto 64%;
}
.mh-65 {
margin: auto 65%;
}
.mh-66 {
margin: auto 66%;
}
.mh-67 {
margin: auto 67%;
}
.mh-68 {
margin: auto 68%;
}
.mh-69 {
margin: auto 69%;
}
.mh-70 {
margin: auto 70%;
}
.mh-71 {
margin: auto 71%;
}
.mh-72 {
margin: auto 72%;
}
.mh-73 {
margin: auto 73%;
}
.mh-74 {
margin: auto 74%;
}
.mh-75 {
margin: auto 75%;
}
.mh-76 {
margin: auto 76%;
}
.mh-77 {
margin: auto 77%;
}
.mh-78 {
margin: auto 78%;
}
.mh-79 {
margin: auto 79%;
}
.mh-80 {
margin: auto 80%;
}
.mh-81 {
margin: auto 81%;
}
.mh-82 {
margin: auto 82%;
}
.mh-83 {
margin: auto 83%;
}
.mh-84 {
margin: auto 84%;
}
.mh-85 {
margin: auto 85%;
}
.mh-86 {
margin: auto 86%;
}
.mh-87 {
margin: auto 87%;
}
.mh-88 {
margin: auto 88%;
}
.mh-89 {
margin: auto 89%;
}
.mh-90 {
margin: auto 90%;
}
.mh-91 {
margin: auto 91%;
}
.mh-92 {
margin: auto 92%;
}
.mh-93 {
margin: auto 93%;
}
.mh-94 {
margin: auto 94%;
}
.mh-95 {
margin: auto 95%;
}
.mh-96 {
margin: auto 96%;
}
.mh-97 {
margin: auto 97%;
}
.mh-98 {
margin: auto 98%;
}
.mh-99 {
margin: auto 99%;
}
.mh-100 {
margin: auto 100%;
} .mr-1 {
margin-right: 1%;
}
.mr-2 {
margin-right: 2%;
}
.mr-3 {
margin-right: 3%;
}
.mr-4 {
margin-right: 4%;
}
.mr-5 {
margin-right: 5%;
}
.mr-6 {
margin-right: 6%;
}
.mr-7 {
margin-right: 7%;
}
.mr-8 {
margin-right: 8%;
}
.mr-9 {
margin-right: 9%;
}
.mr-10 {
margin-right: 10%;
}
.mr-11 {
margin-right: 11%;
}
.mr-12 {
margin-right: 12%;
}
.mr-13 {
margin-right: 13%;
}
.mr-14 {
margin-right: 14%;
}
.mr-15 {
margin-right: 15%;
}
.mr-16 {
margin-right: 16%;
}
.mr-17 {
margin-right: 17%;
}
.mr-18 {
margin-right: 18%;
}
.mr-19 {
margin-right: 19%;
}
.mr-20 {
margin-right: 20%;
}
.mr-21 {
margin-right: 21%;
}
.mr-22 {
margin-right: 22%;
}
.mr-23 {
margin-right: 23%;
}
.mr-24 {
margin-right: 24%;
}
.mr-25 {
margin-right: 25%;
}
.mr-26 {
margin-right: 26%;
}
.mr-27 {
margin-right: 27%;
}
.mr-28 {
margin-right: 28%;
}
.mr-29 {
margin-right: 29%;
}
.mr-30 {
margin-right: 30%;
}
.mr-31 {
margin-right: 31%;
}
.mr-32 {
margin-right: 32%;
}
.mr-33 {
margin-right: 33%;
}
.mr-34 {
margin-right: 34%;
}
.mr-35 {
margin-right: 35%;
}
.mr-36 {
margin-right: 36%;
}
.mr-37 {
margin-right: 37%;
}
.mr-38 {
margin-right: 38%;
}
.mr-39 {
margin-right: 39%;
}
.mr-40 {
margin-right: 40%;
}
.mr-41 {
margin-right: 41%;
}
.mr-42 {
margin-right: 42%;
}
.mr-43 {
margin-right: 43%;
}
.mr-44 {
margin-right: 44%;
}
.mr-45 {
margin-right: 45%;
}
.mr-46 {
margin-right: 46%;
}
.mr-47 {
margin-right: 47%;
}
.mr-48 {
margin-right: 48%;
}
.mr-49 {
margin-right: 49%;
}
.mr-50 {
margin-right: 50%;
}
.mr-51 {
margin-right: 51%;
}
.mr-52 {
margin-right: 52%;
}
.mr-53 {
margin-right: 53%;
}
.mr-54 {
margin-right: 54%;
}
.mr-55 {
margin-right: 55%;
}
.mr-56 {
margin-right: 56%;
}
.mr-57 {
margin-right: 57%;
}
.mr-58 {
margin-right: 58%;
}
.mr-59 {
margin-right: 59%;
}
.mr-60 {
margin-right: 60%;
}
.mr-61 {
margin-right: 61%;
}
.mr-62 {
margin-right: 62%;
}
.mr-63 {
margin-right: 63%;
}
.mr-64 {
margin-right: 64%;
}
.mr-65 {
margin-right: 65%;
}
.mr-66 {
margin-right: 66%;
}
.mr-67 {
margin-right: 67%;
}
.mr-68 {
margin-right: 68%;
}
.mr-69 {
margin-right: 69%;
}
.mr-70 {
margin-right: 70%;
}
.mr-71 {
margin-right: 71%;
}
.mr-72 {
margin-right: 72%;
}
.mr-73 {
margin-right: 73%;
}
.mr-74 {
margin-right: 74%;
}
.mr-75 {
margin-right: 75%;
}
.mr-76 {
margin-right: 76%;
}
.mr-77 {
margin-right: 77%;
}
.mr-78 {
margin-right: 78%;
}
.mr-79 {
margin-right: 79%;
}
.mr-80 {
margin-right: 80%;
}
.mr-81 {
margin-right: 81%;
}
.mr-82 {
margin-right: 82%;
}
.mr-83 {
margin-right: 83%;
}
.mr-84 {
margin-right: 84%;
}
.mr-85 {
margin-right: 85%;
}
.mr-86 {
margin-right: 86%;
}
.mr-87 {
margin-right: 87%;
}
.mr-88 {
margin-right: 88%;
}
.mr-89 {
margin-right: 89%;
}
.mr-90 {
margin-right: 90%;
}
.mr-91 {
margin-right: 91%;
}
.mr-92 {
margin-right: 92%;
}
.mr-93 {
margin-right: 93%;
}
.mr-94 {
margin-right: 94%;
}
.mr-95 {
margin-right: 95%;
}
.mr-96 {
margin-right: 96%;
}
.mr-97 {
margin-right: 97%;
}
.mr-98 {
margin-right: 98%;
}
.mr-99 {
margin-right: 99%;
}
.mr-100 {
margin-right: 100%;
} .ml-1 {
margin-left: 1%;
}
.ml-2 {
margin-left: 2%;
}
.ml-3 {
margin-left: 3%;
}
.ml-4 {
margin-left: 4%;
}
.ml-5 {
margin-left: 5%;
}
.ml-6 {
margin-left: 6%;
}
.ml-7 {
margin-left: 7%;
}
.ml-8 {
margin-left: 8%;
}
.ml-9 {
margin-left: 9%;
}
.ml-10 {
margin-left: 10%;
}
.ml-11 {
margin-left: 11%;
}
.ml-12 {
margin-left: 12%;
}
.ml-13 {
margin-left: 13%;
}
.ml-14 {
margin-left: 14%;
}
.ml-15 {
margin-left: 15%;
}
.ml-16 {
margin-left: 16%;
}
.ml-17 {
margin-left: 17%;
}
.ml-18 {
margin-left: 18%;
}
.ml-19 {
margin-left: 19%;
}
.ml-20 {
margin-left: 20%;
}
.ml-21 {
margin-left: 21%;
}
.ml-22 {
margin-left: 22%;
}
.ml-23 {
margin-left: 23%;
}
.ml-24 {
margin-left: 24%;
}
.ml-25 {
margin-left: 25%;
}
.ml-26 {
margin-left: 26%;
}
.ml-27 {
margin-left: 27%;
}
.ml-28 {
margin-left: 28%;
}
.ml-29 {
margin-left: 29%;
}
.ml-30 {
margin-left: 30%;
}
.ml-31 {
margin-left: 31%;
}
.ml-32 {
margin-left: 32%;
}
.ml-33 {
margin-left: 33%;
}
.ml-34 {
margin-left: 34%;
}
.ml-35 {
margin-left: 35%;
}
.ml-36 {
margin-left: 36%;
}
.ml-37 {
margin-left: 37%;
}
.ml-38 {
margin-left: 38%;
}
.ml-39 {
margin-left: 39%;
}
.ml-40 {
margin-left: 40%;
}
.ml-41 {
margin-left: 41%;
}
.ml-42 {
margin-left: 42%;
}
.ml-43 {
margin-left: 43%;
}
.ml-44 {
margin-left: 44%;
}
.ml-45 {
margin-left: 45%;
}
.ml-46 {
margin-left: 46%;
}
.ml-47 {
margin-left: 47%;
}
.ml-48 {
margin-left: 48%;
}
.ml-49 {
margin-left: 49%;
}
.ml-50 {
margin-left: 50%;
}
.ml-51 {
margin-left: 51%;
}
.ml-52 {
margin-left: 52%;
}
.ml-53 {
margin-left: 53%;
}
.ml-54 {
margin-left: 54%;
}
.ml-55 {
margin-left: 55%;
}
.ml-56 {
margin-left: 56%;
}
.ml-57 {
margin-left: 57%;
}
.ml-58 {
margin-left: 58%;
}
.ml-59 {
margin-left: 59%;
}
.ml-60 {
margin-left: 60%;
}
.ml-61 {
margin-left: 61%;
}
.ml-62 {
margin-left: 62%;
}
.ml-63 {
margin-left: 63%;
}
.ml-64 {
margin-left: 64%;
}
.ml-65 {
margin-left: 65%;
}
.ml-66 {
margin-left: 66%;
}
.ml-67 {
margin-left: 67%;
}
.ml-68 {
margin-left: 68%;
}
.ml-69 {
margin-left: 69%;
}
.ml-70 {
margin-left: 70%;
}
.ml-71 {
margin-left: 71%;
}
.ml-72 {
margin-left: 72%;
}
.ml-73 {
margin-left: 73%;
}
.ml-74 {
margin-left: 74%;
}
.ml-75 {
margin-left: 75%;
}
.ml-76 {
margin-left: 76%;
}
.ml-77 {
margin-left: 77%;
}
.ml-78 {
margin-left: 78%;
}
.ml-79 {
margin-left: 79%;
}
.ml-80 {
margin-left: 80%;
}
.ml-81 {
margin-left: 81%;
}
.ml-82 {
margin-left: 82%;
}
.ml-83 {
margin-left: 83%;
}
.ml-84 {
margin-left: 84%;
}
.ml-85 {
margin-left: 85%;
}
.ml-86 {
margin-left: 86%;
}
.ml-87 {
margin-left: 87%;
}
.ml-88 {
margin-left: 88%;
}
.ml-89 {
margin-left: 89%;
}
.ml-90 {
margin-left: 90%;
}
.ml-91 {
margin-left: 91%;
}
.ml-92 {
margin-left: 92%;
}
.ml-93 {
margin-left: 93%;
}
.ml-94 {
margin-left: 94%;
}
.ml-95 {
margin-left: 95%;
}
.ml-96 {
margin-left: 96%;
}
.ml-97 {
margin-left: 97%;
}
.ml-98 {
margin-left: 98%;
}
.ml-99 {
margin-left: 99%;
}
.ml-100 {
margin-left: 100%;
} .ph-1 {
padding-right: 1%;
padding-left: 1%;
}
.ph-2 {
padding-right: 2%;
padding-left: 2%;
}
.ph-3 {
padding-right: 3%;
padding-left: 3%;
}
.ph-4 {
padding-right: 4%;
padding-left: 4%;
}
.ph-5 {
padding-right: 5%;
padding-left: 5%;
}
.ph-6 {
padding-right: 6%;
padding-left: 6%;
}
.ph-7 {
padding-right: 7%;
padding-left: 7%;
}
.ph-8 {
padding-right: 8%;
padding-left: 8%;
}
.ph-9 {
padding-right: 9%;
padding-left: 9%;
}
.ph-10 {
padding-right: 10%;
padding-left: 10%;
}
.ph-11 {
padding-right: 11%;
padding-left: 11%;
}
.ph-12 {
padding-right: 12%;
padding-left: 12%;
}
.ph-13 {
padding-right: 13%;
padding-left: 13%;
}
.ph-14 {
padding-right: 14%;
padding-left: 14%;
}
.ph-15 {
padding-right: 15%;
padding-left: 15%;
}
.ph-16 {
padding-right: 16%;
padding-left: 16%;
}
.ph-17 {
padding-right: 17%;
padding-left: 17%;
}
.ph-18 {
padding-right: 18%;
padding-left: 18%;
}
.ph-19 {
padding-right: 19%;
padding-left: 19%;
}
.ph-20 {
padding-right: 20%;
padding-left: 20%;
}
.ph-21 {
padding-right: 21%;
padding-left: 21%;
}
.ph-22 {
padding-right: 22%;
padding-left: 22%;
}
.ph-23 {
padding-right: 23%;
padding-left: 23%;
}
.ph-24 {
padding-right: 24%;
padding-left: 24%;
}
.ph-25 {
padding-right: 25%;
padding-left: 25%;
}
.ph-26 {
padding-right: 26%;
padding-left: 26%;
}
.ph-27 {
padding-right: 27%;
padding-left: 27%;
}
.ph-28 {
padding-right: 28%;
padding-left: 28%;
}
.ph-29 {
padding-right: 29%;
padding-left: 29%;
}
.ph-30 {
padding-right: 30%;
padding-left: 30%;
}
.ph-31 {
padding-right: 31%;
padding-left: 31%;
}
.ph-32 {
padding-right: 32%;
padding-left: 32%;
}
.ph-33 {
padding-right: 33%;
padding-left: 33%;
}
.ph-34 {
padding-right: 34%;
padding-left: 34%;
}
.ph-35 {
padding-right: 35%;
padding-left: 35%;
}
.ph-36 {
padding-right: 36%;
padding-left: 36%;
}
.ph-37 {
padding-right: 37%;
padding-left: 37%;
}
.ph-38 {
padding-right: 38%;
padding-left: 38%;
}
.ph-39 {
padding-right: 39%;
padding-left: 39%;
}
.ph-40 {
padding-right: 40%;
padding-left: 40%;
}
.ph-41 {
padding-right: 41%;
padding-left: 41%;
}
.ph-42 {
padding-right: 42%;
padding-left: 42%;
}
.ph-43 {
padding-right: 43%;
padding-left: 43%;
}
.ph-44 {
padding-right: 44%;
padding-left: 44%;
}
.ph-45 {
padding-right: 45%;
padding-left: 45%;
}
.ph-46 {
padding-right: 46%;
padding-left: 46%;
}
.ph-47 {
padding-right: 47%;
padding-left: 47%;
}
.ph-48 {
padding-right: 48%;
padding-left: 48%;
}
.ph-49 {
padding-right: 49%;
padding-left: 49%;
}
.ph-50 {
padding-right: 50%;
padding-left: 50%;
}
.ph-51 {
padding-right: 51%;
padding-left: 51%;
}
.ph-52 {
padding-right: 52%;
padding-left: 52%;
}
.ph-53 {
padding-right: 53%;
padding-left: 53%;
}
.ph-54 {
padding-right: 54%;
padding-left: 54%;
}
.ph-55 {
padding-right: 55%;
padding-left: 55%;
}
.ph-56 {
padding-right: 56%;
padding-left: 56%;
}
.ph-57 {
padding-right: 57%;
padding-left: 57%;
}
.ph-58 {
padding-right: 58%;
padding-left: 58%;
}
.ph-59 {
padding-right: 59%;
padding-left: 59%;
}
.ph-60 {
padding-right: 60%;
padding-left: 60%;
}
.ph-61 {
padding-right: 61%;
padding-left: 61%;
}
.ph-62 {
padding-right: 62%;
padding-left: 62%;
}
.ph-63 {
padding-right: 63%;
padding-left: 63%;
}
.ph-64 {
padding-right: 64%;
padding-left: 64%;
}
.ph-65 {
padding-right: 65%;
padding-left: 65%;
}
.ph-66 {
padding-right: 66%;
padding-left: 66%;
}
.ph-67 {
padding-right: 67%;
padding-left: 67%;
}
.ph-68 {
padding-right: 68%;
padding-left: 68%;
}
.ph-69 {
padding-right: 69%;
padding-left: 69%;
}
.ph-70 {
padding-right: 70%;
padding-left: 70%;
}
.ph-71 {
padding-right: 71%;
padding-left: 71%;
}
.ph-72 {
padding-right: 72%;
padding-left: 72%;
}
.ph-73 {
padding-right: 73%;
padding-left: 73%;
}
.ph-74 {
padding-right: 74%;
padding-left: 74%;
}
.ph-75 {
padding-right: 75%;
padding-left: 75%;
}
.ph-76 {
padding-right: 76%;
padding-left: 76%;
}
.ph-77 {
padding-right: 77%;
padding-left: 77%;
}
.ph-78 {
padding-right: 78%;
padding-left: 78%;
}
.ph-79 {
padding-right: 79%;
padding-left: 79%;
}
.ph-80 {
padding-right: 80%;
padding-left: 80%;
}
.ph-81 {
padding-right: 81%;
padding-left: 81%;
}
.ph-82 {
padding-right: 82%;
padding-left: 82%;
}
.ph-83 {
padding-right: 83%;
padding-left: 83%;
}
.ph-84 {
padding-right: 84%;
padding-left: 84%;
}
.ph-85 {
padding-right: 85%;
padding-left: 85%;
}
.ph-86 {
padding-right: 86%;
padding-left: 86%;
}
.ph-87 {
padding-right: 87%;
padding-left: 87%;
}
.ph-88 {
padding-right: 88%;
padding-left: 88%;
}
.ph-89 {
padding-right: 89%;
padding-left: 89%;
}
.ph-90 {
padding-right: 90%;
padding-left: 90%;
}
.ph-91 {
padding-right: 91%;
padding-left: 91%;
}
.ph-92 {
padding-right: 92%;
padding-left: 92%;
}
.ph-93 {
padding-right: 93%;
padding-left: 93%;
}
.ph-94 {
padding-right: 94%;
padding-left: 94%;
}
.ph-95 {
padding-right: 95%;
padding-left: 95%;
}
.ph-96 {
padding-right: 96%;
padding-left: 96%;
}
.ph-97 {
padding-right: 97%;
padding-left: 97%;
}
.ph-98 {
padding-right: 98%;
padding-left: 98%;
}
.ph-99 {
padding-right: 99%;
padding-left: 99%;
}
.ph-100 {
padding-right: 100%;
padding-left: 100%;
} .pr-1 {
padding-right: 1%;
}
.pr-2 {
padding-right: 2%;
}
.pr-3 {
padding-right: 3%;
}
.pr-4 {
padding-right: 4%;
}
.pr-5 {
padding-right: 5%;
}
.pr-6 {
padding-right: 6%;
}
.pr-7 {
padding-right: 7%;
}
.pr-8 {
padding-right: 8%;
}
.pr-9 {
padding-right: 9%;
}
.pr-10 {
padding-right: 10%;
}
.pr-11 {
padding-right: 11%;
}
.pr-12 {
padding-right: 12%;
}
.pr-13 {
padding-right: 13%;
}
.pr-14 {
padding-right: 14%;
}
.pr-15 {
padding-right: 15%;
}
.pr-16 {
padding-right: 16%;
}
.pr-17 {
padding-right: 17%;
}
.pr-18 {
padding-right: 18%;
}
.pr-19 {
padding-right: 19%;
}
.pr-20 {
padding-right: 20%;
}
.pr-21 {
padding-right: 21%;
}
.pr-22 {
padding-right: 22%;
}
.pr-23 {
padding-right: 23%;
}
.pr-24 {
padding-right: 24%;
}
.pr-25 {
padding-right: 25%;
}
.pr-26 {
padding-right: 26%;
}
.pr-27 {
padding-right: 27%;
}
.pr-28 {
padding-right: 28%;
}
.pr-29 {
padding-right: 29%;
}
.pr-30 {
padding-right: 30%;
}
.pr-31 {
padding-right: 31%;
}
.pr-32 {
padding-right: 32%;
}
.pr-33 {
padding-right: 33%;
}
.pr-34 {
padding-right: 34%;
}
.pr-35 {
padding-right: 35%;
}
.pr-36 {
padding-right: 36%;
}
.pr-37 {
padding-right: 37%;
}
.pr-38 {
padding-right: 38%;
}
.pr-39 {
padding-right: 39%;
}
.pr-40 {
padding-right: 40%;
}
.pr-41 {
padding-right: 41%;
}
.pr-42 {
padding-right: 42%;
}
.pr-43 {
padding-right: 43%;
}
.pr-44 {
padding-right: 44%;
}
.pr-45 {
padding-right: 45%;
}
.pr-46 {
padding-right: 46%;
}
.pr-47 {
padding-right: 47%;
}
.pr-48 {
padding-right: 48%;
}
.pr-49 {
padding-right: 49%;
}
.pr-50 {
padding-right: 50%;
}
.pr-51 {
padding-right: 51%;
}
.pr-52 {
padding-right: 52%;
}
.pr-53 {
padding-right: 53%;
}
.pr-54 {
padding-right: 54%;
}
.pr-55 {
padding-right: 55%;
}
.pr-56 {
padding-right: 56%;
}
.pr-57 {
padding-right: 57%;
}
.pr-58 {
padding-right: 58%;
}
.pr-59 {
padding-right: 59%;
}
.pr-60 {
padding-right: 60%;
}
.pr-61 {
padding-right: 61%;
}
.pr-62 {
padding-right: 62%;
}
.pr-63 {
padding-right: 63%;
}
.pr-64 {
padding-right: 64%;
}
.pr-65 {
padding-right: 65%;
}
.pr-66 {
padding-right: 66%;
}
.pr-67 {
padding-right: 67%;
}
.pr-68 {
padding-right: 68%;
}
.pr-69 {
padding-right: 69%;
}
.pr-70 {
padding-right: 70%;
}
.pr-71 {
padding-right: 71%;
}
.pr-72 {
padding-right: 72%;
}
.pr-73 {
padding-right: 73%;
}
.pr-74 {
padding-right: 74%;
}
.pr-75 {
padding-right: 75%;
}
.pr-76 {
padding-right: 76%;
}
.pr-77 {
padding-right: 77%;
}
.pr-78 {
padding-right: 78%;
}
.pr-79 {
padding-right: 79%;
}
.pr-80 {
padding-right: 80%;
}
.pr-81 {
padding-right: 81%;
}
.pr-82 {
padding-right: 82%;
}
.pr-83 {
padding-right: 83%;
}
.pr-84 {
padding-right: 84%;
}
.pr-85 {
padding-right: 85%;
}
.pr-86 {
padding-right: 86%;
}
.pr-87 {
padding-right: 87%;
}
.pr-88 {
padding-right: 88%;
}
.pr-89 {
padding-right: 89%;
}
.pr-90 {
padding-right: 90%;
}
.pr-91 {
padding-right: 91%;
}
.pr-92 {
padding-right: 92%;
}
.pr-93 {
padding-right: 93%;
}
.pr-94 {
padding-right: 94%;
}
.pr-95 {
padding-right: 95%;
}
.pr-96 {
padding-right: 96%;
}
.pr-97 {
padding-right: 97%;
}
.pr-98 {
padding-right: 98%;
}
.pr-99 {
padding-right: 99%;
}
.pr-100 {
padding-right: 100%;
} .pl-1 {
padding-left: 1%;
}
.pl-2 {
padding-left: 2%;
}
.pl-3 {
padding-left: 3%;
}
.pl-4 {
padding-left: 4%;
}
.pl-5 {
padding-left: 5%;
}
.pl-6 {
padding-left: 6%;
}
.pl-7 {
padding-left: 7%;
}
.pl-8 {
padding-left: 8%;
}
.pl-9 {
padding-left: 9%;
}
.pl-10 {
padding-left: 10%;
}
.pl-11 {
padding-left: 11%;
}
.pl-12 {
padding-left: 12%;
}
.pl-13 {
padding-left: 13%;
}
.pl-14 {
padding-left: 14%;
}
.pl-15 {
padding-left: 15%;
}
.pl-16 {
padding-left: 16%;
}
.pl-17 {
padding-left: 17%;
}
.pl-18 {
padding-left: 18%;
}
.pl-19 {
padding-left: 19%;
}
.pl-20 {
padding-left: 20%;
}
.pl-21 {
padding-left: 21%;
}
.pl-22 {
padding-left: 22%;
}
.pl-23 {
padding-left: 23%;
}
.pl-24 {
padding-left: 24%;
}
.pl-25 {
padding-left: 25%;
}
.pl-26 {
padding-left: 26%;
}
.pl-27 {
padding-left: 27%;
}
.pl-28 {
padding-left: 28%;
}
.pl-29 {
padding-left: 29%;
}
.pl-30 {
padding-left: 30%;
}
.pl-31 {
padding-left: 31%;
}
.pl-32 {
padding-left: 32%;
}
.pl-33 {
padding-left: 33%;
}
.pl-34 {
padding-left: 34%;
}
.pl-35 {
padding-left: 35%;
}
.pl-36 {
padding-left: 36%;
}
.pl-37 {
padding-left: 37%;
}
.pl-38 {
padding-left: 38%;
}
.pl-39 {
padding-left: 39%;
}
.pl-40 {
padding-left: 40%;
}
.pl-41 {
padding-left: 41%;
}
.pl-42 {
padding-left: 42%;
}
.pl-43 {
padding-left: 43%;
}
.pl-44 {
padding-left: 44%;
}
.pl-45 {
padding-left: 45%;
}
.pl-46 {
padding-left: 46%;
}
.pl-47 {
padding-left: 47%;
}
.pl-48 {
padding-left: 48%;
}
.pl-49 {
padding-left: 49%;
}
.pl-50 {
padding-left: 50%;
}
.pl-51 {
padding-left: 51%;
}
.pl-52 {
padding-left: 52%;
}
.pl-53 {
padding-left: 53%;
}
.pl-54 {
padding-left: 54%;
}
.pl-55 {
padding-left: 55%;
}
.pl-56 {
padding-left: 56%;
}
.pl-57 {
padding-left: 57%;
}
.pl-58 {
padding-left: 58%;
}
.pl-59 {
padding-left: 59%;
}
.pl-60 {
padding-left: 60%;
}
.pl-61 {
padding-left: 61%;
}
.pl-62 {
padding-left: 62%;
}
.pl-63 {
padding-left: 63%;
}
.pl-64 {
padding-left: 64%;
}
.pl-65 {
padding-left: 65%;
}
.pl-66 {
padding-left: 66%;
}
.pl-67 {
padding-left: 67%;
}
.pl-68 {
padding-left: 68%;
}
.pl-69 {
padding-left: 69%;
}
.pl-70 {
padding-left: 70%;
}
.pl-71 {
padding-left: 71%;
}
.pl-72 {
padding-left: 72%;
}
.pl-73 {
padding-left: 73%;
}
.pl-74 {
padding-left: 74%;
}
.pl-75 {
padding-left: 75%;
}
.pl-76 {
padding-left: 76%;
}
.pl-77 {
padding-left: 77%;
}
.pl-78 {
padding-left: 78%;
}
.pl-79 {
padding-left: 79%;
}
.pl-80 {
padding-left: 80%;
}
.pl-81 {
padding-left: 81%;
}
.pl-82 {
padding-left: 82%;
}
.pl-83 {
padding-left: 83%;
}
.pl-84 {
padding-left: 84%;
}
.pl-85 {
padding-left: 85%;
}
.pl-86 {
padding-left: 86%;
}
.pl-87 {
padding-left: 87%;
}
.pl-88 {
padding-left: 88%;
}
.pl-89 {
padding-left: 89%;
}
.pl-90 {
padding-left: 90%;
}
.pl-91 {
padding-left: 91%;
}
.pl-92 {
padding-left: 92%;
}
.pl-93 {
padding-left: 93%;
}
.pl-94 {
padding-left: 94%;
}
.pl-95 {
padding-left: 95%;
}
.pl-96 {
padding-left: 96%;
}
.pl-97 {
padding-left: 97%;
}
.pl-98 {
padding-left: 98%;
}
.pl-99 {
padding-left: 99%;
}
.pl-100 {
padding-left: 100%;
}
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css);
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap");   * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
color: #541e10;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.5;
margin: 0;
}
a {
color: #0563C1;
text-decoration: none;
}
a:visited {
color: #ac0404;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
color: #ea9629;
outline: 0;
}
a:hover {
text-decoration: underline;
}
a img {
transition: all ease 1s;
}
a img:hover {
opacity: .7;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.3;
}
h1 {
font-size: 30px;
margin: 15px 0;
}
h2 {
font-weight: bold;
font-size: 48px;
margin: 15px 0;
}
h3 {
font-weight: bold;
font-size: 28px;
margin: 15px 0;
}
h4 {
font-weight: bold;
font-size: 20px;
margin: 15px 0;
}
h5 {
font-weight: bold;
font-size: 18px;
margin: 15px 0;
}
h6 {
font-weight: bold;
font-size: 16px;
margin: 15px 0;
}
address {
font-style: italic;
margin: 0 0 24px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p {
margin: 10px auto;
line-height: 1.8em;
}
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 14px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote, q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
blockquote {
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}
blockquote blockquote {
margin-right: 0;
}
blockquote cite, blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
blockquote em, blockquote i {
font-style: normal;
font-weight: 300;
}
blockquote strong, blockquote b {
font-weight: normal;
}
small {
font-size: smaller;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 10xp;
}
dt {
font-weight: normal;
}
dd {
margin: 0;
}
menu, ol, ul {
margin: 10px 0;
padding: 0;
}
ul {
list-style-type: disc;
list-style-position: outside;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
}
li > ul, li > ol {
margin: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: auto;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
min-width: inherit;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button, input {
line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; width: 270px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
@media only screen and (min-width: 644px) {
textarea {
width: 550px;
}
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: normal;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
} .genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
vertical-align: text-bottom;
} .clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after {
clear: both;
}
.clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after {
content: "";
display: table;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute !important;
height: 1px;
width: 1px;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; } input, textarea {
border: 2px solid #d4d0ba;
font-family: inherit;
padding: 5px;
}
input, textarea {
color: #141412;
}
input:focus, textarea:focus {
border: 2px solid #c3c0ab;
outline: 0;
} input[type="submit"], input[type="button"], input[type="reset"] {
background: #e05d22; background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); border: none;
border-bottom: 3px solid #b93207;
border-radius: 2px;
color: #fff;
display: inline-block;
padding: 11px 24px 10px;
text-decoration: none;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
background: #ed6a31; background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); outline: none;
}
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
background: #d94412; background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); background: linear-gradient(to bottom, #d94412 0%, #e05d22 100%); border: none;
border-top: 3px solid #b93207;
padding: 10px 24px 11px;
}
.post-password-required input[type="submit"] {
padding: 7px 24px 4px;
vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
padding: 5px 24px 6px;
} ::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
} .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
max-width: 100%;
} .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
height: auto;
}
img.size-full, img.size-large, img.wp-post-image, img.responsive {
height: auto;
max-width: 100%;
} embed, iframe, object, video {
max-width: 100%;
} .entry-content .twitter-tweet-rendered {
max-width: 100% !important;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
figure.wp-caption.alignleft, img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright, img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 0 0 24px;
}
div.wp-caption.alignright img[class*="wp-image-"] {
float: right;
}
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
}
img.wp-smiley, .rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
list-style-position: inside;
} .container {
width: 100%;
max-width: 1108px;
margin: auto;
padding: 0;
position: relative;
}
.site {
background-color: #fff;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
.site-main {
width: 100%;
}
.btn-detail {
text-align: center;
margin: 2em auto auto auto;
border: 1px solid #333;
width: 280px;
}
.btn-detail a {
display: block;
padding: 1.4em;
border: 1px solid #333;
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/common/icon_arrow.png) no-repeat right 5em bottom 1.6em;
background-size: 8px;
}
.tac {
text-align: center;
} .site-title {
font-size: 18px;
line-height: 1;
margin: 0;
font-weight: normal !important;
} .main-navigation {
margin: 0 3em;
width: 600px;
}
.main-navigation ul.nav {
width: 600px;
margin-top: 50px;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.main-navigation ul.nav > li {
height: 42px;
}
.main-navigation ul.nav > li > a {
display: block;
height: 54px;
}
.main-navigation ul.nav > li > a {
color: #541F0F;
font-weight: bold;
}
.main-navigation ul.nav > li > a:hover, .main-navigation ul.nav > li.current > a {
-webkit-transition: 0s ease-in-out;
-moz-transition: 0s ease-in-out;
-o-transition: 0s ease-in-out;
transition: 0s ease-in-out;
opacity: 1;
background-image: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/header/icon_h_nav_on.png);
background-repeat: no-repeat;
background-position: center 38px;
text-decoration: none;
color: #541F0F;
}
ul.child {
display: none;
width: 100%;
height: 80px;
position: absolute;
top: 100px;
left: 0;
background-color: rgba(40,40,40,0.80);
text-align: center;
}
ul.child li {
display: inline-block;
font-size: 24px;
line-height: 1;
color: #fff;
padding-top: 25px;
}
ul.child li a {
display: inline-block;
padding: 3px 75px;
font-size: 18px;
color: #fff;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
background-color: #FFF;
}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul {
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
color: #bc360a;
font-style: italic;
}
.menu-toggle {
display: none;
} .navbar {
margin: 0 auto;
width: 100%;
border-bottom: 1px solid #A48B77;
}
.site-header .search-form {
position: absolute;
right: 20px;
top: 1px;
}
.site-header .search-field {
background-color: transparent;
background-image: url(//futurenaut.co.jp/wp-content/themes/futurenaut/images/search-icon.png);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 1px;
}
.site-header .search-field:focus {
background-color: #fff;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
} .hentry {
padding: 0;
}
.entry-header {
margin: 20px auto auto;
width: 100%;
}
.entry-content, .entry-summary, .entry-meta {
width: 100%;
margin: auto;
padding: 0;
}
.entry-content {
}
.entry-content button, input.wpcf7-submit {
background: #99B843;
border: 1px solid #99B843;
border-radius: 4px;
width: 298px;
height: 80px;
position: relative;
color: #FFF;
z-index: 999;
font-size: 18px;
transition: all 0.7s ease;
display: block;
margin: auto;
}
.entry-content button:hover, input.wpcf7-submit:hover {
opacity: .7;
}
.entry-content button::before, input.wpcf7-submit::before {
position: absolute;
content: "";
border: 1px solid #FFF;
border-radius: 4px;
width: 300px;
height: 82px;
top: -1px;
left: -1px;
z-index: -1;
}
.entry-content button::after, input.wpcf7-submit::after {
position: absolute;
content: "";
border: 1px solid #99B843;
border-radius: 4px;
width: 302px;
height: 84px;
top: -2px;
left: -2px;
background: #99B843;
z-index: -2;
}
.entry-content figure {
margin: 2em 1%;
}
.entry-content blockquote {
position: relative;
padding: 1em;
box-sizing: border-box;
font-style: italic;
color: #4e4e4e;
}
.entry-content blockquote:before {
display: inline-block;
position: absolute;
top: .3em;
left: .7em;
content: "\f10d";
font-family: "Font Awesome 5 Free";
color: #edf0e8;
font-size: 58px;
line-height: 1;
font-weight: 900;
} .entry-content blockquote p {
position: relative;
padding: 0;
margin: 10px 0;
z-index: 3;
line-height: 1.7;
font-size: 16px;
}
.entry-content blockquote cite {
position: relative;
z-index: 3;
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}
.entry-content hr {
border-top: 1px solid #99b743;
}
.entry-content hr.bdr-c8c2be {
border-top: 1px solid #c8c2be;
}
@media only screen and (min-width: 644px) {
.entry-content section {
padding: 0 5% 2em;
margin: 2em auto;
}
.entry-content h2 {
margin: auto auto 1em;
text-align: center;
}
.entry-content h2::before {
content: "";
border-top: 3px solid #fe7400;
display: block;
width: 92px;
margin: auto auto .4em;
}
.entry-content h3 {
margin: auto auto 1em;
font-size: 32px;
}
.entry-content h3::before {
content: "";
border-top: 3px solid #fe7400;
display: block;
width: 2.8em;
margin: 1em auto .5em 0;
}
.entry-content h4 {
margin: 2em auto 1em;
font-size: 20px;
}
.entry-content p {
margin-bottom: 2em;
}
.entry-content ul {
margin: 2em auto 2em 6em;
}
}
@media only screen and (max-width: 643px) {
.entry-content section {
padding: 0 5% 2em;
margin: 2em auto;
}
.entry-content h2 {
margin: auto auto 1em;
text-align: center;
font-size: 42px;
}
.entry-content h2::before {
content: "";
border-top: 3px solid #fe7400;
display: block;
width: 92px;
margin: auto auto .4em;
}
.entry-content h3 {
margin: auto auto 1em;
font-size: 24px;
}
.entry-content h3::before {
content: "";
border-top: 3px solid #fe7400;
display: block;
width: 2.8em;
margin: 1em auto .2em 0;
}
.entry-content p {
margin-bottom: 2em;
}
}
.post .breadcrumbs, .post .entry-meta {
}
.post .entry-content {
padding: 20px 5%;
} .sidebar .entry-header .entry-meta {
padding: 0;
}
.entry-thumbnail img {
display: block;
margin: 0 auto 10px;
}
.entry-title {
margin: 0 auto;
width: 100%;
background: #FAF9F7;
padding: .7em 0 .7em 5%;
}
.entry-title h1 {
width: 100%;
margin: 0 auto;
text-align: left;
}
.entry-title_single h1 {
width: 100%;
margin: 0 auto;
text-align: left;
}
.entry-title_single {
margin: 0 auto;
width: 100%;
padding: .7em 0 .7em;
display: flex;
align-items: center; justify-content: start; }
.entry-title_single:before {
border-top: 1px solid #844d1f;
content: "";
width: 10%; }
.entry-title_single:before {
margin-right: 1em; }
.h1_sub {
margin: 0 auto;
width: 100%;
background: #FAF9F7;
font-size: 14px;
} .entry-meta {
clear: both;
font-size: 14px;
margin: 1.5em auto 1.5em auto;
}
.entry-meta .col-99b743 {
margin: auto;
font-weight: bold;
}
.entry-meta a {
color: #bc360a;
}
.entry-meta a:hover {
color: #bc360a;
}
.entry-meta > span {
margin-right: 20px;
}
.entry-meta > span:last-child {
margin-right: 0;
}
.featured-post:before {
margin-right: 2px;
}
.entry-meta .date a:before {
}
.comments-link a:before {
margin-right: 2px;
position: relative;
top: -1px;
}
.entry-meta .author a:before {
position: relative;
top: -1px;
}
.categories-links a:first-child:before {
}
.tags-links a:first-child:before {
position: relative;
top: -1px;
}
.edit-link a:before {
position: relative;
top: -1px;
}
.single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date {
display: none;
} .entry-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-content a, .comment-content a {
color: #bc360a;
}
.entry-content a:hover, .comment-content a:hover {
color: #ea9629;
}
.entry-content .more-link {
white-space: nowrap;
}
.entry-content blockquote {
font-size: 24px;
}
.entry-content blockquote cite, .entry-content blockquote small {
font-size: 16px;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
margin-left: -60px;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
margin-right: -60px;
}
footer.entry-meta {
margin-top: 24px;
}
.format-standard footer.entry-meta {
margin-top: 0;
} .page-links {
clear: both;
font-size: 16px;
font-style: italic;
font-weight: normal;
line-height: 2.2;
margin: 20px 0;
text-transform: uppercase;
}
.page-links a, .page-links > span {
background: #fff;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
}
.format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a {
background: #e63f2a;
border: 1px solid #e63f2a;
color: #fff;
}
.format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover {
background: #fff;
color: #e63f2a;
}
.format-status .entry-content .page-links > span, .format-quote .entry-content .page-links > span {
background: none;
}
.page-links .page-links-title {
background: transparent;
border: none;
margin-right: 20px;
padding: 0;
} .hentry .mejs-mediaelement, .widget .mejs-mediaelement, .hentry .mejs-container .mejs-controls, .widget .mejs-container .mejs-controls {
background: #220e10;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .widget .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current, .widget .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ea9629;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total, .widget .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
}
.hentry .mejs-controls .mejs-time-rail span, .widget .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
} .gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}  .format-aside {
background-color: #f7f5e7;
}
.blog .format-aside:first-of-type, .single .format-aside:first-of-type, .format-aside + .format-aside, .format-aside + .format-link, .format-link + .format-aside {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-aside .entry-meta {
margin-top: 0;
}
.format-aside blockquote {
font-size: 100%;
font-weight: normal;
}
.format-aside cite {
font-size: 100%;
text-transform: none;
}
.format-aside cite:before {
content: "\2014";
margin-right: 5px;
} .format-audio {
background-color: #db572f;
}
.format-audio . {
font-size: 28px;
font-weight: bold;
}
.format-audio .entry-content:before {
content: "\f109";
float: left;
font-size: 64px;
position: relative;
top: 4px;
}
.format-audio .entry-content a, .format-audio .entry-meta a, .format-audio .entry-content a:hover, .format-audio .entry-meta a:hover {
color: #fbfaf3;
}
.format-audio .audio-content {
background: url(//futurenaut.co.jp/wp-content/themes/futurenaut/images/dotted-line.png) repeat-y left top;
background-size: 4px 4px;
float: right;
padding-left: 35px;
width: 80%;
width: -webkit-calc(100% - 85px);
width: calc(100% - 85px);
}
.format-audio .wp-audio-shortcode {
height: 30px !important; margin: 20px 0;
max-width: 400px !important; }
.format-audio audio {
max-width: 100% !important; } .format-chat {
background-color: #eadaa6;
}
.format-chat . {
font-size: 28px;
font-weight: bold;
}
.format-chat .entry-meta a, .format-chat .entry-content a {
color: #722d19;
}
.format-chat .entry-meta .date a:before {
content: "\f108";
margin-right: 2px;
}
.format-chat .entry-meta .author {
display: none;
}
.format-chat .chat {
margin: 0;
}
.format-chat .chat .chat-timestamp {
color: #722d19;
float: right;
font-size: 12px;
font-weight: normal;
margin: 5px 10px 0;
}
.format-chat .chat .fn {
font-style: normal;
} .format-gallery {
background-color: #fbca3c;
}
.format-gallery .entry-header {
margin-bottom: 15px;
}
.format-gallery . {
font-size: 50px;
font-weight: 400;
margin: 0;
}
.format-gallery .entry-meta a, .format-gallery .entry-content a {
color: #722d19;
} .format-image . {
font-size: 28px;
font-weight: bold;
}
.format-image .categories-links, .format-image .tags-links {
display: none;
} .format-link {
background-color: #f7f5e7;
}
.blog .format-link:first-of-type, .single .format-link:first-of-type {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-link .entry-header, .format-link .entry-content p:last-child {
margin-bottom: 0;
}
.format-link . {
color: #ca3c08;
display: inline;
font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
margin-right: 20px;
}
.format-link . a {
color: #bc360a;
}
.format-link div.entry-meta {
display: inline;
} .format-standard .wp-video, .format-standard .wp-audio-shortcode, .format-audio .wp-audio-shortcode, .format-standard .video-player {
margin-bottom: 24px;
} .format-quote {
background-color: #210d10;
}
.format-quote .entry-content, .format-quote .entry-meta {
color: #f7f5e7;
}
.format-quote .entry-content blockquote {
font-size: 28px;
margin: 0;
}
.format-quote .entry-content a, .format-quote .entry-meta a, .format-quote .linked {
color: #e63f2a;
}
.format-quote .entry-content cite a {
border-bottom: 1px dotted #fff;
color: #fff;
}
.format-quote .entry-content cite a:hover {
text-decoration: none;
}
.format-quote blockquote small, .format-quote blockquote cite {
display: block;
font-size: 16px;
}
.format-quote blockquote {
font-style: italic;
font-weight: 300;
padding-left: 75px;
position: relative;
}
.format-quote blockquote:before {
content: '\201C';
font-size: 140px;
font-weight: 400;
line-height: .8;
padding-right: 25px;
position: absolute;
left: -15px;
top: -3px;
}
.format-quote .entry-meta .author {
display: none;
} .format-status {
background-color: #722d19;
padding: 0;
}
.format-status .entry-content, .format-status .entry-meta {
padding-left: 35px;
position: relative;
}
.format-status .entry-content a {
color: #eadaa6;
}
.format-status .entry-meta a {
color: #f7f5e7;
}
.sidebar .format-status .entry-content, .sidebar .format-status .entry-meta {
padding-left: 95px;
}
.format-status .entry-content:before, .format-status .entry-meta:before {
background: url(//futurenaut.co.jp/wp-content/themes/futurenaut/images/dotted-line.png) repeat-y left bottom;
background-size: 4px 4px;
content: "";
display: block;
height: 100%;
position: absolute;
left: 10px;
top: 0;
width: 1px;
}
.sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before {
left: 70px;
}
.format-status .categories-links, .format-status .tags-links {
display: none;
} .format-status .entry-meta:before {
background-position: left top;
}
.format-status .entry-content {
color: #f7f5e7;
font-size: 24px;
font-style: italic;
font-weight: 300;
padding-bottom: 30px;
padding-top: 40px;
position: relative;
}
.format-status .entry-content p:first-child:before {
background-color: rgba(0, 0, 0, 0.65);
content: "";
height: 3px;
margin-top: 13px;
position: absolute;
left: 4px;
width: 13px;
}
.sidebar .format-status .entry-content > p:first-child:before {
left: 64px;
}
.format-status .entry-content p:last-child {
margin-bottom: 0;
}
.format-status .entry-meta {
margin-top: 0;
padding-bottom: 40px;
}
.format-status .entry-meta .date a:before {
content: "\f105";
} .format-video {
background-color: #db572f;
}
.format-video .entry-content a, .format-video .entry-meta a, .format-video .entry-content a:hover, .format-video .entry-meta a:hover {
color: #fbfaf3;
}
.format-video . {
font-size: 50px;
font-weight: 400;
}
.format-video .entry-meta {
color: #220e10;
} .attachment .hentry {
background-color: #e8e5ce;
margin: 0;
padding: 0;
}
.attachment .entry-header {
margin-bottom: 0;
max-width: 960px;
padding: 30px 0;
}
.attachment . {
display: inline-block;
float: left;
font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
margin: 0;
}
.attachment .:before {
content: "\f416";
font-size: 32px;
margin-right: 10px;
}
.attachment .entry-meta {
clear: none;
color: inherit;
float: right;
max-width: 604px;
padding: 9px 0 0;
text-align: right;
}
.hentry.attachment:not(.image-attachment) .entry-meta {
max-width: 104px;
}
.attachment footer.entry-meta {
display: none;
}
.attachment-meta:before {
content: "\f307";
}
.full-size-link a:before {
content: "\f402";
}
.full-size-link:before {
content: none;
}
.attachment .entry-meta a, .attachment .entry-meta .edit-link:before, .attachment .full-size-link:before {
color: #ca3c08;
}
.attachment .entry-content {
background-color: #fff;
max-width: 100%;
padding: 40px 0;
}
.image-navigation {
margin: 0 auto;
max-width: 960px;
position: relative;
}
.image-navigation a:hover {
text-decoration: none;
}
.image-navigation .nav-previous, .image-navigation .nav-next {
position: absolute;
top: 50px;
}
.image-navigation .nav-previous {
left: 0;
}
.image-navigation .nav-next {
right: 0;
}
.image-navigation .meta-nav {
font-size: 32px;
font-weight: 300;
vertical-align: -4px;
}
.attachment .entry-attachment, .attachment .type-attachment p {
margin: 0 auto;
max-width: 724px;
text-align: center;
}
.attachment .entry-attachment .attachment {
display: inline-block;
}
.attachment .entry-caption {
text-align: left;
}
.attachment .entry-description {
margin: 20px auto 0;
max-width: 604px;
}
.attachment .entry-caption p:last-child, .attachment .entry-description p:last-child {
margin: 0;
}
.attachment .site-main .sidebar-container {
display: none;
}
.attachment .entry-content .mejs-audio {
max-width: 400px;
margin: 0 auto;
}
.attachment .entry-content .wp-video {
margin: 0 auto;
}
.attachment .entry-content .mejs-container {
margin-bottom: 24px;
} .navigation .nav-previous {
float: left;
}
.navigation .nav-next {
float: right;
}
.navigation a {
color: #bc360a;
}
.navigation a:hover {
color: #ea9629;
text-decoration: none;
}
.paging-navigation {
background-color: #e8e5ce;
padding: 40px 0;
}
.paging-navigation .nav-links {
margin: 0 auto;
max-width: 604px;
width: 100%;
}
.sidebar .paging-navigation .nav-links {
max-width: 960px;
}
.paging-navigation .nav-next {
padding: 13px 0;
}
.paging-navigation a {
font-size: 22px;
font-style: italic;
font-weight: 300;
}
.paging-navigation .meta-nav {
background-color: #e63f2a;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 26px;
padding: 3px 0 8px;
text-align: center;
width: 50px;
}
.paging-navigation .nav-previous .meta-nav {
margin-right: 10px;
padding: 17px 0 23px;
width: 80px;
}
.paging-navigation .nav-next .meta-nav {
margin-left: 10px;
}
.paging-navigation a:hover .meta-nav {
background-color: #ea9629;
text-decoration: none;
}
.post-navigation {
background-color: #fff;
color: #ca3c08;
font-size: 20px;
font-style: italic;
font-weight: 300;
padding: 20px 0;
}
.post-navigation .nav-links {
margin: 0 auto;
max-width: 960px;
}
.sidebar .post-navigation .nav-links {
padding: 0 376px 0 60px;
}
.post-navigation a[rel="next"] {
float: right;
text-align: right;
} .author-info {
margin: 0 auto;
max-width: 604px;
padding: 30px 0 10px;
text-align: left; width: 100%;
}
.author.sidebar .author-info {
max-width: 960px;
padding: 30px 376px 10px 60px;
}
.single .author-info {
padding: 50px 0 0;
}
.author-avatar .avatar {
float: left;
margin: 0 30px 30px 0;
}
.single-format-status .author-description {
color: #f7f5e7;
}
.author-description .author-title {
clear: none;
font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 0 8px;
}
.author-link {
color: #ca3c08;
margin-left: 2px;
}
.author.archive .author-link {
display: none;
} .archive-header {
margin: auto;
text-align: center;
}
.archive-title, .archive-meta {
margin: 0 auto;
padding: 30px 0;
width: 100%;
}
.archive-title {
width: 100%;
font-size: 48px;
line-height: 1em;
}
.archive-title small {
font-size: 20px;
line-height: .2em;
}
.archive-meta {
font-size: 16px;
font-style: normal;
font-weight: normal;
margin-top: -15px;
padding: 0 0 11px;
}
.sidebar .archive-meta {
padding-right: 316px;
} .page-header {
background-color: #e8e5ce;
}
.page-title {
font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 auto;
max-width: 960px;
padding: 30px 0;
width: 100%;
}
.page-content {
margin: 0 auto;
max-width: 604px;
padding: 40px 0;
width: 100%;
}
.sidebar .page-content {
margin: 0 auto;
max-width: 960px;
padding: 40px 376px 40px 60px;
} .error404 .page-header {
background-color: #fff;
}
.error404 .page-title {
line-height: 0.6;
margin: 0;
padding: 300px;
position: relative;
text-align: center;
width: auto;
}
.error404 .page-title:before {
color: #e8e5ce;
content: "\f423";
font-size: 964px;
line-height: 0.6;
overflow: hidden;
position: absolute;
left: 7px;
top: 28px;
}
.error404 .page-wrapper {
background-color: #e8e5ce;
}
.error404 .page-header, .error404 .page-content {
margin: 0 auto;
max-width: 960px;
padding-bottom: 40px;
width: 100%;
} .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 604px;
width: 100%;
}
.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
max-width: 960px;
padding-left: 60px;
padding-right: 376px;
}
.comments-title {
font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}
.comment-list, .comment-list .children {
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 20px;
}
.comment-list > li:after, .comment-list .children > li:before {
background: url(//futurenaut.co.jp/wp-content/themes/futurenaut/images/dotted-line.png) repeat left top;
background-size: 4px 4px;
content: "";
display: block;
height: 1px;
width: 100%;
}
.comment-list > li:last-child:after {
display: none;
}
.comment-body {
padding: 24px 0;
position: relative;
}
.comment-author {
float: left;
max-width: 74px;
}
.comment-author .avatar {
display: block;
margin-bottom: 10px;
}
.comment-author .fn {
word-wrap: break-word;
}
.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {
color: #bc360a;
font-size: 14px;
font-style: normal;
font-weight: normal;
}
.says {
display: none;
}
.no-avatars .comment-author {
margin: 0 0 5px;
max-width: 100%;
position: relative;
}
.no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply {
width: 100%;
}
.bypostauthor > .comment-body .fn:before {
content: "\f408";
vertical-align: text-top;
}
.comment-list .edit-link {
margin-left: 20px;
}
.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply {
float: right;
width: 79%;
width: -webkit-calc(100% - 124px);
width: calc(100% - 124px);
word-wrap: break-word;
}
.comment-meta, .comment-meta a {
color: #a2a2a2;
font-size: 13px;
}
.comment-meta a:hover {
color: #ea9629;
}
.comment-metadata {
margin-bottom: 20px;
}
.ping-meta {
color: #a2a2a2;
font-size: 13px;
line-height: 2;
}
.comment-awaiting-moderation {
color: #a2a2a2;
}
.comment-awaiting-moderation:before {
content: "\f414";
margin-right: 5px;
position: relative;
top: -2px;
}
.comment-reply-link:before, .comment-reply-login:before {
content: "\f412";
margin-right: 3px;
} .comment-respond {
background-color: #f7f5e7;
padding: 30px 0;
}
.comment .comment-respond {
margin-bottom: 20px;
padding: 20px;
}
.comment-reply-title {
font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}
.comment-reply-title small a {
color: #131310;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
color: #ed331c;
text-decoration: none;
}
.comment-reply-title small a:before {
content: "\f406";
vertical-align: top;
}
.sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form {
padding: 0;
}
.comment-form .comment-notes {
margin-bottom: 15px;
}
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
margin-bottom: 8px;
}
.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
float: left;
padding: 5px 0;
width: 120px;
}
.comment-form .required {
color: #ed331c;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
max-width: 270px;
width: 60%;
}
.comment-form textarea {
width: 100%;
}
.form-allowed-tags, .form-allowed-tags code {
color: #686758;
font-size: 12px;
}
.form-allowed-tags code {
font-size: 10px;
margin-left: 3px;
}
.comment-list .pingback, .comment-list .trackback {
padding-top: 24px;
}
.comment-navigation {
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
.sidebar .no-comments {
padding-left: 60px;
padding-right: 376px;
} .site-main .widget-area {
float: right;
width: 300px;
} .widget {
background-color: rgba(247, 245, 231, 0.7);
font-size: 14px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 0 24px;
padding: 20px;
word-wrap: break-word;
}
.widget .widget-title {
font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 0 10px;
}
.widget ul, .widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 5px 0;
}
.widget .children li:last-child {
padding-bottom: 0;
}
.widget li > ul, .widget li > ol {
margin-left: 20px;
}
.widget a {
color: #bc360a;
}
.widget a:hover {
color: #ea9629;
} .search-form .search-submit {
display: none;
} .widget_rss .rss-date {
display: block;
}
.widget_rss .rss-date, .widget_rss li > cite {
color: #a2a2a2;
} .widget_calendar table, .widget_calendar td {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
.widget_calendar caption {
font-size: 14px;
margin: 0;
}
.widget_calendar th, .widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
}
.widget_calendar a:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.5);
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
background-color: transparent;
} .widget_text ul, .widget_text ol {
padding-left: 20px;
margin-bottom: 16px;
}
.widget_text li:last-child {
padding-bottom: 0;
}
.widget_text li > ul, .widget_text li > ol {
margin-bottom: 0;
}
.widget_text ul {
list-style: square;
}
.widget_text ol {
list-style: decimal;
} .site-footer a:hover {
color: #4472C4;
}
.site-footer .widget a {
color: #e6402a;
}
.site-info {
margin: 0 auto;
padding: 10px 0;
text-align: center;
width: 100%;
color: #FFF;
}  @-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media only screen and (min-width: 768px) {
.pc-view {
display: block !important;
}
.sp-view {
display: none !important;
}
.site {
border: 0;
}
.error404 .page-header {
margin-left: auto;
max-width: 960px;
width: 100%;
}
.error404 .page-title {
font-size: 24px;
padding: 180px;
}
.error404 .page-title:before {
font-size: 554px;
}
} @media only screen and (max-width: 767px) {
.pc-view {
display: block !important;
}
.sp-view {
display: none !important;
}
ul.nav-menu, div.nav-menu > ul {
margin: 0;
padding: 0;
}
.footer-nav {
margin: auto;
font-size: 15px;
width: 100%;
display: -webkit-box; display: -webkit-flex; display: flex;
-webkit-justify-content: flex-start; justify-content: flex-start;
text-align: left;
padding: 0 3% 20px 3%;
}
.footer-nav > ul {
margin: 0 1.5%;
}
}
@media only screen and (max-width: 643px) {
.sp-view {
display: block !important;
}
.pc-view {
display: none !important;
}
.nav-menu > li {
position: relative;
z-index: 9999;
}
.nav-menu > li a {
padding: 15px 7px;
}
.nav-menu > li.dropdown {
position: absolute;
top: 0;
right: 0;
width: 180px;
text-align: right;
padding-right: 10px;
}
.nav-menu li ul {
list-style: none;
position: absolute;
width: 100%;
z-index: 9999;
background: #FFF;
top: 100%;
right: 0;
margin: 10px;
padding: 0;
visibility: hidden;
opacity: 0;
transition: 0s;
}
.nav-menu li ul li {
width: 100%;
display: block;
border: 1px solid #a6a6a6;
text-align: left;
}
.nav-menu li ul li:not(:last-of-type) {
border-bottom: none;
}
.nav-menu li ul {
visibility: hidden;
opacity: 0;
transition: 0s;
}
.nav-menu li:hover ul {
visibility: visible;
opacity: 1;
}
.nav-menu li ul li a {
visibility: hidden;
opacity: 0;
background: #FFF;
transition: .5s;
}
.nav-menu li:hover ul li a {
visibility: visible;
background: #FFF;
opacity: 1;
}
.site-title {
font-size: 16px;
}
#content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .sidebar .paging-navigation .nav-links {
padding-left: 20px;
padding-right: 20px;
} .menu-toggle {
cursor: pointer;
display: inline-block;
font: bold 16px/1.3;
margin: 0;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
background: none;
border: none;
color: #141412;
padding: 12px 0 12px 20px;
}
.menu-toggle:focus {
outline: thin dotted;
}
.menu-toggle:after {
content: "\f502";
font-size: 12px;
padding-left: 8px;
vertical-align: -4px;
}
.toggled-on .menu-toggle:after {
content: "\f500";
vertical-align: 2px;
}
.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
display: block;
margin-left: 0;
padding: 0;
width: 100%;
}
.toggled-on li, .toggled-on .children {
display: block;
}
.toggled-on .nav-menu li > ul {
background-color: transparent;
display: block;
float: none;
margin-left: 20px;
position: relative;
left: auto;
top: auto;
}
.toggled-on .nav-menu li > ul a {
color: #141412;
width: auto;
}
.toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a {
background-color: transparent;
color: #141412;
}
.toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover {
background-color: #db572f;
color: #fff;
}
.toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus {
background-color: #220e10;
color: #fff;
} #content .featured-gallery {
padding-left: 24px;
}
., .format-chat ., .format-image ., .format-gallery ., .format-video . {
font-size: 22px;
font-weight: normal;
}
.error404 .page-title {
padding: 40px 0 0;
}
.error404 .page-title:before {
content: normal;
}
.footer-nav {
margin: auto;
font-size: 14px;
width: 100%;
text-align: left;
padding: 20px;
display: block;
text-align: left;
}
} @media (max-width: 414px) {
.pc-view {
display: none !important;
}
.sp-view {
display: block !important;
}
.site-title {
font-size: 14px;
font-weight: normal;
}
.site-description {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
}
.footer-nav {
margin: auto 0;
font-size: 13px;
width: 100%;
display: block;
text-align: left;
padding: 10px;
}
}  @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.site-header .search-field {
background-image: url(//futurenaut.co.jp/wp-content/themes/futurenaut/images/search-icon-2x.png);
}
.format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before, .comment-list > li:after, .comment-list .children > li:before {
background-image: url(//futurenaut.co.jp/wp-content/themes/futurenaut/images/dotted-line-2x.png);
}
}
@media print {
body {
background: none !important;
color: #000;
font-size: 10pt;
}
footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after {
content: " [" attr(href) "] "; }
.site {
max-width: 98%;
}
.site-header {
background-image: none !important;
}
.site-header .home-link {
max-width: none;
min-height: 0;
}
.site-title {
color: #000;
font-size: 21pt;
}
.site-description {
font-size: 10pt;
}
.author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link {
display: none;
}
.entry-header, .entry-content, .entry-summary, .entry-meta {
margin: 0;
width: 100%;
}
.page-title, . {
font-size: 21pt;
}
.entry-meta, .entry-meta a {
color: #444;
font-size: 10pt;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
margin-left: 0;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
margin-right: 0;
}
.format-image .entry-content .size-full {
margin: 0;
} .hentry {
background-color: #fff;
} .comments-area > li.comment {
background: none;
position: relative;
width: auto;
}
.comment-metadata {
float: none;
}
.comment-author .fn, .comment-reply-link, .comment-reply-login {
color: #333;
}
} #slides {
position: relative;
}
#slides .carousel-item img {
max-width: 100%;
}
#slides a.carousel-control .icon-prev, #slides a.carousel-control .icon-next {
font-size: 60px;
}
#slides .carousel-indicators li {
}
#bottom-slide {
position: absolute;
width: 100%;
bottom: 0;
margin: 0;
}
#page-top {
position: fixed;
bottom: 5%;
right: 10%;
z-index: 999;
} .flex {
display: -webkit-box; display: -webkit-flex; display: flex;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
}
.flex-center {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.space-between {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.space-around {
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
p.tar {
text-align: right;
} @media only screen and (min-width: 644px) {
.tar {
margin: auto 10% auto auto;
}
.site-header {
position: fixed;
width: 100%;
max-width: 1108px;
height: 100px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FFF;
z-index: 99999;
transition: .5s;
}
.site-header.hide {
transform: translateY(-100%);
}
.site-header .home-link {
width: 240px;
}
.site-header .home-link img {
width: 240px;
}
.netshop {
width: 35px;
}
.netshop img {
width: 35px;
}
.site-main {
padding-top: 100px;
width: 100%;
}
#main_inner {
padding-top: 100px;
margin-top: -100px;
}
footer {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/footer/fn-contact-bottom.png) no-repeat 0 0;
padding-top: 171px;
}
.footer-sns {
background: #f07015;
margin: auto;
padding: 6px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-sns li {
width: 120px;
margin: 0 3em;
}
.footer-sns li img {
width: 28px;
margin-right: .7em;
}
.footer-sns a:after {
display: inline-block;
content: attr(title);
font-size: 14px;
color: #FFF;
text-align: center;
white-space: nowrap;
}
.footer-nav {
background: #ff8833;
margin: auto;
padding: 1em 0 .5em;
font-size: 14px;
width: 100%;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-nav li {
margin: auto 1em;
}
.footer-nav li a {
color: #FFF;
}
.site-info {
background: #ff8833;
margin: auto;
padding: .5em 0 1em;
font-size: 12px;
color: #FFF;
} section {
margin: 4em auto;
}
section h2 {
line-height: .8em;
margin-bottom: 1em;
}
section h2 small {
font-weight: normal;
font-size: 18px;
}
section h3 small {
font-weight: normal;
font-size: 16px;
}
section h4 small {
font-weight: normal;
font-size: 16px;
} .mission p {
font-size: 18px;
margin: auto 2.5em 1.5em;
}
#mission-lead {
font-weight: bold;
font-size: 32px;
margin-bottom: 1em;
} .product .flex-wrap div {
margin: 0 5px 10px 5px;
width : calc(100% / 3 - 20px);
max-width: 315px;
}
.product .flex-wrap div img {
width: 100%;
}
.product .flex-wrap div p {
color: #541e10;
text-align: center;
font-size: 14px;
line-height: 1.3em;
}
.product .flex-wrap div a p::after {
content: "";
display: inline-block;
width: 20px;
height: 1.3em;
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/common/icon_arrow.png) no-repeat 0 7px;
background-size: 7px;
margin: auto auto auto .2em;
} .contents h4 {
margin-top: 2em;
}
.plusmirai, .recipe-gp, .news-block, .media-block {
background: #faf9f7;
width: 49%;
padding: 1em 2em;
}
.news-feed ul {
list-style: none;
}
.news-feed li:nth-child(2n) {
border-bottom: 1px dashed #dfd0be;
padding-bottom: .7em;
margin-bottom: .7em;
}
.news-feed li a {
color: #541e10;
text-decoration: underline;
}
.pickup-recipe.flex-wrap div.recipe-list {
margin: 1px;
width : calc(100% / 2 - 2px);
}
.recipe-list .circumscribed-photo-box-hidden {
width: 100%;
position: relative;
}
.recipe-list .circumscribed-photo-box {
width: 100%;
height: 0;
padding-top: 85%; }
.recipe-list:nth-child(1) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_01.jpg) no-repeat center center; background-size: cover;
}
.recipe-list:nth-child(2) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_02.jpg) no-repeat center center; background-size: cover;
}
.recipe-list:nth-child(3) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_03.jpg) no-repeat center center; background-size: cover;
}
.recipe-list:nth-child(4) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_04.jpg) no-repeat center center; background-size: cover;
}
.recipe-list .mask {
position: absolute;
width: 100%;
height: 0;
padding-top: 85%; top: 0;
left: 0;
background-color: rgba(0,0,0,0.8);
}
.recipe-list .mouse-over-mask {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
height: 100%;
box-sizing: border-box;
padding: 30px;
display: block;
background: rgba(33, 39, 54, 0.5);
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}
.recipe-list:hover .mouse-over-mask {
opacity: .5;
-webkit-transform: scale(1);
transform: scale(1);
}
.recipe-list .mask-text {
color: #fff;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding-top: 5em;
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
box-sizing: border-box;
display: block;
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}
.recipe-list:hover .mask-text {
opacity: 1;
-webkit-transform: scale(.8);
transform: scale(.8);
} .members {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/members/fn-about-bottom.png) no-repeat 0 bottom;
padding-bottom: 400px;
}
.members-list, .members-photo {
width: 49%;
padding: 1em 2em;
}
div a.space-between {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.members-rotate {
width: 40%;
height: 200px;
margin: 0 auto;
position: relative;
cursor: pointer;
transform-style: preserve-3d;
transition: 1s;
}
div.members-rotate img {
position: absolute;
backface-visibility: hidden;
top: 0;
left: 0;
}
div.members-rotate:hover {
transform: rotateY( 180deg );
}
div.members-rotate img:last-child {
transform: rotateY( 180deg );
}
.members-list a p {
color: #541e10;
margin-top: 1.5em;
font-size: 24px;
}
.members-list a p small {
font-size: 16px;
}
.members-photo {
margin-top: 3em;
}
} @media only screen and (max-width: 643px) { .flex, .flex-wrap, .flex-center, .space-between, .space-around {
display: block;
} .site-header {
position: fixed;
width: 100%;
height: 70px;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FFF;
z-index: 99999;
transition: .5s;
}
.site-header.hide {
transform: translateY(-100%);
}
#menu-btn {
width: 28px;
height: 28px;
margin-top: .7em;
}
#menu-conts {
display: none;
background: rgba(255, 255, 255, 1);
position: absolute;
top: 70px;
left: 0;
width: 100%;
z-index: 1;
}
#menu-conts a {
display: block;
color: #541e10;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#menu-conts a:hover {
}
.home-link {
width: 180px;
}
.home-link img {
width: 180px;
}
.netshop {
width: 35px;
}
.netshop img {
width: 35px;
} .site-main {
padding-top: 70px;
width: 100%;
}
#main_inner {
padding-top: 70px;
margin-top: -70px;
}
.menu__item {
cursor: pointer;
display: block;
margin-bottom: 1px;
}
.menu__item__link, .js-menu__item__link {
display: block;
line-height: 46px;
position: relative;
border-bottom: 1px dotted #CCC;
padding-left: 28px;
}
a.menu__item__link {
text-decoration: none;
}
.menu__item__link:before, .js-menu__item__link:before {
display: block;
line-height: 46px;
position: absolute;
text-align: center;
top: 0;
width: 46px;
}
.menu__item__link:after, .submenu__item:after {
line-height: 46px;
text-align: center;
position: absolute;
top: 16px;
right: 10px;
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/sp/icon_yajirushi.png) no-repeat;
background-size: contain;
vertical-align: bottom;
}
.js-menu__item__link:after {
display: block;
line-height: 46px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 46px;
position: absolute;
top: 15px;
right: 14px;
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/sp/icon_plus.png) no-repeat;
background-size: contain;
vertical-align: bottom;
}
.js-menu__item__link.on:after {
display: block;
line-height: 46px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 46px;
position: absolute;
top: 18px;
right: 14px;
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/sp/icon_minus.png) no-repeat;
background-size: contain;
vertical-align: bottom;
}
.icon-circle:before {
position: absolute;
top: 18px;
left: 12px;
content: '';
display: inline-block;
width: 9px;
height: 9px;
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/sp/icon_ten.png) no-repeat;
background-size: contain;
vertical-align: bottom;
}
.submenu {
background: #fff;
display: none;
}
.submenu__item {
display: block;
line-height: 46px;
position: relative;
border-bottom: 1px dotted #CCC;
padding-left: 1.2em;
}
.submenu__item a {
text-decoration: none;
}
.submenu__item:before {
position: absolute;
top: 18px;
left: 22px;
content: '';
display: inline-block;
width: 6px;
height: 6px;
background-image: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/sp/icon_daiya02.png);
background-size: contain;
vertical-align: bottom;
} footer {
}
.footer-sns {
background: #f07015;
margin: auto;
padding: 6px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-sns li {
width: 28px;
margin: .5em 1.4em;
}
.footer-sns li img {
width: 100%;
}
.footer-nav {
display: none;
}
.site-info {
background: #ff8833;
margin: auto;
padding: .5em 0 1em;
font-size: 12px;
color: #FFF;
} section {
margin: 2em auto;
}
section h2 {
line-height: .8em;
margin-bottom: 1em;
}
section h2 small {
font-weight: normal;
font-size: 18px;
}
section h4 small {
font-weight: normal;
font-size: 16px;
} .mission p {
font-size: 12px;
margin: auto 2.5em 1.5em;
}
#mission-lead {
margin: 1.5em;
} .product .flex-wrap {
display: flex;
flex-wrap: wrap;
margin: auto;
}
.product .flex-wrap div {
margin: 0 2px 10px 2px;
width : calc(100% / 2 - 4px);
}
.product .flex-wrap div img {
width: 100%;
}
.product .flex-wrap div p {
color: #541e10;
text-align: center;
font-size: 14px;
line-height: 1.3em;
}
.product .flex-wrap div a p::after {
content: "";
display: inline-block;
width: 20px;
height: 1.3em;
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/common/icon_arrow.png) no-repeat 0 7px;
background-size: 7px;
margin: auto auto auto .2em;
} .contents h4 {
margin-top: 2em;
}
.plusmirai, .recipe-gp, .news-block, .media-block {
background: #faf9f7;
width: 100%;
padding: 1em 2em;
margin-bottom: 1em;
}
.news-feed ul {
list-style: none;
}
.news-feed li:nth-child(2n) {
border-bottom: 1px dashed #dfd0be;
padding-bottom: .7em;
margin-bottom: .7em;
}
.news-feed li a {
color: #541e10;
text-decoration: underline;
}
.pickup-recipe.flex-wrap {
display: flex;
flex-wrap: wrap;
}
.pickup-recipe.flex-wrap div.recipe-list {
margin: 1px;
width : calc(100% / 2 - 2px);
}
.recipe-list .circumscribed-photo-box-hidden {
width: 100%;
position: relative;
}
.recipe-list .circumscribed-photo-box {
width: 100%;
height: 0;
padding-top: 85%; }
.recipe-list:nth-child(1) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_01.jpg) no-repeat center center; background-size: cover;
}
.recipe-list:nth-child(2) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_02.jpg) no-repeat center center; background-size: cover;
}
.recipe-list:nth-child(3) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_03.jpg) no-repeat center center; background-size: cover;
}
.recipe-list:nth-child(4) .circumscribed-photo-box {
background: url(https://futurenaut.co.jp/wp-content/themes/futurenaut/img/main/recipe/recipe_04.jpg) no-repeat center center; background-size: cover;
}
.recipe-list .mask {
position: absolute;
width: 100%;
height: 0;
padding-top: 85%; top: 0;
left: 0;
background-color: rgba(0,0,0,0.8);
}
.recipe-list .mouse-over-mask {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
height: 100%;
box-sizing: border-box;
padding: 30px;
display: block;
background: rgba(33, 39, 54, 0.5);
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}
.recipe-list:hover .mouse-over-mask {
opacity: .5;
-webkit-transform: scale(1);
transform: scale(1);
}
.recipe-list .mask-text {
color: #fff;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding-top: 5em;
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
box-sizing: border-box;
display: block;
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}
.recipe-list:hover .mask-text {
opacity: 1;
-webkit-transform: scale(.8);
transform: scale(.8);
} .members {
}
.members-list, .members-photo {
width: 100%;
padding: 1em 2em;
}
div a.space-between {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.members-rotate {
width: 40%;
height: 200px;
margin: 0 auto;
position: relative;
cursor: pointer;
transform-style: preserve-3d;
transition: 1s;
}
div.members-rotate img {
position: absolute;
backface-visibility: hidden;
top: 0;
left: 0;
}
div.members-rotate:hover {
transform: rotateY( 180deg );
}
div.members-rotate img:last-child {
transform: rotateY( 180deg );
}
.members-list a p {
color: #541e10;
margin-top: 1.5em;
font-size: 24px;
}
.members-list a p small {
font-size: 16px;
}
.members-photo {
margin-top: 3em;
}
.accordion-wrap {
position: relative;
}
.accordion-item {
width: 100%;
margin: 0 auto;
cursor: pointer;
}
.accordion-header {
position: absolute;
top: 60px;
right: 20px;
transition: ease-in-out 100ms;
}
.accordion-inner {
width: 100%;
display: none;
padding-top: 5px;
padding-bottom: 20px;
}
.fa {
transition: ease-in-out 300ms;
}
.rotate-fa {
transform: rotate(90deg);
}
.accordion-header .fa {
line-height: 35px;
}
}
.breadcrumbs {
border-top: 1px solid #dfd0be;
border-bottom: 1px solid #dfd0be;
padding: .7em 0 .7em 5%;
}
.breadcrumbs span {
margin: auto 1em auto 1em;
}
.breadcrumbs span:first-of-type {
margin-left: 0;
}
.breadcrumbs a {
color: #541e10;
} section#mind {
margin-bottom: 0;
}
.about_us-mission {
background: #fcfaf2;
margin-top: 0;
}
@media only screen and (min-width: 644px) {
.about_us-mission h4 {
margin: auto;
text-align: center;
font-weight: bold;
font-size: 42px;
}
.about_us-mission p, .about_us-mission ul {
font-weight: bold;
font-size: 32px;
}
.about_us-mission ul {
margin: 1em auto 2em 15%;
}
#greeting .flex > div:first-child {
width: 70%;
margin-right: 2%;
}
#greeting .flex > div:nth-child(2) {
width: 25%;
position: relative;
}
#greeting .flex div:nth-child(2) img {
position: absolute;
width: 200px;
bottom: 9em;
right: 0;
text-align: center;
}
.ceo-name {
text-align: center;
position: absolute;
width: 200px;
bottom: 2em;
right: 0;
text-align: center;
}
#greeting p {
}
#member .space-between > div:first-child {
width: 45%;
margin: auto;
}
#member .space-between > div:nth-child(2) {
width: 50%;
margin: 4em auto;
}
#company dt {
float: left;
clear: left;
padding: .5em 0 .5em 1em;
line-height: 2em;
}
#company dd {
padding: .5em 0 .5em 300px;
border-bottom: 1px dashed #d2d2d2;
line-height: 2em;
}
#history dt {
border-left: 3px solid #99b743;
padding-left: 1em;
}
#history dd {
margin-top: .5em;
margin-bottom: 1em;
}
}
@media only screen and (max-width: 643px) {
.about_us-mission h4 {
margin: auto;
text-align: center;
font-weight: bold;
font-size: 36px;
margin-bottom: .5em;
}
.about_us-mission p, .about_us-mission ul {
font-weight: bold;
font-size: 16px;
}
.about_us-mission ul {
margin: auto 5%;
}
.about_us-mission img.sp-view {
margin-bottom: 1.5em;
}
.ceo-name {
text-align: center;
}
#greeting .flex div:nth-child(2) {
margin: 0 auto 2em;
text-align: center;
}
#greeting .flex div:nth-child(2) img {
width: 200px;
}
#greeting p {
font-size: 12px;
}
#member .members-list {
padding: 0;
}
#member div.members-rotate {
width: 40%;
height: 80px;
margin: 0 auto;
position: relative;
cursor: pointer;
transform-style: preserve-3d;
transition: 1s;
}
#member .space-between > div:nth-child(2) {
font-size: 14px;
margin-bottom: 4em;
}
#company dt {
margin-top: .5em;
}
#company dd {
border-bottom: 1px dashed #d2d2d2;
padding-bottom: .5em;
line-height: 2em;
}
#history dt {
border-left: 3px solid #99b743;
padding-left: 1em;
}
#history dd {
margin-top: .5em;
margin-bottom: 1em;
}
}
@media only screen and (min-width: 644px) {
}
@media only screen and (max-width: 643px) {
} .balloon-st { font-weight: bold;
font-size: 32px;
position: relative;
padding: .5em 0;
border-bottom: 3px solid #333;
background: #FFF;
}
.balloon-st:before {
position: absolute;
bottom: -14px;
left: 2.5em;
width: 0;
height: 0;
content: '';
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.balloon-st:after {
position: absolute;
bottom: -10px;
left: 2.5em;
width: 0;
height: 0;
content: '';
border-width: 14px 12px 0 12px;
border-style: solid;
border-color: #FFF transparent transparent transparent;
}
.acc-tag {
position: relative;
display: inline-block;
height: 32px;
margin-left: 15px;
padding: 4px 4px 4px 8px;
color: #FFF;
background: #99b743;
}
.acc-tag:before {
position: absolute;
top: 0;
left: -15px;
content: '';
border-width: 16px 15px 16px 0;
border-style: solid;
border-color: transparent #99b743 transparent transparent;
}
.acc-tag:after {
position: absolute;
top: 14px;
left: -5px;
width: 7px;
height: 7px;
content: '';
border-radius: 50%;
background: #fff;
}
a.link-99b743 {
color: #99b743 !important;
}
.col-99b743 {
color: #99b743;
}
.bdr-99b743 {
border: 1px solid #99b743;
margin: 2em auto;
padding: .5em 2.5em;
}
.bdr-9ab743 {
border: 1px solid #99b743;
margin: 2em auto;
padding: .5em 2.5em 0;
}
.bg-99b743 {
background: #99b743;
color: #FFF;
padding: 4px;
}
.bg-8fc322 {
background: #8fc322;
color: #FFF;
padding: .7em 1.5em;
}
.bg-f07015 {
background: #f07015;
color: #FFF;
padding: .7em 1.5em;
}
.bdr_btm-541e10 {
border-bottom: 1px solid #541e10;
display: inline-block;
padding-bottom: .5em;
}
.ref-section {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: .5em 0;
}
.cont-img {
max-width: 720px;
width: 100%;
margin: auto auto 2em;
}
.marker-yellow {
background: linear-gradient(rgba(255, 255, 255, 0) 65%, #fff799 75%);
}
@media only screen and (min-width: 644px) {
.btn_cart {
margin: 2em auto;
}
}
@media only screen and (max-width: 643px) {
.btn_cart {
margin: 1em auto;
}
.balloon-st { font-size: 24px;
}
} .cricket_powder-point3 {
margin: 2em auto 1em;
background: #faf9f7;
padding: 1em 2em;
font-weight: bold;
} .category-list {
border-bottom: 1px dashed #dfd0be;
padding: 1em;
margin: auto 5%;
}
.category-list:first-of-type {
border-top: 1px dashed #dfd0be;
margin-top: 2em;
}
.category-list:last-of-type {
margin-bottom: 4em;
}
.category-list a {
text-decoration: underline;
} #contact-from div {
margin-bottom: 3em;
}
@media only screen and (min-width: 644px) {
#contact-from div input[type=text], #contact-from div input[type=tel], #contact-from div input[type=email] {
width: 390px;
}
}
@media only screen and (max-width: 643px) {
#contact-from div input[type=text], #contact-from div input[type=tel], #contact-from div input[type=email], textarea {
width: 100%;
}
}
.wpcf7-list-item {
display: block;
margin: .4em auto;
}
.wpcf7-list-item:last-of-type {
display: inline;
}
.contact-ttl {
display: inline-block;
width: 8em;
margin: .5em 1em;
}
span.author {
display: none;
}
.carousel-indicators li{
background-color: #ff8833;
}
.recaptcha_policy {
padding: 0;
margin: 0;
text-align: center;
font-size: 11px !important;
color: #444 !important;
}
.recaptcha_policy a {
font-size: 11px !important;
color: #111 !important;
}
.grecaptcha-badge { visibility: hidden; }
a.cursor-default{
cursor: default
}
.members-list{
text-align: center;
} @media only screen and (max-width: 643px){
#member div.members-rotate{
height: 145px;
}
members-list div {
text-align: center;
}
}
@media only screen and (min-width: 644px){
#member .space-between>div:first-child{
width: 50%;
}
}