@charset "UTF-8";
/* Blog sideCol
------------------------------ */
.twoCol #sideCol .widget {
margin-bottom: 2em;
}
.twoCol #sideCol .widget:last-of-type {
margin-bottom: 0;
}
.twoCol #sideCol h2 {
display: block;
text-align: left;
}

/* Blog Calendar
----------------------------------------- */
.twoCol #sideCol .blogCalendar {
width: 100%;
border-collapse: separate;
border-spacing: 5px;
}
.twoCol #sideCol .blogCalendar th {
border-bottom: 1px solid #808080;
}
.twoCol #sideCol .blogCalendar .sunday {
color: red;
}
.twoCol #sideCol .blogCalendar .saturday {
color: blue;
}
.twoCol #sideCol .blogCalendar .month .wrap {
width: 100%;
display: table;
}
.twoCol #sideCol .blogCalendar .month .wrap span {
display: table-cell;
vertical-align: bottom;
line-height: 1.5;
}
.twoCol #sideCol .blogCalendar .month .wrap .pre {
text-align: left;
}
.twoCol #sideCol .blogCalendar .month .wrap .next {
text-align: right;
}
.twoCol #sideCol .blogCalendar .today {
background: #60caad;
}
.twoCol #sideCol .blogCalendar a {
display: block;
background: #efefef;
}

/* Blog base
------------------------------------------ */
#contentsTitle {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.postDetail .date {
font-weight: bold;
text-align: center;
}
.postDetail .time {
color: #9b9b9b;
font-family: 'Helvetica','Neue Haas Grotesk';
letter-spacing: 0.2em;
}
.entryList {
margin-bottom: 50px;
}
.Blog .backPage {
margin: auto;
display: inline-block;
position: relative;
}
.Blog .backPage a {
margin: auto;
display: inline-block;
position: relative;
z-index: 1;
}
.Blog .backPage a i {
margin-right: auto;
margin-bottom: 0.5em;
margin-left: auto;
width: 25px;
height: 35px;
display: block;
color: transparent;
position: relative;
}
.Blog .backPage i::before {
content: "";
margin: auto;
width: 25px;
height: 5px;
display: block;
border-radius: 5px;
background-color: #013432;
position: absolute;
top: 8px;
right: 0;
left: 0;
transform: rotate(-45deg);
}
.Blog .backPage i::after {
content: "";
margin: auto;
width: 25px;
height: 5px;
display: block;
border-radius: 5px;
background-color: #013432;
position: absolute;
bottom: 8px;
right: 0;
left: 0;
transform: rotate(45deg);
}


