@charset "UTF-8";

/*子テーマ用「base.css」*/
body {
    background-color: white;
}

.home .keni-section_wrap {
    background: none;
    padding: 0;
}

.home h2 {
    text-align: center;
    font-size: 4.5rem;
    color: #666464;
    background: no-repeat;
}

.home p {
    font-size: 1.8rem;
}


/* ゆっくり表示　フェードイン用のCSS（.show） */
.slide-top {
    opacity: 0;
    transform: translate(0, 20px);
    transition: all 1s ease-out;
}

.slide-bottom {
    opacity: 0;
    transform: translate(0, -20px);
    transition: all 1s ease-out;
}

.slide-left {
    opacity: 0;
    transform: translate(-20px, 0);
    transition: all 1s ease-out;
}

.slide-right {
    opacity: 0;
    transform: translate(20px, 0);
    transition: all 1s ease-out;
}


.concept_wrap {
    margin-bottom: 15rem;
}

.concept {
    text-align: center;
}

.concept h2 {}

.concept .point {
    font-size: 2.4rem;
    color: #005195;
    font-weight: bold;
}

.concept .point span {}

.concept p {}

.meter_wrap {
    margin: 0 0 10rem 0;
}

.meter {}

.meter h2 span {
    display: block;
    font-size: 2.6rem;
    line-height: 250%;
}

.meter_list {
    margin: 0 0 8rem 0;
}

.meter_list .group {
    display: flow-root;
}

.meter_list .image {
    width: 30%;
    float: left;
    margin-right: 5%;
}

.meter_list .image .gallery {}

.meter_list .image .gallery .gallery-item {}

.meter_list .image .gallery .gallery-item a {
    width: 100%;
}

.meter_list .image .gallery .gallery-item img {
    height: 65px;
    object-fit: cover;
    border: 1px solid #b1b1b1;
}

.meter_list .image .main_image {
    width: 100%;
    padding: 0 2px;
}

.meter_list .image .main_image img {
    height: 200px;
    object-fit: cover;
    margin: 0 0 3px 0px;
    border: 1px solid #b1b1b1;
}

.meter_list .graph {
    width: 30%;
    float: left;
}

.meter_list .price {
    width: 30%;
    float: right;
}

.meter_list .price h3 {
    text-align: left;
    color: #666464;
    border-bottom: 2px solid #666464;
    border-top: none;
    margin: 0 0 1rem 0;
}

.meter_list .price .gram {
    text-align: left;
    margin: 0 0 3rem 2rem;
    font-size: 1.8rem;
    font-weight: normal;
}

.meter_list .price p {
    text-align: right;
    font-size: 2.4rem;
    font-weight: bold;
}

.meter_list .price .button {
    display: block;
    background-color: #008f3f;
    text-align: center;
    color: white;
    text-decoration: none;
    border-radius: 7px;
    margin: 0 0 2rem 0;
}

.meter_list .price a {
    text-align: right;
    display: block;
    color: #a96500;
}

.meter_list h4 {
    display: inline-block;
    border: none;
    color: #666464;
    margin: 0;
}

.meter_list p {}

.shop_wrap {
    background-image: url(images/bg_01.png);
    background-position: bottom;
    background-size: cover;
    height: 500px;
    margin: 0 0 15rem 0;
}

.shop_wrap .shop {
    display: flow-root;
}

.shop_wrap h2 {}

.shop_wrap p {
    width: 68%;
    float: right;
    margin: 5rem 0 8rem 0;
}

.shop_wrap .button {
    background-image: url(images/button.png);
    padding: 17px 65px;
    color: white;
    text-decoration: none;
    clear: right;
    display: block;
    float: right;
}

.shop_wrap .button:hover {}

.information_wrap {
    background-image: url(images/bg_02.png), url(images/bg_03.png);
    background-position: top 8% left 15%, top right 15%;
}

.information {}

.information h2 {}

.information p {
    text-align: center;
    margin-bottom: 10rem;
}

.information .info {
    max-width: 45%;
    float: left;
}

.information .info h3 {
    margin: 0 0 2rem 0;
    color: #666464;
    border-top: none;
    border-color: #666464;
}

.information .info table {
    margin: 0;
}

.information .info table tr {}

.information .info table th {
    text-align: left;
}

.information .info table td {}

.information .info table th,
.information .info table td {
    padding: 10px 0;
    font-size: 1.6rem;
    border: none;
    background: none;
}

.information iframe {
    max-width: 55%;
    padding-left: 3rem;
    max-height: 300px;
}


.keni-header .site-title, .keni-header_col1 .site-title {
    float: none;
    text-align: center;
    margin: auto;
}

.keni-header .site-title, .keni-header_col1 .site-title img {
    max-width: 260px;
    padding: 5px 0 5px 0;
}

.keni-gnav_inner>ul {
    margin: auto;
}

.keni-header_col1 .keni-header_cont {
    display: none !important;
}

