@charset "utf-8";
/*
Theme Name: UNIFLAME Site3.3
Description: UNIFLAMEサイト
Version: 3.3.0
Text Domain: Corporate
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
    position: relative;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,
section {
    display: block;
}
a {
    outline: none !important;
    text-decoration: none;
    color: #333333;
}
a:focus {
    outline: none !important;
    color: #333333;
    text-decoration: none;
}
a:active {
    outline: none !important;
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #333333;
    text-decoration: none;
}
a:visit {
    color: #333333;
    text-decoration: none;
}
a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
a:hover {
    pacity: 0.75;
}
address {
    margin-top: 0;
}
b,
strong {
    font-weight: 700;
}
em,
b {
    font-weight: 700;
}
p {
    margin-bottom: 20px;
}
ul,
ol {
    list-style: none;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0;
    width: 100%;
}
/*-----------------------------------------------------------------------------------------
	body
-----------------------------------------------------------------------------------------*/
body {
    font-family: "Lucida Grande", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    font-size: 16px;
    background: #fff;
    line-height: 180%;
    letter-spacing: 1px;
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
}
.sp {
    display: none;
}

@media (min-width: 768px) {
    body :target::before {
        content: "";
        display: block;
        height: 100px;
        margin-top: -100px;
        visibility: hidden;
    }
}

@media only screen and (max-width: 768px) {
    body :target::before {
        content: "";
        display: block;
        height: 50px;
        margin-top: -50px;
        visibility: hidden;
    }
}

/*-----------------------------------------------------------------------------------------
スムーズスクロール
-----------------------------------------------------------------------------------------*/
:root {
    /*固定ヘッダー高さ*/
    --header-height: 100px;

    /*アンカーリンク調整用*/
    --scroll-header-height: var(--header-height);
}

@media only screen and (max-width: 768px) {
    :root {
        --header-height: 50px;
    }
}

html {
    scroll-behavior: smooth;
    touch-action: manipulation;
}

*[id] {
    scroll-margin-top: var(--scroll-header-height);
}
/*-----------------------------------------------------------------------------------------
ユーティリティクラス
-----------------------------------------------------------------------------------------*/
.u-visually-hidden {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/*-----------------------------------------------------------------------------------------
	components
-----------------------------------------------------------------------------------------*/
.c-btn-primary {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    border: 1px solid #878e9a;
    height: 60px;
    padding: 0 15px;
    background: #fff;
    text-decoration: none !important;
    box-sizing: border-box;
    transition: 0.2s;
}
.c-btn-primary:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}

.c-btn-primary_w450 {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.c-btn-primary:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-btn-primary__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-btn-primary__wrap .c-btn-primary {
    width: 46.5%;
    margin: 0 0 50px;
}

@media only screen and (max-width: 768px) {
    .c-btn-primary {
        font-size: 16px;
    }

    .c-btn-primary__wrap {
        flex-direction: column;
    }

    .c-btn-primary__wrap .c-btn-primary {
        width: 100%;
        margin: 0 0 20px;
    }
}

/*目立つリンク*/
.link-for-company {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    font-size: 18px;
    color: #c00003;
    line-height: 1;
    font-weight: bold;
    text-decoration: underline;
    background: #efefef;
    border: 1px solid #333;
    border-radius: 2px;
}

@media only screen and (max-width: 768px) {
    .link-for-company {
        width: 200px;
        height: 40px;
        font-size: 16px;
    }
}

/*SNSリンク*/
.c-accounts {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    gap: 15px;
    line-height: 1;
}

.c-accounts a:focus-visible,
summary:focus-visible {
    outline: 2px solid #fff !important;
}

.c-accounts summary {
    display: list-item;
    list-style: none;
    cursor: pointer;
    transition: 0.2s;
}

.c-accounts details summary::-webkit-details-marker {
    display: none;
}

.c-accounts__dropdown {
    position: relative;
}

.c-accounts__dropdown-list {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    background: #fff;
    border: 1px solid #212121;
}

.c-accounts__dropdown-list a {
    display: block;
    padding: 7px 10px;
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
    color: #0e1d35;
}

.c-accounts__dropdown-list a:hover {
    color: #fff;
    background: #0e1d35;
}

.c-accounts__dropdown-list a + a {
    border-top: 1px solid #707070;
}

@media only screen and (max-width: 768px) {
    .c-accounts {
        gap: 10px;
        margin: 0 0 0 auto;
    }

    .c-accounts__dropdown-list {
        top: calc(100% + 11px);
    }
}
/*-----------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 9999;
}
header#thead {
    top: -100px;
}
header div#header {
    position: relative;
    display: flex;
    clear: both;
    /*overflow: hidden;*/
    height: 100px;
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
header.fixed {
    position: fixed;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
h1#logo {
    float: left;
    margin: 8px 0 0 10px;
    padding: 0 10px 0 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#gnav {
    float: right;
    padding-right: 80px;
    margin: 0 0 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#gnav ul {
    display: flex;
}
#gnav ul li {
    position: relative;
    border-left: 1px solid #ccc;
    width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*
#gnav ul li:first-child {
	border-left:1px solid #ccc;
}
*/
#gnav ul li span {
    font-size: 10px;
    display: block;
    font-weight: normal;
}
#gnav ul li a,
#gnav ul li.n {
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-align: center;
}
#gnav ul li:hover {
    cursor: pointer;
}
/*-- 子要素 ------------------------------*/
nav#gnav ul li ul {
    position: absolute;
    top: 53px;
    left: -25%;
    width: 150%;
    display: block;
    margin-top: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
#gnav ul li ul li {
    border-left: none !important;
}
nav#gnav ul li ul li {
    text-align: center;
    overflow: hidden;
    height: 0;
    font-size: 14px;
    font-weight: normal;
    transition: 0.3s;
    width: 100%;
    color: #000 !important;
    background: #fff;
    border: none;
}
nav#gnav ul li ul li:after {
    border-right: none !important;
}
nav#gnav ul li ul li a {
    font-size: 12px;
}
nav#gnav ul li ul li a:after {
    display: none !important;
}
nav#gnav ul li:hover > ul > li {
    overflow: visible;
    height: 50px;
    padding: 10px 0;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
nav#gnav ul li:hover > ul > li:hover {
    background: #f0f0f0;
}
nav#gnav ul li:hover > ul > li.dropdown:hover {
    background: #fff;
}
/*-- 製品カテゴリー一覧 ------------------------------*/
nav#gnav ul li ul.p_list {
    position: absolute;
    left: -180%;
    width: 450%;
    background: #fff;
    z-index: 9999;
}
nav#gnav ul li ul.p_list .dropdown {
    display: flex;
    flex-wrap: wrap;
}

/* nav#gnav ul li ul.p_list .dropdown img{
	transition: .2s;
}
nav#gnav ul li ul.p_list .dropdown > div:hover img{
	opacity: .5;
} */

#gnav ul li ul.p_list li div {
    position: relative;
    width: 20%;
}
#gnav ul li ul.p_list li div img {
    width: 100%;
    height: auto;
}
#gnav ul li ul.p_list li div span {
    display: none;
}
nav#gnav ul li:hover > ul.p_list > li {
    overflow: visible;
    height: inherit;
    /*padding:1px;*/
    border-right: none;
    border-bottom: none;
    transition: 0.5s;
}
nav#gnav ul li:hover > ul.p_list > li:hover {
    /* background:#fff;
	height: 290px; */
}
nav#gnav ul li:hover > ul.p_list > li div:hover {
    background: #f0f0f0;
}

@media only screen and (max-width: 1100px) {
    h1#logo {
        width: 200px;
    }
    h1#logo img {
        width: 100%;
        height: auto;
    }
    #gnav ul li {
        width: 145px;
    }
    #gnav ul li a {
        font-size: 13px;
    }
}
@media only screen and (max-width: 960px) {
    h1#logo {
        width: 175px;
    }
    #gnav ul li {
        width: 145px;
    }
    #gnav ul li a {
        font-size: 12px;
    }

    header .twitter-link {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 140px;
        width: 30px;
        height: 30px;
        margin: auto;
    }
    header .youtube-link {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100px;
        width: 30px;
        height: 30px;
        margin: auto;
    }
}

/*-- 検索窓 ------------------------------*/
#searchWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(14, 29, 53, 0.95);
    z-index: 15000;
    display: none;
}
#searchWrap #searchform div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto auto auto;
    width: 700px;
    height: 60px;
    display: flex;
}
#searchWrap #searchform input {
    outline: none;
    padding: 0 20px;
    font-size: 20px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#searchWrap #searchform input[type="text"] {
    width: 75%;
    border-radius: 60px 0 0 60px;
    background: #fff;
}
#searchWrap #searchform input[type="submit"] {
    width: 25%;
    border-radius: 0 60px 60px 0;
    background: url(img/parts/search_blue.png) 20px 50% no-repeat #efefef;
    background-size: 30px 30px;
    margin-left: -1%;
    text-indent: 15px;
    color: #0e1d35;
    font-weight: 700;
    transition: 0.2s;
    letter-spacing: 10px;
}
#searchWrap #searchform input[type="submit"]:hover {
    cursor: pointer;
    color: #fff;
    background: url(img/parts/search.png) 20px 50% no-repeat #0e1d35;
    background-size: 30px 30px;
}
.screen-reader-text {
    display: none;
}
/*
.searchBox {
	visibility: visible !important;
}
*/
#searchbutton {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background: url(img/parts/search.png) 50% 20px no-repeat #0e1d35;
    background-size: 25px 25px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#searchbutton:after {
    position: absolute;
    top: 57px;
    left: 25px;
    content: "探 す";
    font-size: 12px;
    color: #fff;
}
#searchbutton:hover {
    opacity: 0.7;
}
#searchbutton-close {
    position: fixed;
    top: 50px;
    right: 50px;
    width: 30px;
    height: 30px;
    background: url(img/parts/close.png) 50% 50% no-repeat;
    background-size: 30px 30px;
}
#searchbutton:hover,
#searchbutton-close:hover {
    cursor: pointer;
}

/*-----------------------------------------------------------------------------------------
	first view 2020/06/17
-----------------------------------------------------------------------------------------*/
#firstview {
    position: relative;
    clear: both;
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
#firstview.fv1 {
    background-image: url(img/home/slide1.jpg?01);
}
#firstview.fv2 {
    background-image: url(img/home/slide2.jpg?01);
}

#firstview .fv_logo {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 230px;
    height: 46px;
}
#firstview .fv_txt {
    position: absolute;
    top: 40%;
    left: 10%;
    width: 675px;
    height: 266px;
}

#firstview .c-accounts {
    position: absolute;
    top: 22px;
    right: 280px;
    z-index: 2;
}

@media screen and (max-width: 1000px) {
    #firstview {
        height: 35vh;
        background-size: cover;
        background-position: bottom center;
    }
    #firstview.fv1 {
        background-image: url(img/home/slide1.jpg?01);
    }
    #firstview.fv2 {
        background-image: url(img/home/slide2.jpg?01);
    }

    #firstview .fv_logo {
        position: absolute;
        top: 60px;
        right: 10px;
        width: 100px;
        height: 20px;
    }
    #firstview .fv_txt {
        position: absolute;
        top: 50%;
        left: 3%;
        width: 240px;
        height: 91px;
    }
}

/*-----------------------------------------------------------------------------------------
	movie
-----------------------------------------------------------------------------------------*/
#mv {
    position: relative;
    clear: both;
    overflow: hidden;
    height: 100%;
    width: 100%;
    min-width: 960px;
    background: url(img/bg_mv_20190924.jpg) no-repeat bottom center;
    background-size: cover;
}
#mv:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    /*background:url(img/parts/dot.png) repeat;*/
    width: 100%;
    height: 100%;
    z-index: 1;
}
#mv video {
    position: absolute;
    /* 可変時の高さはjavascriptで取得 */
    width: 1920px;
    height: 1080px;
    opacity: 0;
}
@media only screen and (min-width: 2200px) {
    #mv video {
        position: absolute;
        width: 100%;
    }
}
#mv-ttl {
    position: absolute;
    top: 3%;
    right: 3%;
    z-index: 10;
}
#mv-text {
    position: absolute;
    top: 25%;
    left: 10%;
    z-index: 10;
}
#scroll {
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -28px;
    z-index: 10;
}
#play {
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 20px;
    height: 20px;
    display: none;
    z-index: 10;
}
#play:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
    z-index: 1;
}
#stop {
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    z-index: 10;
}
#mute {
    position: absolute;
    bottom: 15px;
    left: 85px;
    width: 38px;
    height: 30px;
    background: url(img/button/mute.png) 0 0 no-repeat;
    z-index: 10;
}
#unmute {
    position: absolute;
    bottom: 15px;
    left: 85px;
    width: 38px;
    height: 30px;
    background: url(img/button/unmute.png) 0 0 no-repeat;
    display: none;
    z-index: 10;
}
#play:hover,
#stop:hover,
#mute:hover,
#unmute:hover {
    cursor: pointer;
}

/*-----------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------*/

footer {
    position: relative;
    background: #0e1d35;
    color: #fff;
    min-width: 960px;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #999;
}
footer small {
    margin: 0 0 0 auto;
}
footer small br {
    display: none;
}
footer div#footer {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}
footer p.logo-f {
    margin: 0 20px 0 0;
}

footer .policy {
    margin: 0 20px 0 0;
}

/*-- footer nav --------------------------------------*/
#fnav ul {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-bottom: 100px;
}
#fnav ul li {
    position: relative;
    float: left;
    width: 25%;
}
#fnav ul li dl dt {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 38px;
}
#fnav ul li dl dt span {
    font-size: 12px;
    display: block;
}
#fnav ul li dl dd {
    line-height: 200%;
    font-size: 15px;
}

footer .sns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    float: left;
    margin: 0 20px 0 0;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
}
footer .sns svg {
    line-height: 1;
    vertical-align: bottom;
}
footer .sns a:hover,
footer .sns a:active,
footer .sns a:focus {
    color: #fff !important;
}
footer .sns__icon {
    position: relative;
    margin: 0 7.5px;
}
footer .sns__label {
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    letter-spacing: nowrap;
    white-space: 0em;
}

footer .foot {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 960px) {
    #fnav ul li dl dt {
        font-size: 20px;
    }
    #fnav ul li dl dt span {
        font-size: 10px;
        display: block;
    }
    #fnav ul li dl dd {
        line-height: 200%;
        font-size: 13px;
    }

    footer .sns {
        float: none;
        max-width: 280px;
        margin: 20px auto 50px;
    }
    footer .sns svg {
    }
    footer .sns__icon {
    }

    footer .foot {
        display: block;
        text-align: center;
    }
}

/*-- footer pageTop --------------------------------------*/

#pageTop {
    position: fixed;
    bottom: 23px;
    right: 23px;
    width: 50px;
    height: 50px;
    margin: 0;
    background: url(img/button/pagetop.png) 0 0 no-repeat;
    background-size: 50px 50px;
    z-index: 9000;
}
#pageTop a {
    display: block;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------------------------------------------
	TOP page
-----------------------------------------------------------------------------------------*/
/*-- カテゴリー一覧 --------------------------------------*/
#categories {
    position: relative;
    clear: both;
    overflow: hidden;
    background: url(img/contents/top/bg-products.jpg) 50% 50% no-repeat;
    background-size: cover;
    margin: 0 0 100px;
    padding: 110px 10px 160px 10px;
    width: 100%;
    min-width: 960px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#categories:before,
#categories:after {
    position: absolute;
    content: "";
    bottom: 25px;
    left: 50%;
    width: 127px;
    height: 117px;
    background: url(img/parts/tree.png) 0 0 no-repeat;
}
#categories:before {
    margin-left: -600px;
}
#categories:after {
    margin-left: 470px;
}
#categories h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    width: 350px;
    margin: 0 auto 48px auto;
    line-height: 100%;
    letter-spacing: 2px;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#categories h2:before {
    position: absolute;
    top: 0;
    left: -260px;
    content: "";
    width: 140px;
    height: 77px;
    background: url(img/parts/leaf_left.png) 0 0 no-repeat;
}
#categories h2:after {
    position: absolute;
    top: 0;
    right: -156px;
    content: "";
    width: 117px;
    height: 65px;
    background: url(img/parts/leaf_right.png) 0 0 no-repeat;
}
#categories h2 span {
    font-size: 20px;
    display: block;
}
.cateList {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    max-width: 1080px;
    margin: 0 auto;
    z-index: 1;
}
.cateList li {
    background: #fff;
}

.cateList li:hover {
    background: #e7e7e7;
    transition: 0.2s;
}
.cateList li img {
    width: 100%;
    height: auto;
}

/*-- カルーセル --------------------------------------*/
.topSlider {
    position: relative;
    margin: 0 auto;
    max-width: 1080px;
}

.topSlider + .topSlider {
    margin-top: 50px;
}

.topSlider__title {
    margin: 0 0 35px;
    padding: 0 0 25px;
    font-size: 28px;
    text-align: center;
    border-bottom: 1px solid #707070;
}

.topSlider .image {
    height: 250px;
    text-align: center;
}

.topSlider .image img {
    max-height: 250px;
}