/* pagination
------------------------------------------ */
.pagination .paginationWrap {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.pagination .numberList {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.pagination .paginationWrap .number {
padding-right: 1em;
padding-left: 1em;
}
.Blog .pagination a,
.Blog .pagination .number {
color: #ffffff;
}
.Blog .pagination .number  {
margin: 0;
padding: 0!important;
min-width: 1em;
min-height: 1em;
background-color: #013432;
justify-content: center;
clip-path: circle(30% at 50% 50%);
position: relative;
z-index: 1;
}
.Blog .pagination .number.current {
background-color: #7d9b19;
}
.Blog .pagination .numberList a {
padding: 0.7em 0.7em 0.8em 0.7em!important;
display: block;
opacity: 1;
}
.Blog .pagination .numberList a:hover {
background-color: #7d9b19;
}
.Blog .pagination .prevBtn,
.Blog .pagination .nextBtn {
color: transparent;
width: 20px;
height: 34px;
position: relative;
}
.Blog .pagination .prevBtn a,
.Blog .pagination .nextBtn a {
height: 100%;
display: block;
color: transparent;
position: relative;
z-index: 1;
}
.Blog .pagination .prevBtn::before {
content: "";
width: 25px;
height: 5px;
display: block;
border-radius: 5px;
background-color: #013432;
position: absolute;
top: 7px;
right: 0;
transform: rotate(-45deg);
}
.Blog .pagination .prevBtn::after {
content: "";
width: 25px;
height: 5px;
display: block;
border-radius: 5px;
background-color: #013432;
position: absolute;
bottom: 7px;
right: 0;
transform: rotate(45deg);
}
.Blog .pagination .nextBtn::before {
content: "";
width: 25px;
height: 5px;
display: block;
border-radius: 5px;
background-color: #013432;
position: absolute;
top: 7px;
right: 0;
transform: rotate(45deg);
}
.Blog .pagination .nextBtn::after {
content: "";
width: 25px;
height: 5px;
display: block;
border-radius: 5px;
background-color: #013432;
position: absolute;
bottom: 7px;
right: 0;
transform: rotate(-45deg);
}
.Blog .pagination .prevBtn:hover::before,
.Blog .pagination .prevBtn:hover::after,
.Blog .pagination .nextBtn:hover::before,
.Blog .pagination .nextBtn:hover::after {
background-color: #7d9b19;
}
.Blog .pagination .disabled.prevBtn::before,
.Blog .pagination .disabled.prevBtn::after,
.Blog .pagination .disabled.nextBtn::before,
.Blog .pagination .disabled.nextBtn::after {
background-color: #cccccc;
}


.Blog .pagination .nonenumber .prevBtn {
margin-right: 1em;
}
.Blog .pagination .nonenumber .nextBtn {
margin-left: 1em;
}


/* News
------------------------------------------ */
.News #contentsHead {
    background-image: url("images/bk_chead_news.jpg");
    }

    #NewsArchives1 #contentsHead,#NewsArchives2 #contentsHead,#NewsArchives3 #contentsHead,#NewsArchives4 #contentsHead,#NewsArchives5 #contentsHead,#NewsArchives6 #contentsHead,#NewsArchives7 #contentsHead,#NewsArchives8 #contentsHead,#NewsArchives9 #contentsHead,#NewsArchives10 #contentsHead {
        display: none;
        }

        #NewsArchives1 #main,#NewsArchives2 #main,#NewsArchives3 #main,#NewsArchives4 #main,#NewsArchives5 #main,#NewsArchives6 #main,#NewsArchives7 #main,#NewsArchives8 #main,#NewsArchives9 #main,#NewsArchives10 #main {
            margin-top: 100px;
            }


            /* #NewsArchives1 h3,#NewsArchives2 h3,#NewsArchives3 h3,#NewsArchives4 h3,#NewsArchives5 h3,#NewsArchives6 h3,#NewsArchives7 h3,#NewsArchives8 h3,#NewsArchives9 h3,#NewsArchives10 h3 {
                margin-top: 100px;
                } */

        /* #NewsArchives1 #main-in,#NewsArchives2 #main-in,#NewsArchives3 #main-in,#NewsArchives4 #main-in,#NewsArchives5 #main-in,#NewsArchives6 #main-in,#NewsArchives7 #main-in,#NewsArchives8 #main-in,#NewsArchives9 #main-in,#NewsArchives10 #main-in {
           margin-top: 13rem;
            }

            .News.Blog h3{
                font-size: min(6vw,44px);
            }
             */
             .News.Blog h3{
                font-size: min(5vw,35px);
            }
            .News.Blog h3.title{
                font-size: 20px;
            } 

.News #header {
z-index: 2;
}
.News #contentsTitle{
    display: none;
    }
