@charset "utf-8";


/*****************************/
/********** Default **********/
/*****************************/

* {
    font-family: Arial, 'Yu Gothic', YuGothic, Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
    font-weight: 500;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

::-moz-selection { background: #BBBBBB; color: #FFFFFF; text-shadow: none;}
::selection { background: #BBBBBB; color: #FFFFFF; text-shadow: none;}

::-webkit-input-placeholder {color: #FFFFFF;}
::-moz-placeholder  {color: #FFFFFF;}
:-moz-placeholder {color: #FFFFFF;}
:-ms-input-placeholder  {color: #FFFFFF;} 

p {
    line-height: 1.7;
    margin: 20px 0;
}
html, body {
    height: 100%;
}
body {
    margin: 0 auto;
    
    padding: 0;
    font-size: 1.6rem;
    line-height: 160%;
    color: #000000;
    background-color: #FFFFFF;
}
ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-style: normal;
    clear: both;
}
a {
    color: #1A3526;
    background: none;
    text-decoration: underline;
}
a:hover {
    color: #F2BC16;
    text-decoration: none;
}
a img {
    border: none;
    transition: opacity 0.3s;
    backface-visibility: hidden;
}
a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.3s;
    backface-visibility: hidden;
}
address {
    font-style: normal;
}
img {
    vertical-align: middle;
}
strong, em {
    font-style: normal;
    font-weight: bold;
}
sup {
    vertical-align: baseline;
    position: relative;
    top: -1ex;
    font-size: 1.0rem;
}
sub {
    vertical-align: baseline;
    position: relative;
    bottom: -1ex;
    font-size: 1.0rem;
}
hr {
    border: none;
    height: 1px;
    background-color: #99A597;
    margin: 30px 0;
    clear: both;
}
figure {
    margin: 0 auto;
}
figcaption {
    margin: 10px auto;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.alignleft {
    display: inline;
    float: left;
    margin: 0 20px 20px 0;
}
.alignright {
    display: inline;
    float: right;
    margin: 0 0 20px 20px;
}
.aligncenter {
    display: block;
    margin: 20px auto;
    text-align: center;
}
.email:after {
    content: "@";
}



/**************************************************/
/********** Responsive Base Font Setting **********/
/**************************************************/

@media screen and ( min-width: 480px ) {
    html {
        font-size: 62.5%;
    }
}

@media screen and ( max-width: 480px ) {
    html {
        font-size: 65%;
    }
}



/*******************************************************/
/********** Responsive Contents Setting (480) **********/
/*******************************************************/

@media screen and ( max-width: 480px ) {
    /****************************************/
    /********** Base Setting (480) **********/
    /****************************************/

    body {
        line-height: 140%;
    }

    img {
        vertical-align: middle;
        max-width: 100%;
        height: auto;
        width /***/:auto;
    }

    p {
        line-height: 2;
    }

    .alignleft,
    .alignright,
    .aligncenter {
        width: 100%;
        display: block!important;
        margin: 20px auto!important;
        text-align: center!important;
    }

    /****************************/
    /********** Header **********/
    /****************************/
    .home #header {
        width: 100%;
    }
    .home #header header {
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }
    .page #header {
        background-image: url("../images/main-image01.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
        height: 70px;
        width: 100%;
        border-bottom: 10px solid #EDF0E3;
    }
    .page #header header {
        display: none;
    }

    /****************************/
    /********** Footer **********/
    /****************************/
    #footer {
        background-image: url("../images/bg-footer.png");
        background-repeat: repeat-x;
        background-position: center bottom;
        background-size: auto 100%;
        width: 100%;
    }

    #footer footer {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: left;
        margin: 0 auto;
        padding: 0 20px;
    }

    #footer footer #credit {
        margin: 0;
        padding: 0;
        text-align: left;
        font-size: 1.6rem;
        word-break: break-all;
        width: 100%;
    }

    #footer footer #credit h2 {
        margin: 10px 0;
        padding: 0;
        text-align: center;
    }

    #footer footer #credit h3 {
        margin: 10px 0;
        padding: 0;
        text-align: center;
    }

    #footer footer #credit p {
        margin: 10px 0;
        padding: 0;
        font-size: 1.6rem;
        line-height: 140%;
    }

    #footer footer nav {
        display: none;
    }

    #footer #pagetop {
        position: fixed;
        bottom: 40px;
        right: 10px;
    }

    #footer #pagetop img {
        width: 40px;
        height: 40px;
    }

    #footer #copyright {
        font-size: 1.2rem;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        background-color: #EDF0E3;
    }
    
    /*********************************/
    /********** Slide Image **********/
    /*********************************/
    .slider {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        margin: 0 auto;
    }

    .slider .extension {
        background-image: url("../images/bg-header.png");
        background-repeat: repeat-x;
        background-position: center -120px;
        background-size: auto 100%;
        height: 100%;
    }

    .slider .extension p {
        margin: 120px auto 0 auto;
    }

    .slider .extension img {
        width: 80%;
        height: auto;
    }

    /**************************/
    /********** Main **********/
    /**************************/
    main {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /****************************************/
    /********** Respomsive Swicher **********/
    /****************************************/
    #trigger {
        position: fixed;
        z-index: 9999;
        right: 10px;
        top: 10px;
        background: rgba(255,255,255,0.7);
        border-radius: 100%;
    }

    #trigger a {
        display: block;
        padding: 10px;
    }

    #trigger img {
        width: 22px;
        height: 22px;
    }

    #modal-window {
        display: none;
    }

    #modal-window li a {
        border-bottom: 1px dotted #999999;
        padding: 10px 0 4px 0;
    }

    #modal-window li ul li {
        display: none;
    }

    #pageslide {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        overflow: auto;
        z-index: 999999;
        width: 180px;
        padding: 20px;
        background: rgba(17,17,17,0.9);
        color: #FFFFFF;
        text-align: right;
    }
    #pageslide a {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
    }

    /*****************************/
    /********** Sidebar **********/
    /*****************************/
    
    #sidebar {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 300;
    }
    #sidebar h1 {
        margin: 20px auto 0 auto;
        text-align: center;
    }
    #sidebar nav {
        display: none;
    }
    
    
    
    /*****************************/
    /********** Content **********/
    /*****************************/
    
    #content {
        vertical-align: top;
        margin: 0 0 40px 0;
        padding: 0 10px;
        width: 100%;
        height: 100%;
    }
    #content article {
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    
    
    /**************************************/
    /********** Content (Common) **********/
    /**************************************/
    
    #content h2 {
        clear: both;
        font-size: 2.4rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 0;
        border-bottom: 2px solid #DEF216;
        line-height: 1.7;
    }
    #content h3 {
        clear: both;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 5px 15px;
        border-left: 8px solid #1A3526;
        background-color: #EDF0E3;
        line-height: 1.7;
    }
    #content h4 {
        clear: both;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 0 0 30px 0;
        padding: 0;
        line-height: 140%;
    }
    #content .date {
        text-align: right;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    #content .back {
        clear: both;
        border-top: 1px solid #99A597;
        margin: 30px auto 0 auto;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #content .back a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 5px 10px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 60%;
    }
    #content .back a:before {
        content: "<";
        margin: 0 20px 0 0;
    }
    #content .back a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    #content .more {
        clear: both;
        margin: 30px auto 0 auto;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #content .more a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 5px 10px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 60%;
    }
    #content .more a:before {
        margin: 0 20px 0 0;
    }
    #content .more a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    #content .years {
        clear: both;
        overflow: hidden;
        margin: 20px 0;
        padding: 0;
        display: flex;
    }
    #content .years li {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        border-left: 1px solid #99A597;
        border-top: 1px solid #99A597;
        border-bottom: 1px solid #99A597;
        background-color: #EDF0E3;
    }
    #content .years li:last-child {
        border-right: 1px solid #99A597;
    }
    #content .years li a {
        display: block;
        padding: 4px 20px;
        width: 100%;
    }
    #content .years li.current {
        padding: 4px 20px;
        font-weight: bold;
        color: #1A3526;
        background-color: #FFFFFF;
    }
    #content .category {
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
    }
    
    .txt_bg_green_white{
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
        textalign: right;
    }
    
    
    
    /*********************************/
    /********** Breadcrumbs **********/
    /*********************************/
    
    #breadcrumbs {
        margin: 0 auto;
        padding: 40px 0 0 0;
    }
    #breadcrumbs ul {
        margin: 0;
        padding: 0;
    }
    #breadcrumbs ul li {
        display: inline;
        font-size: 1.4rem;
    }
    #breadcrumbs ul li:after {
        content: ">";
        font-size: 1.2rem;
        margin: 0 4px;
        padding: 0 0 0 4px;
    }
    #breadcrumbs ul li:last-child:after {
        content: none;
    }
    
    
    
    /**********************************/
    /********** Page Content **********/
    /**********************************/
    
    .page #contents00 {
        margin: 0 auto;
    }
    
    
    
    /**************************/
    /********** Home **********/
    /**************************/
    
    .home #contents00 {
        margin: 0 auto;
        text-align: left;
    }
    .home #contents00 #description {
        margin: 0;
        padding: 120px 20px 20px 20px;
        font-size: 1.7rem;
        text-align: left;
    }
    .home #contents00 #description h2 {
        text-align: center;
        border-bottom: 2px solid #DEF216;
        margin: 0 auto;
        padding: 0 0 10px 0;
    }
    
    .home #contents01 {
        margin: 0 auto;
        padding: 30px 20px;
        width: 100%;
        background-color: #EDF0E3;
    }
    .home #contents01 article {
        margin: 0 auto;
        padding: 0;
    }
    .home #contents01 h2 {
        text-align: center;
        margin: 0 auto 20px auto;
        width: 60%;
    }
    .home #contents01 dl {
        clear: both;
        margin: 10px 0 5px 0;
        padding: 0 0 5px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .home #contents01 dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .home #contents01 dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .home #contents01 .archives {
        clear: both;
        margin: 30px auto 0 auto;
        padding: 0;
        text-align: center;
    }
    .home #contents01 .archives a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 5px 10px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 40%;
    }
    .home #contents01 .archives a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    
    .home #contents02 {
        margin: 0 auto;
        padding: 30px 20px;
        width: 100%;
        background-color: #FFFFFF;
    }
    .home #contents02 article {
        margin: 0 auto;
        padding: 0;
    }
    .home #contents02 h2 {
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }
    .home #contents02 ul {
        clear: both;
        text-align: center;
        margin: 20px auto;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .home #contents02 ul li {
        margin: 10px auto;
        padding: 0;
        text-align: center;
        font-size: 1.8rem;
        display: block;
        width: 30%;
    }
    
    
    
    /*******************************/
    /********** ketogenic **********/
    /*******************************/
    
    .page-id-1 #content article ul {
        list-style-position: inside;
        margin: 20px 40px;
    }
    .page-id-1 #content article ul li {
        list-style-type: disc;
        margin: 10px 0;
    }
    .page-id-1 #content article ol {
        list-style-position: inside;
        margin: 20px 0;
    }
    .page-id-1 #content article ol li {
        list-style-type: none;
        counter-increment: cnt;
        margin-bottom: 10px;
        line-height: 1.7;
    }
    .page-id-1 #content article ol li:before{
        display: marker;
        content: counter(cnt) ") "
    }
    
    
    
    /******************************/
    /********** About Us **********/
    /******************************/
    
    .page-id-2 #content {
    }
    
    
    
    /*****************************/
    /********** Members **********/
    /*****************************/
    
    .page-id-3 #content article table {
        clear: both;
        margin: 0 0 30px 0;
        padding: 0;
        width: 100%;
        table-layout: auto;
        border-collapse: collapse;
    }
    .page-id-3 #content article table tr th {
        margin: 0;
        padding: 2px 5px;
        text-align: center;
        border: 1px solid #1A3526;
        background-color: #EDF0E3;
    }
    .page-id-3 #content article table tr td {
        margin: 0;
        padding: 2px 5px;
        border: 1px solid #1A3526;
        background-color: #FFFFFF;
    }
    .page-id-3 #content article table td:nth-child(1) {
        white-space: nowrap;
        width: 40%;
    }
    .page-id-2 #content article table:last-child {
        margin: 0;
    }
    
    
    
    /****************************/
    /********** Report **********/
    /****************************/
    
    .page-id-4 #content article dl {
        clear: both;
        margin: 10px 0 5px 0;
        padding: 0 0 5px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .page-id-4 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-4 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /*************************************/
    /********** Report (Detail) **********/
    /*************************************/
    
    
    
    /**************************/
    /********** Link **********/
    /**************************/
    
    .page-id-5 #content article ul {
        clear: both;
        margin: 0;
        padding: 0;
    }
    .page-id-5 #content article ul li {
        margin: 5px 0;
        padding: 5px 0;
        border-bottom: 1px dashed #1A3526;
    }
    .page-id-5 #content article ul li a {
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    .page-id-5 #content article ul li a:hover {
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
        color: #F2BC16;
    }
    
    
    
    /**************************/
    /********** News **********/
    /**************************/
    
    .page-id-6 #content article dl {
        clear: both;
        margin: 10px 0 5px 0;
        padding: 0 0 5px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .page-id-6 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-6 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /***********************************/
    /********** News (Detail) **********/
    /***********************************/
    
    
    /*************************/
    /********** add **********/
    /************************/
    
    .photoright {
        float: right;
        margin-left: 5px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
}