.topSlider div a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 120%;
    text-indent: -9999px;
    background/*\**/: #fff\9;
    filter: alpha(op／city=0);
}
.topSlider div.swiper-slide {
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.topSlider div.swiper-slide:hover {
    opacity: 0.7;
    cursor: pointer;
}
.topSlider dl dt {
    font-size: 18px;
    font-weight: 700;
    margin: 30px 0 10px 0;
    text-align: center;
}
.topSlider dl dd {
    font-size: 14px;
    line-height: 180%;
}

.topSlider img {
    max-width: 100%;
    height: auto;
}

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

/*-- ショップ一覧 --------------------------------------*/
#storelist {
    margin: 80px 0 0;
}
#storelist h2 {
    position: relative;
    font-size: 44px;
    font-weight: 700;
    color: #000;
    background-size: cover;
    height: 120px;
    width: 100%;
    min-width: 960px;
    text-align: center;
    line-height: 100%;
    letter-spacing: 2px;
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#storelist h2 span {
    font-size: 20px;
    display: block;
}
.storelist {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}
.storelist li {
    text-align: center;
    color: #fff;
    line-height: 190%;
    margin: 0 auto;
    margin-bottom: 57px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.storelist li:hover {
    opacity: 0.7;
}
.storelist li div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 370px;
    height: 50px;
    margin: auto auto auto auto;
}
.storelist li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.storelist li em {
    font-size: 24px;
}
.storelist li span {
    display: block;
    padding-left: 22px;
    font-size: 18px;
}
.premium_storelist,
.handled_storelist {
    position: relative;
    width: 600px;
    height: 300px;
    background-size: cover;
}
.premium_storelist em,
.handled_storelist em {
    padding-left: 45px;
    background: url(img/parts/store.png) 0 50% no-repeat;
}
.premium_storelist {
    background: url(img/contents/top/bg-premiumshop.jpg?01) 50% 50% no-repeat;
}
.handled_storelist {
    background: url(img/contents/top/bg-shoplist.jpg?01) 50% 50% no-repeat;
    background-size: cover;
}
.onlineshop {
    position: relative;
    clear: both;
    overflow: hidden;
    background: #9fa5ae;
    padding: 44px 0 35px 0;
    width: 800px;
    margin: 40px auto;
    text-align: center;
    -webkit-box-shadow: 0 4px 0 0 #878e9a;
    box-shadow: 0 4px 0 0 #878e9a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.onlineshop em {
    padding-left: 55px;
    background: url(img/parts/onlineshop.png) 0 50% no-repeat;
}

/*-- NEWS, EVENT --------------------------------------*/
#ttl-topics {
    position: relative;
    clear: both;
    overflow: hidden;
    background: url(img/contents/top/bg-news.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 364px;
    width: 100%;
    min-width: 960px;
    margin-bottom: 80px;
}
#ttl-topics:after {
    position: absolute;
    content: "";
    top: 32px;
    left: 50%;
    background: url(img/parts/cloud_left.png) 0 0 no-repeat;
    width: 243px;
    height: 60px;
    margin-left: -750px;
}
#ttl-topics:before {
    position: absolute;
    content: "";
    top: 19px;
    left: 50%;
    background: url(img/parts/cloud_right.png) 0 0 no-repeat;
    width: 248px;
    height: 91px;
    margin-left: 500px;
}
/*---------- お知らせリストエリア ----------*/
.newsWrap {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1200px;
    min-width: 960px;
    margin: 80px auto 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.newsWrap h2 {
    font-size: 34px;
    font-weight: 700;
    color: #0e1d35;
    float: left;
    width: 22%;
    line-height: 120%;
}
.newsWrap h2 span {
    font-size: 18px;
    display: block;
}
/*---------- お知らせリスト一覧 ----------*/
.newsBox {
    position: relative;
    float: left;
    width: 75%;
    margin-bottom: 60px;
}
.newsBox ul {
    border-top: 1px solid #dbdde0;
    width: 100%;
    margin-bottom: 20px;
}
.newsBox ul li {
    padding: 20px 30px;
    line-height: 150%;
    font-size: 15px;
    border-bottom: 1px solid #dbdde0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.newsBox span.data {
    display: inline-block;
    line-height: 20px;
    margin-bottom: 15px;
}
.newsBox a {
    display: block;
    text-decoration: underline;
}
.newsBox span.new {
    margin-left: 10px;
    font-size: 14px;
    font-style: italic;
    color: #a52a2a;
    display: inline;
    text-decoration: none !important;
}

/*---------- お知らせサイド（カテゴリーリスト） ----------*/
.newsSide {
    position: relative;
    float: right;
    width: 20%;
}
.newsSide ul li {
    position: relative;
    line-height: 150%;
    font-size: 15px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.05);
}
.newsSide ul li a {
    padding: 20px 20px;
    display: block;
    border: 1px solid #dbdde0;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.newsSide ul li a:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.newsSide ul li a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*---------- もっと見る ----------*/
.more {
    position: relative;
    float: right;
    text-align: center;
    width: 200px;
    background: #9fa5ae;
    -webkit-box-shadow: 0 4px 0 0 #878e9a;
    box-shadow: 0 4px 0 0 #878e9a;
}
.more a {
    color: #fff;
    line-height: 52px;
    display: block;
    text-decoration: none;
}
/*-- 下層ページ用 --------------------------------------*/
.page-heading {
    position: relative;
    font-family: "Sawarabi Mincho";
    font-size: 30px;
    margin: 20px 0 100px 0;
    letter-spacing: 5px;
    color: #0e1d35;
    text-align: left;
    text-align: center;
}
.page-heading:after {
    position: absolute;
    content: "";
    bottom: -35px;
    left: 50%;
    margin-left: -225px;
    width: 450px;
    border-bottom: 1px dotted #0e1d35;
}
.cate {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    top: -3px;
    background: #c11919;
    font-size: 11px;
    width: 100px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}
.cate:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 9px;
    border-color: transparent transparent #ffffff transparent;
}

/*-- カテゴリー --------------------------------------*/
/*-- 製品情報 --*/
.p_info {
    background: #0a4a19;
} /* #327041 */
/*-- お知らせ --*/
.i_info {
    background: #0e1d35;
} /* #974C7A */
/*-- イベント --*/
.e_info {
    background: #c79a00;
} /* #B48546 */
/*-- 店舗情報 --*/
.s_info {
    background: #31456d;
} /* #31456D */
/*-- 重要なお知らせ --*/
.important {
    background: #cc0003;
} /* #31456D */

/*-----------------------------------------------------------------------------------------
	パン屑
-----------------------------------------------------------------------------------------*/
#pan {
    position: relative;
    clear: both;
    padding: 18px 0;
    background: #fff;
}
#pan ol {
    overflow: hidden;
    padding-left: 10px;
    margin: 0 auto;

    max-width: 1280px;
    min-width: 960px;
}
#pan ol li {
    position: relative;
    overflow: hidden;
    float: left;

    line-height: 120%;
    font-size: 12px;
}
#pan ol li:after {
    position: relative;
    content: ">";
    margin: 0 16px;
    font-size: 12px;
}
#pan ol li:last-child:after {
    content: "";
}

/*-----------------------------------------------------------------------------------------
	下層ページ共通
-----------------------------------------------------------------------------------------*/
.flt-l {
    float: left;
}
.flt-r {
    float: right;
}
.f20 {
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 200%;
}
.ctr {
    text-align: center;
}
.udr {
    text-decoration: underline !important;
}
/*-- 下層ページ（ヘッダー余白分） ------------------------------*/
.page {
    padding-top: 100px;
}
/*-- ページタイトル（h1） ------------------------------*/
.page-title {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100%;
    min-width: 960px;
    background: #0e1d35;
    height: 370px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 60px;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 5px;
    color: #fff;
    -webkit-text-shadow: 0 0 15px rgba(0, 0, 0, 1);
    text-shadow: 0 0 15px rgba(0, 0, 0, 1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.page-title span {
    display: block;
    margin-top: -30px;
    font-size: 30px !important;
}

/*-- ページタイトル（h2） ------------------------------*/
.page-title-s {
    position: relative;
    font-family: "Sawarabi Mincho";
    font-size: 26px;
    margin: 0 0 100px 0;
    letter-spacing: 5px;
    color: #0e1d35;
    line-height: 150%;
    text-align: center;
}
.page-title-s:after {
    position: absolute;
    content: "";
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    border-bottom: 2px solid #0e1d35;
}
/*-- コンテンツエリア ------------------------------*/
article {
    position: relative;
    clear: both;
    overflow: hidden;
    background: #fff;
    min-width: 960px;
}
article section {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto 50px auto;
}
.inner {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 90%;
    margin: 0 auto 40px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*-- タブ ------------------------------*/
#tabWrap {
    position: relative;
    clear: both;
    background: #f0f0f0;
    margin-bottom: 50px;
    min-width: 960px;
    padding-top: 0.01%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#tabCategory {
    position: relative;
    clear: both;
    overflow: hidden;
    background: #f0f0f0;
    min-width: 960px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.tablist {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 3% auto 0.5% auto;
    max-width: 1280px;
}
ul.tablist > li {
    position: relative;
    margin: 0 3% 3% 0;
    text-align: center;
    color: #0e1d35;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 0 0 #cfd2d7;
    box-shadow: 0 4px 0 0 #cfd2d7;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

ul.tablist .tablist__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 10px;
    line-height: 150%;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box;
}

ul.tablist .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
}
ul.tablist .dropdown__list {
}
ul.tablist .dropdown__item {
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}
@media only screen and (min-width: 769px) {
    ul.tablist .dropdown__item:nth-child(2):last-child {
        display: none !important;
    }
}
ul.tablist .dropdown__link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    font-size: 12px;
    background: #fff;
}

ul.tablist .dropdown__link:hover,
ul.tablist .dropdown__link:focus-visible {
    background: rgba(159, 165, 174, 0.5);
}

@media only screen and (max-width: 980px) {
    ul.tablist > li > a {
        font-size: 12px;
    }
}

ul.tablist > li:hover {
    background: #dbdee2;
}

ul.tablist > li.is-active {
    color: #fff;
    background: #9fa5ae;
    -webkit-box-shadow: 0 4px 0 0 #878e9a;
    box-shadow: 0 4px 0 0 #878e9a;
}

ul.tablist > li.is-active .dropdown {
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}

@media only screen and (max-width: 768px) {
    ul.tablist .dropdown__item {
        float: none;
        width: 100%;
    }
}

/*-- 店舗検索 ------------------------------*/
.shop-search {
    padding: 30px;
    background: #000926;
}
.shop-search__inner {
    max-width: 630px;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
}
.shop-search .searchform > div {
    display: flex;
}
.shop-search .searchform input {
    outline: none;
    height: 60px;
    padding: 0 20px;
    font-size: 20px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.shop-search .searchform input[type="text"] {
    width: 75%;
    border-radius: 60px 0 0 60px;
    background: #fff;
}
.shop-search .searchform button {
    width: 25%;
    border-radius: 0 60px 60px 0;
    background: url(img/parts/search_blue.png) 20px 50% no-repeat #efefef;
    background-size: 30px 30px;
    margin-left: -1%;
    text-indent: 15px;
    font-size: 20px;
    color: #0e1d35;
    font-weight: 700;
    transition: 0.2s;
    letter-spacing: 10px;
    -webkit-appearance: none;
    border: none;
}
.shop-search .searchform button:hover {
    cursor: pointer;
    color: #fff;
    background: url(img/parts/search.png) 20px 50% no-repeat #0e1d35;
    background-size: 30px 30px;
}
.screen-reader-text {
    display: none;
}

input:placeholder-shown,
textarea:placeholder-shown {
    color: #000926;
    font-size: 15px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000926;
    font-size: 15px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000926;
    font-size: 15px;
}

.ui-autocomplete {
    max-width: 630px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-autocomplete > li {
    border-bottom: 1px solid #ddd;
}

.ui-autocomplete > li > div {
    padding: 5px 10px !important;
    font-size: 14px;
}

/*スクロールした先*/
table.storeTable tr.is-selected {
    /* transition: background .4s ease 1s; */
    /* background: #fde9e9 !important; */
    animation: flash 3s forwards;
}

@keyframes flash {
    0% {
        background: #fff;
    }
    20% {
        background: #fde9e9;
    }
    40% {
        background: #fff;
    }
    60% {
        background: #fde9e9;
    }
    80% {
        background: #fff;
    }
    100% {
        background: #fde9e9;
    }
}

@media only screen and (max-width: 768px) {
    .shop-search {
        padding: 20px 10px;
    }
    .shop-search .searchform input {
        outline: none;
        line-height: 45px;
        height: 45px;
        padding: 0 10px;
        font-size: 1rem;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .shop-search .searchform input[type="text"] {
        width: 74%;
        border-radius: 45px 0 0 45px;
        background: #fff;
    }
    .shop-search .searchform button {
        height: 45px;
        background: url(img/parts/search_blue.png) 12px 50% no-repeat #efefef;
        background-size: 15px 15px;
        text-indent: 25px;
        letter-spacing: 5px;
        font-size: 0.9rem;
        border-radius: 0 45px 45px 0;
        white-space: nowrap;
    }
    .shop-search .searchform button:hover {
        background: url(img/parts/search.png) 12px 50% no-repeat #0e1d35;
        background-size: 15px 15px;
    }

    .ui-autocomplete {
        max-width: calc(100% - 20px);
        max-height: 300px;
    }

    .ui-autocomplete > li {
    }

    .ui-autocomplete > li > div {
    }
}

/*-- 店舗 ------------------------------*/
ul.tab-store > li {
    width: 17.6%;
}
ul.tab-store > li:nth-child(5n) {
    margin-right: 0;
}
/*-- FAQ ------------------------------*/
ul.tab-faq {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin: 0 auto;
    padding: 60px 20px;
}
ul.tab-faq li {
    width: 100%;
    margin: 0;
}
ul.tab-faq li:nth-child(4n) {
    margin-right: 0;
}
/*-- 製品情報 ------------------------------*/
ul.tab-category {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    clear: both;
    overflow: hidden;
    margin: 0 auto 3% auto;
    max-width: 1080px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.tab-category li {
    position: relative;
    background: #fff;
    width: 20%;
    border-right: 4px solid #efefef;
    border-bottom: 4px solid #efefef;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
ul.tab-category li img {
    width: 100%;
    height: auto;
}
ul.tab-category li:nth-child(5n) {
    margin-right: 0 !important;
}
ul.tab-category li:hover {
    background: #9fa5ae;
}

/*-- Card ------------------------------*/
ul.tab-card li {
    width: 22.75%;
}
ul.tab-card li:nth-child(4n) {
    margin-right: 0;
}
/*-- もっと見るボタン ------------------------------*/
/*-- 角丸 --*/
.more-circle {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 80%;
    max-width: 350px;
    text-align: center;
    margin: 30px auto;
    min-height: auto !important;
}
.more-circle a {
    display: block;
    border-radius: 60px;
    border: 1px solid #878e9a;
    line-height: 150%;
    padding: 15px 0;
    background: #fff;
}
.more-circle a:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.more-circle a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*-- エアダスターを使⽤したノズル内ダストの除去 --*/
.more-airduster {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 80%;
    max-width: 500px;
    text-align: center;
    margin: 30px auto 50px auto;
    min-height: auto !important;
}
.more-airduster a {
    display: block;
    border-radius: 60px;
    border: 1px solid #878e9a;
    line-height: 150%;
    padding: 15px 0;
    background: #fff;
    text-decoration: none !important;
}
.more-airduster a:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.more-airduster a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.more-airduster a br {
    display: none;
}
/*-- カード特典ボタン --*/
.more-card {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 95%;
    text-align: center;
    margin: 50px auto 0 auto;
    min-height: auto !important;
}
.more-card a {
    display: block;
    border-radius: 60px;
    border: 1px solid #878e9a;
    line-height: 150%;
    padding: 15px 0;
}
.more-card a:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.more-card a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*-- カタログボタン --*/
.more-catalog {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 95%;
    max-width: 450px;
    text-align: center;
    margin: 50px auto;
    min-height: auto !important;
}
.more-catalog a {
    display: block;
    border-radius: 60px;
    border: 1px solid #878e9a;
    line-height: 150%;
    font-size: 22px;
    padding: 15px 0;
}
.more-catalog a:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.more-catalog a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.more-catalog i {
    margin-right: 10px;
}

/*-- 角丸 --*/
.more-cardfinish {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 80%;
    max-width: 420px;
    text-align: center;
    margin: 60px auto 30px auto;
    min-height: auto !important;
}
.more-cardfinish a {
    display: block;
    border-radius: 60px;
    border: 1px solid #878e9a;
    line-height: 150%;
    padding: 15px 0;
    background: #fff;
}
.more-cardfinish a:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.more-cardfinish a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*-----------------------------------------------------------------------------------------
	Not Found
-----------------------------------------------------------------------------------------*/
#error {
    min-height: 400px;
}
#search {
    text-align: center;
    width: 200px;
    margin: 50px auto;
}
#search input[type="text"] {
    padding: 5px;
    margin: 0;
    height: 30px;
    width: 300px;
}
#search input[type="submit"] {
    height: 45px;
    width: 80px;
    margin: 0;
    border: 0;
    color: #fff;
    background: #0e1d35;
}

/*-----------------------------------------------------------------------------------------
	製品情報（一覧）
-----------------------------------------------------------------------------------------*/
.parentCategory {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto;
}
.parentCategory li {
    position: relative;
    float: left;
    width: 25.3%;
    margin: 0 3.5% 7% 3.5%;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.parentCategory li:nth-child(3n) {
    margin-right: 0;
}
.parentCategory li img {
    width: 100%;
    height: auto;
}

/*-----------------------------------------------------------------------------------------
	製品情報（各カテゴリー）
-----------------------------------------------------------------------------------------*/

#category {
}
/*
#category h1 {
	margin-bottom: 0;
}
*/
.ttl-category {
    position: relative;
    clear: both;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #0e1d35;
    padding: 30px 0 30px 0;
}
.ttl-category:after {
    position: absolute;
    content: "";
    bottom: 15px;
    left: 50%;
    width: 100px;
    border-bottom: 3px solid #0e1d35;
    margin-left: -50px;
}
ul.categoryList {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1280px;
    min-width: 960px;
}
ul.categoryList li {
    position: relative;
    float: left;
    width: 20%;
    margin: 0 2.5% 5% 2.5%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
ul.categoryList li:hover {
    opacity: 0.7;
}
ul.categoryList li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background/*\**/: #fff\9;
    filter: alpha(op／city=0);
}

ul.categoryList li:nth-child(4n) {
    margin-right: 0;
}

ul.categoryList li:nth-child(4n + 1) {
    clear: left;
}
ul.categoryList li dl dt {
    font-size: 16px;
    font-weight: 700;
    line-height: 160%;
    min-height: 70px;
    margin: 30px 0 10px 0;
}
ul.categoryList li dl dd {
    text-align: center;
    font-size: 12px;
}
.categoryList li img {
}
.itemImg {
    position: relative;
    width: auto;
    height: auto;
    padding-top: 100%;
}
.itemImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
@media only screen and (max-width:1050px) {
	.itemImg {
		height: 180px;
	}
}
*/
/*-----------------------------------------------------------------------------------------
	製品取扱動画
-----------------------------------------------------------------------------------------*/
#moivies {
}
#movieWrap {
    position: relative;
    clear: both;
    overflow: hidden;
    /* margin:50px 0; */
    margin: 100px 0;
}
.movieBox {
    position: relative;
    float: left;
    width: 31%;
    margin: 0 3% 3% 0;
    padding: 3% 2%;
    border: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.movieBox h2 {
    min-height: 80px;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    color: #0e1d35;
}
.movieBox p {
    min-height: 120px;
    font-size: 14px;
    line-height: 150%;
}
.movieImg {
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.movieImg:hover {
    opacity: 0.7;
}
.movieImg:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    border-radius: 50%;
    background: rgba(237, 0, 0, 0.9);
    box-shadow: 0 4px 0 0;
    z-index: 0;
}
.movieImg:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
}
.movieImg img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.movieImg a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background/*\**/: #fff\9;
    filter: alpha(op／city=0);
    z-index: 10;
}
.movieBox:nth-of-type(3n) {
    margin-right: 0;
}
.movieBox:nth-of-type(3n + 1) {
    clear: left;
}
.playtime {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    min-height: auto !important;
    margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------------------
	プレミアムショップ一覧
-----------------------------------------------------------------------------------------*/

.storeBox {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1280px;
    min-width: 960px;
    padding: 0 20px 0 20px;
    margin: 0 auto 50px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ttl-store {
    position: relative;
    margin-bottom: 26px;
    color: #0e1d35;
    background: #f0f0f0;
    font-size: 30px;
    font-weight: 700;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table.storeTable {
    position: relative;

    width: 100%;
    margin-bottom: 50px;
}
table.storeTable caption {
    font-size: 20px;
    margin: 20px 0;
    letter-spacing: 1px;
    color: #0e1d35;
    text-align: left;
    font-weight: 700;
}
table.storeTable tr {
    position: relative;
    background: #fff;
}
table.storeTable th {
    font-weight: 700;
    color: #0e1d35;
    padding: 0 10px 10px 10px;
    border-bottom: 3px solid #0e1d35;
}
table.storeTable td {
    padding: 30px 10px;
    border-bottom: 1px solid #b7bbc2;
}
table.storeTable th,
table.storeTable td {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    width: auto;
    vertical-align: middle;
}
table.storeTable th:first-child,
table.storeTable td:first-child {
    width: 32% !important;
    font-weight: 700;
}
table.storeTable th:nth-child(2),
table.storeTable td:nth-child(2) {
    width: 45% !important;
}
table.storeTable td a {
    color: #333;
}
table.storeTable td:first-child a {
    color: #333;
    font-weight: 700;
    text-decoration: underline;
}
table.storeTable td i {
    margin: 0 5px;
}

.tel {
    line-height: 130%;
    padding: 10px 0;
    background: #0e1d35;
    color: #fff;
    text-align: center;
    border-radius: 60px;
    width: 200px;
    margin: 0 auto;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}
.tel a {
    color: #fff !important;
    display: block;
}

/*-----------------------------------------------------------------------------------------
	FAQ
-----------------------------------------------------------------------------------------*/

.faqBox {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1280px;
    min-width: 960px;
    padding: 0 20px 0 20px;
    margin: 0 auto 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: content-box;
}
.ttl-faq {
    position: relative;
    margin-bottom: 26px;
    color: #0e1d35;
    background: #f0f0f0;
    font-size: 30px;
    font-weight: 700;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*-- FAQ一覧 --------------------------------------*/
.faqlist {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-bottom: 75px;
}

.faqlist li {
    position: relative;
    padding: 20px;
    background: #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.faqlist li.is-selected {
    animation: flash 3s forwards;
}

.faqlist li.is-selected dd {
    display: block !important;
}

.faqlist li:nth-child(2n) {
    background: #fff;
}
.faqlist dl dt {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    padding: 20px 90px 15px 90px;
    background: url(img/parts/faq_q.png) 0 5px no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.faqlist dl dt:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 2%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-top: 2px solid #0e1d35;
    border-right: 2px solid #0e1d35;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.faqlist dl dt:hover {
    cursor: pointer;
    opacity: 0.7;
}
.faqlist dl dd {
    display: none;
    position: relative;
    clear: both;
    overflow: hidden;
    line-height: 180%;
    padding: 20px 20px 20px 90px;
    background: url(img/parts/faq_a.png) 0 5px no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.faqlist dl dd img {
    display: block;
    margin: 30px auto;
    max-width: 580px;
    width: 100%;
    height: auto;
}
.faqlist dl dd a {
    text-decoration: underline;
}
/*---------- slidetoggle ----------*/
.faqlist dl dt.active:before {
    margin-top: -17px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.gas-note {
    margin: 0 0 0 20px;
    font-size: 0.7em;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: underline;
    color: red;
    &:hover {
        color: red;
        text-decoration: none;
    }
}
@media only screen and (max-width: 768px) {
    .gas-note {
        margin: 0 0 0 10px;
        font-size: 0.6em;
    }
}
/*-----------------------------------------------------------------------------------------
	会社情報
-----------------------------------------------------------------------------------------*/
/*---------- 理念 ----------*/
#company section#idea {
    border-bottom: 1px dotted #3a5574;
}
#company section#idea h2,
#company section#idea p {
    font-family: "Sawarabi Mincho";
    color: #3a5574;
    text-align: center;
}
#company section#idea h2 {
    font-size: 30px;
    margin: 50px 0;
}
#company section#idea p {
    font-size: 16px;
    line-height: 200%;
    margin-bottom: 80px;
}

/*--------- UNIFLAMEの歴史 ----------*/
#history .ttl-history {
    position: relative;
    font-family: "Sawarabi Mincho";
    font-size: 26px;
    margin: 20px 0 100px 0;
    letter-spacing: 5px;
    color: #0e1d35;
    text-align: left;
    text-align: center;
}
#history .ttl-history:after {
    position: absolute;
    content: "";
    bottom: -45px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    border-bottom: 2px solid #0e1d35;
}
#history dl {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
#history dl dt {
    position: relative;
    width: 200px;
    font-size: 20px;
    font-weight: 700;
}
#history dl dt:before {
    position: absolute;
    content: "";
    top: 0;
    right: -2px;
    height: 100%;
    border-right: 2px solid #b7bbc2;
}
#history dl dt:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    height: 15px;
    width: 15px;
    margin: -13px -9px 0 0;
    border-radius: 50%;
    background: #2e3746;
}
#history dl dt,
#history dl dd {
    padding: 30px 10px 30px 30px;
    line-height: 180%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle !important;
}