.News #contentsTitle .title {
color: #52453b;
text-align: left;
}
.News #contentsTitle .title .En {
margin-bottom: 20px;
line-height: 1;
background: none;
}
.News #contentsTitle .title .Jp {
padding-right: 0.1em;
padding-left: 0.5em;
line-height: 1;
}
.News .headEntryList {
color: #52453b;
text-align: right;
position: relative;
z-index: 0;
}
.News .headEntryList .postList {
position: relative;
}
.News .headEntryList .postDetail {
position: absolute;
right: 5%;
bottom: 5%;
z-index: 1;
}
.News .headEntryList .eyeCatch {
margin-bottom: 100px;
width: 100%;
overflow: hidden;
}
.News .headEntryList .eyeCatch img {
width: 100%;
object-fit: cover;
}
.News .headEntryList .category {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
background-color: #ffffff;
}
.News .headEntryList .category a {
color: #52453b;
display: block;
}
.News .headEntryList .contentsWrap {
padding: 40px;
background-color: #f0eadc;
box-shadow: 0 3px 6px rgba(0,0,0,0.4); 
text-align: left;
}
.News .headEntryList h2 {
margin-bottom: 1em;
}
.News .headEntryList .detail {
margin-bottom: 1.5em;
}
.News .headEntryList .moreLink {
border: 2px solid #52453b;
border-radius: 100px;
text-align: center;
}
.News .headEntryList .moreLink a::after {
display: none;
}
/* postSlide
-------------------- */
.News .postSlide .slideItem {
padding: 1em;
}
.News .postSlide .slide-arrow {
background-color: transparent;
margin: auto;
position: absolute;
top: -25%;
bottom: 0;
border: 0;
z-index: 5;
}
.News .postSlide .prev-arrow {
background-image: url("images/ic_gallery_r.png");
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.News .postSlide .next-arrow {
background-image: url("images/ic_gallery_r.png");
background-repeat: no-repeat;
background-size: contain;
}
.News .postSlide .slideItem {
padding-left: 1em;
padding-right: 1em;
}
.News .postSlide .slick-dots {
z-index: 1;
}
.News .postSlide .slick-dots li {
width: 1em;
height: 1em;
line-height: 2em;
display: inline-block;
}
.News .postSlide .slick-dots li button {
position: relative;
width: 2em;
height: 2em;
line-height: 2em;
background-color: transparent;
border-radius: 100px;
}
.News .postSlide .slick-dots li button:before {
content: '';
margin: auto;
line-height: 2em;
display: block;
background-color: #ffffff;
border-radius: 100px;
color: pink;
font-size: 2em;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
.News .postSlide .slick-dots li.slick-active button:before {
background-color: #dbdbdb;
}

/* postList
-------------------- */
.News .postArchive {
position: relative;
display: inline-block;
box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}
.News .postArchive .category {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
text-align: center;
background-color: #f0eadc;
position: absolute;
right: 0;
top: 0;
}
.News .postArchive .category a {
color: #52453b;
}
.News .postArchive .eyeCatch {
margin-bottom: 18px;
max-height: 254px;
overflow: hidden;
}
.News .postArchive .eyeCatch img {
width: 100%;
object-fit: cover;
}
.News .postArchive h3 {
margin-bottom: 15px;
line-height: 1.8;
text-align: left;
}
.News .postArchive .postListDetail {
margin-right: auto;
margin-left: auto;
width: 85%;
color: #2e2e2e;
}
.News .postArchive .postListDetail .date {
margin-bottom: 20px;
}
.News .postArchive .time {
text-align: left;
color: #2e2e2e;
}
.News .postListDetail .time {
text-align: left;
}
.News .detailEyeCatch {
    top: 0;
    }
    .News .detailEyeCatch img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
.News .detailEyeCatch {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    display: none;
    }
    .News .detailEyeCatch figure {
    width: 100%;
    height: 100%;
    }

/* postListDetail
-------------------- */
.News .container .postDetail .time {
color: #52453b;
text-align: right;
}


/* Products
------------------------------------------ */
.Products #contentsHead {
background-image: url("images/bk_chead_products.jpg");
}
/* index
-------------------- */
.Products .headContents {
color: #365d4b;
letter-spacing: 0.1em;
}
.Products .categoryBlk h2 {
text-align: center;
letter-spacing: 0.1em;
}
.Products .categoryBlk .contents > .txtBlk {
text-align: center;
letter-spacing: 0.1em;
}

/* productsPostList
-------------------- */
.Products .productsPostList {
margin: 10px 0;
padding: 10px;
display: inline-block;
text-align: center;
background-color: #ffffff;
box-sizing: border-box;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
position: relative;
}
.Products .productsPostList .category {
position: absolute;
top: 10px;
left: 10px;
display: inline-block;
}
.Products .productsPostList .category a {
padding-right: 1em;
padding-left: 1em;
width: 100%;
display: block;
background-color: #52453b;
color: #ffffff;
border-bottom-right-radius: 10px;
}
.Products .productsPostList .eyeCatch {
margin-bottom: 32px;
}
.Products .productsPostList .eyeCatch a {
width: 100%;
display: block;
}
.Products .productsPostList .eyeCatch img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Products .productsPostList .size {
margin-bottom: 17px;
letter-spacing: 0.1em;
}
.Products .productsPostList .comment {
margin-bottom: 22px;
letter-spacing: 0.1em;
}
.Products .productsPostList .moreLink {
margin-right: auto;
margin-bottom: 37px;
margin-left: auto;
width: 80%;
display: block;
}
.Products .productsPostList .moreLink a {
padding-top: 0.3em;
padding-bottom: 0.3em;
color: #ffffff;
text-align: center;
display: block;
border-radius: 100px;
background-color: #7d9b19;
letter-spacing: 0.1em;
}
/* postDetail
-------------------- */
.Products #Overview table tr,
.Products #itemIntro table tr {
display: block;
text-align: left;
}
.Products #Overview table th,
.Products #Overview table td,
.Products #itemIntro table th,
.Products #itemIntro table td {
display: inline-block;
}
.Products .detailEyeCatch {
width: 100%;
height: 100%;
/* display: block; */
display: none;
position: absolute;
z-index: 0;
}
.Products .detailEyeCatch figure {
width: 100%;
height: 100%;
}
.Products #Overview table,
.Products #itemIntro table {
letter-spacing: 0.1em;
}
.Products #Overview {
position: relative;
}
.Products #Overview .contents {
position: relative;
z-index: 1;
}
.Products #itemIntro {
background-color: #f0eadc;
position: relative;
}
.Products #itemIntro .contents {
position: relative;
z-index: 1;
}
.Products #itemIntro::before {
content: '';
width:  100vw;
height: 100%;
display: block;
background-image: url("images/bk_product_line.png");
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
right: 0;
bottom: calc(240/ 1160* 100vw);
}


