@charset "utf-8";
/* -----------------------------------------------------------
 =common css
----------------------------------------------------------- */
body {
    min-width: 320px;
}
a, a img, a::before, a::after, a span {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
/* header --------------- */
body.home #logo a, body.home #titleBar .title a, body.page-template-page-contact #gNaviContact a, body#group #gNaviGroup a, body#history #gNaviGroup a, body.rental #gNaviGroup a, body.post-type-archive-products #gNaviProduct a, body.single-products #gNaviProduct a, body.post-type-archive-trackrecord #gNaviTrackrecord a, body.single-trackrecord #gNaviTrackrecord a, body#maintenance #gNaviMaintenance a, body#recruit #gNaviRecruit a {
    color: #1cf;
}
.txtEn {
    color: #ccc;
}
.ttlTokkyulane {
    margin-top: 0.2em;
    font-size: 32px;
}
.wrapperFooterForm {
    padding-top: 3em !important;
    padding-bottom: 3em;
}
@media screen and (max-width: 980px) {
    .ttlTokkyulane {
        font-size: 24px;
    }
}
.toggleEn {
    color: #40e0d0;
    font-weight: 300;
}
.ttlTopSub {
    margin-bottom: 0.7em;
    font-size: 25px;
    line-height: 1.4;
}
.btnScroll {
    width: 70px;
    margin: 0 auto;
    text-align: center;
}
.btnScroll a:hover {
    opacity: 0.6;
}
.areaSectionBd {
    width: 100%;
    margin-bottom: 3em;
    border-bottom: 2px solid #20b2aa;
    text-align: center;
}
.pcNone {
    display: none;
}
.spNone {
    display: block;
}
ul.listDisc {
    list-style: disc;
}
ul.listDisc li {
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .ttlTokkyulane {
        font-size: 19px !important;
    }
    .ttlTopSub {
        font-size: 18px;
    }
    .areaSectionBd {
        margin-bottom: 2em;
    }
    .spNone {
        display: none;
    }
    .pcNone {
        display: block;
    }
}
/* footer --------------- */
.areaFooter {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.footerLogo {
    white-space: nowrap;
    margin-right: 10%;
}
.areafooterNavi, .areafooterNavi ul, .areafooterNavi li {
    padding-left: 0;
}
.areafooterNavi {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.areafooterNavi > li {
    width: calc((100% - 80px) / 3);
}
.areafooterNavi .fNavi03 {
    width: 175px;
}
.footerNavi li {
    margin-bottom: 1em;
    font-size: 13px;
    line-height: 1.5;
}
.footerNavi span {
    display: block;
    font-size: 12px;
    font-weight: 100;
}
.footerNavi a span {
    color: #ccc;
}
.footerNavi li.linkSite {
    margin-top: 115px;
    font-size: 12px;
    font-weight: 300;
}
#image{
	pointer-events: none;
}

/* tonews --------------- */
.tonews
{
	display: block;
	position: fixed;
	bottom: 80px;
	right: 10px;
	padding: 10px 10px;
	opacity: 0.85;
	z-index: 201;
}

@media screen and (max-width: 767px) {
    .areafooterNavi {
        display: block;
    }
    .areafooterNavi > li {
        width: 50%;
    }
    .footerNavi li.linkSite {
        margin-top: 30px;
    }
 /* tonews --------------- */
    .tonews {
        width: 110px;
		bottom: 50px;
        right: 2px;
    }
    .tonews a {
        width: 20px;
        height: 20px;
    }
    .tonews img {
        right: 1px;
        width: 20px;
        height: auto;
    }
}

/* pagetop --------------- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 100;
}
.pagetop a {
    display: block;
    position: relative;
    width: 60px;
    height: 50px;
}
.pagetop img {
    position: absolute;
    top: 21px;
    width: 60px;
    height: 22px;
}
.pagetop a:hover img {
    opacity: 0.6;
}

@media screen and (max-width: 767px) {
    .areafooterNavi {
        display: block;
    }
    .areafooterNavi > li {
        width: 100%;
    }
    .footerNavi li.linkSite {
        margin-top: 30px;
    }
    /* pagetop --------------- */
    .pagetop {
        bottom: 10px;
        right: 40px;
    }
    .pagetop a {
        width: 40px;
        height: 40px;
    }
    .pagetop img {
        top: 16px;
        right: 1px;
        width: 38px;
        height: 14px;
    }
}
/* space --------------- */
.mgB0 {
    margin-bottom: 0 !important;
}
.mgB0-5em {
    margin-bottom: 0.5em !important;
}
.mgB0-8em {
    margin-bottom: 0.8em !important;
}
.mgB1em {
    margin-bottom: 1em !important;
}
.mgB1-5em {
    margin-bottom: 1.5em !important;
}
.mgB2em, .mgBsection {
    margin-bottom: 2em !important;
}
.mgB2-5em {
    margin-bottom: 2.5em !important;
}
.mgB3em {
    margin-bottom: 3em !important;
}
.mgB4em {
    margin-bottom: 4em !important;
}
.mgB5em {
    margin-bottom: 5em !important;
}
.col-12 > section {
    margin-bottom: 2em;
}
@media print, screen and (min-width: 767px) {
    .mgB2em {
        margin-bottom: 1.7em !important;
    }
    .mgB2-5em {
        margin-bottom: 2em !important;
    }
    .mgB3em {
        margin-bottom: 2.5em !important;
    }
    .mgB4em {
        margin-bottom: 2.5em !important;
    }
    .mgB5em {
        margin-bottom: 3em !important;
    }
}
/* font size --------------- */
.catchSection {
    margin-bottom: 2em;
    font-size: 1.0667em;
}
.txtS {
    font-size: 15px;
}
.txt2L {
    font-size: 20px;
}
.txtL {
    font-size: 18px;
}
.lh15 {
    line-height: 1.5;
}
.lh14 {
    line-height: 1.4;
}
@media print {
    .txtS {
        font-size: 14px;
    }
    .txt2L {
        font-size: 17px;
    }
    .txtL {
        font-size: 16px;
    }
    .pagetop {
        display: none !important;
    }
}
@keyframes rotateX {
    0% {
        transform: rotateX(0);
        opacity: 1;
    }
    10% {
        opacity: 0.2;
    }
    20% {
        transform: rotateX(360deg);
        opacity: 1;
    }
    100% {
        transform: rotateX(360deg);
        opacity: 1;
    }
}
.rotateX {
    animation-name: rotateX;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@keyframes rotateXEn {
    0% {
        opacity: 1;
    }
    50% {
        transform: rotateX(0);
        opacity: 1;
    }
    60% {
        opacity: 0.2;
    }
    70% {
        transform: rotateX(360deg);
        opacity: 1;
    }
    100% {
        transform: rotateX(360deg);
        opacity: 1;
    }
}
.rotateXEn {
    animation-name: rotateXEn;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
/* -----------------------------------------------------------
 =top css
----------------------------------------------------------- */
.areaTopicsTop {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding-left: 0;
}
.areaTopicsTop li {
    width: calc((100% - 120px) / 5);
    padding-left: 0;
    text-align: left;
}
.topicsTop a:hover {
    opacity: 0.6;
}
.topicsTop dt {
    margin-bottom: 14px;
}
.topicsTop dd {
    line-height: 1.5;
}
.topicsTop span {
    display: block;
    margin-top: 10px;
    color: #ccc;
    font-size: 15px;
    font-weight: 100;
    line-height: 1.4;
}
@media screen and (max-width: 1000px) {
    .areaTopicsTop {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .areaTopicsTop li {
        width: calc((100% - 80px) / 3);
    }
    .areaTopicsTop::after {
        content: "";
        display: block;
        width: calc((100% - 60px) / 3);
    }
}
@media screen and (max-width: 767px) {
    .switchBg img {
        display: none;
    }
    .switchBg {
        width: 100%;
        height: 0;
        padding-top: 108.203%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .topBg01 {
        background-image: url("../../images/top/bg_aw-1_sp.webp");
    }
    .topBg02 {
        background-image: url("../../images/top/bg_aw-2_sp.webp");
    }
    .topBg03 {
        background-image: url("../../images/top/bg_tokkyulane-1_sp.webp");
    }
    .topBg04 {
        background-image: url("../../images/top/bg_tokkyulane-2_sp.webp");
    }
    .topBg05 {
        background-image: url("../../images/top/bg_orderline-1_sp.webp");
    }
    .topBg06 {
        background-image: url("../../images/top/bg_orderline-2_sp.webp");
    }
    .topBg07 {
        background-image: url("../../images/top/bg_aw-3_sp.webp");
    }
    .topBg08 {
        background-image: url("../../images/top/bg_aw-4_sp.webp");
    }
    .topBg09 {
        background-image: url("../../images/top/bg_adws-1_sp.webp");
    }
    .topBg10 {
        background-image: url("../../images/top/bg_adws-2_sp.webp");
    }
    .topBgNews {
        background-image: url("../../images/top/bg_news_sp.webp");
    }
    .groupBgNews {
        background-image: url("../../images/top/bg_news_sp.webp");
    }
    .productsBg01 {
        background-image: url("../../images/products/bg_tokkyulane-1_sp.jpg");
    }
    .productsBg0103 {
        background-image: url("../../images/products/bg_tray-3_sp.jpg");
    }
    .trackrecordBg01 {
        background-image: url("../../images/trackrecord/bg_aw-6_sp.jpg");
    }
    .trackrecordBg0102 {
        background-image: url("../../images/trackrecord/bg_aw-6_sp.jpg");
    }
    .recruitBg01 {
        background-image: url("../../images/recruit/bg_promotion_sp.webp");
    }
    .recruitBg02 {
        background-image: url("../../images/recruit/bg_recruit_1_sp.webp");
    }
    .recruitBg03 {
        background-image: url("../../images/recruit/bg_matto-2_sp.webp");
    }
    .recruitBg04 {
        background-image: url("../../images/recruit/bg_matto_1_sp.webp");
    }
    .recruitBg05 {
        background-image: url("../../images/recruit/bg_start_sp.webp");
    }
    .recruitBg06 {
        background-image: url("../../images/recruit/bg_recruit_2_sp.webp");
    }
    .recruitBg07 {
        background-image: url("../../images/recruit/bg_smile_sp.webp");
    }
    .historyBg01 {
        background-image: url("../../images/history/bg_history_1_sp.webp");
    }
    .historyBg02 {
        background-image: url("../../images/history/bg_history_2_sp.webp");
    }
    .historyBg03 {
        background-image: url("../../images/history/bg_history_3_sp.webp");
    }
    .historyBg04 {
        background-image: url("../../images/history/bg_history_4_sp.webp");
    }
    .historyBg05 {
        background-image: url("../../images/history/bg_history_5_sp.webp");
    }
    .historyBg06 {
        background-image: url("../../images/history/bg_history_6_sp.webp");
    }
    .historyBg07 {
        background-image: url("../../images/history/bg_history_7_sp.webp");
    }
    .historyBg08 {
        background-image: url("../../images/history/bg_history_8_sp.webp");
    }
    .historyBg09 {
        background-image: url("../../images/history/bg_history_9_sp.webp");
    }
    .rentalBg01 {
        background-image: url("../../images/rental/bg_rental_1_sp.webp");
    }
    .rentalBg02 {
        background-image: url("../../images/rental/bg_rental_2_sp.webp");
    }
    .rentalBg03 {
        background-image: url("../../images/rental/bg_rental_3_sp.webp");
    }
    .groupBg01 {
        background-image: url("../../images/rental/bg_rental_3_sp.webp");
    }
    .groupBg04 {
        background-image: url("../../images/group/bg_group_2_sp.webp");
    }
    .groupBg05 {
        background-image: url("../../images/group/bg_group_3_sp.webp");
    }
    .groupBg06 {
        background-image: url("../../images/recruit/bg_matto_1_sp.webp");
    }
    .groupBg07 {
        background-image: url("../../images/group/bg_group_5.webp");
    }
    .groupBg08 {
        background-image: url("../../images/group/bg_kitanihon_1_sp.webp");
    }
    .groupBg09 {
        background-image: url("../../images/group/bg_kitanihon_2_sp.webp");
    }
    .groupBg10 {
        background-image: url("../../images/group/bg_ishino_1_sp.webp");
    }
    .groupBg11 {
        background-image: url("../../images/group/bg_ishino_2_sp.webp");
    }
    .groupBg12 {
        background-image: url("../../images/group/bg_history_1_sp.webp");
    }
    .groupBg13 {
        background-image: url("../../images/group/bg_history_2_sp.webp");
    }
    .groupBg14 {
        background-image: url("../../images/group/bg_history_3_sp.webp");
    }
    .groupBg15 {
        background-image: url("../../images/group/bg_ishino_2_sp.webp");
    }
    .groupBg16 {
        background-image: url("../../images/group/bg_history_4_sp.webp");
    }
    .groupBg17 {
        background-image: url("../../images/group/bg_history_5_sp.webp");
    }
    .groupBg18 {
        background-image: url("../../images/top/bg_tokkyulane-1_sp.webp")
    }
    .groupBg19 {
        background-image: url("../../images/group/bg_tokkyulane_1_sp.webp");
    }
    .groupBg20 {
        background-image: url("../../images/group/bg_history_6_sp.webp");
    }
    .groupBg21 {
        background-image: url("../../images/group/bg_history_7_sp.webp");
    }
    .groupBg22 {
        background-image: url("../../images/group/bg_history_8_sp.webp");
    }
    .groupBg23 {
        background-image: url("../../images/recruit/bg_smile_sp.webp");
    }
	.expoBg01{
		background-image: url("../../images/expo2025/bg_expo-1_sp.webp")
	}
	.expoBg02{
		background-image: url("../../images/expo2025/bg_expo-2_sp.webp")
	}
    .switchBg img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* topics --------------- */
    .areaTopicsTop::after {
        content: "";
        display: block;
        width: calc((100% - 40px) / 3);
    }
    .areaTopicsTop li {
        width: calc((100% - 40px) / 3);
    }
}
@media screen and (max-width: 480px) {
    .areaTopicsTop li {
        width: calc((100% - 20px) / 2);
    }
}
/* -----------------------------------------------------------
 =news css
----------------------------------------------------------- */
.naviNews {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 60px;
    padding-left: 0;
}
.naviNews li {
    width: calc((100% - 5%) / 2);
}
.naviNews li a {
    display: block;
    padding: 12px;
    border: 1px solid #20b2aa;
    border-radius: 5px;
    color: #20b2aa;
}
.naviNews li a.select, .naviNews li a:hover {
    background-color: rgba(32, 178, 170, 0.7);
    color: #fff !important;
}
.areaNewsList {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    text-align: left;
    line-height: 1.8;
}
.areaNewsList .ttlSectionSub {
    margin-bottom: 0.5em;
}
.blockCenter {
    display: table;
    margin: 0 auto;
}
.areaNewsRecruitList {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 1.5em;
    text-align: left;
    line-height: 1.6;
}
.areaNewsRecruitList .areaNewsDate {
    margin-right: 2em;
}
.areaNewsDate {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 12px;
    padding-left: 0;
}
.areaNewsDate li {
    padding-left: 0;
}
.newsDate {
    margin-right: 1em;
    color: #25ccc4;
}
.icNews {
    width: 120px;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}
.ctgSeisaku {
    background-color: #0095d9;
}
.ctgKakoh {
    background-color: #e44c65;
}
.ctgSangyo {
    background-color: #1EAA39;
}
.ctgRecruit {
    background-color: #20b2aa;
}
@media screen and (max-width: 736px) {
    .areaNewsRecruitList {
        display: inherit;
    }
    .naviNews {
        margin-bottom: 40px;
    }
    .naviNews li a {
        padding: 6px;
    }
    .areaNewsDate {
        margin-bottom: 10px;
    }
    .icNews {
        width: 100px;
        font-size: 12px;
    }
}
/* -----------------------------------------------------------
 =group css
----------------------------------------------------------- */
.imgR, .imgRIso {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
}
.tblIso th {
    padding-right: 1.5em;
}
.markDl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    margin-bottom: 2em;
}
.markDl dt {
    width: 140px;
}
.markDl dd:first-of-type {
    width: 35%;
    padding-right: 3em;
}
.markDl dd:nth-of-type(2) {
    width: 52%;
}
table.tblGroup tbody tr:nth-child(2n + 1) {
    background-color: transparent;
}
table.tblGroup th {
    padding: 0 1em 0 0;
    white-space: nowrap;
}
.ttlGroupYear {
    width: 140px;
}
.groupYear {
    width: 180px;
}
.groupMonth {
    width: 100px;
    text-align: center;
    /*white-space: nowrap;*/
}
.groupHistoryTxt {
    width: calc(100% - 420px);
    margin-bottom: 1em;
}
.groupYear p, .groupMonth p:first-of-type, .groupHistoryTxt p {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .ttlGroupYear, .groupYear {
        width: 100%;
    }
    .ttlGroupYear {
        margin-bottom: 1em;
    }
    .groupBlank {
        display: none;
    }
    .groupYear {
        margin-bottom: 0.2em;
    }
    .groupMonth {
        width: 80px;
        text-align: left;
    }
    .groupHistoryTxt {
        flex: 1;
    }
}
@media screen and (max-width: 540px){
    .imgRIso {
        float: none;
        margin-bottom: 1em;
        margin-left: 0;
        text-align: center;
    }   
}
@media screen and (max-width: 736px) {
    .markDl {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .markDl dd {
        margin-left: 0;
        margin-top: 1em;
    }
    .markDl dd:first-of-type {
        padding-right: 0;
    }
    .markDl dt, .markDl dd:first-of-type, .markDl dd:nth-of-type(2) {
        width: 100%;
    }
    table.tblGroup th {
        width: 5em;
        padding: 0;
    }
}
/* -----------------------------------------------------------
 =maintenance css
----------------------------------------------------------- */
.maintenanceBg01 {
    background-image: url("../../images/maintenance/bg_maintenance-1_sp.webp");
}
.maintenanceBg02 {
    background-image: url("../../images/maintenance/bg_maintenance-2_sp.webp");
}
.maintenanceBg03 {
    background-image: url("../../images/maintenance/bg_maintenance-3_sp.webp");
}
.maintenanceBg04 {
    background-image: url("../../images/maintenance/bg_maintenance-4_sp.webp");
}
.required {
    padding-left: 1em;
    color: #e45d65;
    font-size: 0.8em;
}
/* -----------------------------------------------------------
 =product css, =trackrecord css
----------------------------------------------------------- */
.areaProduct, .areaTrackrecord {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.areaProduct::after {
    content: "";
    display: block;
    width: calc((100% - 8%) / 3);
}
.productCard {
    width: calc((100% - 8%) / 3);
    margin-bottom: 2.5em;
}
.areaTrackrecord::after {
    content: "";
    display: block;
    width: calc((100% - 10%) / 4);
}
.trackrecordCard {
    width: calc((100% - 10%) / 4);
    margin-bottom: 2.5em;
}
.storeName {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
}
.trackrecordCard .storeName {
    overflow-wrap: break-word;
    word-break: keep-all;
}
.btnRequest a {
    display: inline-block;
    background-color: #e45d65;
    margin: 0 auto 1em;
    padding: 0.8em 2.2em;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.btnContact a {
    display: inline-block;
    background-color: rgba(0, 91, 172, 1.00);
    margin: 0 auto;
    padding: 1em 4em;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.btnRequest a:hover, .btnContact a:hover {
    opacity: 0.7;
    color: #fff !important;
}
.recordNavi .button3 {
    margin-right: 15px;
    margin-left: 15px;
}
@media screen and (max-width: 980px) {
    .trackrecordCard {
        width: calc((100% - 8%) / 3);
    }
    .areaTrackrecord::after {
        content: "";
        display: block;
        width: calc((100% - 8%) / 3);
    }
}
@media screen and (max-width: 736px) {
    .trackrecordCard, .productCard {
        width: calc((100% - 5%) / 2);
        margin-bottom: 1.5em;
    }
    .storeName {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .btnRequest a {
        width: 100%;
        padding: 0.6em 1em;
        font-size: 15px;
    }
    .btnContact a {
        width: 100%;
        padding: 1em;
        font-size: 15px;
    }
}
/* -----------------------------------------------------------
 =recruit css
----------------------------------------------------------- */
.catchRecruit {
    margin-bottom: 3em;
    padding-top: 3em;
    font-weight: 500;
    text-align: center;
    line-height: 4;
}
.catchRecruit strong {
    color: #ff7a7a;
}
/* -----------------------------------------------------------
 =history css
----------------------------------------------------------- */
.historyContainer {
    padding: 3em 0 4em;
}
.historyNavi {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 737px;
    margin: 2em auto 3em;
    padding-left: 0;
}
.historyNavi li {
    width: calc((100% - 60px) / 4);
    margin-bottom: 1em;
}
.historyNavi .button3 {
    width: 100%;
}
.colorHistory h2, .colorHistory p, .subHistoryTxtL strong, .subHistoryTxtR strong {
    color: #f39800;
}
.subHistoryTxtL strong, .subHistoryTxtR strong {
    font-weight: 400;
}
.txtEnHistory {
    margin-bottom: 1em !important;
    color: #ccc;
    line-height: 1.5;
}
.historyYear {
    display: block;
    font-weight: 400;
}
.subHistoryTxtL, .subHistoryTxtR {
    width: calc((100% - 190px) / 2);
}
.subHistoryTxtL {
    text-align: right;
}
.subHistoryYear {
    width: 190px;
    text-align: center;
}
.subHistoryTxtL p, .subHistoryTxtR p {
    margin-bottom: 0;
}
.ttlHistoryYear {
    font-size: 1em;
}
@media screen and (max-width: 980px) {
    .historyBlank {
        display: none;
    }
    .subHistoryTxtL, .subHistoryTxtR {
        width: calc(100% - 200px);
    }
    .subHistoryTxtL {
        text-align: left;
    }
    .subTxt2line {
        margin-left: 200px;
    }
    .subHistoryYear {
        order: -1;
        width: 200px;
    }
}
@media screen and (max-width: 768px) {
    .historyContainer {
        padding: 0;
    }
    .historyNavi {
        width: 100%;
    }
    .spNoneHistory {
        display: none;
    }
    .tblHistory thead th:first-of-type, .tblHistory tbody th {
        text-align: left;
    }
    .gengou {
        display: block;
    }
    .subHistoryTxtL, .subHistoryTxtR {
        width: calc(100% - 110px);
    }
    .subHistoryYear {
        width: 110px;
        text-align: left;
    }
    .subTxt2line {
        margin-left: 110px;
    }
}
@media screen and (max-width: 736px) {
    .historyNavi {
        justify-content: space-around;
        margin-top: 1em;
        margin-bottom: 2em;
    }
    .historyNavi li {
        width: calc((100% - 5%) / 4);
    }
}
@media screen and (max-width : 600px) {
    .historyNavi li {
        width: calc((100% - 5%) / 2);
    }
}
/* -----------------------------------------------------------
 =request css
----------------------------------------------------------- */
.areaLogin {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.05);
    margin-bottom: 4em !important;
    padding: 1.5em 4em 1.5em 3.5em;
}
.tblLogin {
    width: auto;
    margin: 0 auto;
}
.tblLogin th {
    padding-right: 1em;
    text-align: right;
    white-space: nowrap;
}
.tblLogin td {
    padding-bottom: 1em;
}
table.tblLogin tbody tr:nth-child(2n + 1) {
    background-color: transparent;
}
@media screen and (max-width: 736px) {
    .areaLogin {
        margin-bottom: 3em !important;
        padding: 1.5em 15px 1.5em 10px;
    }
}
/* member --------------- */
.areaMainProducts {
    margin-bottom: 50px;
}
.listProductsSushi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
}
.listProductsSushi::before {
    content: "";
    display: block;
    width: calc((100% - 120px) / 4);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.listProductsSushi::after {
    content: "";
    display: block;
    width: calc((100% - 120px) / 4);
}
.listProductsSushi li {
    width: calc((100% - 120px) / 4);
    margin-bottom: 2em;
    padding-left: 0;
    text-align: center;
}
.listProductsSushi img, .listProductsSushi-cgi img {
    max-width: 100%;
    height: auto;
}

.listProductsSushi-cgi {
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}
.listProductsSushi-cgi li {
    list-style: none;
    text-align: center;
}

.notesDl a {
    color: #11ccff;
}
.notesDl a:hover {
    opacity: 0.6;
}
.dlProducts {
    line-height: 1.5;
}
.dlProducts dt {
    float: left;
    clear: both;
    margin-bottom: 0.5em;
    font-weight: 500;
    /*white-space: nowrap;*/
}
.dlProducts dd {
    margin-bottom: 0.5em;
}
.dlProducts.wide9em dt {
    width: 9em;
}
.dlProducts.wide9em dd {
    margin-left: 9em;
}
.dlProducts.wide7em dt {
    width: 7em;
}
.dlProducts.wide7em dd {
    margin-left: 7em;
}
.dlProducts.wide6em dt {
    width: 6em;
}
.dlProducts.wide6em dd {
    margin-left: 6em;
}
.dlProducts.wide5em dt {
    width: 5em;
}
.dlProducts.wide5em dd {
    margin-left: 5em;
}
@media screen and (max-width: 1000px) {
    .listProductsSushi::after {
        width: calc((100% - 60px) / 3);
    }
    .listProductsSushi li {
        width: calc((100% - 60px) / 3);
        margin-bottom: 1.6em;
    }
}
@media screen and (max-width: 736px) {
    .areaMainProducts {
        margin-bottom: 30px;
    }
    .listProductsSushi li {
        width: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 479px) {}
/* -----------------------------------------------------------
 =news css
----------------------------------------------------------- */
/* pagenavi --------------- */
.wp-pagenavi {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 2.5em;
}
.wp-pagenavi a {
    display: inline-block;
    min-width: 38px;
    min-height: 38px;
    border: solid 1px rgba(255, 255, 255, 0.3);
    padding: 3px 10px;
    margin: 2px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.wp-pagenavi span.pages {
    display: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    min-width: 38px;
    min-height: 38px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 3px 10px;
    margin: 2px;
    color: #000 !important;
    text-align: center;
    text-decoration: none !important;
}
/* -----------------------------------------------------------
 =products css
----------------------------------------------------------- */
.productsOption {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.productsOption li {
    width: calc((100% - 48px) / 5);
    margin-bottom: 0.5em;
    padding-left: 0;
    text-align: center;
    line-height: 1.4;
    font-size: 15px;
}
.productsOption li img {
    max-width: 100%;
    height: auto;
    margin-bottom: 6px;
    vertical-align: top;
}
/*body.postid-1261 #contact, body.postid-1261 p.btnScroll:last-of-type, body.postid-1324 #contact, body.postid-1324 p.btnScroll:last-of-type, body.postid-1058 #contact, body.postid-1058 p.btnScroll:last-of-type {
    display: none;
}*/
@media screen and (max-width: 768px) {
    .productsOption li {
        width: calc((100% - 36px) / 4);
        font-size: 14px;
    }
    .productsOption::after {
        content: "";
        display: block;
        width: calc((100% - 36px) / 4);
    }
    .productsOption::before {
        content: "";
        display: block;
        width: calc((100% - 36px) / 4);
        order: 1;
    }
}
@media screen and (max-width: 600px) {
    .productsOption li {
        width: calc((100% - 24px) / 3);
    }
    .productsOption::after {
        width: calc((100% - 24px) / 3);
    }
}
@media screen and (max-width: 480px) {
    .productsOption li {
        width: calc((100% - 20px) / 2);
    }
}

/* for contact form7 --------------- */
.wpcf7-spinner { /* cf7 loding icon */
    display: none !important;
}
.wpcf7-response-output { /* cf7エラー枠 */
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.wpcf7-response-output { /* エラーメッセージ */
    color: #E7474A;
    text-align: center;
}
.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.wpcf7-response-output {
    margin-bottom: 3em !important;
}