/*--------- 想い ----------*/
#company section#thought {
    border-bottom: 1px dotted #3a5574;
}
#company section#thought h2,
#company section#thought p {
    font-family: "Sawarabi Mincho";
    color: #3a5574;
    text-align: center;
}
#company section#thought h2 {
    font-size: 30px;
    margin: 50px 0;
}
#company section#thought p {
    font-size: 20px;
    line-height: 200%;
    margin-bottom: 80px;
}

/*--------- 企業情報 ----------*/
table.companyTable {
    position: relative;
    width: 90%;
    margin: 50px auto;
}
table.companyTable caption {
    position: relative;
    font-family: "Sawarabi Mincho";
    font-size: 26px;
    margin: 20px 0 100px 0;
    letter-spacing: 5px;
    color: #0e1d35;
    text-align: center;
}
table.companyTable caption:after {
    position: absolute;
    content: "";
    bottom: -45px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    border-bottom: 2px solid #0e1d35;
}
table.companyTable th {
    width: 25%;
    padding: 30px 10px;
    border-bottom: 1px dotted #b7bbc2;
}
table.companyTable td {
    width: auto;
    padding: 30px 10px;
    border-bottom: 1px dotted #b7bbc2;
}
table.companyTable tr:last-child th,
table.companyTable tr:last-child td {
    border-bottom: none;
}
table.companyTable th,
table.companyTable td {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    line-height: 170%;
    vertical-align: middle;
}

/*-----------------------------------------------------------------------------------------
	プライバシーポリシー
-----------------------------------------------------------------------------------------*/
#privacy section {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto 50px auto;
}
#privacy section h3 {
    font-family: "Sawarabi Mincho";
    font-size: 26px;
    color: #0e1d35;
    padding-bottom: 20px;
    margin: 80px 0 0 0;
}
#privacy section p {
    font-size: 16px;
    line-height: 200%;
    margin-bottom: 20px;
}
#privacy section ul {
    margin: 0 0 0 20px;
}
#privacy section ul li {
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 10px 25px;
    list-style: disc;
}

/*-----------------------------------------------------------------------------------------
	お知らせ（詳細）
-----------------------------------------------------------------------------------------*/
#topics {
}
#single {
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto 50px auto;
    min-height: 500px;
}
#single header {
    position: relative;
    box-shadow: none;
    margin-top: 40px;
    z-index: 1;
}
#single header h1 {
    position: relative;
    font-family: "Sawarabi Mincho";
    font-size: 26px;
    margin: 0 0 50px 0;
    padding: 20px 10px 30px 10px;
    letter-spacing: 5px;
    color: #0e1d35;
    text-align: left;
    border-bottom: 2px solid #0e1d35;
}
#single span.data {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100px;
    margin-left: 10px;
    font-size: 14px;
}
.single {
    padding: 0 15px;
}
.single p {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
}
.single p a {
    text-decoration: underline;
}
.single img {
    display: block;
    margin: 0 auto 40px auto;
    max-width: 960px;
}
.center_layout {
    position: relative;
    clear: both;
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px;
}
/*-- ページ送り（プラグインだけどこちらで指定します） ------------------------------*/
.wp-pagenavi {
    position: relative;
    clear: both;
    text-align: center;
    margin: 0 auto;
}
.wp-pagenavi span.current,
.wp-pagenavi a {
    margin: 0 0 0 10px !important;
    display: inline-block;
    min-width: 20px;
}
.current {
    border: #ccc !important;
    background: #ccc !important;
    font-weight: normal !important;
}
.extend {
    border: none !important;
}

/*-----------------------------------------------------------------------------------------
	製品＆修理についてお問い合わせ
-----------------------------------------------------------------------------------------*/
#inquiry {
}
#inquiry p strong {
    /* font-size:20px; */

    /* margin-bottom:30px;
	line-height: 150%; */
}
/*-- 電話番号・フォーム注意書き等 ------------------------------*/
.contactBox {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 960px;
    margin: 0 auto 50px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contactBox dl dt {
    font-size: 16px;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: 10px;
}
.contactBox dl dd {
    font-size: 36px;
    font-weight: 700;
    color: #0e1d35;
    float: left;
    width: 50%;
    padding: 30px;
    text-align: center;
    background: #f9f9f9;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contactBox dl dd span {
    font-size: 24px;
    display: inline-block;
    margin-right: 10px;
}
.clr_red {
    color: #c00003;
}
/*-- 問い合わせの注意リスト -----------------------------*/
.attention {
    position: relative;
    clear: both;
    overflow: hidden;
    border: 2px solid #dbdde1;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.attention li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
}
.attention li:before {
    position: absolute;
    content: "※";
    top: 0;
    left: 0;
}

/*-- リスト ------------------------------*/
.list {
    position: relative;
    clear: both;

    overflow: hidden;
    border: 2px solid #dbdde1;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.list li {
    position: relative;
    margin: 0 0 15px 25px;
    list-style: disc;
    line-height: 180%;
}
.list li span {
    position: relative;
    display: block;
    padding-left: 20px;
}
.list li strong {
    display: block;
}
.list li span:before {
    position: absolute;
    content: "※";
    top: 0;
    left: 0;
}

/*-- フォーム ------------------------------*/
.inq_form {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 40px 0;
}
.inq_form dt,
.inq_form dd {
    padding: 20px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.inq_form dt {
    float: left;
    width: 25%;
    clear: both;
    font-size: 14px;
    font-weight: 700;
}
.inq_form dd {
    float: right;
    width: 72%;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.inq_form dd label {
    display: inline-block;
    margin-right: 10px;
    line-height: 45px;
}
.hissu {
    color: #c00003;
    font-size: 12px;
}
.inq_form textarea,
.inq_form input[type="text"],
.inq_form input[type="email"],
.inq_form input[type="tel"] {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
}
.inq_form textarea {
    width: 90%;
}
.inq_form input[type="text"],
.inq_form input[type="email"],
.inq_form input[type="tel"],
.inq_form select {
    height: 35px;
    display: block;
    margin-bottom: 10px;
}
.inq_form .yuubin > input {
    width: 20%;
}
.inq_form a {
    text-decoration: underline;
}
.inq_submit input[type="submit"] {
    padding: 15px 0;
    width: 300px;
    font-size: 16px;
    background-color: #0e1d35;
    color: #fff;
    border: none;
    border-radius: 60px;
    display: block;
    margin: 0 auto;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.inq_submit input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.8;
}
.contact_faq {
    display: inline-block;
    text-align: left;
    margin: 6px 0 0 20px;
}
.images-optimize-upload-wrapper .list li span:before {
    display: none !important;
}

#inquiry .acceptance-area {
    text-align: center;
    margin: 0 0 40px;
    font-size: 18px;
    font-weight: bold;
}

#inquiry input {
}

#inquiry label {
    padding: 15px;
    background: #efefef;
    border: 1px solid #848a94;
    border-radius: 5px;
}

@media only screen and (max-width: 768px) {
    #inquiry .acceptance-area {
        margin: 40px 0;
        font-size: 14px;
    }
}

/*-----------------------------------------------------------------------------------------
	カタログ
-----------------------------------------------------------------------------------------*/
.catalog {
    padding: 10px;
    background: #f0f0f0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.catalog:hover {
    opacity: 0.7;
}
.catalogBox {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 10px auto 0 auto;
    width: 745px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.addressBox {
    position: relative;
    clear: both;
    overflow: hidden;
    background: #f9f9f9;
    padding: 30px;
    margin: 30px auto 30px auto;
    border-radius: 10px;
    max-width: 1280px;
    min-width: 960px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.addressBox p {
    font-size: 20px;
    line-height: 180%;
}
.catalogBox a span {
    text-decoration: underline;
}
.cataloglist {
    margin: 0 auto;
    max-width: 1280px;
    min-width: 960px;
}
.cataloglist li {
    position: relative;
    clear: both;
    margin-left: 25px;
    list-style: decimal;
}

/*-----------------------------------------------------------------------------------------
	UNIFLAMEカードのご案内
-----------------------------------------------------------------------------------------*/
/*-- UNIFLAMEカード終了 20210629 ------------------------------*/
.finish-image {
    padding: 0 15px;
    text-align: center;
}

.finish-image img {
    max-width: 100%;
    height: auto;
}

/*-- 強調テキスト ------------------------------*/
.txt-card {
    text-align: center;
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 200%;
}
/*-- UNIFLAMEカード終了 20200626 ------------------------------*/
.sks_card {
    width: 50%;
    padding: 20px;
    margin: 0 auto;
    background: #cc0000;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
@media only screen and (max-width: 768px) {
    .sks_card {
        width: 90%;
        padding: 20px;
        margin: 0 auto;
        background: #cc0000;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
    }
}
/*-- カードコンテンツエリア ------------------------------*/
.cardBox {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 90%;
    padding-top: 20px;
    margin: 0 auto 80px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cardBox h3 {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
}
.cardBox-Left {
    width: 40%;
    float: left;
}
.card-img {
    width: 100%;
    height: auto;
}
.cardBox-Right {
    width: 55%;
    float: right;
}
/*-- 特典アイコン ------------------------------*/
.point1,
.point2 {
    position: relative;
    padding-left: 70px;
}
.point1:before,
.point2:before {
    position: absolute;
    content: "";
    top: -17px;
    left: 50%;
    width: 70px;
    height: 70px;
    background: #0e1d35;
    border-radius: 50%;
}
.point1:after,
.point2:after {
    position: absolute;
    content: "特典1";
    top: 0px;
    left: 50%;
    color: #fff;
    font-size: 13px;
    border: none;
}
.point1:before {
    margin-left: -370px;
}
.point2:before {
    margin-left: -233px;
}
.point1:after {
    content: "特典1";
    margin-left: -363px;
}
.point2:after {
    content: "特典2";
    margin-left: -225px;
}

/*-- カードについての注意リスト -----------------------------*/
.attention-card {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}
.attention-card li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
}
.attention-card li:before {
    position: absolute;
    content: "※";
    top: 0;
    left: 0;
}
.atte {
    position: relative;
    padding-left: 20px;
}
.atte:before {
    position: absolute;
    content: "※";
    top: -2px;
    left: 0;
}
.cardList {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}
.cardList li {
    position: relative;
    float: left;
    width: 22%;
    margin-right: 3%;
}
.cardList li:last-child {
    margin-right: 0;
}

/*-- 施設紹介・特典 ------------------------------*/
table.facilitiesTable {
    position: relative;
    width: 100%;
}
table.facilitiesTable caption {
    font-size: 20px;
    margin: 0 0 20px 0;
    padding-top: 100px;
    letter-spacing: 1px;
    color: #0e1d35;
    text-align: left;
    font-weight: 700;
}
table.facilitiesTable tr {
    position: relative;
    background: #fff;
}
table.facilitiesTable th {
    font-weight: 700;
    color: #0e1d35;
    padding: 0 10px 10px 10px;
    border-bottom: 3px solid #0e1d35;
}
table.facilitiesTable td {
    padding: 30px 10px;
    border-bottom: 1px solid #b7bbc2;
}
table.facilitiesTable th,
table.facilitiesTable td {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    width: auto;
    vertical-align: middle;
}
table.facilitiesTable th:first-child,
table.facilitiesTable td:first-child {
    width: 32% !important;
    font-weight: 700;
}
table.facilitiesTable td a {
    color: #333;
    font-weight: 700;
    text-decoration: underline;
}
table.facilitiesTable td i {
    margin: 0 10px;
}
table.facilitiesTable td ol li {
    margin: 0 0 0 25px;
}
.decimal {
    list-style: decimal;
}
.square {
    list-style: square;
}

/*------------------------------ card終了のお知らせ ----------*/
.ufcard_finish {
    display: block;
    width: 300px;
    height: auto;
    margin: 20px auto 0 auto;
}

/*-----------------------------------------------------------------------------------------
	ブランド
-----------------------------------------------------------------------------------------*/
/*-- 幅を100%に ------------------------------*/
#brand section {
    max-width: 100%;
    min-width: 100%;
}
/*-- UNIFLAME コンセプト ------------------------------*/
#concept {
    position: relative;
    clear: both;
    overflow: hidden;
    height: 100vh;
    min-height: 768px;
    width: 100vw;
    max-width: 100vw;
    min-width: 960px;
    margin: 0 auto 50px auto;
    background: url(img/contents/brand/bg_brand.jpg) 50% 50% no-repeat #000;
    background-size: cover;
}
#concept:before,
#concept:after {
    position: absolute;
    content: "";
    width: 107px;
    height: 97px;
    background: url(img/contents/brand/tree.png) 0 0 no-repeat;
}
#concept:before {
    bottom: 4%;
    left: 4%;
}
#concept:after {
    bottom: 4%;
    right: 4%;
}
/*-- コンセプト テキスト --*/
.conceptTxt {
    position: absolute;
    top: 20%;
    right: 5%;
    max-width: 70%;
    min-width: 650px;
    color: #fff;
}
.conceptTxt h1 {
    font-size: 36px;
    font-weight: 700;
    padding: 40px 0 40px 80px;
    margin-bottom: 20px;
    background: url(img/contents/brand/fire.png) 0 0 no-repeat;
}
.conceptTxt p {
    font-size: 20px;
    font-weight: 700;
    line-height: 250%;
}