/* FaQ
----------------------------------------- */
.FaQ #main {
background-image: url("images/bk_contents_br.jpg");
background-position: top;
background-repeat: repeat;
background-size: 100%;
position: relative;
}
.FaQ #main::after {
content: '';
width: 100vw;
height: 100%;
display: block;
background-image: url("images/bk_contents_gr.jpg");
background-position: top;
background-repeat: repeat;
background-size: 100%;
position: absolute;
top: 0;
z-index: 0;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.FaQ #main-in {
position: relative;
z-index: 1;
}
.FaQ #contentsTitle .title {
color: #f0eadc;
}
.FaQ #contentsTitle .title .En {
background: -moz-linear-gradient(0deg, rgba(54,93,75,1) 40%, rgba(255,255,255,0) 40%);
background: -webkit-linear-gradient(0deg, rgba(54,93,75,1) 40%, rgba(255,255,255,0) 40%);
background: linear-gradient(0deg, rgba(54,93,75,1) 40%, rgba(255,255,255,0) 40%);
}
.FaQ .container > .contentWrap {
padding-top: 40px;
padding-bottom: 20px;
background-color: #ffffff;
border: 13px solid #f0eadc;
}
.FaQ .postList {
position: relative;
text-align: left;
}
.FaQ .postList::after {
content: '';
margin: auto;
width: 90%;
height: 1px;
background-color: #dbdbdb;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.FaQ .postList summary {
display: block;
}
.FaQ .postList summary::-webkit-details-marker  {
display: none;
}
.FaQ .postList .wrap {
padding-top: 2%;
padding-right: 50px;
padding-bottom: 2.5%;
margin-right: auto;
margin-left: auto;
width: 90%;
display: flex;
align-items: center;
}
.FaQ .postList h2 {
width: 100%;
font-size: 18px;
font-family: "source-han-sans-cjk-ja", sans-serif;
font-weight: normal;
position: relative;
}
.FaQ .postList h2::before {
content: '';
width: 30px;
height: 30px;
display: inline-block;
background-image: url("images/ic_open.svg");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
transition: all .3s;
}
.FaQ .postList[ open ] h2::before {
background-image: url("images/ic_close.svg");
background-repeat: no-repeat;
background-size: contain;
transform: rotate(90deg);
}
.FaQ .postList i {
line-height: 1;
display: inline-block;
border-radius: 100px;
font-family: "futura-pt", sans-serif;
font-size: min(6vw,34px);
font-style: normal;
}
.FaQ .postList summary {
opacity: 1;
}
.FaQ .postList summary:hover {
opacity: 0.7;
}