/***********************************************************/
/********** Responsive Contents Setting (480-768) **********/
/***********************************************************/

@media screen and ( min-width: 481px ) and ( max-width: 768px ) {
    
    
    
    /*****************************************/
    /********** Base Setting (480) **********/
    /*****************************************/
    
    img {
        vertical-align: middle;
        max-width: 100%;
        height: auto;
        width /***/:auto;
    }
    
    .alignleft,
    .alignright,
    .aligncenter {
        width: 100%;
        display: block!important;
        margin: 20px auto!important;
        text-align: center!important;
    }
    
    
    
    /****************************/
    /********** Header **********/
    /****************************/
    
    .home #header {
        width: 100%;
    }
    .home #header header {
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }
    .page #header {
        background-image: url("../images/main-image01.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
        height: 90px;
        width: 100%;
        border-bottom: 10px solid #EDF0E3;
    }
    .page #header header {
        display: none;
    }
    
    
    
    /****************************/
    /********** Footer **********/
    /****************************/
    
    #footer {
        background-image: url("../images/bg-footer.png");
        background-repeat: repeat-x;
        background-position: center bottom;
        background-size: auto 100%;
        width: 100%;
    }
    #footer footer {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: left;
        margin: 0 auto;
        padding: 0 20px;
    }
    #footer footer #credit {
        margin: 0;
        padding: 0;
        text-align: left;
        font-size: 1.8rem;
    }
    #footer footer #credit h2 {
        margin: 10px 0;
        padding: 0;
        text-align: center;
    }
    #footer footer #credit h3 {
        margin: 10px 0;
        padding: 0;
        text-align: center;
    }
    #footer footer #credit p {
        margin: 10px 0;
        padding: 0;
        font-size: 1.6rem;
        line-height: 160%;
    }
    #footer footer nav {
        display: none;
    }
    #footer #pagetop {
        position: fixed;
        bottom: 40px;
        right: 10px;
    }
    #footer #pagetop img {
        width: 50px;
        height: 50px;
    }
    #footer #copyright {
        font-size: 1.2rem;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        background-color: #EDF0E3;
    }
    
    
    
    /*********************************/
    /********** Slide Image **********/
    /*********************************/
    
    .slider {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 280px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        margin: 0 auto;
    }
    .slider .extension {
        background-image: url("../images/bg-header.png");
        background-repeat: repeat-x;
        background-position: center -140px;
        background-size: auto 100%;
        height: 100%;
    }
    .slider .extension p {
        margin: 140px auto 0 auto;
    }
    .slider .extension img {
        width: 80%;
        height: auto;
    }
    
    
    
    /**************************/
    /********** Main **********/
    /**************************/
    
    main {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    
    
    /****************************************/
    /********** Respomsive Swicher **********/
    /****************************************/
    
    #trigger {
        position: fixed;
        z-index: 9999;
        right: 10px;
        top: 15px;
        background: rgba(255,255,255,0.7);
        border-radius: 100%;
    }
    #trigger a {
        display: block;
        padding: 10px;
    }
    #trigger img {
        width: 30px;
        height: 30px;
    }
    #modal-window {
        display: none;
    }
    #modal-window li a {
        border-bottom: 1px dotted #999999;
        padding: 10px 0 4px 0;
    }
    #modal-window li ul li {
        display: none;
    }
    #pageslide {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        overflow: auto;
        z-index: 999999;
        width: 200px;
        padding: 20px;
        background: rgba(17,17,17,0.9);
        color: #FFFFFF;
        text-align: right;
    }
    #pageslide a {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
    }
    
    
    
    /*****************************/
    /********** Sidebar **********/
    /*****************************/
    
    #sidebar {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 300;
    }
    #sidebar h1 {
        margin: 20px auto 0 auto;
        text-align: center;
    }
    #sidebar nav {
        display: none;
    }
    
    
    
    /*****************************/
    /********** Content **********/
    /*****************************/
    
    #content {
        vertical-align: top;
        margin: 0 0 40px 0;
        padding: 0 10px;
        width: 100%;
        height: 100%;
    }
    #content article {
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    
    
    /**************************************/
    /********** Content (Common) **********/
    /**************************************/
    
    #content h2 {
        clear: both;
        font-size: 3.0rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 10px 0;
        border-bottom: 2px solid #DEF216;
    }
    #content h3 {
        clear: both;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 5px 15px;
        border-left: 8px solid #1A3526;
        background-color: #EDF0E3;
    }
    #content h4 {
        clear: both;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 0 0 30px 0;
        padding: 0;
    }
    #content .date {
        text-align: right;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    #content .back {
        clear: both;
        border-top: 1px solid #99A597;
        margin: 30px auto 0 auto;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #content .back a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 10px 20px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 30%;
    }
    #content .back a:before {
        content: "<";
        margin: 0 20px 0 0;
    }
    #content .back a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    #content .more {
        clear: both;
        margin: 30px auto 0 auto;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #content .more a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 10px 20px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 30%;
    }
    #content .more a:before {
        margin: 0 20px 0 0;
    }
    #content .more a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    #content .years {
        clear: both;
        overflow: hidden;
        margin: 20px 0;
        padding: 0;
        display: flex;
    }
    #content .years li {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        border-left: 1px solid #99A597;
        border-top: 1px solid #99A597;
        border-bottom: 1px solid #99A597;
        background-color: #EDF0E3;
    }
    #content .years li:last-child {
        border-right: 1px solid #99A597;
    }
    #content .years li a {
        display: block;
        padding: 4px 20px;
        width: 100%;
    }
    #content .years li.current {
        padding: 4px 20px;
        font-weight: bold;
        color: #1A3526;
        background-color: #FFFFFF;
    }
    #content .category {
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
    }
    
    .txt_bg_green_white{
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
        textalign: right;
    }
    
    
    /*********************************/
    /********** Breadcrumbs **********/
    /*********************************/
    
    #breadcrumbs {
        margin: 0 auto;
        padding: 40px 0 0 0;
    }
    #breadcrumbs ul {
        margin: 0;
        padding: 0;
    }
    #breadcrumbs ul li {
        display: inline;
        font-size: 1.4rem;
    }
    #breadcrumbs ul li:after {
        content: ">";
        font-size: 1.2rem;
        margin: 0 4px;
        padding: 0 0 0 4px;
    }
    #breadcrumbs ul li:last-child:after {
        content: none;
    }
    
    
    
    /**********************************/
    /********** Page Content **********/
    /**********************************/
    
    .page #contents00 {
        margin: 0 auto;
    }
    
    
    
    /**************************/
    /********** Home **********/
    /**************************/
    
    .home #contents00 {
        margin: 0 auto;
        text-align: left;
    }
    .home #contents00 #description {
        margin: 0;
        padding: 200px 20px 20px 20px;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 200;
        font-size: 1.7rem;
        text-align: left;
        line-height: 200%;
    }
    .home #contents00 #description h2 {
        text-align: center;
        border-bottom: 2px solid #DEF216;
        margin: 0 auto;
        padding: 0 0 10px 0;
    }
    
    .home #contents01 {
        margin: 0 auto;
        padding: 40px 20px;
        width: 100%;
        background-color: #EDF0E3;
    }
    .home #contents01 article {
        margin: 0 auto;
        padding: 0;
    }
    .home #contents01 h2 {
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }
    .home #contents01 dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .home #contents01 dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .home #contents01 dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .home #contents01 .archives {
        clear: both;
        margin: 30px auto 0 auto;
        padding: 0;
        text-align: center;
    }
    .home #contents01 .archives a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 10px 20px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 40%;
    }
    .home #contents01 .archives a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    
    .home #contents02 {
        margin: 0 auto;
        padding: 40px 20px;
        width: 100%;
        background-color: #FFFFFF;
    }
    .home #contents02 article {
        margin: 0 auto;
        padding: 0;
    }
    .home #contents02 h2 {
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }
    .home #contents02 ul {
        clear: both;
        text-align: center;
        margin: 20px auto;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .home #contents02 ul li {
        margin: 10px auto;
        padding: 0;
        text-align: center;
        font-size: 1.8rem;
        display: block;
        width: 30%;
    }
    
    
    
    /*******************************/
    /********** ketogenic **********/
    /*******************************/
    
    .page-id-1 #content article ul {
        list-style-position: inside;
        margin: 20px 40px;
    }
    .page-id-1 #content article ul li {
        list-style-type: disc;
        margin: 10px 0;
    }
    .page-id-1 #content article ol {
        list-style-position: inside;
        margin: 20px 0;
    }
    .page-id-1 #content article ol li {
        list-style-type: none;
        counter-increment: cnt;
        margin: 10px 0;
    }
    .page-id-1 #content article ol li:before{
        display: marker;
        content: counter(cnt) ") "
    }
    
    
    
    /******************************/
    /********** About Us **********/
    /******************************/
    
    .page-id-2 #content {
    }
    
    
    
    /*****************************/
    /********** Members **********/
    /*****************************/
    
    .page-id-3 #content article table {
        clear: both;
        margin: 0 0 30px 0;
        padding: 0;
        width: 100%;
        table-layout: auto;
        border-collapse: collapse;
    }
    .page-id-3 #content article table tr th {
        margin: 0;
        padding: 4px 10px;
        text-align: center;
        border: 1px solid #1A3526;
        background-color: #EDF0E3;
    }
    .page-id-3 #content article table tr td {
        margin: 0;
        padding: 4px 10px;
        border: 1px solid #1A3526;
        background-color: #FFFFFF;
    }
    .page-id-3 #content article table td:nth-child(1) {
        white-space: nowrap;
        width: 30%;
    }
    .page-id-2 #content article table:last-child {
        margin: 0;
    }
    
    
    
    /****************************/
    /********** Report **********/
    /****************************/
    
    .page-id-4 #content article dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .page-id-4 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-4 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /*************************************/
    /********** Report (Detail) **********/
    /*************************************/
    
    
    
    /**************************/
    /********** Link **********/
    /**************************/
    
    .page-id-5 #content article ul {
        clear: both;
        margin: 0;
        padding: 0;
    }
    .page-id-5 #content article ul li {
        margin: 10px 0;
        padding: 10px 0;
        border-bottom: 1px dashed #1A3526;
    }
    .page-id-5 #content article ul li a {
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    .page-id-5 #content article ul li a:hover {
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
        color: #F2BC16;
    }
    
    
    
    /**************************/
    /********** News **********/
    /**************************/
    
    .page-id-6 #content article dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .page-id-6 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-6 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /***********************************/
    /********** News (Detail) **********/
    /***********************************/
    
    /*************************/
    /********** add **********/
    /************************/
    
    .photoright {
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    
}



