@charset 'utf-8';
/*
 * name:single.css
 * author:sovanda nulo
*/

/* single
------------------------------------------------ */

#single {  }
#single .wrap { max-width: 120em; }
.single--head { display: block; position: relative; margin-bottom: 9.6em; }
.single--cate { position: absolute; right: 0; top: 2em; }
.single--cate span { font-size: 1.6em; font-weight: bold; color: #fff; width: 4.25em; height: 4.25em; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(228deg, #12b8d7 0%, #0fb3cb 8%, #009c8f 50%, #007167 100%); }
.single--cate span.ryuki { background: linear-gradient(228deg, #e8b91f 0%, #ba943b 37.71%, #b18d41 45.18%, #b18d41 45.18%, #b18d41 45.18%, #b18d41 45.18%, #ae8a43 48%, #8f7134 100%); }
.single--cate span.ryufuku { background: linear-gradient(228deg, #f29a63 0%, #ea616f 50%, #a7414e 100%); }
.single--date { font-size: 1.3em; line-height: 1.7; margin-bottom: 1.538em; }
.single--title { font-size: 3.2em; line-height: 1.5; width: calc( 100% - 3em ); }

    @media only screen and (max-width: 767px) {
        .single--head { display: flex; flex-wrap: wrap; margin-bottom: 3.8em; }
        .single--cate { position: relative; right: auto; top: auto; }
        .single--cate span { font-size: 1.3em; font-weight: bold; line-height: 1.538; width: initial; height: initial; display: inline-block; padding: 0 1em; border-radius: 50em; }
        .single--date { line-height: 1.538; margin: 0; margin-right: .5em; }
        .single--title { font-size: 1.8em; line-height: 1.7; width: 100%; margin-top: .5em; }
    }

.single--block { display: block; position: relative; padding: 8.5em 8em 10em; }
.single--block:before,
.single--block:after { content: ''; display: block; width: calc( 100% + 10em ); height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%); background: #fff; z-index: 1; border-radius: 2em; box-sizing: border-box; }
.single--block:before { top: -4em; width: 100vw; height: 30em; z-index: 0; background-image: url(../../img/top/bg-single.jpg); background-repeat: no-repeat; background-size: cover; transition: background-image .2s ease; border-radius: 0; }
.single-thumbnail { position: relative; display: block; max-width: 80em; margin: 0 auto 6em; z-index: 2; }
.single-thumbnail img { border-radius: 2em; width: 100%; height: auto; }
.single--desc { display: block; position: relative; z-index: 2; }
.single--desc { font-size: 1.6em; line-height: 1.7; }
.single--desc img,
.single--desc .wp-caption { display: block; max-width: 50em; width: 100% !important; margin: 0 auto; }
.single--desc .wp-caption-text { display: block; text-align: center; margin-top: 1.25em; }
.single--desc .wp-caption img { width: 100%; height: auto; }
.single--desc img { border-radius: 1.25em; width: 100%; height: auto; }
.single--desc p + p { margin-top: 1.87em; }
.single--desc p + figure,
.single--desc p + p img,
.single--desc p + .wp-block-table,
.single--desc figure + .wp-block-table,
.single--desc .wp-block-buttons + .wp-block-table { margin-top: 4em; }
.single--desc p + .wp-caption,
.single--desc p + p img { margin-top: 3.75em; }
.single--desc ol li { list-style: number; margin-left: 1em; }
.single--desc ul li { list-style: disc; margin-left: 1em; }
.single--desc h2,
.single--desc h3,
.single--desc h4,
.single--desc h5,
.single--desc h6 { margin-bottom: .75em; }
.single--desc p + h2,
.single--desc p + h3,
.single--desc p + h4,
.single--desc p + h5,
.single--desc p + h6,
.single--desc figure + h2,
.single--desc figure + h3,
.single--desc figure + h4,
.single--desc figure + h5,
.single--desc figure + h6,
.single--desc .wp-block-buttons + h2,
.single--desc .wp-block-buttons + h3,
.single--desc .wp-block-buttons + h4,
.single--desc .wp-block-buttons + h5,
.single--desc .wp-block-buttons + h6 { margin-top: 3.5em; }
.single--desc h2 { font-size: 162.5%; }
.single--desc h3 { font-size: 137.5%; }
.single--desc h4 { font-size: 125%; }
.single--desc h5 { font-size: 112.5%; }
.single--desc h6 { font-size: 100%; }
.single--desc a { display: inline-block; position: relative; }
.single--desc a[target="_blank"]:after { content: ''; display: inline-block; vertical-align: -.15em; width: 1.14em; height: 1.14em; margin-left: .333em; background-image: url(../../img/share/icon-links-g.svg); background-repeat: no-repeat; background-size: 100% 100%; transition: background-image .2s ease; }
.single--desc a:not([class]) { color: #00953E; }
.single--desc a:not([class]):before { content: ""; position: absolute; left: 0; width: 100%; bottom: 0; background: #00953E; height: 1px; transition-property: width; transition-duration: 0.3s; transition-timing-function: ease-out; }
.single--desc a[target="_blank"]:before { width: calc( 100% - 1.473em ); }
.single--desc table,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table { width: 100%; border-collapse: collapse; }
.single--desc table tbody tr:nth-child(odd),
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr:nth-child(odd) { background: #F3F9FD; }
.single--desc table tr th,
.single--desc table tbody tr td,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td { font-size: initial; line-height: 1.8; vertical-align: top; text-align: left; box-sizing: border-box; padding: 1.17em 1.33em; border: none; }
.single--desc table tbody tr td:first-child,
.single--desc table tbody tr th:first-child,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr td:first-child,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr th:first-child { font-weight: bold; min-width: 11.09em; }
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th { background: none; }
.single--desc p + .wp-block-buttons,
.single--desc figure + .wp-block-buttons { margin-top: 3.75em; }
.single--desc .wp-block-buttons { display: block; position: relative; text-align: center; }
.single--desc .wp-block-buttons a { font-weight: bold; box-sizing: border-box; padding: .7em 1.2em .7em; color: #fff; border: 1px solid #00953E; background: #00953E; text-align: center; display: inline-block; position: relative; border-radius: 10em; }

    @media only screen and (min-width: 767px) {
        .single--desc a:not([class]):hover:before { left: auto; right: 0; width: 0; }
        .single--desc a[target="_blank"]:hover:before { right: 1.473em; }
        .single--desc .wp-block-buttons a:hover { background: none; color: #00953E; }
    }

    @media only screen and (max-width: 767px) {
        .single--block { padding: 1em 1em 6em; }
        .single--block:after { width: 100%; }
        .single--block:before { top: -1.5em; height: 20em; background-image: url(../../img/top/bg-single_sp.jpg); }
        .single-thumbnail { margin-bottom: 3em; }
        .single--desc .wp-caption-text { margin-top: 1em; }
        .single--desc img { border-radius: .625em; }
        .single--desc p + p { margin-top: 1.87em; }
        .single--desc p + figure,
        .single--desc p + p img,
        .single--desc p + .wp-block-table,
        .single--desc figure + .wp-block-table,
        .single--desc .wp-block-buttons + .wp-block-table  { margin-top: 2.125em; }
        .single--desc p + .wp-caption { margin-top: 2.125em; }
        .single--desc p + h2,
        .single--desc p + h3,
        .single--desc p + h4,
        .single--desc p + h5,
        .single--desc p + h6,
        .single--desc figure + h2,
        .single--desc figure + h3,
        .single--desc figure + h4,
        .single--desc figure + h5,
        .single--desc figure + h6 { margin-top: 2.05em; }
        .single--desc h2 { font-size: 112.5%; }
        .single--desc h3 { font-size: 100%; }
        .single--desc h4 { font-size: 93.75%; }
        .single--desc h5 { font-size: 87.5%; }
        .single--desc h6 { font-size: 81.25%; }
        .single--desc table,
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table { width: 100%; display: block; margin-bottom: -1px; }
        .single--desc table tbody,
        .single--desc table tbody tr,
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody,
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr { display: block; }
        .single--desc table tr th,
        .single--desc table tbody tr td,
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr td, { padding: 0 .9375em 1.1875em; display: block; border-top: none; width: 100% !important; }
        .single--desc table tbody tr td:first-child,
        .single--desc table tbody tr th:first-child,
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td:first-child,
        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th:first-child { padding-top: 1.5625em; padding-bottom: 0; }
        .single--desc p + .wp-block-buttons,
        .single--desc figure + .wp-block-buttons { margin-top: 2.5em; }
        .single--desc .wp-block-buttons a { max-width: 17.75em; padding: .41em 1.2em; border-radius: 1.5625em; }
    }