.FaQ .postList summary i {
margin-right: 30px;
padding: 8px 10px;
color: #f0eadc;
background-color: #365d4b;
}
.FaQ .postList .answer i {
margin-right: 30px;
padding: 8px 10px;
color: #365d4b;
background-color: #ffffff;
border: 3px solid #365d4b;
}
.FaQ .postList .answer {
background-color: #f0eadc;
}
.FaQ .postList .answer .wrap {
padding-right: 0;
}
.FaQ #contactBtn {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.FaQ #contactBtn a {
padding-top: 0.2em;
padding-right: 1em;
padding-bottom: 0.2em;
padding-left: 1em;
color: #ffffff;
display: block;
border: 3px solid #ffffff;
border-radius: 100px;
}
.FaQ #contactBtn a i {
margin-left: 0.2em;
width: 1.2em;
height: 1.2em;
line-height: 1;
display: inline-block;
}
.FaQ #contactBtn a i img {
width: 100%;
}




/* KYOUTSU END // PC BASE ==================== */
@media only screen and (min-width: 1160px){	
/* Blog twoCol
============================================== */
.twoCol .container {
display: table;
}
.twoCol .contentWrap {
padding-right: 2em;
display: table-cell;
vertical-align: top;
}
/* Blog Archive List
------------------------------ */
.twoCol #sideCol .widget h2 {
margin-bottom: 0.3em;
padding-left: 0.5em;
border-left: 10px solid  #e02e2e;
}
.twoCol #sideCol li {
text-align: left;
}
/* Blog Calendar
============================================== */
.twoCol #sideCol {
width: 25%;
display: table-cell;
text-align: center;
}

/* Blog base
============================================== */
.Blog #header {
margin-bottom: 150px;
}
.Blog .container {
margin-bottom: 50px;
}
#contentsTitle {
margin-bottom: 49px;
}
.postDetail .date {
margin-bottom: 60px;
}
.Blog .postNavi {
padding-top: 150px;
text-align: center;
display: none;
}
.Blog .pagination .number  {
font-size: min(6vw,32px);
}
.Blog .pagination .numberList {
margin-right: 1em;
margin-left: 1em;
}


/* News
============================================== */
.News #header {
position: absolute;
position: fixed;
top: 0;
}

.News #main-in {
    padding-top: 5rem;
}
.News #contentsTitle_head {
margin-right: auto;
margin-left: auto;
width: 1160px;
}
.News #contentsTitle .title .En {
font-size: min(6vw,52px);
}
/* headEntryList
==================== */
.News .headEntryList .category {
border-top-left-radius: 20px;
}
.News .headEntryList .slick-dots {
bottom: 120px;
}
.News .headEntryList .eyeCatch {
max-height: 750px;
}
.News .headEntryList .postDetail {
max-width: 366px;
}
/* postSlide
==================== */
.News .postSlide .slide-arrow {
width: 60px;
height: 60px;
z-index: 1;
}
.News .postSlide .prev-arrow {
left: 10%;
}
.News .postSlide .next-arrow {
right: 10%;
}