/*-- UNIFLAME コンセプト下 ------------------------------*/
.brandBox {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 50%;
    color: #0e1d35;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.brandBox h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5%;
}
.brandBox p {
    font-size: 26px;
    line-height: 200%;
}

/*-- 想い1 ------------------------------*/
.brand1 {
    padding: 12% 4% 12% 7%;
}
.brand1:before {
    position: absolute;
    content: "";
    top: 15%;
    left: 15%;

    width: 78px;
    height: 73px;
    background: url(img/contents/brand/heart.png) 0 0 no-repeat;
}
/*-- 想い2 ------------------------------*/
.brand2 {
    padding: 12% 4% 12% 7%;
}
.brand2:before {
    position: absolute;
    content: "";
    top: 15%;
    right: 9%;
    width: 185px;
    height: 122px;
    background: url(img/contents/brand/cloud.png) 0 0 no-repeat;
}
.brand2:after {
    position: absolute;
    content: "";
    bottom: 5%;
    right: 9%;
    width: 257px;
    height: 105px;
    background: url(img/contents/brand/mountaion1.png) 0 0 no-repeat;
}
/*-- 想い3 ------------------------------*/
.brand3 {
    padding: 12% 4% 12% 7%;
}
.brand3:before {
    position: absolute;
    content: "";
    top: 17%;
    left: 30%;
    width: 125px;
    height: 80px;
    background: url(img/contents/brand/bird.png) 0 0 no-repeat;
}
.brand3:after {
    position: absolute;
    content: "";
    bottom: 10%;
    right: 12%;
    width: 251px;
    height: 117px;
    background: url(img/contents/brand/mountaion2.png) 0 0 no-repeat;
}
/*-- 想い4 ------------------------------*/
.brand4 {
    padding: 7% 4% 23% 7%;
}
.brand4:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 15%;
    width: 298px;
    height: 197px;
    background: url(img/contents/brand/madeinsanjyou.png) 0 0 no-repeat;
}

@media only screen and (max-width: 1450px) {
    .brandBox p {
        font-size: 22px;
        line-height: 180%;
    }
    .brand1:before {
        top: 12%;
        background-size: 70px auto;
    }
    .brand2:before {
        background-size: 150px auto;
    }
    .brand2:after {
        background-size: 240px auto;
    }
    .brand3:before {
        top: 12%;
        background-size: 110px auto;
    }
    .brand3:after {
        bottom: 5%;
        right: 5%;
        background-size: 200px auto;
    }
}

@media only screen and (max-width: 1200px) {
    /*-- コンセプト テキスト --*/
    .conceptTxt {
        min-width: 500px;
    }
    .conceptTxt h1 {
        font-size: 30px;
        font-weight: 700;
        padding: 40px 0 40px 80px;
        margin-bottom: 20px;
        background: url(img/contents/brand/fire.png) 0 0 no-repeat;
    }
    .conceptTxt p {
        font-size: 17px;
        line-height: 250%;
    }
    .brandBox h2 {
        font-size: 32px;
    }
    .brandBox p {
        font-size: 18px;
        line-height: 180%;
    }
    .brand1:before {
        top: 9%;
        left: 5%;
        background-size: 60px auto;
    }
    .brand2:before {
        top: 10%;
        right: 0;
        background-size: 130px auto;
    }
    .brand2:after {
        right: 0;
        background-size: 200px auto;
    }
    .brand3:before {
        top: 11%;
        background-size: 100px auto;
    }
    .brand3:after {
        bottom: 5%;
        right: 5%;
        background-size: 200px auto;
    }

    .brand1,
    .brand2,
    .brand3 {
        padding: 12% 3% 12% 3%;
    }
}

#bg_brand1,
#bg_brand2,
#bg_brand3,
#bg_brand4 {
    position: relative;
    overflow: hidden;
}
#bg_brand1 {
    background: url(img/contents/brand/bg_brand01.jpg) 150% 0 no-repeat;
    background-size: 70% auto;
}
#bg_brand2 {
    background: url(img/contents/brand/bg_brand02.jpg) 0 0 no-repeat;
    background-size: 70% auto;
}
#bg_brand3 {
    background: url(img/contents/brand/bg_brand03.jpg) 100% 0 no-repeat;
    background-size: 70% auto;
}
#bg_brand4 {
    background: url(img/contents/brand/bg_brand04.jpg) 0 50% no-repeat;
    background-size: 65% auto;
}

/*-----------------------------------------------------------------------------------------
	ガス器具の取り扱い
-----------------------------------------------------------------------------------------*/
#gas em {
    display: block;
}
/*-- 見出し ------------------------------*/
#gas h3 {
    position: relative;
    margin-bottom: 26px;
    color: #0e1d35;
    background: #f0f0f0;
    font-size: 20px;
    font-weight: 700;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*-- 警告リスト ------------------------------*/
ul.gasList {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
}
ul.gasList li {
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px dotted #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.gasList li:last-child {
    border-bottom: none;
}
ul.gasList li img {
    position: relative;
    width: auto;
    margin-right: 50px;
    padding: 5px;
    border: 3px solid #f5f5f5;
}
ul.gasList li dl {
    width: 75%;
}
ul.gasList li dt {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #0e1d35;
    padding-top: 40px;
    margin-bottom: 15px;
}
ul.gasList li dt:before {
    position: absolute;
    content: "警 告";
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: normal;
    text-indent: 35px;
    width: 80px;
    height: 27px;
    border-radius: 3px;
    color: #fff;
    background: url(img/parts/exclamation.png) 10px 7px no-repeat #ff4b00;
    background-size: 15px auto;
}
/*-- 処理のリスト --*/
.process li dt {
    padding-top: 0 !important;
}
.process li dt:before {
    display: none;
}

/*-- カセットボンベ使用上のご注意 ------------------------------*/
.img-Bomb {
    margin: 40px 0;
}
.bock {
    position: relative;
    width: 48%;
    padding: 3%;
    margin-top: 20px;
    border: 1px solid #ccc;
    min-height: 450px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bock p {
    margin-bottom: 0;
}
.bock p em {
    font-size: 26px;
    text-align: center;
    display: block;
}
.bock img {
    display: block;
    margin: 30px auto;
}
/*-- 一酸化炭素中毒について ------------------------------*/
table.gasTable {
    position: relative;
    width: 90%;
    margin: 0 auto 50px auto;
}
table.gasTable th {
    font-weight: 700;
    color: #0e1d35;
    text-align: center;
    padding: 20px 0;
    border-bottom: 3px solid #0e1d35;
}
table.gasTable td {
    padding: 20px;
    text-align: left;
    border-bottom: 1px solid #b7bbc2;
}
table.gasTable td:first-child {
    background: #f0f0f0;
    font-weight: 700;
    text-align: center;
}
table.gasTable th,
table.gasTable td {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    vertical-align: middle;
}

/*-----------------------------------------------------------------------------------------
	商品詳細
-----------------------------------------------------------------------------------------*/
#product {
}

/*-- ビジュアルスライダー ------------------------------*/
#visualWrap {
    position: relative;
    clear: both;
    margin: 10px auto 50px auto;
    background: #f5f5f5;
    width: 100%;
    min-width: 960px;
}
#visualWrap img {
    width: 100%;
    max-width: 960px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/*-- 商品スライダー ------------------------------*/
#itemWrap {
    position: relative;
    float: left;
    margin: 30px 0 30px 0;
    width: 50%;
}
#itemWrap img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
#itemThumbs {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 20px auto 0 auto !important;
    text-align: center;
}
#itemThumbs a {
    width: 12%;
    height: auto;
    display: inline-block;
    margin: 0 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#itemThumbs a:hover {
    cursor: pointer;
}
#itemThumbs img {
    width: 100%;
    height: auto;
}

/*-- 商品名など ------------------------------*/
#item {
    position: relative;
    overflow: hidden;
    float: right;
    text-align: left;
    width: 45%;

    margin: 30px 0 0 0;
    padding-top: 30px;
    color: #0e1d35;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.item-catch-main {
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 10px;
}
.item-catch-sub {
    font-size: 16px;

    line-height: 150%;
    margin-bottom: 30px;
}
.item-code {
    font-size: 16px;
    margin-bottom: 10px;
}
.item-name {
    font-size: 30px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 5px;
    margin-bottom: 40px;
}
.item-price {
    font-size: 32px;
    /*
	font-family: "Sawarabi Mincho";
	*/
}
.item-price span {
    font-size: 18px;
}

/*-- 商品見出し ------------------------------*/
.item-title {
    position: relative;
    font-family: "Sawarabi Mincho";
    font-size: 26px;
    margin: 0 0 100px 0;
    color: #0e1d35;
    line-height: 150%;
    text-align: center;
}
.item-title:after {
    position: absolute;
    content: "";
    bottom: -30px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    border-bottom: 2px solid #0e1d35;
}
/*-- 特徴 ------------------------------*/
.item-char {
    position: relative;
    clear: both;
    overflow: hidden;
}
.item-char li {
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px dotted #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-char li:last-child {
    border-bottom: none;
}
.item-char li div {
    flex: none;
    position: relative;
    width: 30%;
    padding: 5px;
    text-align: center;
}
.item-char li img {
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 5px;
    height: auto;
    border: 2px solid #f5f5f5;
    box-sizing: border-box;
}
.item-char li dl {
    width: 70%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
.item-char li dt {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #0e1d35;
    margin-bottom: 15px;
}
.item-char li dd {
    word-break: break-all;
}
.item-char .p_info_link {
    display: block;
    margin-top: 15px;
}

/*-- 仕様 ------------------------------*/
.item-spec {
    position: relative;
    clera: both;
    overflow: hidden;
    border-top: 1px solid #dbdde1;
}
.item-spec li {
    position: relative;
    clera: both;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #dbdde1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.item-spec dl {
    width: 100%;
    display: flex;
    margin: 0 auto;
}
.item-spec dl dt {
    width: 40%;
    margin-right: 40px;
    text-align: right;
    font-weight: 700;
}

/*-- 別売りオプション・関連商品 ------------------------------*/
.item-other {
    position: relative;
    clera: both;
    overflow: hidden;
    padding: 3% 0;
}
.item-other li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 24%;
    padding: 0 2%;
    font-size: 14px;
    line-height: 130%;
    min-height: 220px;
    margin-bottom: 10px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.item-other li img {
    width: 100%;
    max-width: 150px;
    height: auto;
    min-height: 150px;
    display: block;
    margin: 0 auto 20px auto;
}
.item-other li:before {
    position: absolute;
    content: "";
    top: 15px;
    right: 0;
    height: 100px;
    border-left: 1px solid #dbdde1;
}
.item-other li:nth-of-type(4n):before,
.item-other li:last-child:before {
    border: none;
}
.item-other li:nth-of-type(4n + 1) {
    clear: left;
}
.item-other li:hover {
    opacity: 0.7;
}
.item-other li span.item-price_reration {
    display: block;
    margin-top: 10px;
}
.item-other li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 120%;
    text-indent: -9999px;
    background/*\**/: #fff\9;
    filter: alpha(op／city=0);
}
/*-- 取扱説明書PDFボタン ------------------------------*/
.more-pdf {
    position: relative;
    display: block;
    border-radius: 60px;
    border: 1px solid #878e9a;
    line-height: 150%;
    background: #fff;
    text-align: center;
    width: 80%;
    max-width: 350px;
    margin: 50px 0 0 0;
    padding: 15px 0;
}
.more-pdf:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.more-pdf:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #878e9a;
    border-right: 1px solid #878e9a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*-- 動画 ------------------------------*/
#product .product-movie + .product-movie {
    margin-top: 30px;
}
#product .product-movie p {
    margin: 15px 0 0;
}
#product .product-movie iframe {
    width: 100%;
    vertical-align: bottom;
}

/*-- VR埋め込み ------------------------------*/
.vr-wrap {
    position: relative;
    width: 100%;
}

.vr-wrap::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.vr-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    vertical-align: bottom;
}
/*-----------------------------------------------------------------------------------------
	検索結果
-----------------------------------------------------------------------------------------*/
#searchs {
}
.search-title {
    font-size: 20px;
    text-align: center;
}
.search-terms {
    font-weight: 700;
}
.searchList {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 0 auto 50px auto;
    width: 960px;
}
.searchList li {
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 28px 30px;
    line-height: 150%;
    border-bottom: 1px solid #dbdde0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.searchList li a {
    text-decoration: underline;
}
.searchBox {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 100px auto 50px auto;
    width: 700px;
}
.searchBox form > div {
    display: flex;
    align-items: center;
}
.searchBox input[type="text"] {
    background: #efefef;
    padding: 5px 20px;
    height: 50px;
    width: 80%;
    font-size: 16px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50px 0 0 50px;
    border: 2px solid #000;
}
.searchBox input[type="submit"] {
    background: #0e1d35;
    height: 50px;
    padding: 5px;
    font-size: 16px;
    color: #fff;
    width: 20%;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 50px 50px 0;
}