/************************************************************/
/********** Responsive Contents Setting (768-1024) **********/
/************************************************************/

@media screen and ( min-width: 769px ) and ( max-width: 1024px ) {
    
    
    
    /****************************/
    /********** Header **********/
    /****************************/
    
    .home #header {
        width: 100%;
    }
    .home #header header {
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }
    .page #header {
        background-image: url("../images/main-image01.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
        height: 90px;
        width: 100%;
        border-bottom: 10px solid #EDF0E3;
    }
    .page #header header {
        display: none;
    }
    
    
    
    /****************************/
    /********** Footer **********/
    /****************************/
    
    #footer {
        background-image: url("../images/bg-footer.png");
        background-repeat: repeat-x;
        background-position: center bottom;
        background-size: auto 100%;
        width: 100%;
    }
    #footer footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        margin: 0 auto;
        padding: 0 40px;
    }
    #footer footer #credit {
        margin: 0;
        padding: 0;
        text-align: left;
        width: 50%;
        font-size: 1.8rem;
    }
    #footer footer #credit h2 {
        margin: 10px 0;
        padding: 0;
    }
    #footer footer #credit h3 {
        margin: 10px 0;
        padding: 0;
    }
    #footer footer #credit p {
        margin: 10px 0;
        padding: 0;
        font-size: 1.8rem;
        line-height: 180%;
    }
    #footer footer nav {
        margin: 0 0 0 20px;
        padding: 0;
        width: 50%;
        display: flex;
    }
    #footer footer nav ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
    }
    #footer footer nav ul li {
        margin: 5px 0;
        padding: 0;
        text-align: left;
        font-size: 1.6rem;
        width: 100%;
    }
    #footer footer nav ul li a {
        text-decoration: none;
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    #footer footer nav ul li a:hover,
    #footer footer nav ul li.current a:hover {
        text-decoration: none;
        background-image: url("../images/icon08.png");
        background-repeat: no-repeat;
        background-position: left center;
    }
    #footer footer nav ul li.current a {
        text-decoration: none;
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
    }
    #footer #pagetop {
        position: fixed;
        bottom: 40px;
        right: 10px;
    }
    #footer #copyright {
        font-size: 1.8rem;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        background-color: #EDF0E3;
    }
    
    
    
    /*********************************/
    /********** Slide Image **********/
    /*********************************/
    
    .slider {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 350px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        margin: 0 auto;
    }
    .slider .extension {
        background-image: url("../images/bg-header.png");
        background-repeat: repeat-x;
        background-position: center -25px;
        background-size: auto 100%;
        height: 100%;
    }
    .slider .extension p {
        padding: 70px 0 0 250px;
    }
    .slider .extension img {
        width: 94%;
        height: auto;
    }
    
    
    
    /**************************/
    /********** Main **********/
    /**************************/
    
    main {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    
    
    /****************************************/
    /********** Respomsive Swicher **********/
    /****************************************/
    
    #trigger {
        display: none;
    }
    #modal-window {
        display: inline;
    }
    
    
    
    /*****************************/
    /********** Sidebar **********/
    /*****************************/
    
    #sidebar {
        margin: 0 30px 0 0;
        padding: 50px 35px;
        background: rgba(255,255,255,0.7);
        position: relative;
        z-index: 300;
    }
    #sidebar nav {
        clear: both;
        margin: 40px 0 0 0;
        padding: 0;
    }
    #sidebar nav ul {
        clear: both;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    #sidebar nav ul li {
        clear: both;
        margin: 0;
        padding: 0;
        text-align: left;
        font-size: 1.6rem;
        border-bottom: 1px dashed #231815;
    }
    #sidebar nav ul li a {
        display: block;
        margin: 0;
        padding: 17px 0 17px 23px;
        color: #000000;
        text-decoration: none;
        width: 100%;
        height: 100%;
        font-weight: bold;
    }
    #sidebar nav ul li.current {
        background-image: url("../images/icon01.png");
        background-repeat: no-repeat;
        background-position: left 5px;
        margin: 4px 0 0 0;
    }
    #sidebar nav ul li a:hover {
        background-image: url("../images/icon07.png");
        background-repeat: no-repeat;
        background-position: left 5px;
    }
    
    #sidebar nav ul li ul {
        display: none;
    }
    #sidebar nav ul li.current ul {
        display: block;
    }
    #sidebar nav ul li ul li {
        margin: 0;
        padding: 0;
        background-color: #F5FCB9;
        border: none;
    }
    #sidebar nav ul li ul li a {
        display: block;
        margin: 0;
        padding: 10px 20px;
    }
    #sidebar nav ul li ul li a:before {
        content: "・";
    }
    #sidebar nav ul li ul li.current,
    #sidebar nav ul li ul li a:hover {
        background-color: #EEF888;
        background-image: none;
    }
    
    
    
    /*****************************/
    /********** Content **********/
    /*****************************/
    
    #content {
        vertical-align: top;
        margin: 80px 0 40px 0;
        padding: 0 10px;
        width: 100%;
        height: 100%;
    }
    #content article {
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    
    
    /**************************************/
    /********** Content (Common) **********/
    /**************************************/
    
    #content h2 {
        clear: both;
        font-size: 3.0rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 0;
        border-bottom: 2px solid #DEF216;
        line-height: 160%;
    }
    #content h3 {
        clear: both;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 5px 15px;
        border-left: 8px solid #1A3526;
        background-color: #EDF0E3;
        line-height: 160%;
    }
    #content h4 {
        clear: both;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 0 0 30px 0;
        padding: 0;
        line-height: 160%;
    }
    #content .date {
        text-align: right;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    #content .more {
        clear: both;
        margin: 30px auto 0 auto;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #content .more a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 10px 20px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 30%;
    }
    #content .more a:before {
        margin: 0 20px 0 0;
    }
    #content .more a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    
    #content .years {
        clear: both;
        overflow: hidden;
        margin: 20px 0;
        padding: 0;
        display: flex;
    }
    #content .years li {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        border-left: 1px solid #99A597;
        border-top: 1px solid #99A597;
        border-bottom: 1px solid #99A597;
        background-color: #EDF0E3;
    }
    #content .years li:last-child {
        border-right: 1px solid #99A597;
    }
    #content .years li a {
        display: block;
        padding: 4px 20px;
        width: 100%;
    }
    #content .years li.current {
        padding: 4px 20px;
        font-weight: bold;
        color: #1A3526;
        background-color: #FFFFFF;
    }
    #content .category {
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
    }
    
    .txt_bg_green_white{
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
        textalign: right;
    }
    
    /*********************************/
    /********** Breadcrumbs **********/
    /*********************************/
    
    #breadcrumbs {
        margin: 0 auto;
        padding: 40px 0 0 0;
    }
    #breadcrumbs ul {
        margin: 0;
        padding: 0;
    }
    #breadcrumbs ul li {
        display: inline;
        font-size: 1.4rem;
    }
    #breadcrumbs ul li:after {
        content: ">";
        font-size: 1.2rem;
        margin: 0 4px;
        padding: 0 0 0 4px;
    }
    #breadcrumbs ul li:last-child:after {
        content: none;
    }
    
    
    
    /**********************************/
    /********** Page Content **********/
    /**********************************/
    
    .page #contents00 {
        display: flex;
        justify-content: space-between;
        margin: -90px auto 40px auto;
        padding: 0;
        text-align: left;
    }
    .page #contents00 #sidebar h1 {
        margin: 60px 0 0 0;
    }
    
    
    
    /**************************/
    /********** Home **********/
    /**************************/
    
    .home #contents00 {
        display: flex;
        justify-content: space-between;
        margin: 0 auto 20px auto;
        text-align: left;
    }
    .home #contents00 #description {
        margin: 400px 30px 40px 0;
        padding: 5px 30px 5px 30px;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 200;
        border: 2px solid #DEF216;
        font-size: 1.7rem;
        text-align: left;
        line-height: 200%;
    }
    .home #contents00 #description h2 {
        text-align: center;
        border-bottom: 2px solid #DEF216;
        margin: 0 auto;
        padding: 0 0 5px 0;
    }
    
    .home #contents01 {
        margin: 0 auto;
        padding: 60px 40px;
        width: 100%;
        background-color: #EDF0E3;
    }
    .home #contents01 article {
        margin: 0 auto;
        padding: 0;
    }
    .home #contents01 h2 {
        text-align: center;
        margin: 0 auto;
    }
    .home #contents01 dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
        display: flex;
    }
    .home #contents01 dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        width: 12%;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .home #contents01 dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .home #contents01 .archives {
        text-align: right;
        font-size: 1.4rem;
    }
    .home #contents01 .archives a {
        text-decoration: none;
    }
    .home #contents01 .archives a {
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    .home #contents01 .archives a:hover {
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
        color: #F2BC16;
    }
    
    .home #contents02 {
        margin: 0 auto;
        padding: 60px 40px;
        width: 100%;
        background-color: #FFFFFF;
    }
    .home #contents02 article {
        margin: 0 auto;
        padding: 0;
    }
    .home #contents02 h2 {
        text-align: center;
        margin: 0 auto;
    }
    .home #contents02 ul {
        clear: both;
        text-align: center;
        margin: 20px auto;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    .home #contents02 ul li {
        margin: 0 auto;
        padding: 20px 5px;
        text-align: center;
        font-size: 1.8rem;
        border-right: 1px dashed #1A3526;
        display: block;
    }
    .home #contents02 ul li img {
        width: 90%;
        height: auto;
    }
    .home #contents02 ul li:last-child {
        border: none;
    }
    
    
    
    /*******************************/
    /********** ketogenic **********/
    /*******************************/
    
    .page-id-1 #content article ul {
        list-style-position: inside;
        margin: 20px 40px;
    }
    .page-id-1 #content article ul li {
        list-style-type: disc;
        margin: 10px 0;
    }
    .page-id-1 #content article ol {
        list-style-position: inside;
        margin: 20px 0;
    }
    .page-id-1 #content article ol li {
        list-style-type: none;
        counter-increment: cnt;
        margin: 10px 0;
    }
    .page-id-1 #content article ol li:before{
        display: marker;
        content: counter(cnt) ") "
    }
    
    
    
    /******************************/
    /********** About Us **********/
    /******************************/
    
    .page-id-2 #content {
    }
    
    
    
    /*****************************/
    /********** Members **********/
    /*****************************/
    
    .page-id-3 #content article table {
        clear: both;
        margin: 0 0 30px 0;
        padding: 0;
        width: 100%;
        table-layout: auto;
        border-collapse: collapse;
    }
    .page-id-3 #content article table tr th {
        margin: 0;
        padding: 4px 10px;
        text-align: center;
        border: 1px solid #1A3526;
        background-color: #EDF0E3;
    }
    .page-id-3 #content article table tr td {
        margin: 0;
        padding: 4px 10px;
        border: 1px solid #1A3526;
        background-color: #FFFFFF;
    }
    .page-id-3 #content article table td:nth-child(1) {
        white-space: nowrap;
        width: 30%;
    }
    .page-id-2 #content article table:last-child {
        margin: 0;
    }
    
    
    
    /****************************/
    /********** Report **********/
    /****************************/
    
    .page-id-4 #content article dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .page-id-4 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-4 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /*************************************/
    /********** Report (Detail) **********/
    /*************************************/
    
    
    
    /**************************/
    /********** Link **********/
    /**************************/
    
    .page-id-5 #content article ul {
        clear: both;
        margin: 0;
        padding: 0;
    }
    .page-id-5 #content article ul li {
        margin: 10px 0;
        padding: 10px 0;
        border-bottom: 1px dashed #1A3526;
    }
    .page-id-5 #content article ul li a {
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    .page-id-5 #content article ul li a:hover {
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
        color: #F2BC16;
    }
    
    
    
    /**************************/
    /********** News **********/
    /**************************/
    
    .page-id-6 #content article dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
    }
    .page-id-6 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-6 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /***********************************/
    /********** News (Detail) **********/
    /***********************************/
    
    
    
    
    
    /*************************/
    /********** add **********/
    /************************/
    
    .photoright {
        float: right;
        margin-left: 5px;
        margin-bottom:　5px;
        margin-top: 5px;
    }
    
    
    
}