/* postList
==================== */
.News .postArchive {
margin: 2% 1%;
width: 30%;
min-height: 417px;
border-radius: 15px;
vertical-align: top;
}
.News .postArchive .eyeCatch {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.News .postArchive .category {
border-top-right-radius: 15px;
}

/* postDetail
==================== */
.News .postListDetail .postTitle h3 {
font-size: min(6vw,30px); 
}


/* Products
============================================== */
.Products .container {
width: 100%;
}

/* index
==================== */
.Products .headContents {
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
padding-top: 100px;
width: 940px;
}
.Products .headContents figure {
margin-right: auto;
margin-bottom: 90px;
margin-left: auto;
}
.Products .headContents h2 {
margin-bottom: 20px;
line-height: 2;
font-size: min(6vw,46px); 
}
.Products .headContents .txtBlk {
font-size: min(6vw,24px); 
}
.Products .categoryBlk {
margin-right: auto;
margin-bottom: 200px;
margin-left: auto;
/* width: 1160px; */
}
.Products .categoryBlk h2 {
margin-bottom: 20px;
font-size: min(6vw,43px); 
}
.Products .categoryBlk .contents > .txtBlk {
margin-bottom: 74px;
}
/* productsPostList
==================== */
.Products .productsPostList {
margin: 2% 1%;
width: 30%;
border-radius: 13px;
vertical-align: top;
}
.Products .productsPostList .category a {
font-size: min(6vw,18px);
}
.Products .productsPostList .eyeCatch {
height: max( 10vw, 300px);
}
.Products .productsPostList h2 {
font-size: min(6vw,20px);
}
.Products .productsPostList .postListDetail {
margin-right: auto;
margin-left: auto;
width: 80%;
}
.Products .productsPostList .size {
font-size: min(6vw,15px);
}
.Products .productsPostList .comment {
font-size: min(6vw,13px);
}
.Products .productsPostList .moreLink a {
font-size: min(6vw,17px);
}
/* postDetail
==================== */
.Products .detailEyeCatch {
top: 0;
}
.Products .detailEyeCatch img {
width: 100%;
height: 100%;
object-fit: cover;
}
.Products #Overview .contents {
margin-right: auto;
margin-left: auto;
padding-top: 128px;
padding-bottom: 190px;

width: 1160px;
}
.Products #Overview .type {
padding-bottom: 48px;
font-size: min(6vw,43px);
}
.Products #Overview table,
.Products #itemIntro table {
font-size: min(6vw,24px);
}
.Products #itemIntro {
/* padding-top: 166px;
padding-bottom: 227px; */
padding-top: 500px;
padding-bottom: 0px;
}
.Products #itemIntro .contents {
margin-right: auto;
margin-left: auto;
width: 1160px;
}
.Products #itemIntro h2 {
margin-bottom: 83px;
font-size: min(6vw,43px);
}
.Products #itemIntro tr {
padding-top: 15px;
}
.Products #itemIntro .chuijiko th {
padding-top: 57px;
}
/* archivePostList
==================== */
.Products .archiveTitle {
margin-top: 150px;
margin-right: auto;
margin-bottom: 49px;
margin-left: auto;
width: 1160px;
font-size: min(6vw,52px);
text-align: center;
}
.Products .archiveList {
margin-right: auto;
margin-left: auto;
width: 1160px;
}

/* FaQ
============================================== */
.FaQ #main-in {
padding-top: 150px;
padding-bottom: 100px;
}
.FaQ .container {
margin-bottom: 97px;
}
.FaQ .container > .contentWrap {
border-radius: 13px;
}
.FaQ #contactBtn {
width: 50%;
}
.FaQ .postList .wrap {
flex-wrap: nowrap;
}
.FaQ .postList h2::before {
top: 0;
right: -30px;
}



}/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1159px){

/* twoCol  sideCol
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.twoCol #sideCol {
margin-top: 1em;
margin-right: auto;
margin-left: auto;
width: 90%;
display: block;
}
.twoCol #sideCol h2 {
margin-bottom: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
background: #efefef;
}
.twoCol #sideCol .widget ul {
text-align: left;
}
.twoCol #sideCol .widget ul li {
margin-left: 1em;
list-style-type: disc;
list-style-position: inside;
}

/* Blog base
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.Blog #header {
margin-bottom: min(10vw,150px);
}
.Blog .container {
margin-bottom: min(10vw,200px);
}
#contentsTitle {
margin-bottom: min(10vw,49px);
}
.postListDetail .date,
.postDetail .date {
margin-bottom:  min(10vw,60px);
}
.Blog .postNavi {
padding-top: 5%;
font-size: min(10vw,16px);
text-align: center;
display: none;
}
.Blog .backPage {
margin-top: 40px;
}

.Blog .backPage::before {
top: 5px;
}
.Blog .backPage::after {
bottom: 5px;
}



/* News
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* headEntryList
|||||||||||||||||||| */
.News .headEntryList {
display: none;
}
.News #contentsTitle {
padding-top: 40px;
}

/* postList
|||||||||||||||||||| */
.News .postArchive {
margin: 2% 1%;
border-radius: 13px;
overflow: hidden;
}