.header_group {
    position: absolute;
    z-index: 999;
    width: 100%;
}

.keni-header_wrap {
    background-image: none !important;
    background: none;
    background-color: #ffffffbf;
    height: 165px;
}

.keni-gnav_wrap {
    background: none;
}

@media (min-width: 768px) {
    .keni-gnav_inner li a {
        border: none;
        font-size: 2.2rem;
        text-align: center;
    }

    .keni-gnav_inner ul {
        background: none;
        width: 60%;
        padding: 15px 0 0 0;
    }

    .keni-gnav_inner li a:hover, .keni-gnav_inner li a:active, .keni-gnav_inner li a:focus {
        border: none;
        color: #454cad;
    }
}

.home .entry-list_style01 {
    display: none;
}


/*
# =================================================================
# 固定ページ
# =================================================================
*/
.keni-section h1 {
    background: none;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.4rem !important;
    color: #9d9d9d;
}

.keni-section h2 {}

.keni-section h2 {
    position: relative;
    padding: 2rem 0 1.2em 0;
    text-align: center;
    color: #303030;
    background-color: white;
    font-size: 3rem;
    margin: 0 0 7rem 0;
}

.keni-section h2::before,
.keni-section h2::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 6px;
    box-sizing: border-box;
}

.keni-section h2::before {
    top: 0;
    /* border-bottom: 1px solid #353a85; */
}

.keni-section h2::after {
    bottom: 0;
    border-top: 1px solid #747474;
    border-bottom: 2px solid #545454;
}

.keni-section h3 {
    text-align: center;
    border: none;
    color: #4c4c4c;
}

.keni-section h4 {}


.article-visual {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: relative;
    top: -50px;
}
.article-visual img {
    width: 100%;
}



@media screen and (max-width: 768px){
	
	
	.concept_wrap {
}

.concept {
}

.concept h2 {}

.concept .point {

}

.concept .point span {}

.concept p {}

.meter_wrap {
}

.meter {}

.meter h2 span {

}

.meter_list {
}

.meter_list .group {
}

.meter_list .image {width: 100%;}

.meter_list .image .gallery {}

.meter_list .image .gallery .gallery-item {}

.meter_list .image .gallery .gallery-item a {
}

.meter_list .image .gallery .gallery-item img {

}

.meter_list .image .main_image {
    text-align: center;
}

.meter_list .image .main_image img {}

.meter_list .graph {width: 100%;}

.meter_list .price {width: 100%;}

.meter_list .price h3 {

}

.meter_list .price .gram {margin: 0;}

.meter_list .price p {margin: 15px 0 0 0;line-height: 150%;}

.meter_list .price .button {font-size: 1.4rem;}

.meter_list .price a {

}

.meter_list h4 {

}

.meter_list p {
    font-size: 1.4rem;
    line-height: 180%;
}

.shop_wrap {margin: 15rem 0 10rem 0;height: 400px;}

.shop_wrap .shop {}

.shop_wrap h2 {}

.shop_wrap p {width: 100%;margin: 2rem 0 2rem 0;font-size: 1.6rem !important;}

.shop_wrap .button {float: none;margin: auto;width: 100%;background-position: center;text-align: center;padding: 22px 0 15px 0;}

.shop_wrap .button:hover {}

.information_wrap {
    background-size: 70%;
    background-position: bottom, center;
    background: no-repeat;
}

.information {}

.information h2 {}

.information p {margin-bottom: 2rem;}

.information .info {max-width: 100%;padding-top: 2rem;position: relative;}

.information .info h3 {

}

.information .info table {

}

.information .info table tr {}

.information .info table th {

}

.information .info table td {}

.information .info table th,
.information .info table td {

}

.information iframe {max-width: 100%;padding: 0;}
.keni-gnav_inner {
    top: 100px;
}
.keni-header .site-title, .keni-header_col1 .site-title {
}

.keni-header .site-title, .keni-header_col1 .site-title img {max-width: 70%;text-align: left;margin: 0 0 0 5px;padding: 4px 0 5px 0;}

.keni-gnav_inner>ul {
}

.keni-header_col1 .keni-header_cont {
}

.header_group {
    position: relative;
}

.keni-header_wrap {height: auto;}

.keni-gnav_wrap {

}

.home .entry-list_style01 {
}

.keni-section h1 {
}

.keni-section h2 {}

.keni-section h2 {
}

.keni-section h2::before,
.keni-section h2::after {
}

.keni-section h2::before {
}

.keni-section h2::after {
}

.keni-section h3 {

}

.keni-section h4 {}


.article-visual {

}
.article-visual img {

}
	.bg-video video, .bg-video iframe {
    display: block;
    position: initial;
    max-width: 100%;
    -webkit-transform: inherit;
}
	.col1 .keni-mv_wide .keni-mv_outer {max-width: 100% !important;max-height: inherit !important;height: auto !important;}
	
}