/********************************************************/
/********** Responsive Contents Setting (1024) **********/
/********************************************************/

@media screen and ( min-width: 1025px ) {
    
    
    
    /****************************************/
    /********** Base Setting (1024) **********/
    /****************************************/
    
    body {
        min-width: 1000px;
    }
    
    
    
    /****************************/
    /********** Header **********/
    /****************************/
    
    .home #header {
        width: 100%;
    }
    .home #header header {
        margin: 0 auto;
        padding: 0;
        width: 1000px;
        text-align: left;
    }
    .page #header {
        background-image: url("../images/main-image01.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
        height: 90px;
        width: 100%;
        border-bottom: 10px solid #EDF0E3;
    }
    .page #header header {
        display: none;
    }
    
    
    
    /****************************/
    /********** Footer **********/
    /****************************/
    
    #footer {
        background-image: url("../images/bg-footer.png");
        background-repeat: repeat-x;
        background-position: center bottom;
        background-size: auto 100%;
        width: 100%;
    }
    #footer footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        margin: 0 auto;
        padding: 0 10px;
        width: 1000px;
    }
    #footer footer #credit {
        margin: 0;
        padding: 0;
        text-align: left;
        width: 60%;
        font-size: 1.8rem;
    }
    #footer footer #credit h2 {
        margin: 10px 0;
        padding: 0;
    }
    #footer footer #credit h3 {
        margin: 10px 0;
        padding: 0;
    }
    #footer footer #credit p {
        margin: 10px 0;
        padding: 0;
        font-size: 1.8rem;
        line-height: 180%;
    }
    #footer footer nav {
        margin: 0 0 0 20px;
        padding: 0;
        width: 40%;
        display: flex;
    }
    #footer footer nav ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
    }
    #footer footer nav ul li {
        margin: 5px 0;
        padding: 0;
        text-align: left;
        font-size: 1.6rem;
        width: 100%;
    }
    #footer footer nav ul li a {
        text-decoration: none;
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    #footer footer nav ul li a:hover,
    #footer footer nav ul li.current a:hover {
        text-decoration: none;
        background-image: url("../images/icon08.png");
        background-repeat: no-repeat;
        background-position: left center;
    }
    #footer footer nav ul li.current a {
        text-decoration: none;
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
    }
    #footer #pagetop {
        position: fixed;
        bottom: 40px;
        right: 40px;
    }
    #footer #copyright {
        font-size: 1.8rem;
        text-align: center;
        margin: 0 auto;
        padding: 10px 0;
        background-color: #EDF0E3;
    }
    
    
    
    /*********************************/
    /********** Slide Image **********/
    /*********************************/
    
    .slider {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 350px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        margin: 0 auto;
    }
    .slider .extension {
        background-image: url("../images/bg-header.png");
        background-repeat: repeat-x;
        background-position: center -25px;
        background-size: auto 100%;
        height: 100%;
    }
    .slider .extension p {
        padding: 70px 0 0 250px;
    }
    
    
    
    /**************************/
    /********** Main **********/
    /**************************/
    
    main {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    
    
    /****************************************/
    /********** Respomsive Swicher **********/
    /****************************************/
    
    #trigger {
        display: none;
    }
    #modal-window {
        display: inline;
    }
    
    
    
    /*****************************/
    /********** Sidebar **********/
    /*****************************/
    
    #sidebar {
        margin: 0 30px 0 0;
        padding: 50px 35px;
        background: rgba(255,255,255,0.7);
        position: relative;
        z-index: 300;
    }
    #sidebar nav {
        clear: both;
        margin: 40px 0 0 0;
        padding: 0;
    }
    #sidebar nav ul {
        clear: both;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    #sidebar nav ul li {
        clear: both;
        margin: 0;
        padding: 0;
        text-align: left;
        font-size: 1.6rem;
        border-bottom: 1px dashed #231815;
    }
    #sidebar nav ul li a {
        display: block;
        margin: 0;
        padding: 17px 0 17px 23px;
        color: #000000;
        text-decoration: none;
        width: 100%;
        height: 100%;
        font-weight: bold;
    }
    #sidebar nav ul li.current {
        background-image: url("../images/icon01.png");
        background-repeat: no-repeat;
        background-position: left 5px;
        margin: 4px 0 0 0;
    }
    #sidebar nav ul li a:hover {
        background-image: url("../images/icon07.png");
        background-repeat: no-repeat;
        background-position: left 5px;
    }
    
    #sidebar nav ul li ul {
        display: none;
    }
    #sidebar nav ul li.current ul {
        display: block;
    }
    #sidebar nav ul li ul li {
        margin: 0;
        padding: 0;
        background-color: #F5FCB9;
        border: none;
    }
    #sidebar nav ul li ul li a {
        display: block;
        margin: 0;
        padding: 10px 20px;
    }
    #sidebar nav ul li ul li a:before {
        content: "・";
    }
    #sidebar nav ul li ul li.current,
    #sidebar nav ul li ul li a:hover {
        background-color: #EEF888;
        background-image: none;
    }
    
    
    
    /*****************************/
    /********** Content **********/
    /*****************************/
    
    #content {
        vertical-align: top;
        margin: 80px 0 40px 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    #content article {
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    
    
    /**************************************/
    /********** Content (Common) **********/
    /**************************************/
    
    #content h2 {
        clear: both;
        font-size: 3.0rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 0;
        border-bottom: 2px solid #DEF216;
        line-height: 160%;
    }
    #content h3 {
        clear: both;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 30px 0;
        padding: 5px 15px;
        border-left: 8px solid #1A3526;
        background-color: #EDF0E3;
        line-height: 160%;
    }
    #content h4 {
        clear: both;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        margin: 0 0 30px 0;
        padding: 0;
        line-height: 160%;
    }
    #content .date {
        text-align: right;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    #content .back {
        clear: both;
        border-top: 1px solid #99A597;
        margin: 30px auto 0 auto;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #content .back a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 10px 20px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 30%;
    }
    #content .back a:before {
        content: "<";
        margin: 0 20px 0 0;
    }
    #content .back a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    #content .more {
        clear: both;
        margin: 30px auto 0 auto;
        padding: 30px 0 0 0;
        text-align: center;
    }
    #content .more a {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 10px 20px;
        border: 2px solid #82AC1E;
        background-color: #EDF0E3;
        border-radius: 40px;
        font-weight: bold;
        text-decoration: none;
        color: #82AC1E;
        width: 30%;
    }
    #content .more a:before {
        margin: 0 20px 0 0;
    }
    #content .more a:hover {
        color: #FFFFFF;
        background-color: #F2BC16;
        border: 2px solid #F2BC16;
    }
    #content .years {
        clear: both;
        overflow: hidden;
        margin: 20px 0;
        padding: 0;
        display: flex;
    }
    #content .years li {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        border-left: 1px solid #99A597;
        border-top: 1px solid #99A597;
        border-bottom: 1px solid #99A597;
        background-color: #EDF0E3;
    }
    #content .years li:last-child {
        border-right: 1px solid #99A597;
    }
    #content .years li a {
        display: block;
        padding: 4px 20px;
        width: 100%;
    }
    #content .years li.current {
        padding: 4px 20px;
        font-weight: bold;
        color: #1A3526;
        background-color: #FFFFFF;
    }
    #content .category {
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
    }
    
    .txt_bg_green_white{
        background-color: #1A3526;
        color: #FFFFFF;
        border-radius: 10px;
        margin: 0 10px;
        padding: 2px 10px;
        font-size: 1.2rem;
        textalign: right;
    }
    
    /*********************************/
    /********** Breadcrumbs **********/
    /*********************************/
    
    #breadcrumbs {
        margin: 0 auto;
        padding: 40px 0 0 0;
    }
    #breadcrumbs ul {
        margin: 0;
        padding: 0;
    }
    #breadcrumbs ul li {
        display: inline;
        font-size: 1.4rem;
    }
    #breadcrumbs ul li:after {
        content: ">";
        font-size: 1.2rem;
        margin: 0 4px;
        padding: 0 0 0 4px;
    }
    #breadcrumbs ul li:last-child:after {
        content: none;
    }
    
    
    
    /**********************************/
    /********** Page Content **********/
    /**********************************/
    
    .page #contents00 {
        display: flex;
        justify-content: space-between;
        margin: -90px auto 40px auto;
        padding: 0;
        width: 1000px;
        text-align: left;
    }
    .page #contents00 #sidebar h1 {
        margin: 60px 0 0 0;
    }
    
    
    
    /**************************/
    /********** Home **********/
    /**************************/
    
    .home #contents00 {
        display: flex;
        justify-content: space-between;
        margin: 0 auto 20px auto;
        padding: 0 5px 0 0;
        width: 1000px;
        text-align: left;
    }
    .home #contents00 #description {
        margin: 400px 0 40px 0;
        padding: 5px 30px 5px 30px;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 200;
        border: 2px solid #DEF216;
        font-size: 1.7rem;
        text-align: left;
        line-height: 200%;
    }
    .home #contents00 #description h2 {
        text-align: center;
        border-bottom: 2px solid #DEF216;
        margin: 0 auto;
        padding: 0 0 5px 0;
    }
    
    .home #contents01 {
        margin: 0 auto;
        padding: 60px 0;
        width: 100%;
        background-color: #EDF0E3;
    }
    .home #contents01 article {
        margin: 0 auto;
        padding: 0 10px;
        width: 1000px;
        display: flex;
        flex-direction: column;
    }
    .home #contents01 h2 {
        text-align: center;
        margin: 0 auto;
    }
    .home #contents01 dl {
        clear: both;
        order: 2;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
        display: flex;
    }
    .home #contents01 dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        width: 12%;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .home #contents01 dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .home #contents01 .archives {
        text-align: right;
        font-size: 1.4rem;
        order: 1;
    }
    .home #contents01 .archives a {
        text-decoration: none;
    }
    .home #contents01 .archives a {
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    .home #contents01 .archives a:hover {
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
        color: #F2BC16;
    }
    
    .home #contents02 {
        margin: 0 auto;
        padding: 60px 0;
        width: 100%;
        background-color: #FFFFFF;
    }
    .home #contents02 article {
        margin: 0 auto;
        padding: 0;
        width: 1000px;
    }
    .home #contents02 h2 {
        text-align: center;
        margin: 0 auto;
    }
    .home #contents02 ul {
        clear: both;
        text-align: center;
        margin: 60px auto;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    .home #contents02 ul li {
        margin: 0 auto;
        padding: 20px 5px;
        text-align: center;
        font-size: 1.8rem;
        border-right: 1px dashed #1A3526;
        display: block;
    }
    .home #contents02 ul li:last-child {
        border: none;
    }
    
    
    
    /*******************************/
    /********** ketogenic **********/
    /*******************************/
    
    .page-id-1 #content article ul {
        list-style-position: inside;
        margin: 20px 40px;
    }
    .page-id-1 #content article ul li {
        list-style-type: disc;
        margin: 10px 0;
    }
    .page-id-1 #content article ol {
        list-style-position: inside;
        margin: 20px 0;
    }
    .page-id-1 #content article ol li {
        list-style-type: none;
        counter-increment: cnt;
        margin: 10px 0;
        line-height: 1.7;
    }
    .page-id-1 #content article ol li:before{
        display: marker;
        content: counter(cnt) ") "
    }
    
    
    
    /******************************/
    /********** About Us **********/
    /******************************/
    
    .page-id-2 #content {
    }
    
    
    
    /*****************************/
    /********** Members **********/
    /*****************************/
    
    .page-id-3 #content article table {
        clear: both;
        margin: 0 0 30px 0;
        padding: 0;
        width: 100%;
        table-layout: auto;
        border-collapse: collapse;
    }
    .page-id-3 #content article table tr th {
        margin: 0;
        padding: 4px 10px;
        text-align: center;
        border: 1px solid #1A3526;
        background-color: #EDF0E3;
    }
    .page-id-3 #content article table tr td {
        margin: 0;
        padding: 4px 10px;
        border: 1px solid #1A3526;
        background-color: #FFFFFF;
    }
    .page-id-3 #content article table td:nth-child(1) {
        white-space: nowrap;
        width: 25%;
    }
    .page-id-2 #content article table:last-child {
        margin: 0;
    }
    
    
    
    /****************************/
    /********** Report **********/
    /****************************/
    
    .page-id-4 #content article dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
        display: flex;
    }
    .page-id-4 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        width: 25%;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-4 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /*************************************/
    /********** Report (Detail) **********/
    /*************************************/
    
    
    
    /**************************/
    /********** Link **********/
    /**************************/
    
    .page-id-5 #content article ul {
        clear: both;
        margin: 0;
        padding: 0;
    }
    .page-id-5 #content article ul li {
        margin: 10px 0;
        padding: 10px 0;
        border-bottom: 1px dashed #1A3526;
    }
    .page-id-5 #content article ul li a {
        background-image: url("../images/icon04.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        color: #000000;
    }
    .page-id-5 #content article ul li a:hover {
        background-image: url("../images/icon03.png");
        background-repeat: no-repeat;
        background-position: left center;
        color: #F2BC16;
    }
    
    
    
    /**************************/
    /********** News **********/
    /**************************/
    
    .page-id-6 #content article dl {
        clear: both;
        margin: 20px 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #99A597;
        width: 100%;
        display: flex;
    }
    .page-id-6 #content article dl dt {
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        width: 16%;
        font-size: 1.4rem;
        font-family: Verdana;
    }
    .page-id-6 #content article dl dd {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    
    
    /***********************************/
    /********** News (Detail) **********/
    /***********************************/
    
    
    
    /*************************/
    /********** add **********/
    /************************/
    
    .photoright {
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    
    
}