/* Products
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.Products .container > .contentWrap {
width: 100%;
}

/* index
|||||||||||||||||||| */
.Products .headContents {
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-top: 100px;
width: 90%;
}
.Products .headContents figure {
margin-right: auto;
margin-bottom: 45px;
margin-left: auto;
}
.Products .headContents h2 {
margin-bottom: 20px;
line-height: 1.5;
font-size: min(6vw,46px); 
}
.Products .headContents .txtBlk {
font-size: min(6vw,20px); 
}
.Products .categoryBlk {
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
width: 90%;
}
.Products .categoryBlk h2 {
margin-bottom: 20px;
font-size: min(6vw,43px); 
}
.Products .categoryBlk .contents > .txtBlk {
margin-bottom: 74px;
}

/* productsPostList
|||||||||||||||||||| */
.Products .productsPostList {
border-radius: 13px;
width: 90%;
margin: 0 auto;
margin-bottom: 40px;
display: block;
}
.Products .productsPostList .category a {
font-size: min(10vw,18px);
}
.Products .productsPostList .eyeCatch {
/* width:  max( 10vw, 300px);
height: max( 10vw, 300px); */
}
.Products .productsPostList h2 {
font-size: min(8vw,20px);
}
.Products .productsPostList .postDetail {
margin-right: auto;
margin-left: auto;
width: 80%;
}
.Products .productsPostList .size {
font-size: min(10vw,15px);
}
.Products .productsPostList .comment {
font-size: min(10vw,13px);
}
.Products .productsPostList .moreLink a {
font-size: min(10vw,17px);
}

/* postDetail
|||||||||||||||||||| */
.Products .detailEyeCatch {
position: relative;
top: 0;
}
.Products .detailEyeCatch figure {
padding-top: 30px;
background-color: #ffffff;
display: block;
border: 1px solid transparent;
text-align: center;
}
.Products .detailEyeCatch img {
margin: auto;
width: 90%;
height: 90%;
}
.Products #Overview {
margin-bottom: 24px;
}
.Products #Overview .contents {
margin-right: auto;
margin-left: auto;
padding-top: 64px;
padding-bottom: 85px;
width: 90%;
}
.Products #Overview .type {
padding-bottom: 24px;
font-size: min(6vw,40px);
}
.Products #Overview table,
.Products #itemIntro table {
font-size: min(6vw,20px);
}
.Products #itemIntro {
padding-top: 70px;
padding-bottom: 113px;
}
.Products #itemIntro .contents {
margin-right: auto;
margin-left: auto;
width: 90%;
}
.Products #itemIntro h2 {
margin-bottom: 42px;
font-size: min(7vw,43px);
}
.Products #itemIntro tr {
padding-top: 10px;
}
.Products #itemIntro .chuijiko th {
padding-top: 40px;
}

/* archivePostList
|||||||||||||||||||| */
.Products .archiveTitle {
margin-top: 60px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
width: 90%;
font-size: min(8vw,52px);
text-align: center;
}
.Products .archiveList {
margin-right: auto;
margin-left: auto;
width: 90%;
}

/* FaQ
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.FaQ #main-in {
padding-bottom: 80px;
}
.FaQ #contactBtn {
width: 80%;
}
.FaQ .postList .wrap {
padding-bottom: 1em;
flex-wrap: wrap;
}
.FaQ .postList .wrap {
    padding-top: 1.5rem;
    padding-right: 50px;
    padding-bottom: 1.5rem;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    display: flex;
    align-items: center;
}
.FaQ .postList h2 {
/* padding-top: 0.5em; */
padding-left: .5em;
/* word-break: auto-phrase; */
}
.FaQ .postList h2::before {
top: 20%;
right: -75px;
}
.FaQ .postList.post-1 h2::before{
    top: -20%;
    }
    .FaQ .postList.post-4 h2::before{
        top: -20%;
        }
        .FaQ .postList.post-8 h2::before{
            top: -20%;
            }
            .FaQ .postList.post-11 h2::before{
                top: -20%;
                }
.FaQ .postList .answer i {
padding: 5px 10px;
font-size: 15px;
margin-right: 0px;
padding: 4px 6px;
}
.FaQ .postList summary i {
    font-size: 15px;
    margin-right: 0px;
    padding: 4px 6px;
    color: #f0eadc;
    background-color: #365d4b;
    }
    .FaQ .postList h2 {
        width: 80%;
        font-size: 18px;
        font-family: "source-han-sans-cjk-ja", sans-serif;
        font-weight: normal;
        position: relative;
    }

}/* SP END |||||||||||||||||||||||||||||||||||||||| */