/*-----------------------------------------------------------------------------------------
	タイトル背景
-----------------------------------------------------------------------------------------*/
/*---------- 製品カテゴリー ----------*/
.p_product {
    padding-top: 140px;
    background: url(img/bg/p_product.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- テント ----------*/

.p_tent {
    padding-top: 120px;
    background: url(img/bg/p_tent.jpg?02) 50% 0 no-repeat fixed;
}
/*---------- ファニチャー ----------*/
.p_furniture {
    padding-top: 120px;
    background: url(img/bg/p_furniture.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- キッチン ----------*/
.p_kitchen {
    padding-top: 120px;
    background: url(img/bg/p_kitchen.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- ランタン ----------*/
.p_lantern {
    padding-top: 120px;
    background: url(img/bg/p_lantern.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- BBQ ----------*/
.p_bbq {
    padding-top: 120px;
    background: url(img/bg/p_bbq.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- ダッチオーブン ----------*/
.p_dutchoven {
    padding-top: 120px;
    background: url(img/bg/p_dutchoven.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- スモーカー/オーブン ----------*/
.p_smoker {
    padding-top: 120px;
    background: url(img/bg/p_smoker.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- テーブルウェア ----------*/
.p_table {
    padding-top: 120px;
    background: url(img/bg/p_table.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- バーナー ----------*/
.p_burner {
    padding-top: 120px;
    background: url(img/bg/p_burner.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- 山シリーズ ----------*/
.p_mountain {
    padding-top: 120px;
    background: url(img/bg/p_mountain.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- つるばみ ----------*/
.p_bag {
    padding-top: 120px;
    background: url(img/bg/p_bag.jpg?02) 50% 0 no-repeat fixed;
}
/*---------- 限定品 ----------*/
.p_limit {
    padding-top: 120px;
    background: url(img/bg/p_limit.jpg?02) 50% 0 no-repeat fixed;
}
/*---------- 新商品 ----------*/
.p_new {
    padding-top: 120px;
    background: url(img/bg/p_new.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- 焚き火 ----------*/
.p_bonfire {
    padding-top: 120px;
    background: url(img/bg/p_bonfire.jpg?01) #0e1d35 50% 0 no-repeat fixed;
}
/*---------- クッカー ----------*/
.p_cooker {
    padding-top: 120px;
    background: url(img/bg/p_cooker.jpg?01) #0e1d35 50% 0 no-repeat fixed;
}
/*---------- ペレットストーブ ----------*/
.p_pellet {
    padding-top: 120px;
    background: url(img/bg/p_pellet.jpg?01) #0e1d35 50% 0 no-repeat fixed;
}

/*---------- 正規取扱店一覧 ----------*/
.s_shop {
    padding-top: 120px;
    background: url(img/bg/s_shop.jpg?02) 50% 0 no-repeat fixed;
}
/*---------- プレミアムショップ一覧 ----------*/
.s_premium {
    padding-top: 120px;
    background: url(img/bg/s_premium.jpg?02) 50% 0 no-repeat fixed;
}
/*---------- よくある質問 ----------*/
.i_faq {
    padding-top: 120px;
    background: url(img/bg/i_contact3.jpg) 50% 0 no-repeat fixed;
}
/*---------- 製品問い合わせ ----------*/
.i_contact {
    padding-top: 120px;
    background: url(img/bg/i_contact.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- 修理問い合わせ ----------*/
.i_contact2 {
    padding-top: 120px;
    background: url(img/bg/i_contact2.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- 取扱い動画 ----------*/
.i_movie {
    padding-top: 120px;
    background: url(img/bg/i_movie.jpg?02) 50% 0 no-repeat fixed;
}
/*---------- カタログ ----------*/
.i_catalog {
    padding-top: 120px;
    background: url(img/bg/i_catalog.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- UNIFLAME カード ----------*/
.i_card {
    padding-top: 120px;
    background: url(img/bg/i_card.jpg?01) 50% 0 repeat fixed;
}
/*---------- ガス ----------*/
.i_gas {
    padding-top: 120px;
    background: url(img/bg/i_gas.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- 会社概要 ----------*/
.i_company {
    padding-top: 120px;
    background: url(img/bg/i_company.jpg?01) 50% 0 no-repeat fixed;
}
/*---------- Not found ----------*/
.notfound {
    padding-top: 140px;
    background: #0e1d35 fixed;
}
/*---------- プライバシーポリシー ----------*/
.bg_privacy {
    height: 150px;
    padding-top: 50px;
    background: #0e1d35 fixed;
    font-size: 36px;
}
/*---------- 検索 ----------*/
.bg_searchform {
    height: 200px;
    padding-top: 50px;
    background: #0e1d35 fixed;
}
/*---------- お知らせ ----------*/
.bg_news {
    height: 150px;
    padding-top: 50px;
    background: #0e1d35 fixed;
    font-size: 36px;
}
/*---------- お知らせ（カテゴリー別） ----------*/
.bg_category {
    height: 150px;
    padding-top: 50px;
    background: #0e1d35 fixed;
    font-size: 36px;
}
/*---------- オンラインショップ一覧 ----------*/
.s_onlineshop {
    height: 200px;
    padding-top: 70px;
    background: #9fa5ae fixed;
    font-size: 36px;
}
/*---------- プライバシーポリシー ----------*/
.bg_contacts-complete {
    height: 150px;
    padding-top: 50px;
    background: #0e1d35 fixed;
    font-size: 36px;
}
#contacts-complete .title {
    margin: 20px 0 0;
    font-size: 24px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}
#contacts-complete .text {
    margin: 20px 0 0;
    text-align: center;
}

#contacts-complete .btn {
    display: table;
    margin: 20px auto 0;
    font-size: 16px;
    text-decoration: underline;
}

/*---------- お問い合わせ ----------*/
.bg_contact {
    padding-top: 120px;
    background: url(img/bg/i_contact3.jpg?01) 50% 0 no-repeat fixed;
}

/*---------- バーナー ----------*/
.p_collaboration {
    padding-top: 120px;
    background: url(img/bg/p_collaboration.jpg?01) 50% 0 no-repeat fixed;
}

/*
.bg_category span {
	font-size: 20px !important;
	display: block;
	margin-top:-10px;
}
*/
/*-----------------------------------------------------------------------------------------
	オンラインストア
-----------------------------------------------------------------------------------------*/

.onlineshopList {
    position: relative;
    clear: both;
    overflow: hidden;
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto 80px auto;
}
.onlineshopList li {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.onlineshopList li img,
.onlineshopList li p {
    display: inline-block;
}
.onlineshopList li img {
    border: 5px solid #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.onlineshopList li img:hover {
    opacity: 0.7;
}
.onlineshopList li p {
    padding: 0 0 0 20px;
    font-size: 14px;
}
.onlineshopList li p a {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .sp-only {
        display: none !important;
    }
}

/*-----------------------------------------------------------------------------------------
	お問い合わせ
-----------------------------------------------------------------------------------------*/
.p-contactTop {
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 20px 140px;
    color: #707070;
    box-sizing: content-box;
}

.p-contactTop * {
    box-sizing: border-box;
}

.p-contactTop__sub {
    flex: none;
    margin: 0 40px 0 0;
}
.p-contactTop__main {
    max-width: 1200px;
}

.p-contactTop-sidebar {
}
.p-contactTop-sidebar .title {
    margin: 0 0 25px;
    padding: 0 0 20px;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 1px solid #707070;
}
.p-contactTop-sidebar ul {
}
.p-contactTop-sidebar li {
    margin: 0 0 15px;
}
.p-contactTop-sidebar a {
    font-size: 16px;
    color: #707070;
}

.p-contactTop-lead {
}
.p-contactTop-lead .title {
    margin: 0 0 30px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.p-contactTop-lead .text {
    font-size: 18px;
    line-height: 2;
}

.p-contactTop-links {
    margin: 80px 0 0;
}
.p-contactTop-links .title {
    margin: 0 0 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.p-contactTop-links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p-contactTop-links li {
    width: calc(50% - 15px);
    margin: 0 0 40px;
}
.p-contactTop-links a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    font-size: 24px;
    color: #707070;
    font-weight: bold;
    border: 2px solid #707070;
    border-radius: 100px;
    transition: 0.2s;
}
.p-contactTop-links a::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 17px;
    height: 30px;
    background: url(img/contact/arrow_right.svg) no-repeat center;
    background-size: 12px auto;
}
.p-contactTop-links a:hover {
    background: #0e1d35;
    color: #fff;
    opacity: 1;
}
.p-contactTop-links a:hover::after {
    background-image: url(img/contact/arrow_right_white.svg);
}

@media only screen and (max-width: 1600px) {
    .p-contactTop-links li {
        margin: 0 0 50px;
    }
    .p-contactTop-links a {
        height: 80px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .p-contactTop {
        flex-direction: column-reverse;
        padding: 30px 20px 60px;
    }

    .p-contactTop__sub {
        margin: 40px 0 0;
    }
    .p-contactTop__main {
    }

    .p-contactTop-sidebar {
    }
    .p-contactTop-sidebar .title {
        margin: 0 0 25px;
        padding: 0 0 20px;
        font-size: 20px;
    }
    .p-contactTop-sidebar ul {
    }
    .p-contactTop-sidebar li {
        margin: 0 0 15px;
    }
    .p-contactTop-sidebar a {
        font-size: 16px;
    }

    .p-contactTop-lead {
    }
    .p-contactTop-lead .title {
        margin: 0 0 20px;
        font-size: 20px;
    }
    .p-contactTop-lead .text {
        font-size: 16px;
    }

    .p-contactTop-links {
        margin: 60px 0 0;
    }
    .p-contactTop-links .title {
        margin: 0 0 40px;
        font-size: 20px;
    }
    .p-contactTop-links ul {
        display: block;
    }
    .p-contactTop-links li {
        width: 100%;
        margin: 0 0 20px;
    }
    .p-contactTop-links a {
        height: 50px;
        font-size: 18px;
    }
    .p-contactTop-links a::after {
        right: 15px;
        width: 10px;
        height: 20px;
        background-size: 100% auto;
    }
}

/*-----------------------------------------------------------------------------------------
	初期不良について
-----------------------------------------------------------------------------------------*/
.p-initialFailure {
    padding: 60px 20px 120px;

    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.p-initialFailure .title {
    margin: 0 0 30px;
    font-weight: bold;
    text-align: center;
}
.p-initialFailure .text {
    font-size: 18px;
    line-height: 2;
}
.p-initialFailure .text.red {
    color: #ff0000;
}

@media only screen and (max-width: 768px) {
    .p-initialFailure {
        padding: 40px 20px 60px;
    }
    .p-initialFailure .title {
        margin: 0 0 30px;
        font-size: 20px;
    }
    .p-initialFailure .text {
        font-size: 16px;
    }
    .p-initialFailure .text.red {
    }
}

/*-----------------------------------------------------------------------------------------
	スマートフォン（レスポンシブ）
-----------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    /*-----------------------------------------------------------------------------------------
		body
	-----------------------------------------------------------------------------------------*/
    body {
        font-size: 62.5%;
        line-height: 180%;
    }
    html,
    body {
    }
    .sp {
        display: block !important;
    }

    .pc-only {
        display: none !important;
    }

    /*-----------------------------------------------------------------------------------------
		header
	-----------------------------------------------------------------------------------------*/
    header {
        -webkit-transition: 0 !important;
        transition: 0 !important;
    }
    header#thead {
        top: 0 !important;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    header div#header {
        position: relative;
        clear: both;
        overflow: visible;
        display: flex;
        align-items: center;
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        height: 50px;
        padding: 10px;
    }
    header.fixed {
    }
    h1#logo {
        margin: 0;
        width: 130px;
        height: auto;
        -webkit-transition: 0;
        transition: 0;
    }

    /*-- バーガーメニュー ------------------------------*/
    #panel-btn {
        display: inline-block;
        position: relative;
        top: 0;
        right: 0;
        width: 30px;
        height: 18px;
        margin: 0 0 0 15px;
        z-index: 999;
    }
    #panel-btn-icon {
        position: absolute;
        display: block;
        top: 35%;
        left: 0;
        width: 30px;
        height: 3px;
        background: #0e1d35;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
    #panel-btn-icon:before,
    #panel-btn-icon:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        display: block;
        width: 30px;
        height: 3px;
        background: #0e1d35;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    #panel-btn-icon:before {
        margin-top: -10px;
    }
    #panel-btn-icon:after {
        margin-top: 7px;
    }
    #panel-btn .close {
        background: transparent;
    }
    #panel-btn .close:before,
    #panel-btn .close:after {
        margin-top: 0;
        background: #fff;
    }
    #panel-btn .close:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #panel-btn .close:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .open {
        left: 0 !important;
    }
    #overlay {
        position: fixed;
        visibility: hidden;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 1200px;
        background: rgba(0, 0, 0, 0.8);
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .view {
        visibility: visible !important;
        opacity: 1 !important;
    }

    /*-- メニュー ------------------------------*/
    #gnav {
        position: fixed;
        overflow-y: scroll;
        top: 0;
        /*left:0;*/
        left: -100%;
        width: 80%;
        height: 100%;
        height: 100vh;
        padding: 0;
        float: none;
        background: #fff;
        transition: left 0.5s, right 0.5s;
        z-index: 1000;
    }
    #gnav ul {
        position: relative;
        clear: both;
        overflow: hidden;
        display: block;
        width: 100%;
        margin-bottom: 100px;
    }
    #gnav ul li {
        position: relative;
        clear: both;
        overflow: hidden;
        border-left: none;
        width: 100%;
        padding: 0;
        text-indent: 20px;
    }
    #gnav ul li a:before {
        position: absolute;
        content: "";
        top: 50%;
        right: 5%;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #gnav ul li div.ntle,
    #gnav ul li div.ntle a {
        font-size: 0.9rem !important;
        font-weight: 700;
        background: #f0f0f0;
        line-height: 50px;
    }
    /*
	#gnav ul li:first-child {
		border-left:none;
	}
	*/
    #gnav ul li span {
        /*font-size:1rem;*/
        display: none;
    }
    #gnav ul li a,
    #gnav ul li.n {
        font-size: 0.8rem;
        font-weight: normal;
        text-align: left;
    }
    #gnav ul li.n {
        padding-bottom: 0;
    }
    #gnav ul li:hover {
        cursor: inherit;
    }

    /*-- 子要素 ------------------------------*/
    nav#gnav ul li ul {
        position: relative;
        clear: both;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100% !important;
        display: block;
        margin: 0 !important;
        box-shadow: none;
    }
    #gnav ul li ul li {
        border-left: none !important;
        border-right: none;
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
    nav#gnav ul li ul li {
        text-align: left;
        overflow: hidden;
        height: auto !important;
        font-size: 0.9rem;
        transition: none;
        width: 100%;
        border: none;
    }
    nav#gnav ul li ul li:after {
        border-right: none !important;
    }
    nav#gnav ul li ul li a {
        font-size: 0.8rem;
        padding: 5% 8% 5% 0;
    }
    nav#gnav ul li ul li a:after {
        display: none !important;
    }
    nav#gnav ul li:hover > ul > li {
        overflow: visible;
        height: auto !important;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    nav#gnav ul li:hover > ul > li:hover {
        background: #fff;
    }
    /*-- 製品カテゴリー一覧 ------------------------------*/
    nav#gnav ul li ul.p_list {
        position: relative;
        left: 0;
        width: 100%;
    }
    #gnav ul li ul.p_list li div {
        position: relative;
        float: none;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    #gnav ul li ul.p_list li div img {
        display: none;
    }
    #gnav ul li ul.p_list li div span {
        display: block !important;
        font-size: 0.8rem;
    }
    nav#gnav ul li:hover > ul.p_list > li {
        transition: none;
    }
    nav#gnav ul li:hover > ul.p_list > li:hover {
        height: auto !important;
    }
    nav#gnav ul li:hover > ul.p_list > li div:hover {
        background: #fff;
    }
    /*-- 検索窓 ------------------------------*/
    #searchWrap {
    }
    #searchWrap #searchform div {
        width: 90%;
        height: 45px;
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
    #searchWrap #searchform input {
        outline: none;
        line-height: 45px;
        padding: 0 10px;
        font-size: 1rem;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #searchWrap #searchform input[type="text"] {
        width: 74%;
        border-radius: 45px 0 0 45px;
        background: #fff;
    }
    #searchWrap #searchform input[type="submit"] {
        background: url(img/parts/search_blue.png) 12px 50% no-repeat #efefef;
        background-size: 15px 15px;
        text-indent: 25px;
        letter-spacing: 5px;
        font-size: 0.9rem;
        border-radius: 0 45px 45px 0;
    }
    #searchWrap #searchform input[type="submit"]:hover {
        background: url(img/parts/search.png) 12px 50% no-repeat #0e1d35;
        background-size: 15px 15px;
    }
    .screen-reader-text {
        display: none;
    }
    /*
	.searchBox {
		visibility: visible !important;
	}
	*/
    #searchbutton {
        position: static;
        top: 0;
        bottom: 0;
        right: 60px;
        margin: 0 0 0 15px;
        width: 20px;
        height: 20px;
        background: url(img/parts/search_blue.png) center no-repeat #fff;
        background-size: 20px 20px;
    }
    #searchbutton:after {
        display: none;
    }
    #searchbutton-close {
        position: fixed;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        background: url(img/parts/close.png) 50% 50% no-repeat;
        background-size: 20px 20px;
    }
    #searchbutton:hover,
    #searchbutton-close:hover {
    }

    /*-----------------------------------------------------------------------------------------
		movie
	-----------------------------------------------------------------------------------------*/
    #mv {
        height: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        /*background:url(img/sp/bg/movie.jpg) 50% 50% no-repeat;*/
        background: url(img/sp/bg/movie2.jpg) bottom left no-repeat;
        background-size: cover;
    }
    #mv:after {
        display: none;
    }
    #mv video {
        display: none;
    }
    #mv-ttl {
        display: none;
    }
    #mv-text {
        top: 25%;
        left: 80%;
        width: 6%;
        max-width: 28px;
        opacity: 1 !important;
        visibility: visible !important;
    }
    #mv-text img {
        width: 100%;
        height: auto;
    }
    #scroll {
        display: none;
    }
    #play {
        display: none;
    }
    #play:before {
        display: none;
    }
    #stop {
        display: none;
    }
    #mute {
        display: none;
    }
    #unmute {
        display: none;
    }
    #play:hover,
    #stop:hover,
    #mute:hover,
    #unmute:hover {
    }

    @media screen and (orientation: landscape) {
        #mv {
            height: 400px !important;
        }
        #mv-text {
            width: 4%;
        }
    }

    /*-----------------------------------------------------------------------------------------
		footer
	-----------------------------------------------------------------------------------------*/

    footer {
        min-width: 100%;
    }
    footer a {
    }
    footer a:hover {
    }
    footer small {
        position: relative;
        bottom: inherit;
        right: inherit;
        font-size: 0.7rem;
        text-align: center;
    }
    footer small br {
        display: block;
    }
    footer div#footer {
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 4% 4% 2% 4%;
    }
    footer p.logo-f {
        float: none;
        margin: 0 auto 7% auto;
        width: 40%;
    }
    footer p.logo-f img {
        width: 100%;
        height: auto;
    }
    footer p.policy {
        display: block;
        margin: 0 auto 7% auto;
        text-align: center;
    }
    footer p.policy a {
        text-decoration: underline;
    }

    /*-- footer nav --------------------------------------*/
    #fnav ul {
        margin-bottom: 4%;
    }
    #fnav ul li {
        width: 100%;
        margin-bottom: 5%;
    }
    #fnav ul li dl dt {
        font-size: 1.2rem;
        line-height: 120%;
        margin-bottom: 4%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding: 4% 1%;
    }
    #fnav ul li dl dt span {
        font-size: 0.8rem;
        display: inline-block;
        margin-left: 10px;
    }
    #fnav ul li dl dd {
        position: relative;
        line-height: 220%;
        font-size: 0.8rem;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #fnav ul li dl dd a {
        display: block;
        padding: 2%;
    }
    #fnav ul li dl dd a:before {
        position: absolute;
        content: "";
        top: 50%;
        right: 3%;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*-- footer pageTop --------------------------------------*/
    #pageTop {
        bottom: 4%;
        right: 4%;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    #pageTop a {
    }
    /*-----------------------------------------------------------------------------------------
		TOP page
	-----------------------------------------------------------------------------------------*/
    /*-- カテゴリー一覧 --------------------------------------*/
    #categories {
        margin: 0 0 60px;
        padding: 10% 2% 20% 2%;
        min-width: 100%;
    }
    #categories:before,
    #categories:after {
        bottom: 1%;
        left: auto;
        width: 55px;
        height: 55px;
        background-size: 100% auto;
    }
    #categories:before {
        left: 2%;
        margin-left: 0;
    }
    #categories:after {
        right: 2%;
        margin-left: 0;
    }
    #categories h2 {
        font-size: 1.4rem;
        width: 90%;
        margin: 0 auto 5% auto;
    }
    #categories h2:before {
        display: none;
    }
    #categories h2:after {
        display: none;
    }
    #categories h2 span {
        margin-top: 2%;
        font-size: 0.9rem;
    }
    .cateList {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        max-width: 100%;
        min-width: 100%;
    }
    .cateList li {

    }
    .cateList li:hover {
        opacity: 1;
        -webkit-transition: 0;
        transition: 0;
    }
    .cateList li img {
        max-width: 100%;
        height: auto;
    }

    /*-- カルーセル --------------------------------------*/
    #slider {
        position: relative;
        margin: 10% auto;
        width: 290px;
    }
    #sliders li {
        -webkit-transition: 0;
        transition: 0;
    }
    #sliders li a:hover {
        opacity: 1;
    }
    #sliders li dl dt {
        font-size: 0.9rem;
        margin: 5% 0;
    }
    #sliders li dl dd {
        font-size: 0.7rem;
    }

    /*-- ショップ一覧 --------------------------------------*/
    #storelist h2 {
        font-size: 1.4rem;
        height: auto;
        min-width: 100%;
        text-align: center;
        margin-bottom: 10%;
    }
    #storelist h2 span {
        font-size: 1rem;
    }
    .storelist {
        width: 90%;
        margin: 0 auto !important;
    }
    .storelist li {
        line-height: 190%;
        margin: 0 auto 5% auto;
        -webkit-transition: 0;
        transition: 0;
    }
    .storelist li:hover {
        opacity: 1;
    }
    .storelist li div {
        width: 100%;
        height: 100%;
    }
    .storelist li div p {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .storelist li a {
    }
    .storelist li em {
        font-size: 1.2rem;
    }
    .storelist li span {
        display: block;
        padding-left: 22px;
        font-size: 0.8rem;
    }
    .premium_storelist,
    .handled_storelist {
        width: 100%;
        height: auto;
    }
    .premium_storelist:before,
    .handled_storelist:before {
        content: "";
        display: block;
        padding-top: 70%;
    }
    .premium_storelist em,
    .handled_storelist em {
        padding-left: 30px;
        background-size: 20px auto;
    }
    .premium_storelist {
        float: none;
        background-size: cover;
    }
    .handled_storelist {
        float: none;
        background-size: cover;
    }
    .onlineshop {
        padding: 5% 0;
        width: 100%;
        margin: 10% auto;
    }
    .onlineshop em {
        padding-left: 35px;
        background-size: 30px auto;
    }

    /*-- NEWS, EVENT --------------------------------------*/
    #ttl-topics {
        display: none;
    }
    #ttl-topics:after {
        display: none;
    }
    #ttl-topics:before {
        display: none;
    }
    /*---------- お知らせリストエリア ----------*/
    .newsWrap {
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
    }
    .newsWrap h2 {
        font-size: 1.4rem;
        float: none;
        width: 100%;
        margin: 60px 0 30px;
        text-align: center;
    }
    .newsWrap h2 span {
        font-size: 0.8rem;
    }
    /*---------- お知らせリスト一覧 ----------*/
    .newsBox {
        float: none;
        width: 100%;
        margin-bottom: 10%;
    }
    .newsBox ul {
        width: 100%;
        margin-bottom: 6%;
    }
    .newsBox ul li {
        padding: 4%;
        font-size: 0.9rem;
    }
    .newsBox span.data {
        margin-bottom: 3%;
    }
    .newsBox a {
    }
    .newsBox span.new {
        font-size: 0.9rem;
    }

    /*---------- お知らせサイド（カテゴリーリスト） ----------*/
    .newsSide {
        float: none;
        width: 100%;
    }
    .newsSide ul li {
        font-size: 0.8rem;
        margin-bottom: 4%;
    }
    .newsSide ul li a {
        padding: 4%;
    }
    .newsSide ul li a:hover {
    }
    .newsSide ul li a:after {
    }

    /*---------- もっと見る ----------*/
    .more {
        float: none;
        width: 60%;
        margin: 5% auto;
        font-size: 1rem;
    }
    .more a {
        line-height: 40px;
    }
    /*-- 下層ページ用 --------------------------------------*/
    .page-heading {
        position: relative;
        font-family: "Sawarabi Mincho";
        font-size: 30px;
        margin: 20px 0 100px 0;
        letter-spacing: 5px;
        color: #0e1d35;
        text-align: left;
        text-align: center;
    }
    .page-heading:after {
        position: absolute;
        content: "";
        bottom: -35px;
        left: 50%;
        margin-left: -225px;
        width: 450px;
        border-bottom: 1px dotted #0e1d35;
    }
    .cate {
        position: relative;
        display: inline-block;
        margin-right: 20px;
        top: -3px;
        background: #c11919;
        font-size: 11px;
        width: 100px;
        color: #fff;
        text-align: center;
        line-height: 30px;
    }
    .cate:after {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 9px 9px;
        border-color: transparent transparent #ffffff transparent;
    }

    /*-- カテゴリー --------------------------------------*/
    /*-- 製品情報 --*/
    .p_info {
        background: #0a4a19;
    } /* #327041 */
    /*-- お知らせ --*/
    .i_info {
        background: #0e1d35;
    } /* #974C7A */
    /*-- イベント --*/
    .e_info {
        background: #c79a00;
    } /* #B48546 */
    /*-- 店舗情報 --*/
    .s_info {
        background: #31456d;
    } /* #31456D */
    /*-- 重要なお知らせ --*/
    .important {
        background: #cc0003;
    } /* #31456D */

    /*-----------------------------------------------------------------------------------------
		パン屑
	-----------------------------------------------------------------------------------------*/
    #pan {
        padding: 3%;
    }
    #pan ol {
        padding-left: 0;
        max-width: 100%;
        min-width: 100%;
    }
    #pan ol li {
        font-size: 0.7rem;
        line-height: 150%;
    }
    #pan ol li:after {
        position: relative;
        content: ">";
        margin: 0 8px;
        font-size: 0.8rem;
    }
    #pan ol li:last-child:after {
        content: "";
    }
    /*-----------------------------------------------------------------------------------------
		下層ページ共通
	-----------------------------------------------------------------------------------------*/
    .flt-l {
    }
    .flt-r {
    }
    .f20 {
        margin-bottom: 5%;
        font-size: 0.9rem;
        line-height: 200%;
        text-align: left;
    }
    .f20 br {
        display: none !important;
    }
    .ctr {
    }
    /*-- 下層ページ（ヘッダー余白分） ------------------------------*/
    .page {
        padding-top: 60px;
    }
    /*-- ページタイトル（h1） ------------------------------*/
    .page-title {
        min-width: 100%;
        height: 200px;
        margin-bottom: 5%;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 170%;
        letter-spacing: 3px;
    }
    .page-title span {
        display: block;
        margin-top: 0;
        font-size: 1rem !important;
    }

    /*-- ページタイトル（h2） ------------------------------*/
    .page-title-s {
        font-size: 1.2rem;
        margin: 0 0 20% 0;
        letter-spacing: 3px;
    }
    .page-title-s:after {
        bottom: -20px;
    }
    /*-- コンテンツエリア ------------------------------*/
    article {
        min-width: 100%;
    }
    article section {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto 8% auto;
    }
    .inner {
        width: 90%;
        margin: 0 auto 5% auto;
    }
    .inner p {
        font-size: 0.9rem;
        line-height: 180%;
    }

    /*-- タブ ------------------------------*/
    #tabWrap {
        margin-bottom: 8%;
        min-width: 100%;
    }
    #tabCategory {
        min-width: 100%;
    }
    ul.tablist {
        margin: 3% auto 0.5% auto;
        min-width: 96%;
        width: 96%;
    }
    ul.tablist li {
        float: left;
        margin: 0 3% 3% 0;
    }
    ul.tablist .tablist__link {
        font-size: 0.75rem;
    }

    /*-- 店舗 ------------------------------*/
    ul.tab-store li {
        width: 48.5%;
    }
    ul.tab-store li:nth-child(2n) {
        margin-right: 0 !important;
    }
    ul.tab-store li:nth-child(5n) {
        margin-right: 3%;
    }
    /*-- FAQ ------------------------------*/
    ul.tab-faq {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 40px 10px;
    }
    ul.tab-faq li {
        width: 100%;
    }
    ul.tab-faq li:nth-child(2n) {
        margin-right: 0 !important;
    }
    ul.tab-faq li:nth-child(5n) {
        margin-right: 0;
    }
    /*-- 製品情報 ------------------------------*/
    ul.tab-category {
        margin: 0 auto 3% auto;
        border-left: 4px solid #efefef;
    }
    ul.tab-category li {
        width: 33.33333333%;
        border-right: 4px solid #efefef;
        border-bottom: 4px solid #efefef;
    }
    ul.tab-category li img {
        width: 100%;
        height: auto;
    }
    ul.tab-category li:nth-child(3n) {
        margin-right: 0;
    }
    ul.tab-category li:nth-child(6n) {
        margin-right: 0;
    }
    /*-- Card ------------------------------*/
    ul.tab-card li {
        width: 22.75%;
    }
    ul.tab-card li:nth-child(4n) {
        margin-right: 0;
    }
    /*-- もっと見るボタン ------------------------------*/
    /*-- 角丸 --*/
    .more-circle {
        width: 100%;
        max-width: inherit;
        margin: 6% auto;
    }
    .more-circle a {
        padding: 4% 0;
    }
    .more-circle a:hover {
    }
    .more-circle a:after {
    }
    /*-- 角丸 --*/
    .more-airduster {
        width: 100%;
        max-width: inherit;
        margin: 6% auto 10% auto;
    }
    .more-airduster a {
        padding: 4% 0;
        font-size: 0.8rem;
    }
    .more-airduster a:hover {
    }
    .more-airduster a:after {
    }
    .more-airduster a br {
        display: block;
    }
    /*-- カード特典ボタン --*/
    .more-card {
        width: 90%;
        margin: 10% auto 0 auto;
    }
    .more-card a {
        padding: 4% 0;
    }
    .more-card a:hover {
    }
    .more-card a:after {
    }
    /*-- カタログボタン --*/
    .more-catalog {
        width: 100%;
        max-width: 100%;
        margin: 10% auto;
    }
    .more-catalog a {
        font-size: 1rem;
        padding: 4% 0;
    }
    .more-catalog a:hover {
    }
    .more-catalog a:after {
    }
    .more-catalog i {
    }

    /*-- uniflame card finish --*/
    .more-cardfinish {
        width: 90%;
        max-width: inherit;
        margin: 6% auto;
        font-size: 14px !important;
    }
    .more-cardfinish a {
        padding: 4% 0;
    }
    .more-cardfinish a:hover {
    }
    .more-cardfinish a:after {
    }

    /*-----------------------------------------------------------------------------------------
		Not Found
	-----------------------------------------------------------------------------------------*/
    #error {
        min-height: auto;
        padding: 0 4%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #search {
        position: relative;
        clear: both;
        overflow: hidden;
        width: 100%;
        margin: 20% auto;
    }

    #search input[type="text"] {
        padding: 5px;
        margin: 0;
        height: 30px;
        width: 75%;
        float: left;
    }
    #search input[type="submit"] {
        height: 45px;
        width: 20%;
        float: left;
    }
    #error .ctr {
        text-align: left;
    }

    /*-----------------------------------------------------------------------------------------
		製品情報（一覧）
	-----------------------------------------------------------------------------------------*/
    .parentCategory {
        max-width: 100%;
        min-width: 100%;
        margin: 0;
    }
    .parentCategory li {
        position: relative;
        float: left;
        width: 25.3%;
        margin: 0 3.5% 7% 3.5%;
        box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
    }
    .parentCategory li:nth-child(3n) {
        margin-right: 0;
    }
    .parentCategory li img {
        width: 100%;
        height: auto;
    }

    /*-----------------------------------------------------------------------------------------
		製品情報（各カテゴリー）
	-----------------------------------------------------------------------------------------*/

    #category {
    }
    .ttl-category {
        font-size: 1rem;
        padding: 8% 0;
    }
    .ttl-category:after {
    }
    ul.categoryList {
        margin: 0;
        max-width: 100%;
        min-width: 100%;
    }
    ul.categoryList li {
        float: none;
        width: 100%;
        margin: 0;
        padding: 4% 2%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #f0f0f0;
        -webkit-transition: 0;
        transition: 0;
    }
    ul.categoryList li:hover {
        opacity: 1;
    }
    ul.categoryList li a {
    }
    ul.categoryList li:nth-child(4n) {
    }
    ul.categoryList li:nth-child(4n + 1) {
    }
    ul.categoryList li dl {
        width: 50%;
        padding-right: 17%;
    }
    ul.categoryList li dl:after {
        position: absolute;
        content: "";
        top: 50%;
        right: 8%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        border-top: 1px solid #878e9a;
        border-right: 1px solid #878e9a;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    ul.categoryList li dl dt {
        font-size: 1rem;
        line-height: 130%;
        min-height: auto;
        margin: 0 0 5% 0;
    }
    ul.categoryList li dl dd {
        text-align: left;
        font-size: 0.9rem;
    }
    .categoryList li img {
    }
    .itemImg {
        width: 25%;
        height: auto;
        padding-top: 0;
        margin-right: 8%;
    }
    .itemImg img {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
    }

    /*-----------------------------------------------------------------------------------------
		製品取扱動画
	-----------------------------------------------------------------------------------------*/

    #moivies {
    }
    #movieWrap {
        margin: 5% 0;
    }
    .movieBox {
        float: none;
        width: 100%;
        margin: 0 0 4% 0;
        padding: 4%;
    }
    .movieBox h2 {
        min-height: inherit;
        text-align: center;
        font-size: 1.1rem;
        margin: 4% 0;
    }
    .movieBox p {
        min-height: inherit;
        font-size: 0.8rem;
        margin-bottom: 8%;
        line-height: 170%;
    }
    .movieImg {
        margin-bottom: 3%;
        -webkit-transition: 0;
        transition: 0;
    }
    .movieImg:hover {
        opacity: 1;
    }
    .movieImg:before {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
    }
    .movieImg:after {
    }
    .movieImg img {
        width: 80%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .movieImg a {
    }
    .movieBox:nth-of-type(3n) {
    }
    .movieBox:nth-of-type(3n + 1) {
    }
    .playtime {
        font-size: 0.8rem;
        margin-bottom: 4%;
    }

    /*-----------------------------------------------------------------------------------------
		プレミアムショップ一覧
	-----------------------------------------------------------------------------------------*/

    .storeBox {
        max-width: 100%;
        min-width: 100%;
        padding: 0 4%;
        margin: 0 auto;
    }
    .ttl-store {
        margin-bottom: 8%;
        font-size: 1.2rem;
        padding: 4%;
    }
    table.storeTable {
        width: 100%;
        margin-bottom: 5%;
    }
    table.storeTable caption {
        font-size: 1rem;
        text-align: center;
        margin: 4% auto;
        padding: 4% 0;
        background: #f0f0f0;
        border-radius: 60px;
        width: 60%;
    }
    table.storeTable tr {
    }
    table.storeTable tr:nth-child(2n) {
        background: #f9f9f9;
    }
    table.storeTable th {
        display: none;
    }
    table.storeTable td {
        display: block;
        padding: 3% 5%;
        border-bottom: none;
        width: 100%;
    }
    table.storeTable th,
    table.storeTable td {
    }
    table.storeTable th:first-child,
    table.storeTable td:first-child {
        width: 100% !important;
        font-size: 1rem;
        line-height: 150%;
        padding-top: 5%;
    }
    table.storeTable th:nth-child(2),
    table.storeTable td:nth-child(2) {
        width: 100% !important;
        font-size: 0.9rem;
    }
    table.storeTable td a {
    }
    table.storeTable td:first-child a {
    }
    table.storeTable td i {
        margin: 0 2%;
    }
    .tel {
        width: 80%;
        margin: 5% auto 10% auto;
        font-size: 0.9rem;
    }
    .tel a {
    }

    /*-----------------------------------------------------------------------------------------
		FAQ
	-----------------------------------------------------------------------------------------*/

    .faqBox {
        min-width: 100%;
        padding: 0 4%;
        margin: 0 auto 10% auto;
        max-width: 100%;
    }
    .ttl-faq {
        margin-bottom: 4%;
        font-size: 1.4rem;
        padding: 4%;
    }

    /*-- FAQ一覧 --------------------------------------*/
    .faqlist {
        margin-bottom: 10%;
    }
    .faqlist li {
        padding: 4%;
    }
    .faqlist li:nth-child(2n) {
    }
    .faqlist dl dt {
        font-size: 0.8rem;
        padding: 4% 30px 4% 50px;
        background-position: 0 50%;
        background-size: 30px auto;
    }
    .faqlist dl dt:before {
        right: 2%;
        margin-top: -5px;
        width: 10px;
        height: 10px;
    }
    .faqlist dl dt:hover {
        opacity: 1;
    }
    .faqlist dl dd {
        font-size: 0.8rem;
        padding: 4% 4% 4% 50px;
        background-size: 30px auto;
    }
    .faqlist dl dd img {
        margin: 6% auto;
    }
    /*---------- slidetoggle ----------*/
    .faqlist dl dt.active:before {
        margin-top: -17px;
    }

    /*-----------------------------------------------------------------------------------------
		会社情報
	-----------------------------------------------------------------------------------------*/

    /*---------- 理念 ----------*/
    #company section#idea {
    }
    #company section#idea h2,
    #company section#idea p {
    }
    #company section#idea h2 {
        font-size: 1.4rem;
        line-height: 150%;
        margin: 10% auto;
        width: 90%;
    }
    #company section#idea p {
        font-size: 0.9rem;
        line-height: 200%;
        margin: 0 auto 15% auto;
        width: 90%;
        text-align: left;
    }
    #company section#idea p br {
        display: none;
    }

    /*--------- UNIFLAMEの歴史 ----------*/
    #history .ttl-history {
        font-size: 1.4rem;
        margin: 4% 0 20% 0;
    }
    #history .ttl-history:after {
        bottom: -30px;
    }
    #history dl {
        width: 100%;
    }
    #history dl dt,
    #history dl dd {
        padding: 4% 2%;
        display: block;
    }
    #history dl dt {
        width: 23%;
        font-size: 0.8rem;
        padding-top: 55px;
        float: left;
    }
    #history dl dt:before {
        height: 400px;
    }
    #history dl dt:after {
        top: 70px;
    }
    #history dl dd {
        width: 72%;
        text-align: left;
        font-size: 0.8rem;
        float: right;
    }
    #history dl dd img {
        margin: 0 auto;
        display: block;
    }

    /*--------- 想い ----------*/
    #company section#thought {
    }
    #company section#thought h2,
    #company section#thought p {
    }
    #company section#thought h2 {
        font-size: 1.4rem;
        line-height: 150%;
        margin: 10% auto;
        width: 90%;
        text-align: left;
    }
    #company section#thought p {
        font-size: 0.9rem;
        line-height: 200%;
        margin: 0 auto 15% auto;
        width: 90%;
        text-align: left;
    }

    /*--------- 企業情報 ----------*/
    table.companyTable {
        margin: 5% auto 10% auto;
    }
    table.companyTable caption {
        font-size: 1.4rem;
        margin: 4% 0 15% 0;
    }
    table.companyTable caption:after {
        position: absolute;
        content: "";
        bottom: -25px;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        border-bottom: 2px solid #0e1d35;
    }
    table.companyTable th {
        padding: 6% 2%;
        width: 35%;
    }
    table.companyTable td {
        padding: 6% 2%;
        width: 65%;
    }
    table.companyTable tr:last-child th,
    table.companyTable tr:last-child td {
    }
    table.companyTable th,
    table.companyTable td {
        font-size: 0.8rem;
    }

    /*-----------------------------------------------------------------------------------------
		プライバシーポリシー
	-----------------------------------------------------------------------------------------*/

    #privacy section {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto 10% auto;
    }
    #privacy section h3 {
        font-size: 1.2rem;
        padding-bottom: 4%;
        line-height: 150%;
        margin: 12% 0 0 0;
    }
    #privacy section p {
        font-size: 0.8rem;
        line-height: 200%;
        margin-bottom: 4%;
    }
    #privacy section ul {
        margin: 0;
    }
    #privacy section ul li {
        font-size: 0.8rem;
        margin: 0 0 2% 25px;
    }

    /*-----------------------------------------------------------------------------------------
		お知らせ（詳細）
	-----------------------------------------------------------------------------------------*/

    #topics {
    }
    #single {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto 10% auto;
        min-height: 350px;
    }
    #single header {
        margin-top: 10%;
    }
    #single header h1 {
        font-size: 1.4rem;
        margin: 0 0 10% 0;
        padding: 4% 2%;
        line-height: 130%;
    }
    #single span.data {
        font-size: 0.8rem;
    }
    .single {
        padding: 0 2%;
    }
    .single p {
        font-size: 0.9rem;
        margin-bottom: 4%;
        line-height: 200%;
    }
    .single p br {
        display: none;
    }
    .single p a {
    }
    .single img {
        margin: 0 auto 4% auto;
        max-width: 480px;
        width: 100%;
        height: auto;
    }

    .single iframe{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .center_layout {
        margin-bottom: 8%;
    }
    /*-- ページ送り（プラグインだけどこちらで指定します） ------------------------------*/
    .wp-pagenavi {
    }
    .wp-pagenavi span.current,
    .wp-pagenavi a {
        font-size: 0.8rem;
        line-height: 25px;
        margin-bottom: 3% !important;
    }
    .current {
        line-height: 25px;
    }
    .extend {
        line-height: 25px;
    }



    /*-----------------------------------------------------------------------------------------
		製品＆修理についてお問い合わせ
	-----------------------------------------------------------------------------------------*/
    #inquiry {
    }
    #inquiry p strong {
        /* font-size:1.2rem;
		margin:6% 0;
		line-height: 150%; */
    }
    /*-- 電話番号・フォーム注意書き等 ------------------------------*/
    .contactBox {
        width: 100%;
        margin: 0 auto 10% auto;
    }
    .contactBox dl {
        margin-bottom: 5%;
    }
    .contactBox dl dt {
        font-size: 1rem;
        padding-left: 10px;
        margin: 10% 0 4% 0;
    }
    .contactBox dl dd {
        font-size: 1.6rem;
        float: none;
        width: 100%;
        padding: 5%;
        margin-bottom: 0;
    }
    .contactBox dl dd span {
        font-size: 1rem;
        margin-right: 3%;
    }
    .clr_red {
    }
    /*-- 問い合わせの注意リスト -----------------------------*/
    .attention {
        padding: 3%;
    }
    .attention li {
        padding-left: 20px;
        margin-bottom: 4%;
        font-size: 0.8rem;
        line-height: 180%;
    }
    .attention li:last-child {
        margin-bottom: 0;
    }
    .attention li:before {
    }

    /*-- リスト ------------------------------*/
    .list {
        padding: 4%;
    }
    .list li {
        margin: 0 0 4% 20px;
        font-size: 0.9rem;
    }
    .list li span {
        padding-left: 4%;
    }
    .list li strong {
    }
    .list li span:before {
    }

    /*-- フォーム ------------------------------*/
    .inq_form {
        margin: 5% 0;
    }
    .inq_form dt,
    .inq_form dd {
        padding: 4% 2%;
    }
    .inq_form dt {
        float: none;
        width: 100%;
        background: #f0f0f0;
        font-size: 0.9rem;
    }
    .inq_form dd {
        float: none;
        width: 100%;
        font-size: 0.9rem;
    }
    .inq_form dd label {
        display: block;
        width: 150px;
        line-height: 20px;
    }
    .hissu {
        color: #c00003;
        font-size: 12px;
    }
    .inq_form textarea,
    .inq_form input[type="text"],
    .inq_form input[type="email"],
    .inq_form input[type="tel"] {
        padding: 10px;
        font-size: 1rem;
    }
    .inq_form textarea {
        width: 100%;
    }
    .inq_form input[type="text"],
    .inq_form input[type="email"],
    .inq_form input[type="tel"],
    .inq_form select {
        height: 40px;
        display: block;
        margin-bottom: 4%;
        width: 100%;
    }
    .inq_form .yuubin > input {
        margin-top: 5%;
        width: 40%;
    }
    .inq_form a {
    }
    .inq_submit input[type="submit"] {
        padding: 15px 0;
        width: 300px;
        font-size: 16px;
        background-color: #0e1d35;
        color: #fff;
        border: none;
        border-radius: 60px;
        display: block;
        margin: 0 auto;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
    .inq_submit input[type="submit"]:hover {
        cursor: pointer;
        opacity: 0.8;
    }
    .contact_faq {
        display: block !important;
    }

    /*-----------------------------------------------------------------------------------------
		カタログ
	-----------------------------------------------------------------------------------------*/

    #delivery .ctr {
        text-align: left;
    }
    .catalog {
        padding: 2%;
    }
    .catalog:hover {
        opacity: 1;
    }
    .catalogBox {
        margin: 10% auto 0 auto;
        width: 100%;
    }
    .addressBox {
        padding: 4%;
        margin: 6% auto;
        border-radius: 10px;
        max-width: 100%;
        min-width: 100%;
    }
    .addressBox p {
        font-size: 0.9rem;
        line-height: 180%;
    }
    .catalogBox a span {
    }
    .cataloglist {
        margin: 0 auto;
        max-width: 100%;
        min-width: 100%;
    }
    .cataloglist li {
        position: relative;
        clear: both;
        margin-left: 25px;
        list-style: decimal;
    }

    /*-----------------------------------------------------------------------------------------
		UNIFLAMEカードのご案内
	-----------------------------------------------------------------------------------------*/
    #card .ctr {
        text-align: left;
    }
    /*-- 強調テキスト ------------------------------*/
    .txt-card {
        margin-bottom: 8%;
        font-size: 1.2rem;
    }
    /*-- カードコンテンツエリア ------------------------------*/
    .cardBox {
        padding-top: 4%;
        text-align: left;
        margin: 0 auto;
    }
    .cardBox p {
        font-size: 0.9rem;
        line-height: 180%;
    }
    .cardBox h3 {
        margin-bottom: 3%;
        font-size: 1rem;
    }
    .cardBox-Left {
        width: 100%;
        float: none;
        margin-bottom: 20%;
    }
    .card-img {
    }
    .cardBox-Right {
        width: 100%;
        float: none;
        margin-bottom: 0;
    }
    /*-- 特典アイコン ------------------------------*/
    .point1,
    .point2 {
        padding: 90px 0 0 0;
    }
    .point1:before,
    .point2:before {
        top: 0;
        left: 50%;
    }
    .point1:after,
    .point2:after {
        top: 22px;
        font-size: 0.8rem;
    }
    .point1:before {
        margin: 0 0 0 -35px;
    }
    .point2:before {
        margin: 0 0 0 -35px;
    }
    .point1:after {
        content: "特典1";
        margin: 0 0 0 -30px;
    }
    .point2:after {
        content: "特典2";
        margin: 0 0 0 -30px;
    }

    /*-- カードについての注意リスト -----------------------------*/
    .attention-card {
        margin-bottom: 4%;
    }
    .attention-card li {
        position: relative;
        padding-left: 20px;
        font-size: 0.9rem;
        line-height: 180%;
    }
    .attention-card li:before {
    }
    .atte {
    }
    .atte:before {
    }
    .cardList {
        margin-bottom: 4%;
    }
    .cardList li {
        float: none;
        width: 100%;
        margin: 0 0 8% 0;
    }
    .cardList li img {
        display: block;
        margin: 0 auto;
        width: 80%;
        height: auto;
    }
    .cardList li:last-child {
    }

    /*-- 施設紹介・特典 ------------------------------*/
    table.facilitiesTable {
        width: 100%;
        margin-bottom: 5%;
    }
    table.facilitiesTable caption {
        font-size: 1rem;
        text-align: center;
        margin: 4% auto;
        padding: 4% 0;
        background: #f0f0f0;
        border-radius: 60px;
        width: 60%;
    }
    table.facilitiesTable tr {
    }
    table.facilitiesTable tr:nth-child(2n) {
        background: #f9f9f9;
    }
    table.facilitiesTable th {
        display: none;
    }
    table.facilitiesTable td {
        display: block;
        padding: 3% 5%;
        border-bottom: none;
        width: 100%;
    }
    table.facilitiesTable th,
    table.facilitiesTable td {
        width: 100%;
        font-size: 0.9rem;
        line-height: 180%;
    }
    table.facilitiesTable th:first-child,
    table.facilitiesTable td:first-child {
        width: 100% !important;
        border-bottom: 0;
    }
    table.facilitiesTable td a {
    }
    table.facilitiesTable td i {
    }
    table.facilitiesTable td ol li {
        margin: 0 0 0 25px !important;
    }
    .decimal {
        list-style: decimal;
    }
    .square {
        list-style: square;
    }
    /*------------------------------ card終了のお知らせ ----------*/
    .ufcard_finish {
        max-width: 300px;
        width: 100%;
        height: auto;
        margin: 4% auto 4% auto;
    }

    /*-----------------------------------------------------------------------------------------
		ブランド
	-----------------------------------------------------------------------------------------*/
    /*-- 幅を100%に ------------------------------*/
    #brand section {
        max-width: 100%;
        min-width: 100%;
    }
    /*-- UNIFLAME コンセプト ------------------------------*/
    #concept {
        height: 550px;
        min-height: 550px;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto 10% auto;
    }
    #concept:before,
    #concept:after {
        width: 60px;
        height: 60px;
        background-size: 60px auto;
        z-index: 100;
    }
    #concept:before {
    }
    #concept:after {
    }
    /*-- コンセプト テキスト --*/
    .conceptTxt {
        position: relative;
        clear: both;
        overflow: hidden;
        top: auto;
        right: auto;
        max-width: 100%;
        min-width: 100%;
        padding: 25% 7%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .conceptTxt:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: url(img/parts/dot.png) repeat;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .conceptTxt h1 {
        position: relative;
        font-size: 1.2rem;
        padding: 20px 0 20px 40px;
        margin-bottom: 4%;
        line-height: 150%;
        background-position: 0 40%;
        background-size: 30px auto;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1);
        z-index: 1;
    }
    .conceptTxt p {
        position: relative;
        font-size: 0.9rem;
        line-height: 200%;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1);
        z-index: 1;
    }
    .conceptTxt p br {
        display: none;
    }

    /*-- UNIFLAME コンセプト下 ------------------------------*/
    .brandBox {
        margin-top: 65%;
        width: 100%;
    }
    .brandBox h2 {
        font-size: 1.4rem;
    }
    .brandBox p {
        font-size: 0.9rem;
    }
    .brandBox p br {
        display: none;
    }

    /*-- 想い1 ------------------------------*/
    .brand1 {
        padding: 22% 4% 10% 4%;
    }
    .brand1:before {
        position: absolute;
        content: "";
        top: 10%;
        left: 4%;
        max-width: 45px;
        height: 100%;
        background-size: 100% auto;
    }
    /*-- 想い2 ------------------------------*/
    .brand2 {
        padding: 35% 4% 23% 4%;
    }
    .brand2:before {
        top: 8%;
        right: 4%;
        width: 120px;
        height: 80px;
        background-size: 100% auto;
    }
    .brand2:after {
        bottom: 4%;
        right: auto;
        left: 7%;
        width: 180px;
        height: 74px;
        background-size: 100% auto;
    }
    /*-- 想い3 ------------------------------*/
    .brand3 {
        padding: 25% 4% 20% 4%;
    }
    .brand3:before {
        top: 10%;
        left: 20%;
        width: 70px;
        height: 45px;
        background-size: 100% auto;
    }
    .brand3:after {
        bottom: 4%;
        right: 12%;
        width: 180px;
        height: 84px;
        background-size: 100% auto;
    }
    /*-- 想い4 ------------------------------*/
    .brand4 {
        padding: 7% 4% 50% 4%;
    }
    .brand4:before {
        top: 40%;
        left: 20%;
        width: 60%;
        max-width: 250px;
        height: 100%;
        background-size: 100% auto;
    }
    #bg_brand1,
    #bg_brand2,
    #bg_brand3,
    #bg_brand4 {
        position: relative;
        overflow: hidden;
    }
    #bg_brand1 {
        background: url(img/contents/brand/bg_brand01.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }
    #bg_brand2 {
        background: url(img/contents/brand/bg_brand02.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }
    #bg_brand3 {
        background: url(img/contents/brand/bg_brand03.jpg) 100% 0 no-repeat;
        background-size: 100% auto;
    }
    #bg_brand4 {
        background: url(img/contents/brand/bg_brand04.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    /*-----------------------------------------------------------------------------------------
		ガス器具の取り扱い
	-----------------------------------------------------------------------------------------*/
    #gas em {
        font-size: 0.9rem;
        margin-bottom: 4%;
    }
    #gas .ctr {
        text-align: left;
    }
    /*-- 見出し ------------------------------*/
    #gas h3 {
        margin-bottom: 10%;
        font-size: 1rem;
        padding: 4%;
    }
    /*-- 警告リスト ------------------------------*/
    ul.gasList {
        margin-bottom: 8%;
    }
    ul.gasList li {
        padding: 4% 0;
        display: block;
    }
    ul.gasList li:last-child {
    }
    ul.gasList li img {
        width: 60%;
        max-width: 200px;
        height: auto;
        margin: 0 auto 6% auto;
        display: block;
        padding: 1%;
    }
    ul.gasList li dl {
        width: 100%;
    }
    ul.gasList li dt,
    ul.gasList li dd {
        line-height: 180%;
    }
    ul.gasList li dt {
        font-size: 1rem;
        padding-top: 45px;
        margin-bottom: 4%;
    }
    ul.gasList li dt:before {
        top: 0;
        left: 0;
        font-size: 0.8rem;
        line-height: 27px;
    }
    ul.gasList li dd {
        font-size: 0.9rem;
    }
    /*-- 処理のリスト --*/
    .process li dt {
    }
    .process li dt:before {
    }

    /*-- カセットボンベ使用上のご注意 ------------------------------*/
    .img-Bomb {
        margin: 5% 0 10% 0;
        width: 100%;
        height: auto;
    }
    .bock {
        width: 100%;
        padding: 5%;
        margin-top: 4%;
        min-height: inherit;
    }
    .bock p {
    }
    .bock p em {
        font-size: 1rem;
    }
    .bock img {
        margin: 6% auto;
        width: 90%;
        height: auto;
    }
    /*-- 一酸化炭素中毒について ------------------------------*/
    table.gasTable {
        width: 100%;
        margin: 0 auto 10% auto;
    }
    table.gasTable th {
        padding: 3%;
    }
    table.gasTable td {
        padding: 3%;
    }
    table.gasTable td:first-child {
    }
    table.gasTable th,
    table.gasTable td {
        width: 50%;
        font-size: 0.8rem;
    }

    /*-----------------------------------------------------------------------------------------
		商品詳細
	-----------------------------------------------------------------------------------------*/
    #product {
    }

    /*-- ビジュアルスライダー ------------------------------*/
    #visualWrap {
        margin: 0 auto 8% auto;
        min-width: 100%;
    }
    #visualWrap img {
        max-width: 100%;
        margin: 0;
    }

    /*-- 商品スライダー ------------------------------*/
    #itemWrap {
        float: none;
        margin: 6% auto 6% auto;
        width: 100%;
        max-width: 500px;
    }
    #itemWrap img {
    }
    #itemThumbs {
        margin: 0 auto !important;
    }
    #itemThumbs a {
    }
    #itemThumbs a:hover {
    }
    #itemThumbs img {
    }

    /*-- 商品名など ------------------------------*/
    #item {
        float: none;
        text-align: left;
        width: 100%;
        margin: 6% 0 0 0;
        padding-top: 6%;
    }
    .item-catch-main {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 150%;
        margin-bottom: 4%;
    }
    .item-catch-sub {
        font-size: 1rem;
        line-height: 150%;
        margin-bottom: 10%;
    }
    .item-code {
        font-size: 0.9rem !important;
        margin-bottom: 0;
    }
    .item-name {
        font-size: 1.4rem;
        line-height: 130%;
        letter-spacing: 1px;
        margin-bottom: 5%;
    }
    .item-price {
        font-size: 1.5rem !important;
    }
    .item-price span {
        font-size: 1rem;
    }

    /*-- 商品見出し ------------------------------*/
    .item-title {
        font-size: 1.5rem;
        margin: 0 0 15% 0;
    }
    .item-title:after {
        bottom: -20px;
    }
    /*-- 特徴 ------------------------------*/
    .item-char {
    }
    .item-char li {
        padding: 2%;
        display: block;
    }
    .item-char li:last-child {
    }
    .item-char li div {
        width: 80%;
        padding: 2%;
        margin: 0 auto 4% auto;
    }
    .item-char li img {
        width: 100%;
        max-width: 300px;
        padding: 2%;
    }
    .item-char li dl {
        width: 100%;
        padding: 0;
    }
    .item-char li dt {
        font-size: 1rem;
        margin: 4% 0;
        text-align: center;
        line-height: 170%;
    }
    .item-char li dd {
        font-size: 0.9rem;
        margin-bottom: 4%;
        line-height: 170%;
    }
    .item-char .p_info_link {
        margin-top: 4%;
    }
    /*-- 仕様 ------------------------------*/
    .item-spec {
    }
    .item-spec li {
        padding: 6% 2%;
    }
    .item-spec dl {
        width: 100%;
        margin: 0;
    }
    .item-spec dl dt {
        width: 30%;
        text-align: left;
        margin-right: 5%;
    }
    .item-spec dl dd {
        width: 65%;
    }
    .item-spec dl dt,
    .item-spec dl dd {
        font-size: 0.9rem;
        line-height: 170%;
    }

    /*-- 別売りオプション・関連商品 ------------------------------*/
    .item-other {
    }
    .item-other li {
        float: none;
        width: 100%;
        padding: 4% 2%;
        font-size: 0.9rem;
        line-height: 170%;
        min-height: inherit;
        margin-bottom: 0;
        border-bottom: 1px solid #dbdde1;
        -webkit-transition: 0;
        transition: 0;
    }
    .item-other li:last-child {
        border-bottom: 0;
    }
    .item-other li img {
        width: 30%;
        max-width: 30%;
        height: auto;
        min-height: inherit;
        display: block;
        margin: 0 10% 0 0;
        float: left;
    }
    .item-other li:before {
        display: none;
    }
    .item-other li:nth-of-type(4n):before,
    .item-other li:last-child:before {
    }
    .item-other li:nth-of-type(4n + 1) {
    }
    .item-other li:hover {
        opacity: 1;
    }
    .item-other li span.item-price_reration {
        display: block;
        margin-top: 10px;
    }
    .item-other li a {
    }
    /*-- 取扱説明書PDFボタン ------------------------------*/
    .more-pdf {
        border-radius: 60px;
        width: 90%;
        max-width: inherit;
        margin: 6% auto;
        font-size: 16px;
    }
    .more-pdf:hover {
    }
    .more-pdf:after {
    }

    /*-- Youtube ------------------------------*/
    .y_movie {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        margin: 0 auto;
    }
    .y_movie iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    /*-----------------------------------------------------------------------------------------
		検索結果
	-----------------------------------------------------------------------------------------*/
    #searchs {
    }
    .search-title {
        font-size: 20px;
    }
    .searchList {
        position: relative;
        clear: both;
        overflow: hidden;
        margin: 0 auto 50px auto;
        width: 100%;
    }
    .searchList li {
        position: relative;
        clear: both;
        overflow: hidden;
        padding: 4% 2%;
        font-size: 0.9rem;
        line-height: 150%;
        border-bottom: 1px solid #dbdde0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .searchList li a {
        display: block;
        text-decoration: underline;
    }
    .searchBox {
        margin: 8% auto;
        width: 94%;
    }
    .searchBox input[type="text"] {
    }
    .searchBox input[type="submit"] {
        font-size: 14px;
        -webkit-appearance: button;
        appearance: button;
    }

    /*-----------------------------------------------------------------------------------------
		タイトル背景
	-----------------------------------------------------------------------------------------*/
    /*---------- 製品カテゴリー ----------*/
    .p_product {
        padding-top: 85px;
        background: url(img/sp/bg/p_product.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- テント ----------*/

    .p_tent {
        padding-top: 65px;
        background: url(img/sp/bg/p_tent.jpg?03) 50% 0 no-repeat local;
    }
    /*---------- ファニチャー ----------*/
    .p_furniture {
        padding-top: 65px;
        background: url(img/sp/bg/p_furniture.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- キッチン ----------*/
    .p_kitchen {
        padding-top: 65px;
        background: url(img/sp/bg/p_kitchen.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- ランタン ----------*/
    .p_lantern {
        padding-top: 65px;
        background: url(img/sp/bg/p_lantern.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- BBQ ----------*/
    .p_bbq {
        padding-top: 65px;
        background: url(img/sp/bg/p_bbq.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- ダッチオーブン ----------*/
    .p_dutchoven {
        padding-top: 65px;
        background: url(img/sp/bg/p_dutchoven.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- スモーカー/オーブン ----------*/
    .p_smoker {
        padding-top: 65px;
        background: url(img/sp/bg/p_smoker.jpg?01) 50% 0 no-repeat local;
    }

    /*---------- テーブルウェア ----------*/
    .p_table {
        padding-top: 65px;
        background: url(img/sp/bg/p_table.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- バーナー ----------*/
    .p_burner {
        padding-top: 120px;
        background: url(img/sp/bg/p_burner.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- 山シリーズ ----------*/
    .p_mountain {
        padding-top: 65px;
        background: url(img/sp/bg/p_mountain.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- つるばみ ----------*/
    .p_bag {
        padding-top: 65px;
        background: url(img/sp/bg/p_bag.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- 限定品 ----------*/
    .p_limit {
        padding-top: 65px;
        background: url(img/sp/bg/p_limit.jpg?02) 50% 0 no-repeat local;
    }
    /*---------- 新商品 ----------*/
    .p_new {
        padding-top: 65px;
        background: url(img/sp/bg/p_limit.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- 正規取扱店一覧 ----------*/
    .s_shop {
        padding-top: 85px;
        background: url(img/bg/s_shop.jpg?02) 50% 0 no-repeat local;
        background-size: cover;
    }
    /*---------- プレミアムショップ一覧 ----------*/
    .s_premium {
        padding-top: 85px;
        background: url(img/bg/s_premium.jpg?02) 50% 0 no-repeat local;
        background-size: cover;
    }
    /*---------- よくある質問 ----------*/
    .i_faq {
        padding-top: 85px;
        background: url(img/bg/i_contact3.jpg) 50% 0 no-repeat local;
        background-size: cover;
    }
    /*---------- 製品問い合わせ ----------*/
    .i_contact {
        padding-top: 85px;
        background: url(img/sp/bg/i_contact.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- 修理問い合わせ ----------*/
    .i_contact2 {
        padding-top: 85px;
        background: url(img/sp/bg/i_contact2.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- 取扱い動画 ----------*/
    .i_movie {
        padding-top: 85px;
        background: url(img/bg/i_movie.jpg?02) 50% 0 no-repeat local;
        background-size: cover;
    }
    /*---------- カタログ ----------*/
    .i_catalog {
        padding-top: 85px;
        background: url(img/sp/bg/i_catalog.jpg?01) 50% 0 no-repeat local #000;
    }
    /*---------- UNIFLAME カード ----------*/
    .i_card {
        padding-top: 85px;
        background: url(img/bg/i_card.jpg?01) 50% 0 repeat local;
    }
    /*---------- ガス ----------*/
    .i_gas {
        padding-top: 85px;
        background: url(img/sp/bg/i_gas.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- 会社概要 ----------*/
    .i_company {
        padding-top: 85px;
        background: url(img/sp/bg/i_company.jpg?01) 50% 0 no-repeat local;
    }
    /*---------- 焚き火 ----------*/
    .p_bonfire {
        padding-top: 85px;
        background: url(img/bg/p_bonfire.jpg?01) #0e1d35 50% 0 no-repeat local;
        background-size: cover;
    }
    /*---------- クッカー ----------*/
    .p_cooker {
        padding-top: 85px;
        background: url(img/bg/p_cooker.jpg?01) #0e1d35 50% 0 no-repeat local;
        background-size: cover;
    }
    /*---------- ペレットストーブ ----------*/
    .p_pellet {
        padding-top: 85px;
        background: url(img/bg/p_pellet.jpg?01) #0e1d35 50% 0 no-repeat local;
        background-size: cover;
    }

    /*---------- お問い合わせ ----------*/
    .bg_contact {
        padding-top: 85px;
        background: url(img/bg/i_contact3.jpg?01) #0e1d35 50% 0 no-repeat local;
        background-size: cover;
    }

    /*---------- Not found ----------*/
    .notfound {
        padding-top: 85px;
        background: #0e1d35 local;
    }
    /*---------- プライバシーポリシー ----------*/
    .bg_privacy {
        height: 200px;
        padding-top: 85px;
        background: #0e1d35 local;
        font-size: 1.4rem;
    }
    /*---------- 検索 ----------*/
    .bg_searchform {
        height: auto !important;
        padding: 50px 0 !important;
        background: #0e1d35 local;
    }
    /*---------- お知らせ ----------*/
    .bg_news {
        height: 150px;
        padding-top: 50px;
        background: #0e1d35 local;
        font-size: 1.4rem;
    }
    /*---------- お知らせ（カテゴリー別） ----------*/
    .bg_category {
        height: 150px;
        padding-top: 50px;
        background: #0e1d35 local;
        font-size: 1.4rem;
    }
    /*---------- オンラインショップ一覧 ----------*/
    .s_onlineshop {
        height: 200px;
        padding-top: 85px;
        background: #9fa5ae local;
        font-size: 1.4rem;
    }
    /*---------- 送信完了 ----------*/
    .bg_contacts-complete {
        height: 200px;
        padding-top: 85px;
        background: #0e1d35 local;
        font-size: 1.4rem;
    }


    /*---------- バーナー ----------*/
    .p_collaboration {
        padding-top: 85px;
        background: url(img/bg/p_collaboration.jpg) #0e1d35 50% 0 no-repeat local;
        background-size: cover;
    }


    /*
	.bg_category span {
		font-size: 20px !important;
		display: block;
		margin-top:-10px;
	}
	*/
    /*-----------------------------------------------------------------------------------------
		オンラインストア
	-----------------------------------------------------------------------------------------*/
    .onlineshopList {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto 8% auto;
    }
    .onlineshopList li {
        float: none;
        width: 100%;
        padding: 4% 2%;
        margin-bottom: 0 !important;
    }
    .onlineshopList li:nth-child(2n-1) {
        background: #f9f9f9;
    }
    .onlineshopList li img,
    .onlineshopList li p {
    }
    .onlineshopList li img {
        width: 30%;
        height: auto;
        border: 3px solid #f5f5f5;
        -webkit-transition: 0;
        transition: 0;
    }
    .onlineshopList li img:hover {
        opacity: 1;
    }
    .onlineshopList li p {
        padding: 0 0 0 4%;
        font-size: 0.9rem;
        width: 60%;
    }
    .onlineshopList li p a {
    }
}

/*-----------------------------------------------------------------------------------------
Twitter
-----------------------------------------------------------------------------------------*/
#sns {
    padding: 50px 0;
    background: rgba(0, 9, 38, 0.09);
}

#sns .container {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 80px;
}

#sns .title {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

#sns .body iframe {
    width: 100%;
    vertical-align: bottom;
}
#sns .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 40px;
    margin: 25px auto 0;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #333;
}

#sns .account-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

#sns .account__name {
    margin: 0 0 15px;
    line-height: 1;
    text-align: center;
}

#sns #sbi_images {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#sns #sbi_images .sbi_item {
    width: 100% !important;
}

@media only screen and (max-width: 960px) {
    #sns {
        padding: 50px 0;
    }

    #sns .container {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
        max-width: 330px;
        margin: 0 auto;
    }

    #sns .block:nth-child(1) {
        order: 2;
    }

    #sns .account-wrap {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    #sns .title {
        margin: 0 0 15px;
        font-size: 20px;
    }

    #sns .btn {
        height: 35px;
        margin: 20px auto 0;
        font-size: 14px;
    }

    #sns #sbi_images {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/*-----------------------------------------------------------------------------------------
修理受付終了製品
-----------------------------------------------------------------------------------------*/
.p-support-close {
    padding: 60px 0;
    overflow: unset !important;
}

.p-support-close * {
    box-sizing: border-box;
}

.p-support-close-lead .title {
    margin: 0 0 40px;
    text-align: center;
}

.p-support-close-anchor {
    margin: 40px 0 0;
    padding: 40px 0;
    background: #f0f0f0;
}

.p-support-close-anchor ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.p-support-close-anchor a {
    display: grid;
    place-content: center;
    width: 100%;
    height: 60px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 0 0 #cfd2d7;
    transition: background-color 0.4s;
}

.p-support-close-anchor a:hover {
    background: #dbdee2;
}

.p-support-close-table {
    margin: 40px 0 0;
}

.p-support-close-table .category {
    border-left: 1px solid #000926;
    border-right: 1px solid #000926;
}

.p-support-close-table .category-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
}

.p-support-close-table .category__title {
    position: sticky;
    top: calc(var(--header-height));
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    background: #000926;
}

.p-support-close-table .product-title {
    position: sticky;
    top: calc(var(--header-height) + 50px);
    z-index: 2;
    display: grid;
    grid-template-columns: 120px 1fr 120px 200px;
    gap: 1px;
    text-align: center;
    background: #000926;
    border-bottom: 1px solid #000926;
}

.p-support-close-table .product-title__col {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 10px;
    background: #fff;
}

.p-support-close-table .product {
    display: grid;
    grid-template-columns: 120px 1fr 120px 200px;
    gap: 1px;
    font-size: 14px;
    background: #000926;
    border-bottom: 1px solid #000926;
}

.p-support-close-table .product__col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: #fff;
}

.p-support-close-table .product__name {
    justify-content: flex-start;
}

.p-support-close-table .product__image {
    position: relative;
    padding: 10px;
}

.p-support-close-table .product__image img {
    flex: none;
    max-width: 180px;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .p-support-close {
        padding: 40px 0;
    }

    .p-support-close-lead .title {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 1.4;
    }

    .p-support-close-lead .text {
        font-size: 14px;
    }

    .p-support-close-anchor {
        margin: 20px 0 0;
        padding: 20px 0;
    }

    .p-support-close-anchor ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .p-support-close-anchor a {
        height: 60px;
        padding: 10px;
        font-size: 12px;
    }

    .p-support-close-table {
        margin: 40px 0 0;
    }
    .p-support-close-table .category {
    }

    .p-support-close-table .category-list {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .p-support-close-table .category__title {
        /* position: static; */
        height: 30px;
        min-height: inherit;
        padding: 0 10px;
        font-size: 14px;
    }

    .p-support-close-table .product-title {
        position: static;
        top: calc(var(--header-height) + 30px);
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "title-image title-image"
            "title-number title-year"
            "title-name title-name";
    }

    .p-support-close-table .product-title__col {
        height: 30px;
        padding: 0;
        font-size: 14px;
        background: #efefef;
    }

    .p-support-close-table .product-title__number {
        grid-area: title-number;
    }
    .p-support-close-table .product-title__name {
        grid-area: title-name;
    }
    .p-support-close-table .product-title__year {
        grid-area: title-year;
    }
    .p-support-close-table .product-title__image {
        grid-area: title-image;
    }

    .p-support-close-table .product {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "product-image product-image"
            "product-number product-year"
            "product-name product-name";
        font-size: 14px;
        background: #000926;
    }

    .p-support-close-table .product:nth-child(2n) .product__col {
        background: #efefef;
    }

    .p-support-close-table .product__col {
        padding: 10px;
        font-size: 14px;
    }

    .p-support-close-table .product__number {
        grid-area: product-number;
    }

    .p-support-close-table .product__name {
        grid-area: product-name;
        justify-content: flex-start;
        padding: 20px 10px;
    }

    .p-support-close-table .product__year {
        grid-area: product-year;
    }

    .p-support-close-table .product__image {
        grid-area: product-image;
        position: relative;
        padding: 10px;
        min-height: 100px;
    }
} /*sp*/

/*-----------------------------------------------------------------------------------------
製品情報
-----------------------------------------------------------------------------------------*/
.p-product-archive {
}
.p-product-archive ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.p-product-archive li {
}
.p-product-archive a {
    position: relative;
    display: block;
}
.p-product-archive a::before {
    display: block;
    content: "";
    padding: 100% 0 0;
}
.p-product-archive a:hover {
    background: #f0f0f0;
}

.p-product-archive img {
    position: absolute;
    top: 0;
    left: 0;
    flex: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .p-product-archive ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

/*-----------------------------------------------------------------------------------------
		ポップアップバナー
-----------------------------------------------------------------------------------------*/
.c-popup-banner{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    max-width: 280px;
    padding: 25px 20px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    background: #D9D9D9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: .2s;
}

@media only screen and (max-width: 768px) {
    .c-popup-banner{
        left: 0;
        right: 0;
        max-width: revert;
        padding: 0;
    }
}

.c-popup-banner:has(a:hover),.c-popup-banner:has(a:focus){
    background: rgb(224, 224, 224);
}

.c-popup-banner img{
    max-width: 100%;
    height: auto;
}

.c-popup-banner__body{
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

@media only screen and (max-width: 768px) {
    .c-popup-banner__body{
        grid-template-columns: 1fr 40px;
        gap: 10px;
        padding: 10px 0px 10px 15px;
    }
}

.c-popup-banner__title{
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    .c-popup-banner__title{
        grid-auto-flow: column;
        grid-template-columns: revert;
        gap: 5px;
        font-size: 11px;
    }
}

.c-popup-banner__link{
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    width: fit-content;
    margin: 10px auto 0;
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #000;
    border-radius: 8px;
}

@media only screen and (max-width: 768px) {
    .c-popup-banner__link{
        gap: 10px;
        width: 100%;
        margin: 0;
        font-size: 12px;
        color: #fff;
        background: #0E1D35;
        border-radius: 0;
    }
}

.c-popup-banner__link::after{
    content: '';
    display: block;
    position: absolute;
    inset: 0;
}

.c-popup-banner__arrow{
    width: 11px;
    font-size: 0;
    line-height: 1;
    transition: transform .2s;
}

.c-popup-banner__arrow svg path{
    fill: currentColor;
}

.c-popup-banner__link:hover,.c-popup-banner__link:focus{
    color: #fff;
    background: #0e1d35;
    text-decoration: underline;
}

.c-popup-banner__link:hover .c-popup-banner__arrow,.c-popup-banner__link:focus .c-popup-banner__arrow{
    transform: translateX(5px);
}

.c-popup-banner__close{
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 2;
    display: grid;
    place-content: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: #FF0000;
    border: none;
    border-radius: 50%;
    transition: .2s;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .c-popup-banner__close{
        position: static;
        align-self: center;
        justify-self: center;
        width: 25px;
        height: 25px;
        padding: 5px;
    }
}

.c-popup-banner__close:hover,.c-popup-banner__close:focus{
    background: #cf0101;
}