// ブレイクポイントを指定
$tab: 1360px;
$ttab: 1200px;
$sp: 767px;

@mixin tab {
  @media screen and (max-width: ($tab)) {
    @content;
  }
}

@mixin ttab {
  @media screen and (max-width: ($ttab)) {
    @content;
  }
}

@mixin sp {
  @media screen and (max-width: ($sp)) {
    @content;
  }
}

$value: 0;
@while $value < 101 {
  $value: $value + 1;
  .w-#{$value} {
    width: $value + "% !important;";
    margin: 0 auto !important;
    @include sp {
        width: 100% !important;
    }
  }
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.03em;
    color: #333333;
}
p , span {
    line-height: 1.5em;
}
p {
    font-size: 16px;
    @include sp {
        font-size: 14px;
    }
}
.wp-element-caption {
    font-size: 16px;
    @include sp {
        font-size: 14px;
    }
}
.has-small-font-size {
    font-size: 14px !important;
    @include sp {
        font-size: 12px !important;
    }
}
.has-medium-font-size {
    font-size: 16px !important;
    @include sp {
        font-size: 14px !important;
    }
}
.has-large-font-size {
    font-size: 18px !important;
    @include sp {
        font-size: 16px !important;
    }
}
.has-x-large-font-size {
    font-size: 20px !important;
    @include sp {
        font-size: 18px !important;
    }
}
a {
	text-decoration: none;
}
.ul {
	text-decoration: underline !important;
}
main a {
	text-decoration: none;
    color: #0400ff;
    &:hover {
        opacity: 0.7;
    }
}
.same_link a {
    color: #ED4B4B !important;
    text-decoration: underline !important;
}
.ws {
	font-family: 'Work Sans', sans-serif;
}
.pc_only {
    @include ttab {
        display: none;
    }
}
.pc_none {
	display: none;
    @include ttab {
        display: block;
    }
}
.sp_only {
	display: none;
    @include sp {
        display: unset;
    }
}
.m_gradation {
	background: linear-gradient(to right, #FF4199, #FFC033);
}
.s_gradation {
	background: linear-gradient(to right, #5C9ED1, #65EAB5);
}
.s_gradation_2 {
	background: linear-gradient(to right, #C471F5, #FA71CD);
}

.block-ttl {
	padding: 55px 0;
	text-align: center;
}
.block-ttl .ttl {
	text-align: center;
	position: relative;
	padding-bottom: 75px;
}
.block-ttl .ttl::after {
	content: '';
	width: 2px;
	height: 60px;
	background: #1664b9;
	position: absolute;
	bottom: 0;
	left: calc( 50% - 1px );
}
.block-ttl .ttl .en {
	font-family: 'Raleway', sans-serif;
	font-size: 60px;
	line-height: 1.15;
	text-transform: capitalize;
	color: #1664b9;
}
.block-ttl .ttl .jp {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 2.4px;
}
.block-ttl .read {
	margin-top: 35px;
	margin-bottom: 0;
	letter-spacing: 1.2px;
}
.main_content {
    padding-top: 120px;
	display: flex;
	gap: 20px;
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
    position: relative;
    @include tab {
        padding-top: 185px;
        margin: 0 auto;
    }
    @include ttab {
        padding-top: 120px;
    }
    @media screen and (max-width: 1023px) {
        padding-top: 100px;
    }
    @media screen and (max-width: 575px) {
        padding-top: 70px;
    }
}
.tag {
    font-size: 10px;
    border: 1px solid;
    padding: 1px 10px;
    white-space: nowrap;
}
.horizontal {
    display: flex;
    flex-wrap: wrap;
}
.vertical {
    display: flex;
    flex-direction: column;
}
.link_a {
    width: 100%;
    height: 50px;
    position: relative;
    padding-left: 35px;
    justify-content: center;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 16px;
    color: #000;
    letter-spacing: 0.03em;
    font-weight: 500;
    img{
            position: absolute;
            left: 20px;
    }
}
.link_b {
    width: 100%;
    height: 50px;
    position: relative;
    padding-left: 35px;
    justify-content: center;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.03em;
    font-weight: 500;
    img{
            position: absolute;
            left: 20px;
    }
    &.large {
        width: 100%;
        max-width: 700px;
        padding: 0;
        height: 80px;
        font-size: 20px;
        color: #fff;
        img{
            width: 26px;
            position: relative;
            left: -10px;
        }
        span {
            color: #fff;
        }
        @include sp {
            font-size: 19px;
            height: 64px;
            img {
                width: 23px;
            }
        }
    }
}
.link_menu {
    width: 100%;
    height: 40px;
    position: relative;
    justify-content: center;
    border: 1px solid #ED4B4B;
	background: #FDECEC;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 16px;
    color: #ED4B4B;
    letter-spacing: 0.03em;
    font-weight: 500;
}
.guide-box-item__title a {
    color: #333;
}
.mtitle {
    p{
        font-size: 20px !important;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 30px;
        background: linear-gradient(to right, #ED4B4B, #FF8B43);
        color: #fff;
        font-weight: bold;
        padding: 10px;
        padding-left: 20px;
        border-radius: 5px;
        img {
            display: none;
            padding: 10px;
        }
        @include sp {
            font-size: 18px !important;
            padding: 8px 5px 8px 15px;
			margin-bottom: 15px !important;
        }
    }
}
.tab {
    display: flex;
    list-style: none;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar{
        display: none;
    }
    li {
        color: #474747;
        font-size: 16px;
        padding: 6px 18px;
        background: #E5E8EF;
        cursor: pointer;
        border-radius: 7.5px 7.5px 0 0;
        min-width: 80px;
        text-align: center;
        border: 1px solid #C6C6C6;
        flex-shrink: 0;
        &.active {
            background: #ED4B4B;
            color: #fff;
        }
        @include sp {
            padding: 12px 20px;
            line-height: 13px;
            font-size: 13px;
        }
    }
}
.page-numbers.current {
    padding: 6px 12px;
    margin: 0 5px;
    color: #fff;
    border: 1px solid #FD8F7A;
    background-color: #FD8F7A;
}
.next.page-numbers , .prev.page-numbers {
    display: none;
}
/*マージン*/
.mb-0 {
    margin-bottom: 0 !important;
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-10 {
    margin-bottom: 10px !important;
    @include sp {
        margin-bottom: 5px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-20 {
    margin-bottom: 20px !important;
    @include sp {
        margin-bottom: 10px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-30 {
    margin-bottom: 30px !important;
    @include sp {
        margin-bottom: 15px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-40 {
    margin-bottom: 40px !important;
    @include sp {
        margin-bottom: 20px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-50 {
    margin-bottom: 50px !important;
    @include sp {
        margin-bottom: 25px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-60 {
    margin-bottom: 60px !important;
    @include sp {
        margin-bottom: 30px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-70 {
    margin-bottom: 70px !important;
    @include sp {
        margin-bottom: 35px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-80 {
    margin-bottom: 80px !important;
    @include sp {
        margin-bottom: 40px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-90 {
    margin-bottom: 90px !important;
    @include sp {
        margin-bottom: 45px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
.mb-100 {
    margin-bottom: 100px !important;
    @include sp {
        margin-bottom: 50px !important;
    }
    > section {
        margin-bottom: 0 !important;
    }
    > div {
        margin-bottom: 0 !important;
    }
}
/*ヘッダー*/
.header_wrap {
    position: fixed;
    z-index: 1000;
	width: 100%;
    background: #fff;
    @media screen and (max-width: 1024px) {
        box-shadow: 0px 3px 6px #00000026;
    }
	.header_content {
			max-width: 1320px;
			margin: 12px auto 5px;
			display: flex;
			justify-content: space-between;
            @media screen and (max-width: 1023px) {
                margin: 8px auto 8px;
            }
			.header_logo {
				margin-left: 60px;
                flex-shrink: 0;
                margin-right: 20px;
                display: flex;
                align-items: center;
                @include ttab {
                    margin-left: 40px;
                }
                @include sp {
                    margin-left: 5vw;
                    margin-right: 10px;
                }
                @media screen and (max-width: 575px) {
                    img {
                        width: 122px;
                    }
                }
			}
			.right_content {
                margin-right: 100px;
                display: flex;
                width: 100%;
                justify-content: space-between;
                @include ttab {
                    margin-right: 40px;
                }
                @media screen and (max-width: 800px) {
                    margin-right: 5vw;
                    justify-content: flex-end;
                }
                .tel_wrap {
                    .tell {
                            display: flex;
                            align-items: center;
                            gap: 12px;
                            font-size: 24px;
                            line-height: 28px;
                            border-bottom: 1px solid;
                            padding-bottom: 3px;
                            margin-bottom: 3px;
                            font-weight: 500;
                    }
                    .tell_time {
                            font-size: 13px;
                            line-height: 19px;
                            font-weight: 400;
                            text-align: center;
                    }
                    @media screen and (max-width: 800px) {
                        display: none;
                    }
                }
                .login_link {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 10px;
                        color: white;
                        font-size: 16px;
                        font-weight: bold;
                        letter-spacing: 0.03em;
                        line-height: 21px;
                        width: 220px;
                        height: 60px;
                        border-radius: 5px;
                }
                .right_wrap {
                    display: none;
                    .link_b {
                        span {
                            color: #fff;
                        }
                        br {
                            display: none;
                        }
                    }
                    @media screen and (max-width: 1023px) {
                        display: flex;
                        align-items: center;
                        .link_b {
                            font-size: 13px;
                            padding: 10px 10px 10px 30px;
                            height: auto;
                            line-height: 21px;
                            font-weight: bold;
                            margin: 0;
                            flex-shrink: 0;
                            width: 160px;
                            height: 40px;
                            margin-right: 13px;
                            img {
                                width: 13px;
                                left: 15px;
                            }
                            br {
                                display: none;
                            }
                        }
                        .sp_menu_btn {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -ms-flex-wrap: wrap;
                            position: relative;
                            overflow: hidden;
                            width: 47px;
                            height: 47px;
                            background-color: #ED4B4B;
                            border-radius: 50px;
                            -webkit-transition: background-color .25s ease;
                            transition: background-color .25s ease;
                            flex-shrink: 0;
                            flex-wrap: wrap;
                            cursor: pointer;
                            span {
                                display: block;
                                position: absolute;
                                top: 0px;
                                bottom: 0;
                                right: 0;
                                left: 0;
                                width: 23.5px;
                                height: 1.4px;
                                margin: auto;
                                background-color: #fff;
                                border-radius: 50px;
                                -webkit-transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,-webkit-transform .15s ease;
                                transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,-webkit-transform .15s ease;
                                transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,transform .15s ease;
                                transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,transform .15s ease,-webkit-transform .15s ease;
                                &:first-child {
                                    top: -12px
                                }
                                &:last-child {
                                    top: 12px;
                                    width: 15.5px;
                                    transform: translateX(-4px);
                                }
                            }
                            &.open {
                                span {
                                    &:nth-of-type(1) {
                                        top: 0;
                                        -webkit-transform: rotate(45deg);
                                        transform: rotate(45deg);
                                    }
                                    &:nth-of-type(2) {
                                        -webkit-transform: rotate(45deg);
                                        transform: rotate(45deg);
                                        opacity: 0;
                                    }
                                    &:nth-of-type(3) {
                                        top: 0;
                                        -webkit-transform: rotate(-45deg);
                                        transform: rotate(-45deg);
                                        width: 23.5px;
                                        @media screen and (max-width: 393px) {
                                            width: 18.5px;
                                        }
                                    }
                                }
                            }

                        }
                    }
                    @media screen and (max-width: 575px) {
                        .link_b {
                            font-size: 11px;
                            padding: 5px 10px 5px 30px;
                            line-height: 15px;
							max-width: 120px;
                            img {
                                width: 17px;
                                left: 10px;
                            }
                            span {
                                display: none;
                            }
                            br {
                                display: unset;
                            }
                        }
                    }
                    @media screen and (max-width: 393px) {
                        .link_b {
                            width: 105px;
                            margin-right: 8px;
                        }
                        .sp_menu_btn {
                            width: 35px;
                            height: 36px;
                            span {
                                display: block;
                                position: absolute;
                                top: 0px;
                                bottom: 0;
                                right: 0;
                                left: 0;
                                width: 18.5px;
                                height: 1.4px;
                                margin: auto;
                                background-color: #fff;
                                border-radius: 50px;
                                -webkit-transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,-webkit-transform .15s ease;
                                transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,-webkit-transform .15s ease;
                                transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,transform .15s ease;
                                transition: background-color .25s ease,top .15s .15s ease,bottom .15s .15s ease,transform .15s ease,-webkit-transform .15s ease;
                                &:first-child {
                                    top: -12px
                                }
                                &:last-child {
                                    top: 12px;
                                    width: 11px;
                                    transform: translateX(-4px);
                                }
                            }
                        }
                    }
                }
			}
	}
}
.m-menu_wrap{
    display: none;
    @include tab {
        display: flex;
        position: fixed;
        top: 79px;
        padding: 0 20px;
        width: 100%;
        gap: 2px;
        margin: 0 auto;
        z-index: 1000;
        background: #fff;
        padding-bottom: 5px;
    }
    @include ttab {
        display: none;
    }
    .link_a {
        height: 40px;
        font-size: 14px;
    }
    .link_b {
        height: 40px;
        font-size: 14px;
    }
}
.admin-bar .m-menu_wrap {
    @include tab {
        top: 103px;
    }
}
.admin-bar .menu_wrap {
    top: 103px;
    @include tab {
        top: 152px;
    }
    @include ttab {
        top: 103px;
    }
}
.menu_wrap {
    position: fixed;
    top: 71px;
    z-index: 1000;
    width: 100vw;
    margin: 0 auto 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    list-style: none;
    background: #fff;
    border-bottom: 1px solid #E5E8EF;
    @include tab {
        top: 121px;
    }
    @include ttab {
        top: 71px;
    }
    @media screen and (max-width: 1023px) {
        display: none;
    }
    .menu_box {
        padding: 5px 17px 5px;
        cursor: pointer;
        position: relative;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        @media screen and (max-width: 1250px) {
            padding: 5px 10px 10px;
            p{
                font-size: 14px;
            }
        }
        // @media screen and (max-width: 1080px) {
        //     padding: 5px 15px 20px;
        // }
        &:before {
            position: absolute;
            content: url("../../img/common/menu_arrow.svg");
            bottom: 5px;
            left: 50%;
            transform: translateX(-50%);
            display: none;
            @media screen and (max-width: 1023px) {
                display: unset;
            }
        }
        &:after {
            position: absolute;
            content: "";
            height: 30px;
            width: 1px;
            bottom: 7px;
            right: 0;
            background: #000;
            display: none;
        }
        &.open {
            background: linear-gradient(to right, #FF4199, #FFC033);
            @media screen and (max-width: 1023px) {
                background: unset;
            }
            p{
                color: #fff;
                @media screen and (max-width: 1023px) {
                    color: #2a2a32;
                }
            }
            &:before {
                content: url("../../img/common/menu_arrow_white.svg");
                @media screen and (max-width: 1023px) {
                    content: url("../../img/common/menu_arrow.svg");
                }
            }
            & + .sub_menu_box{
                display: block;
                @media screen and (max-width: 1023px) {
                    display: none;
                }
            }
        }
        &:has(+ .sub_menu_box:hover) {
            background: linear-gradient(to right, #FF4199, #FFC033);
            p{
                color: #fff;
            }
            &:before {
                content: url("../../img/common/menu_arrow_white.svg");
            }
        }
    }
    .sub_menu_box {
        position: absolute;
        width: 100vw;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        background: #FFF0F0f2;
        z-index: 1;
        top: 34px;
        padding-top: 35px;
        padding-bottom: 25px;
        display: none;
        overflow-y: scroll;
        max-height: calc(100vh - 125px);
        @include tab {
            max-height: calc(100vh - 190px);
        }
        @include ttab {
            max-height: calc(100vh - 125px);
        }
        @media screen and (max-width: 1023px) {
            background: #FFFfff;
        }
        @include sp {
            max-height: none !important;
        }
        &:hover {
            display: block;
        }
        &:before {
            position: absolute;
            top: 0;
            width: 100%;
            height: 10px;
            background: linear-gradient(to right, #FF4199, #FFC033);
            content:"";
            left:0;
        }
        .sub_menu {
            display: flex;
            justify-content: center;
            max-width: 1320px;
            padding: 0 50px;
            gap: 20px;
            margin: 0 auto;
            &.nyukou_menu {
                margin: 0 auto;
                gap: 8px;
                justify-content: flex-start;
                width: 1050px;
                padding: 0;
                a {
                    width: 245px;
                    background: white;
                    padding: 15px 20px;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    gap: 15px;
                    font-size: 14px;
                    font-weight: 500;
                    box-shadow: 0px 1px 8px #00000016;
                }
            }
            .heading {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-bottom: 7.5px;
				margin-bottom: 15px;
				border-bottom: 3px solid #ED4B4B;
				p {
					display: flex;
					align-items: center;
					gap: 15px;
					font-size: 20px;
					font-weight: bold;
				}
				a {
					color: #ED4B4B;
					font-size: 16px;
					font-weight: bold;
					margin-right: 15px;
				}
			}
            &.product_menu {
                width: 1000px;
                margin: 0 auto;
                padding: 0;
                display: block;
                .s_gradation {
                    font-size: 18px;
                    font-weight: bold;
                    color: #fff;
                    padding: 10px 0;
                    margin-bottom: 8px;
                    border-radius: 5px;
                }
                .product_list {
                    gap: 8px;
                    li {
                        width: calc((100% - 16px)/3);
                        background: #fff;
                        border-radius: 5px;
                        figure {
                            width: 100px;
                            height: 100px;
                            overflow: hidden;
                            position: relative;
                            img {
                                position: absolute;
                                left: 50%;
                                transform: translateX(-50%);
                            }
                        }
                    }
                }
            }
            &.event_menu {
                width: 1000px;
                margin: 0 auto;
                padding: 0;
                display: block;
                @media screen and (max-width: 1024px) {
                    width: 100%;
                }
                .s_gradation {
                    font-size: 18px;
                    font-weight: bold;
                    color: #fff;
                    padding: 10px 0;
                    margin-bottom: 8px;
                    border-radius: 5px;
                    @media screen and (max-width: 1024px) {
                        text-align: center;
                    }
                }
                div {
                    gap: 8px;
                    justify-content: flex-start;
                    display: flex;
                    flex-wrap: wrap;
                    @media screen and (max-width: 1024px) {
                        gap: 11px;
                    }
                    a {
                        width: calc((100% - 24px) / 4);
                        background: white;
                        padding: 20px 13px;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        gap: 15px;
                        font-size: 14px;
                        font-weight: 500;
                        box-shadow: 0px 1px 8px #00000016;
                        border-radius: 5px;
                        @media screen and (max-width: 1024px) {
                            width: calc((100% - 22px) / 2);
                        }
                        @include sp {
                            width: 100%;
                        }
                    }
                }
            }
            .submenu_content {
                width: 50%;
                &:nth-child(1){
                    ul {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 0 10px;
                        li {
                            width: calc((100% - 10px)/2);
                            @include sp {
                                width: 100%;
                            }
                        }
                    }
                }
                &.genkou {
                    width: 100%;
                    ul {
                        gap: 0 20px;
                        li {
                            width: calc((100% - 60px)/4);
                            @include ttab {
                                width: calc((100% - 40px)/3);
                            }
                        }
                    }
                }
                &:nth-child(2){
                    width: 25%;
                }
                .head {
                    display: flex;
                    font-size: 14px;
                    font-weight: 500;
                    align-items: center;
                    gap: 25px;
                    padding-bottom: 14px;
                    border-bottom: 2px solid #ED4B4B;
                    margin-bottom: 10px;
                    height: 55px;
                    text-align: left;
                }
                ul {
                    list-style: none;
                    .normal {
                        a {
                            font-size: 14px;
                            margin-bottom: 8px;
                            text-align: left;
                            padding-left: 14px;
                            display: block;
                            text-decoration: none;
                            position: relative;
                            &:before {
                                content: url("../../img/common/arrow_right_g.svg");
                                left: 0;
                                position: absolute;
                            }
                        }
                    }
                }
            }
        }
    }
}
.sp_menu_wrap {
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 77px;
    width: 100vw;
    height: calc(100vh - 77px);
    transform: translateX(100vw);
    transition: 0.3s;
    &.open {
        transform: translateX(0);
    }
    @media screen and (max-width: 575px){
        top: 69px;
        height: calc(100vh - 69px);
    }
    @media screen and (max-width: 393px){
        top: 63px;
        height: calc(100vh - 63px);
    }
    .sp_menu_content {
        height: 100%;
        padding: 20px 5vw 0;
        overflow-y: scroll;
        #form {
            display: flex;
            #s-box {
                width: 100%;
                background: #fff;
                border-right: none;
            }
        }
        .link_box {
            display: flex;
            flex-wrap: wrap;
            gap: 2px;
            margin: 10px 0;
            .link_a {
                width: calc((100% - 2px) / 2);
            }
            .link_b {
                width: calc((100% - 2px) / 2);
            }
        }
        .link_a {
            @include sp {
                font-size: 14px;
                margin-bottom: 0;
                img {
                    width: 18px;
                    left: 13px;
                }
                &:first-child {
                    font-size: 13px;
                }
                &:last-child {
                    img {
                        width: 20px;
                    }
                }
            }
        }
        .link_b {
            @media screen and (max-width: 375px){
                padding: 0;
                img {
                    display: none;
                }
            }
            img {
                left: 13px;
            }
        }
        .menu_wrap {
            display: block;
            top: 0;
            position: relative;
            text-align: left;
            width: 100%;
            border: none;
            .menu_box {
                padding: 0 0 0 25px;
                margin-top: 20px;
                &:before {
                    bottom: unset;
                    left: 0;
                    transform: unset;
                }
                &:after {
                    display: none;
                }
                &.link {
                    &:before {
                       transform: rotate(-90deg) !important;
                       content: url("../../img/common/menu_arrow.svg") !important;
                       left: -3px;
                   }
               }
                &.open {
                    p{
                        color: #ED4B4B;
                    }
                    &:before {
                        content: url("../../img/common/menu_arrow_red.svg");
                    }
                }
            }
            .sub_menu_box {
                position: relative;
                padding-top: 20px;
                width: 100%;
                top: 0;
                &:before {
                    display: none;
                }
                &.open {
                    display: block;
                }
                .sub_menu {
                    padding: 0;
                    flex-direction: column;
                    .submenu_content {
                        width: 100%;
                    }
                    &.nyukou_menu {
                        flex-direction: unset;
                        width: 100%;
                        flex-wrap: wrap;
                        a {
                            width: calc((100% - 10px) / 2);
                            @include sp {
                                width: 100%;
                            }
                        }
                    }
                    &.product_menu {
                        width: 100%;
                        .s_gradation {
                            text-align: center;
                            margin-bottom: 10px;
                        }
                        .product_list {
                            gap: 11px;
                            li {
                                width: calc((100% - 11px)/2);
                                @include sp {
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
#wpadminbar {
    position: fixed !important;
}
.admin-bar {
    .sp_menu_wrap {
        top: 110px;
        height: calc(100vh - 110px);
    }
    .menu_wrap .sub_menu_box {
        max-height: calc(100vh - 160px);
        @include tab {
            max-height: calc(100vh - 220px);
        }
        @include ttab {
            max-height: calc(100vh - 160px);
        }
    }
}
/*パンくずリスト*/
.m_header {
    width: 100%;
    .bread {
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        &::-webkit-scrollbar{
            display: none;
        }
        a {
            color: #000;
            font-size: 12px;
            margin-right: 21px;
            position: relative;
            flex-shrink: 0;
            line-height: 1.5;
            &::before {
                position: absolute;
                content: url(../../img/common/arrow_bread.svg);
                left: -12px;
                top: -1px;
            }
            &:first-child{
                margin-left: 30px;
                &::before {
                    content: url(../../img/common/sunrise_icon.svg);
                    left: -30px;
                    top: 0;
                }
            }
            .bread__top::before {
                display: none;
            }
        }
        span {
            display: none;
        }
    }
}
.m_header .bread {
    padding-left: 0 !important;
}
.top_btn {
    position: fixed;
    right: 2vw;
    bottom: 2vw;
    z-index: 100;
    display: none;
    a {
        display: block;
        background: #ED4B4B;
        width: 60px;
        height: 60px;
        border-radius: 60px;
        position: relative;
        &:before {
            position: absolute;
            content: url(../../img/common/top_btn.svg);
            left: 50%;
            top: 43%;
            transform: translate(-50%,-50%);
        }
		@include sp {
			width: 42px;
			height: 42px;
        }
    }
}
body {
    @include tab {
        .main_content {
            .side_content {
                margin-left: -260px;
            }
            .product {
                margin: 0 auto;
            }
        }
        &.close {
            .side_content {
                margin-left: -0;
            }
        }
    }
    @include ttab {
        .main_content {
            .side_content {
                margin-left: 40px;
            }
        }
    }
    .main_content{
        @include tab {
            gap: 60px;
        }
        @media screen and (max-width: 1200px) {
            gap: 30px !important;
        }
    }
    .side_content {
        width: 220px;
        margin-left: 60px;
        flex-shrink: 0;
        transition: 0.5s;
        @include tab {
            width: 260px;
            padding: 20px;
            border: 2px solid #ED4B4B;
            background: #fff;
            position: relative;
            margin-left: 0;
        }
        @media screen and (max-width: 1200px) {
            display: block;
            width: 220px;
            padding: 0;
            border: none;
            margin-left: 40px;
        }
        @include sp {
            display: none;
        }
    }
    .main_wrap{
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
        &::-webkit-scrollbar{
            display: none;
        }
        @media screen and (max-width: 1200px) {
            margin-right: 40px;
            overflow: auto;
        }
        @include sp {
            margin: 0 4vw;
            width: 92%;
            overflow: unset;
        }
    }
    main {
        margin: 0;
        min-width: 1020px;
        width: 100%;
        @include tab {
            padding: 0 60px 0 0;
        }
        @media screen and (max-width: 1200px) {
            min-width: unset;
            padding: 0 !important;
        }
        @include sp {
            padding: 0 5vw;
        }
    }
}

.side_close {
    color: #fff;
    background: #ED4B4B;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: -50px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: auto;
    top: -2px;
    padding: 50px 13px 135px;
    width: 50px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 0 5px 5px 0;
    display: none;
    span {
        color: #fff;
    }
    @include tab {
        display: block;
    }
    @media screen and (max-width: 1200px) {
        display: none;
    }
    &:before {
        content: url("../../img/common/side_open.svg");
        position: absolute;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    .close {
        display: none;
    }
}
.close {
    .side_close:before {
        content: url("../../img/common/side_close.svg");
    }
    .open {
        display: none;
    }
    .close {
        display: block;
    }
}
.side_a , .side_b {
    width: 220px;
}
.side_open {
    position: absolute;
    top: 100px;
    background: red;
    width: 30px;
    color: #fff;
    cursor: pointer;
    display: none;
}

/*サイドメニュー*/
.side_content {
	width: 220px;
	margin-left: 60px;
	flex-shrink: 0;
	.side_a {
        display: flex;
        flex-direction: column;
	}
	.side_b {
        margin-top: 11px;
        display: flex;
        flex-direction: column;
        h2 {
                color: #ED4B4B;
                position: relative;
                font-size: 16px;
                font-weight: bold;
                letter-spacing: 0.03em;
                padding-left: 20px;
                align-items: center;
                display: flex;
                height: 52px;
                margin-top: 12.5px;
                &:nth-child(1){
                    margin-top: 0;
                }
                &:before {
                        position: absolute;
                        content: "";
                        width: 12px;
                        height: 52px;
                        left: 0;
                        background: #ED4B4B;
                }
                &:after {
                    position: absolute;
                    content: url(../../img/common/side-arrow-right.svg);
                    right: 10px;
                    transform: scale(1.25);
                }
                &:hover {
					background: #f8ecec;
				}
                a {
                    color: #ED4B4B;
                    width: 100%;
                    display: flex;
                    height: 100%;
                    align-items: center;
                    font-size: 18px;
                }
        }
        .link_c {
            color: #000;
            position: relative;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.03em;
            padding: 3px 5px 3px 20px;
            margin-top: 0px;
            &:before {
                position: absolute;
                content: url("../../img/common/side-arrow-right.svg");
                left: 3px;
            }
        }
        .link_list {
            list-style: none;
            > li {
                position: relative;
                > .link_c {
                    width: 100%;
                    display: block;
                }
                div {
                    display: none;
                    position: absolute;
                    left: 220px;
                    width: max-content;
                    max-width: 960px;
                    border: 1px solid #ED4B4B;
                    background: #fff;
                    padding: 15px 35px 25px;
                    z-index: 1000;
                    top: 0;
                    gap: 10px 30px;
                    @media screen and (max-width: 1024px) {
                        width: calc(100vw - 300px);
                    }
                }
                &.bottom {
                    div{
                        top: unset;
                        bottom: 0;
                    }
                }
                &:hover {
                    background: #E5E8EF;
                }
				&.open {
					div {
                        display: flex;
                        flex-wrap: wrap;
                        .link_c {
                            color: #ED4B4B;
                        }
                        .title {
                            width: 100%;
                            border-bottom: 1px solid #DBDBDB;
                            padding-bottom: 10px;
							 .link_c:before  {
								 top: 2px;
							}
                        }
                        ul {
                            list-style: none;
                            padding-top: 10px;
                            width: 265px;
                            margin: 0;
                            @media screen and (max-width: 1024px) {
                                width: calc((100% - 30px) / 2);
                            }
                            li {
                                margin-bottom: 5px;
                                a {
                                    text-decoration: underline;
                                    font-size: 14px;
                                    line-height: 1.2em;
                                    &.head{
                                        color: #ED4B4B;
                                        text-decoration: none;
                                        font-weight: 500;
                                    }
                                }
                            }
                        }
					}
                }
            }
        }
	}
    .side_c {
        margin-top: 40px;
        .img_link {
            display: block;
            margin-bottom: 10px;
            img {
                width: 100%;
            }
        }
        .text_link {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: 500;
            width: 100%;
            height: 64px;
            text-align: center;
			box-shadow: 0px 4px 2px #00000016;/*0px 1px 8px #00000016*/
			border: 1px solid #C9C9C9;
			margin-bottom: 10px;
            &.pin {
                font-size: 16px;
            }
        }
    }
}
.img_link {
    &.anthology {
        background: #004C98;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        padding: 7px 0 10px;
        border-radius: 5px;
        @include sp {
            margin-bottom: 5px !important;
        }
    }
    &.event {
        background: #00C4D4;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        padding: 7px 0 2px;
        border-radius: 5px;
        span {
            display: block;
            font-size: 12px;
            color: #00C4D4;
            background: #fff;
            border-radius: 0 0 5px 5px;
            width: calc(100% - 4px);
            margin: 10px auto 0;
            padding: 3px 0px;
        }
    }
}
.main_wrap {
    width: 100%;
}
main {
    padding-bottom: 100px;
    max-width: 1200px;
    padding-right: 60px;
    // width: calc(100% - 340px);
    width: 100%;
    @include tab {
        width: 100%;
    }
}
@include sp{
    .m_header__inner {
        padding: 20px 20px 40px !important;
        width: 100vw;
        margin-left: -4vw !important;
        .m_header__title {
            font-size: 20px;
        }
    }
}

/*お知らせ*/
.content_wrap {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    .side_item {
        .select_btn {
            width: 220px;
            padding: 11px 14px;
            font-size: 14px;
            font-weight: 500;
            background: #fff;
            border: 1px solid #C9C9C9;
            border-radius: 5px;
            cursor: pointer;
            position: relative;
            margin-top: 10px;
            &:after {
                position: absolute;
                content: url('../../img/common/arrow_bottom.svg');
                transition: 0.3s;
                right: 14px;
            }
        }
        .item_list {
            border-radius: 5px;
            width: 220px;
            background: #fff;
            list-style: none;
            height: 0;
            overflow: hidden;
            &.open {
                height: 100%;
                overflow: auto;
            }
            li{
                a {
                    width: 100%;
                    display: block;
                    height: 100%;
                    padding: 11px 14px;
                    font-size: 14px;
                    font-weight: 500;
                    border-bottom: 1px solid #C9C9C9;
                    border-right: 1px solid #C9C9C9;
                    border-left: 1px solid #C9C9C9;
                    color: #333;
                }
                &:last-child a {
                    border-radius: 0 0 5px 5px;
                }
            }
        }
    }
}

/*商品情報*/
.product {
    padding-bottom: 100px;
    max-width: 1200px;
    padding-right: 60px;
    width: 100%;
    [data-type='link'] {
        color: #0400ff;
    }
    p .aligncenter {
        display: block;
        margin: 0 auto;
    }
    @include tab {
        width: 100%;
    }
    h3 {
        border-bottom: 2px solid #FF9CB7;
        padding-bottom: 20px;
        font-size: 20px;;
    }
    table {
        @include ttab {
            width: 100% !important;
        }
    }
}
.fv_wrap {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    @include ttab {
        flex-direction: column;
    }
    @include sp {
        gap: 10px;
    }
    h1 {
        font-size: 21px;
        line-height: 1.5em;
        letter-spacing: 0.03em;
        padding-bottom: 15px;
        border-bottom: 3.75px solid #ED4B4B;
        @include sp {
            font-size: 20px;
            padding-bottom: 5px;
        }
    }
    .dead_line {
        margin: 0 0 5px;
        /*line-height: 21px;*/
        font-size: 12px;
        font-weight: bold;
        padding-left: 18px;
        position: relative;
        &:before {
            position: absolute;
            content: url(../../img/common/pen.svg);
            left: 0;
            height: 13px;
            top: 2px;
        }
        @include sp {
            margin: 0 0 0px;
        }
    }
    .left_wrap {
        width: calc((100% - 20px) * 0.45);
        @include ttab {
            width: 100%;
        }
        .main_img{
            img {
                width: 100%;
                height: auto;
            }
        }
        .gallery_wrap {
            display: flex;
            gap: 20px;
            div{
                display: flex;
                gap: 21px;
                margin-top: 15px;
                flex-wrap: wrap;
                @include sp {
                    gap: 4px;
                }
                figure {
                    width: calc((100% - 84px) /5);
                    flex-shrink: 0;
                    img {
                        width: 100%;
                        height: auto;
                        cursor: pointer;
                    }
                    &:nth-child(n+6){
                        display: none;
                    }
                    @include sp {
                        width: calc((100% - 16px) /5);
                    }
                }
            }
            .gallery_open_btn {
                color: #ED4B4B;
                flex-shrink: 0;
                margin-top: 20px;
                font-size: 12px;
                position: relative;
                cursor: pointer;
                &:after {
                    position: absolute;
                    content: url(../../img/common/arrow_bottom_red.svg);
                    left: 50%;
                    transform: translateX(-50%);
                    top: 15px;
                    transition: 0.25s;
                }
            }
            &.open {
                div{
                    figure {
                        &:nth-child(n+6){
                            display: block;
                        }
                    }
                }
                // .gallery_open_btn {
                //     &:after {
                //         transform: translateX(-50%) rotateX(180deg);
                //     }
                // }
            }
        }
    }
    .right_wrap {
        width: calc((100% - 20px) * 0.55);
        @include ttab {
            width: 100%;
        }
        h1 {
            font-size: 21px;
            line-height: 1.5em;
            letter-spacing: 0.03em;
            padding-bottom: 3px;
            border-bottom: 3.75px solid #ED4B4B;
            @include ttab {
                display: none;
            }
        }
        .dead_line {
            margin: 0px 0 5px;
            /*line-height: 21px;*/
            font-size: 12px;
            font-weight: bold;
            padding-left: 18px;
            position: relative;
            &:before {
                position: absolute;
                content: url(../../img/common/pen.svg);
                left: 0;
                height: 13px;
                top: 2px;
            }
            @include ttab {
                display: none;
            }
        }
        .spec_wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 9.5px 3.5px;
            @include ttab {
                display: none;
            }
            .spec_content {
                width: calc((100% - 3.5px) / 2);
                .title {
                    align-items: center;
                    background: #E5E8EF;
                    padding: 6px 13px 6px 10px;
                    display: flex;
                    justify-content: space-between;
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 20px;
					margin-top: 5px;
                    margin-bottom: 10px;
                    width: 100%;
                    p {
                        display: flex;
                        align-items: center;
                        img {
                            margin-right: 10px;
                        }
                    }
                    a {
                        color: #ED4B4B;
                        line-height: 21px;
                        font-size: 12px;
                        font-weight: 400;
                    }
                }
                .tab {
                    margin-bottom: 15px;
                    overflow-x: scroll;
                    -ms-overflow-style: none;
                    scrollbar-width: none;
                    &::-webkit-scrollbar{
                        display: none;
                    }
                    li {
                        padding: 3px 8px;
                        line-height: 13px;
                        font-size: 12px;
                    }
                }
                .detail {
                    list-style: none;
                    li {
                        &:nth-child(n+2) {
                            display: none;
                        }
                        p {
                            font-size: 14px;
                            line-height: 21px;
                            display: flex;
                            span {
                                flex-shrink: 0;
                                &.groupe {
                                    flex-shrink: unset;
                                }
                            }
                        }
                        hr {
                            border: 1px solid #E6E6E6;
                            margin: 8px 0;
                        }
                    }
                }
            }
        }
        .linkbtn_wrap {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 20px;
			margin-bottom: 10px;
            @include ttab {
                flex-direction: row;
            }
            @include sp {
                gap: 10px;
				margin-top: 10px;
				margin-bottom: 10px;
            }
            .link_b {
                height: 70px;
                font-size: 20px;
                padding-left: 30px;
                @include ttab {
                    font-size: 16px;
                    width: calc((100% - 10px) / 2);
                    padding: 0;
                }
                @include sp {
                    font-size: 13px;
                }
                span{
                    color: #fff;
                    z-index: 1;
                }
                img {
                    width: 28px;
                    left: 20px;
                    @include ttab {
                        display: none;
                    }
                }
                @include tab {
                    img {
                        width: 25px;
                    }
                }
                @include sp {
                    font-weight: bold;
                    height: 60px;
                    margin: 0;
                    img {
                        left: calc(50% - 95px);
                        width: 21px;
                    }
                    &.m_gradation {
                        margin: 0;
                        img {
                            left: calc(50% - 95px);
                            width: 26px;
                        }
                    }
                }
            }
        }
        .draft_linkbtn_wrap {
            gap: 20px;
            .link_b {
                width: calc((100% - 20px)/2);
                @include ttab {
                    width: 100%;
                    max-width: 800px;
                }
            }
            &.multi {
                width: 100%;
                justify-content: flex-start;
            }
            @include ttab {
                flex-direction: column;
                align-items: center;
                .link_b {
                    span{
                        font-size: 16px;
                    }
                    img{
                        display: none;
                    }
                }
                &.multi {
                    gap: 20px;
                    flex-direction: row;
                    .link_b {
                        margin: 0;
                        width: calc((100% - 20px) / 2);
                        span{
                            font-size: 16px;
                        }
                    }
                }
            }
            @include sp {
                .link_b {
                    span{
                        font-size: 13px !important;
                    }
                }
                &.multi {
                    gap: 10px;
                    .link_b {
                        width: calc((100% - 10px) / 2);
                        span{
                            font-size: 13px !important;
                        }
                    }
                }
            }
        }
    }
}
.menu {
    .fv_wrap{
        .right_wrap {
            h1 {
                margin-bottom: 8px;
            }
        }
    }
}

.fv_wrap.option{
    // flex-direction: column;
    h1 {
        font-size: 24px;
        padding-bottom: 5px;
        border-bottom: 4px solid #ED4B4B;
        line-height: 1.5em;
        margin-bottom: 0px;
        @include sp {
            font-size: 20px;
            padding-bottom: 5px;
        }
    }
    // .left_wrap{
    //     width: 100%;
    //         .gallery_wrap {
    //             width: 80%;
    //             margin: 0 auto;
    //             @include sp {
    //                 width: 100%;
    //             }
    //             .slick-prev {
    //                 left: 20px;
    //                 z-index: 1;
    //                 &:before {
    //                     content: url("../../img/common/slick_left.svg");
    //                 }
    //             }
    //             .slick-next {
    //                 right: 20px;
    //                 z-index: 1;
    //                 &:before {
    //                     content: url("../../img/common/slick_right.svg");
    //                 }
    //             }
    //             .slick-dots li {
    //                 margin: 0;
    //                 button:before {
    //                     color: #E3E3E3;
    //                     opacity: 1;
    //                 }
    //                 &.slick-active button:before {
    //                     color: #989898;
    //                     opacity: 1;
    //                 }
    //             }
    //             div {
    //                 display: block;
    //                 margin: 0 auto;
    //             }
    //         }
    //     }
    .right_wrap{
        // width: 100%;
        h2 {
            margin-top: 30px;
            background: #E5E8EF;
            font-size: 16px;
            padding: 10px 20px;
            font-weight: 500;
            @include sp {
                text-align: center;
            }
        }
        p {
            padding: 25px 20px;
            font-size: 16px;
            line-height: 28px;
            @include sp {
                font-size: 14px;
                line-height: 24.5px;
                padding: 30px 0 10px;
            }
        }
        .linkbtn_wrap {
            justify-content: center;
            .link_b {
                height: 70px;
                font-size: 20px;
                padding-left: 30px;
                @include ttab {
                    font-size: 16px;
                    width: calc((100% - 10px) / 2);
                    padding: 0;
                }
                @include sp {
                    font-size: 13px;
                }
                span{
                    color: #fff;
                    z-index: 1;
                }
                img {
                    width: 28px;
                    left: 20px;
                    @include ttab {
                        display: none;
                    }
                }
                @include tab {
                    img {
                        width: 25px;
                    }
                }
                @include sp {
                    font-weight: bold;
                    height: 60px;
                    margin: 0;
                    img {
                        left: calc(50% - 95px);
                        width: 21px;
                    }
                    &.m_gradation {
                        margin: 0;
                        img {
                            left: calc(50% - 95px);
                            width: 26px;
                        }
                    }
                }
            }
        }
    }
}
.p_link_btn__wrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 60px;
    .p_link {
        width: calc((100% - 30px) / 4);
        height: 45px;
        padding: 9px 11px 9px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ED4B4B;
        background: #fff;
        border: 1px solid;
        border-radius: 50px;
        position: relative;
        font-weight: bold;
        font-size: 14px;
        line-height: 1em;
        justify-content: flex-start;
        svg {
            margin-right: 5px;
            flex-shrink: 0;
        }
    }
	.p_link2 {
        width: calc((100% - 30px) / 3);
        height: 45px;
        padding: 9px 11px 9px 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #505050;
        /*background: #f7dada;*/
        /*border: 1px solid #ED4B4B;*/
		border-radius: 18px 0px 0px 18px;/*左側の角を丸く（右側少し丸く）*/
        position: relative;
        font-weight: bold;
        line-height: 1em;
        justify-content: flex-start;
		&:before {
			content: '●';
			color: white;
			margin-right: 8px;
		}
    }
    @media screen and (max-width: 1200px) {
        .p_link {
            padding: 6px 12px 6px 15px;
            width: calc((100% - 20px) / 3);
            line-height: 1.2em;
        }
		.p_link2 {
            padding: 6px 10px 6px 10px;
            width: calc((100% - 20px) / 3);
            line-height: 1.2em;
			font-size: 15px;
        }
    }
    @media screen and (max-width: 950px) {
        flex-direction: row;
        .p_link {
            width: calc((100% - 20px)/2);
        }
		.p_link2 {
            width: calc((100% - 20px)/2);
			font-size: 15px;
        }
    }
    @include sp {
        margin-bottom: 25px;
        gap: 5px;
        .p_link {
            width: calc((100% - 5px)/2);
            font-size: 13px;
        }
		.p_link2 {
            width: calc((100% - 5px)/2);
            font-size: 13px;
        }
    }
}
.table_wrap {
    margin-bottom: 40px;
    @include sp {
        margin-bottom: 30px;
    }
    .mtitle p {
        margin-bottom: 30px;
    }
    .tab {
        width: 97%;
        margin: 0 auto;
		@include sp {
			width: 100%;
		}
    }
    .detail_wrap {
        list-style: none;
        border: 1px solid #CECECE;
        width: 97%;
        margin: 0 auto;
		@include sp {
			width: 100%;
		}
        li {
            &:nth-child(n+2) {
                display: none;
            }
            .detail_content {
                display: flex;
                @include ttab {
                    flex-direction: column;
                }
                .title {
                    width: 14.5%;
                    display: flex;
                    background: #E5E8EF;
                    justify-content: center;
                    padding: 15px;
                    @include ttab {
                        width: 100%;
                        padding: 8px 0;
                        text-align: center;
                    }
                }
                p {
                    font-size: 14px;
                    line-height: 21px;
                }
                hr {
                    border: 1px solid #E6E6E6;
                    margin: 8px 0;
                }
                > div {
                    background: #fff;
                    width: 88%;
                    padding: 15px 15px 15px 25px;
                    @include ttab {
                        width: 100%;
                        padding: 15px 19px;
                    }
                }
                &:nth-child(n+2){
                    border-top: 1px solid #CECECE;
                }
            }
        }
        &.continu {
            li:nth-child(n+2) {
                display: block;
                border-top: 1px solid #CECECE;
            }
        }
    }
}
.note_wrap {
    background: #fff;
    padding: 30px;
    position: relative;
    margin-bottom: 40px;
    @include sp {
        padding: 30px 20px;
        margin-bottom: 20px;
    }
    &:before{
        position: absolute;
        content: "";
        background: linear-gradient(to right, #5C9ED1, #65EAB5);
        height: 4px;
        width: 100%;
        top: 0;
        left: 0;
    }
    &:after{
        position: absolute;
        content: "";
        background: linear-gradient(to right, #5C9ED1, #65EAB5);
        height: 4px;
        width: 100%;
        bottom: 0;
        left: 0;
    }
    ul {
        list-style: none;
        li {
            position: relative;
            font-size: 14px;
            margin-bottom: 10px;
            padding-left: 35px;
            @include sp {
                padding-left: 30px;
            }
            &:before {
                position: absolute;
                content: "";
                left: 0;
                display: inline-block;
                width: 25px;
                height: 25px;
                background-image: url(../../img/guideline/Icon05.svg);
                background-size: contain;
                vertical-align: middle;
                @include sp {
                    width: 22px;
                    height: 22px;
                }
            }
        }
    }
    .list_wrap li {
        padding-left: 0;
        margin-bottom: 10px;
    }
    .guide-content__link {
        margin-bottom: 0;
        @include sp {
            font-size: 14px;
        }
    }
}
.paper_wrap {
    margin-bottom: 100px;
    @include sp {
        margin-bottom: 50px;
    }
    .stitle {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 13px;
    }
    .detail  {
        margin-top: 13px;
        list-style: none;
        li {
            &:nth-child(n+2) {
                display: none;
            }
        }
        &.vertical {
            max-width: 800px;
            figure {
                padding: 15px 20px;
                height: 90px;
                display: flex;
                align-items: end;
                &:nth-child(1) {
                    height: 160px;
                }
                img {
                    display: none;
                }
                p {
                    font-size: 18px;
                    font-weight: bold;
                }
            }
        }
        &.beside {
            max-width: 1000px;
            li {
                &:nth-child(n+2) {
                    display: none;
                }
                div {
                    display: flex;
                    gap: 22px;
                    flex-wrap: wrap;
                    figure {
                        width: calc((100% - 44px) / 3);
                        img {
                            width: 100%;
                            height: auto;
                        }
                        p {
                            font-size: 16px;
                            margin-top: 12px;
                            @include sp {
                                font-size: 14px;
                                margin-top: 5px;
                            }
                        }
                    }
                }
            }
        }
    }
}
.ink_wrap {
    width: 97%;
    margin-bottom: 100px;
    @include sp {
        margin-bottom: 50px;
    }
    .stitle {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .main_img {
        max-width: 1030px;
        img {
            width: 100%;
        }
    }
    .sub_list_btn {
        font-size: 14px;
        color: #ED4B4B;
        margin: 15px 0 15px;
        padding-left: 25px;
        position: relative;
        cursor: pointer;
        width: fit-content;
        &:before{
            position: absolute;
            content: url(../../img/common/arrow_bottom_s.svg);
            left: 0;
            top: 1.5px;
            transition: 0.25s;
            transform: rotateX(180deg);
        }
        &.open:before {
            transform: rotateX(0deg);
        }
    }
    .sub_img_list {
        display: flex;
        flex-wrap: wrap;
        gap: 9px 13px;
        @include sp {
            gap: 10px;
        }
        figure {
            width: calc((100% - 52px) / 5);
            cursor: pointer;
            img {
                width: 100%;
            }
            @include sp {
                width: calc((100% - 20px) / 3);
            }
        }
    }
}

.modal_open {
    cursor: pointer;
}
.modal_list {
    .modal_img{
        display: none;
        position: fixed;
        top: 0;
        width: 100vw !important;
        left: 0;
        height: 100vh;
        transition: 0.3s;
        z-index: 100000;
        .modal_over {
            position: absolute;
            top: 0;
            width: 100vw !important;
            left: 0;
            height: 100vh;
            background: #00000090;
        }
        .img_box {
            width: auto !important;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            background: #fff;
            max-width: 70vw;
            max-height: 90vh;
            padding: 15px 70px 30px;
            overflow-y: scroll;
            -ms-overflow-style: none;
            scrollbar-width: none;
			border-radius: 8px;
			box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
			box-sizing: content-box;
            &::-webkit-scrollbar{
                display: none;
            }
            @include ttab {
                width: 100% !important;
                max-width: 90vw;
				max-height: 90vh;
				padding: 15px 30px 30px;
				box-sizing: border-box;
            }
            img {
                width: auto !important;
                margin: 0 auto;
                display: block;
                max-width: 100%;
				max-height: 75vh;
				@include ttab {
					max-width: 100%;
				}
            }
			.text_box {
				max-width: 600px;
				margin: 5px auto 0;
                .title {
                    font-size: 14px;
                    font-weight: 500;
                    text-align: center;
					margin-bottom: 5px;
                }
                .text p {
                    font-size: 12px;
                    font-weight: 400;
                }
            }
            .prev_btn {
                position: absolute;
                content: url("../../img/common/slick_left.svg");
                left: 10px;
                top: 50%;
                transform: translateY(-50%);
                cursor: pointer;
				@include ttab {
					left: 5px;
					width: 15px;
				}
            }
            .next_btn {
                position: absolute;
                content: url("../../img/common/slick_right.svg");
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
                cursor: pointer;
				@include ttab {
					right: 5px;
					width: 15px;
				}
            }
        }
        &:first-child {
            .prev_btn {
                display: none;
            }
        }
        &:last-child {
            .next_btn {
                display: none;
            }
        }
    }
}
.price_wrap {
    margin-bottom: 30px;
    @include tab {
        margin-bottom: 30px;
    }
    .f12 {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .price_btn {
        background: none;
        color: #000;
        font-size: 18px;
        margin: 0 0 20px;
        padding: 0 5px 10px 45px;
        border-bottom: 1px solid #ED4B4B;
        font-weight: 500;
        position: relative;
        cursor: pointer;
        @include sp {
            font-size: 16px;
        }
        &:before{
            position: absolute;
            content: url(../../img/common/arrow_bottom_s_red.svg);
            left: 15px;
            top: -2px;
            transition: 0.25s;
            transform: rotateX(0deg);
        }
        &.open:before {
            transform: rotateX(180deg);
            top: 0px;
        }
        + .price_content {
            display: none;
        }
    }
    .tab {
        margin-bottom: 1px;
    }
    .table_wrap{
        width: max-content;
        max-width: 100%;
        max-height: 430px;
        overflow: scroll;
        @include ttab {
            -ms-overflow-style: none;
            scrollbar-width: none;
            &::-webkit-scrollbar{
                display: none;
            }
        }
        @include sp {
            width: 100%;
        }
        margin: 0;
        cursor: pointer;
        &:nth-child(n+2) {
            display: none;
        }
    }
    table{
        position: relative;
        left: -2px;
        top: -2px;
        width: auto;
        min-width: 660px;
        @include sp {
            width: max-content;
            min-width: 70%;
        }
        thead{
            tr {
                th {
                    background: #ED4B4B;
                    color: #fff;
                    font-weight: 500;
                    border-right: 1px solid #fff;
                    font-size: 16px;
                    // padding: 15px 17px;
                    padding: 5px;
                    position: sticky;
                    top: 0;
                    z-index: 1;
                    white-space: nowrap;
                    &:nth-child(1) {
                        left: 0;
                        z-index: 2;
                    }
                }
            }
        }
        tbody {
            td {
                background: #FFFFFF;
                font-size: 14px;
                font-weight: 400;
                // padding: 15px 11px;
                padding: 5px;
                border-top: 1px solid #fff;
                border-right: 1px solid #fff;
                position: relative;
                text-align: center;
                &:first-child {
                    color: #ED4B4B !important;
                    background: #F1F1F1 !important;
                    font-size: 14px;
                    font-weight: 500;
                    // padding: 15px 34px;
                    padding: 5px;
                    position: sticky;
                    left: 0;
                    z-index: 1;
                    white-space: nowrap;
                }
                &.hover {
                    background-color:#D6ECFF;
                }
                &.hover_n {
                    background-color: #5D9FD1;
                    color: #fff;
                }
            }
        }
    }
    .flex {
        &.continu .table_wrap {
            &:nth-child(n+2) {
                display: block;
                margin-top: 30px;
            }
        }
    }
}
.img_list_wrap {
    margin-bottom: 100px;
    @include sp {
        margin-bottom: 50px;
    }
    ul{
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        @media screen and (max-width: 1024px) {
            gap: 10px;
            .list_img {
                width: calc((100% - 10px * (3 - 1)) / 3) !important;
            }
        }
        img {
            width: 100%;
        }
        .head {
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 5px;
            @include sp {
                font-size: 12px;
            }
        }
        div {
            p{
                font-size: 12px;
                @include sp {
                    font-size: 10px;
                }
            }
        }
    }
}
.fv_wrap.goods {
    margin-bottom: 20px;
    h1 {
        margin-bottom: 0px;
        align-items: center;
        border-bottom: 3.75px solid #ED4B4B;
        display: none;
        @media screen and (max-width: 1200px) {
            display: flex;
        }
        @include sp {
            font-size: 20px;
            padding-bottom: 5px;
        }
        span {
            background: #FF6D95;
            color: #fff;
            font-size: 14px;
            padding: 3px 6px;
            margin-right: 9.5px;
        }
    }
    .right_wrap {
        h1 {
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            border-bottom: 3.75px solid #ED4B4B;
            @media screen and (max-width: 1200px) {
                display: none;
            }
            span {
                background: #FF6D95;
                color: #fff;
                font-size: 14px;
                padding: 3px 6px;
                margin-right: 9.5px;
            }
        }
        .icon_box {
            display: flex;
            flex-wrap: wrap;
            gap: 2px;
            margin-bottom: 16px;
            &.type2 {
                gap: 4px;
            }
            &:nth-last-child(3){
                margin-bottom: 55px;
                @include sp {
                    margin-bottom: 30px;
                }
            }
            .goods_icon_1 {
                border-radius: 5px;
                padding: 2px 6px;
                color: #fff;
                font-size: 14px;
                font-weight: bold;
            }
            .goods_icon_2 {
                border: 2px solid;
                border-radius: 50px;
                padding: 2px 8px;
                font-size: 14px;
                font-weight: bold;
                display: flex;
                align-items: center;
                gap: 5px;
            }
        }
        .linkbtn_wrap  {
            margin-top: 45px;
            justify-content: center;
            @include ttab {
                flex-direction: row;
            }
            @include sp {
                gap: 10px;
            }
            .link_b {
                width: 450px;
                display: flex;
                flex-direction: column;
                gap: 0px;
                height: auto;
                padding: 11px 0 13px;
                font-size: 20px;
                @include ttab {
                    font-size: 16px;
                }
                @include sp {
                    font-size: 13px;
                }
                span:first-child {
                    color: #fff;
                    width: 90%;
                }
                span:last-child {
                    color: #fff;
                    font-weight: bold;
                    position: relative;
                    img {
                        width: 26px;
                        left: -50px;
                        top: 50%;
                        transform: translateY(-50%);
                        @include ttab {
                            display: none;
                        }
                    }
                }
                @include sp {
                    gap: 10px;
                    width: 100%;
                }
            }
        }
    }
}

.dl_wrap {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    &.multi {
        gap: 30px;
        justify-content: flex-start;
        padding: 0 5px;
        a {
            width: calc((100% - 30px) / 2);
            max-width: none;
        }
    }
    a {
        max-width: 700px;
        width: 100%;
        color: #333;
        padding: 24px 25px 24px 20px;
        display: flex;
        justify-content: space-between;
        box-shadow: 0px 4px 0px #0006;
		border: 2px solid #333;
		border-radius: 50px;
        img {
            width: auto;
        }
    }
    @include ttab {
        flex-direction: column;
        align-items: center;
        &.multi {
            gap: 10px;
            a {
                width: 100%;
                max-width: 800px;
            }
        }
    }
    @include sp {
        a {
            padding: 15px 10px;
            font-size: 13px;
			border: 1px solid #333;
            img {
                width: 18px;
            }
        }
    }
}

.draft_linkbtn_wrap  {
    margin-bottom: 40px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    .link_b {
        max-width: 700px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0px;
        height: auto;
        padding: 11px 0 13px;
        font-size: 20px;
        span:first-child {
            color: #fff;
        }
        span:last-child {
            color: #fff;
            font-weight: bold;
            position: relative;
            img {
                width: 26px;
                left: -50px;
                top: 50%;
                transform: translateY(-50%);
            }
        }
        @include sp {
            gap: 10px;
            span:last-child {
                font-size: 16px;
            }
        }
    }
    &.multi {
        justify-content: flex-start;
        width: 100%;
        padding: 0 0;/* 0 5px */
        margin: 0 auto;
    }
    &.multi .link_b {
        width: calc((100% - 30px) /2);
        max-width: none;
    }
    @include ttab {
        flex-direction: column;
        align-items: center;
        .link_b {
            span{
                font-size: 16px;
            }
            img{
                display: none;
            }
        }
        &.multi {
            gap: 20px;
            flex-direction: row;
            width: 100%;
            .link_b {
                margin: 0;
                width: calc((100% - 20px) / 2);
                span{
                    font-size: 16px;
                }
            }
        }
    }
    @include sp {
        .link_b {
            span{
                font-size: 13px !important;
				line-height: 1.2;
            }
        }
        &.multi {
            gap: 10px;
            .link_b {
                width: calc((100% - 10px) / 2);
                span{
                    font-size: 13px !important;
					line-height: 1.2;
                }
            }
        }
    }
}

.fv_wrap.print {
    margin-bottom: 20px;
    .right_wrap {
        h1 {
            margin-bottom: 15px;
        }
    }
}
.print_linkbtn_wrap  {
    margin-top: 50px;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    .link_b {
        width: 400px;
        display: flex;
        flex-direction: column;
        gap: 0px;
        height: auto;
        padding: 11px 0 13px;
        @include sp {
            gap: 10px;
        }
        span:first-child {
            font-size: 14px;
            color: #fff;
        }
        span:last-child {
            font-size: 25px;
            color: #fff;
            font-weight: bold;
            position: relative;
            img {
                width: 26px;
                left: -50px;
                top: 50%;
                transform: translateY(-50%);
            }
            @include sp {
                font-size: 16px;
            }
        }
    }
}

.bank_wrap {
    margin-bottom: 20px !important;
    display: flex;
    gap: 30px;
    padding: 20px !important;
    border: 3px solid #D3E799;
    width: 700px;
    background: #fff;
    @include ttab {
        max-width: 700px;
        width: 100%;
    }
    @include sp {
        gap: 15px;
        flex-direction: column;
    }
    p {
        flex-shrink: 0;
        font-size: 14px;
        margin: 0 !important;
    }
}

.list_wrap {
    list-style: none;
    margin-bottom:80px;
    li {
        display: flex;
        margin-bottom: 10px;
        div:first-child {
            flex-shrink: 0;
        }
    }
    @include sp {
        margin-bottom:40px;
    }
}

.nyukou {
    .event_wrap {
        margin-top: 55px;
    }
}
.event_list {
    width: 95%;
    margin: 0 auto;
    list-style: none;
    @include sp {
        width: 100%;
    }
    .event_content {
        h2 {
            color: #fff;
            font-size: 21px;
            letter-spacing: 0.03em;
            display: flex;
            padding: 17.5px 60px;
            align-items: center;
            justify-content: space-between;
            margin-top: 30px;
            span {
                color: #fff;
            }
            a {
                color: #fff;
                font-size: 18px;
                padding: 5px 25px 5px 15px;
                border: 2px solid #fff;
                border-radius: 5px;
                position: relative;
                flex-shrink: 0;
                &:after {
                    position: absolute;
                    content: url("../../img/common/awesome-caret-right.svg");
                    right: 5px;
                    top: 5px;
                }
            }
            @include sp {
                padding: 10px 20px;
                span {
                    font-size: 16px;
                }
                a {
                    font-size: 14px;
                }
            }
        }
        ul {
            padding: 30px 45px 35px;
            list-style: none;
            background: #fff;
            @include ttab {
                padding: 15px 20px 20px;
            }
            @include sp {
                padding: 5px;
            }
            .kyosan_link {
                color: #ED4B4B;
                text-decoration: underline;
                display: block;
                width: fit-content;
                margin-left: auto;
                margin-bottom: 5px;
                @include sp {
                    font-size: 14px;
                }
            }
            li {
                background: #fff;
                display: flex;
                align-items: stretch;
                &:nth-child(2n) {
                    background: #E5E8EF ;
                }
                figure {
                    max-width: 230px;
                    padding: 11px 20px 11px 15px;
                    border-right: 1px solid #9B9B9B;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img {
                        width: auto;
                        height: auto;
                        max-width: 200px;
                        max-height: 80px;
                    }
                    @include ttab {
                        padding: 5.5px 10px 5.5px 7.5px;
                        a {
                            width: 100%;
                            display: flex;
                            align-items: center;
                            img {
                                width: 100%;
                                height: auto;
                            }
                        }
                    }
                    @include sp {
                        padding: 0;
                    }
                }
                .event_name {
                    width: 25%;
                    font-size: 14px;
                    font-weight: 500;
                    padding: 11px 30px;
                    border-right: 1px solid #9B9B9B;
                    display: flex;
                    align-items: center;
                    line-height: 21px;
                    @include ttab {
                        padding: 5.5px 15px;
                    }
                }
                .event_place {
                    width: 25%;
                    font-size: 14px;
                    font-weight: 400;
                    padding: 11px 30px;
                    border-right: 1px solid #9B9B9B;
                    display: flex;
                    align-items: center;
                    line-height: 21px;
                    @include ttab {
                        padding: 5.5px 15px;
                    }
                }
                .event_tag {
                    width: 30%;
                    display: flex;
                    gap: 5px;
                    flex-wrap: wrap;
                    padding: 11px 30px;
                    display: flex;
                    align-items: center;
                    span {
                        display: flex;
                        gap: 5px;
                        flex-wrap: wrap;
                        b {
                            background: #FF6D95;
                            color: #fff;
                            font-size: 14px;
                            font-weight: 500;
                            padding: 0px 5px;
                            line-height: 21px;
                            white-space: normal;
                        }
                    }
                    @include ttab {
                        padding: 5.5px 15px;
                    }
                }
            }
        }
    }
    &.modal_list {
        display: none;
        position: fixed;
        top: 0;
        width: 100vw !important;
        left: 0;
        height: 100vh;
        transition: 0.3s;
        z-index: 100000;
        .modal_over {
            top: 0;
            width: 100%;
            left: 0;
            height: 100%;
            background: #00000090;
            position: absolute;
            cursor: pointer;
        }
        &.open {
            display: block;
        }
        .content{
            width: 90%;
            max-width: 1200px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            max-height: 80vh;
            overflow-y: scroll;
            padding: 20px;
            .event_content {
                display: none;
                width: 100%;
                margin: 0 auto;
                ul {
                    padding: 30px 25px 35px 45px;
                    @include sp {
                        padding: 10px 10px;
                    }
                }
                div {
                    max-height: 350px;
                    overflow-y: scroll;
                    padding-right: 20px;
                    @include sp {
                        padding-right: 5px;
                    }
                    &::-webkit-scrollbar {
                        width: 4px;
                    }
                    &::-webkit-scrollbar-track {
                        background-color: #E5E5E5;
                        border-radius: 100px;
                    }
                    &::-webkit-scrollbar-thumb {
                        background: #BABABA;
                        border-radius: 100px;
                    }
                }
                &.open {
                    display: block !important;
                }
                .close_btn {
                    position: absolute;
                    right: 5px;
                    top: 5px;
                    cursor: pointer;
                }
            }
        }
    }
}
@media screen and (max-width: 960px) {
    .nyukou_wrap {
        .event_list .event_content ul li {
            flex-direction: column;
            padding: 20px 0;
            &:nth-child(2n) {
                padding: 0;
            }
            figure {
                width: 100%;
                max-width: max-content;
                margin: 0 auto;
                border-right: none;
            }
            p {
                border-right: none;
                width: 100%;
                padding: 10px 20px;
                border-bottom: 1px solid #7B7B7B;
                justify-content: center;
                &:last-child {
                    border-bottom: none;
                }
            }
        }
    }
}
@media screen and (max-width: 450px) {
    .nyukou_wrap {
        .event_list .event_content ul li {
            p {
                justify-content: flex-start;
            }
        }
    }
}
.nyukou-wrap {

    .f21 {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #ED4B4B;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 15px;
        @include sp {
            font-size: 18px;
            margin-bottom: 10px;
            img {
                width: 22px;
            }
        }
    }
    .f14 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 30px;
    }
    .note_wrap {
        margin-bottom: 50px;
        @include sp {
            margin-bottom: 20px;
        }
    }
    .nyukou_content {
        //margin-bottom: 20px;
        .detail_wrap {
            background: #fff;
            list-style: none;
            padding: 20px 10px 0px; //20px 10px 40px
            @include sp {
                padding: 20px 0 0;
            }
            .detail_body{
                display: none;
                .table_wrap  {
                    position: relative;
                    overflow: auto;
                    /**max-height: 570px;**/
					border: 1px solid #7B7B7B;
                }
                &:first-child {
                    display: flex;
                    flex-direction: column-reverse;
                }
                .detail_list {
                    display: flex;
                    gap: 35px;
                    margin-left: 20px;
                    margin-top: 30px;
                    @include ttab {
                        flex-direction: column;
                    }
                    @include sp {
                        margin: 0;
                        margin-top: 15px;
                        gap: 30px;
                    }
                    .left_wrap {
                        list-style: none;
                        width: fit-content;
                        @include ttab {
                            display: flex;
                            overflow-x: scroll;
                            -ms-overflow-style: none;
                            scrollbar-width: none;
                            width: 100%;
                            &::-webkit-scrollbar{
                                display: none;
                            }
                        }
                        li{
                            color: #000;
                            font-size: 14px;
                            font-weight: 500;
                            padding: 7px 15px;
                            cursor: pointer;
                            position: relative;
                            flex-shrink: 0;
                            &:after {
                                position: absolute;
                                content: "";
                                width: calc(100% - 30px);
                                height: 1px;
                                background: #000;
                                bottom: -1px;
                                left: 50%;
                                transform: translateX(-50%);
                                @include ttab {
                                    display: none;
                                }
                            }
                            &.active {
                                background: #ED4B4B;
                                color: #fff;
                                &:after {
                                    display: none;
                                }
                            }
                            @include ttab {
                                border-right: 1px solid #707070;
                                &:last-child {
                                    border: none;
                                }
                            }
                            @include sp {
                                font-size: 12px;
                            }
                        }
                    }
                    .right_wrap {
                        margin-top: 0;
                        li {
                            display: none;
                            &:first-child {
                                display: block;
                            }
                        }
                        p {
                            font-size: 14px;
                            text-decoration: underline;
                            margin-bottom: 10px;
                            a{
                                color: #000;
                            }
                            span {
                                text-decoration: underline;
                            }
                        }
                        .head {
                            text-decoration: none;
                            color: #fff;
                            padding: 10px;
                            background: #7B7B7B;
                            font-weight: 500;
                            display: none;
                            /**@include ttab {
                                display: block;
                            }**/
                        }
                    }
                }
                @include ttab {
                    .table_wrap {
                        overflow-x: scroll;
                        -ms-overflow-style: none;
                        scrollbar-width: none;
                        &::-webkit-scrollbar{
                            display: none;
                        }
                        table {
                            width: max-content;
                        }
                    }
                }
                table {
                    margin-top: 0;
                    width: 100%;
                    border-spacing: 0px;
                    position: relative;
                    table-layout: fixed;
                    @include sp {
                        table-layout: unset;
                    }
                    tbody {
                        -webkit-text-size-adjust: 100%;
                    }
                    thead {
                        position: sticky;
                        top: 0;
                        th {
                            background: #7B7B7B;
                            color: #fff;
                            text-align: center;
                            font-size: 14px;
                            font-weight: 500;
                            padding: 17px 0;
                            border-right: 1px solid #fff;
							&:last-child {
                                    border: none;
                                }
                            white-space: nowrap;
                            &:nth-child(1) {
                                width: 190px;
                            }
                            &:nth-child(2) {
                                width: 100px;
                            }
                            &.off {
                                background: #5D9FD1;
                            }
                            &.nor {
                                background: #FF6D95;
                            }
                            &.up {
                                background: #ED4B4B;
                            }
                            @include sp {
                                font-size: 15px;
                            }
                        }
                    }
                    tbody {
                        tr{
                            background: #E5E8EF;
                            &.head {
                                td {
                                    border-top: 1px solid #7B7B7B !important;
                                    &:nth-child(1) {
                                        background: #E5E8EF;
                                        max-width: 145px;
                                    }
                                    &:nth-child(2) {
                                        background: #E5E8EF;
                                    }
                                }
                            }
                            &:nth-child(2n) {
                                background: #fff;
                                td {
                                    &:nth-child(2) {
                                        background: #fff;
                                    }
                                    &.off {
                                        background: #deecf8;
                                    }
                                    &.nor {
                                        background: #FFE6EC;
                                    }
                                    &.up {
                                        background: #FFEBEB;
                                    }
                                }
                            }
                            td {
                                border-right: 1px solid #fff;
                                padding: 5px 2.5px;
                                font-size: 11px;
                                line-height: 18px;
                                vertical-align: middle;
                                text-align: center;
                                max-width: 300px;
                                &.off {
                                    background: #c2daee;
                                }
                                &.nor {
                                    background: #FFD1DD;
                                }
                                &.up {
                                    background: #FFC9C9;
                                }
                                span {
                                    display: block;
                                    margin-top: 10px;
                                    color: #fe5b84;
                                }
                                &:first-child {
                                    vertical-align: middle;
                                }
                                &.center {
                                    text-align: center;
                                }
                                &.type {
                                    text-align: left;
                                    font-size: 11px;
                                }
                                &:last-child{
                                    border: none;
                                }
                                @include sp {
                                    font-size: 11px;
                                }
                            }
                        }
                    }
                }
                &:nth-child(2) {
                    padding: 0 20px;
                    @include sp {
                        padding: 0;
                    }
                    .detail {
                        display: flex;
                        gap: 40px;
						margin-bottom: 40px;
                        .left_wrap {
                            flex-shrink: 0;
                            li {
                                font-size: 12px;
                                line-height: 14px;
                                padding: 13px 0;
                                cursor: pointer;
                                border-bottom: 1px solid;
                                font-weight: 500;
                                span {
                                    padding: 8px 10px;
                                }
                                &.active {
                                    span {
                                        background: #ED4B4B;
                                        color: #fff;
                                    }
                                }
                            }
                        }
                        @include ttab {
                            flex-direction: column;
                            gap: 20px;
                            .left_wrap {
                                display: flex;
                                overflow-x: scroll;
                                -ms-overflow-style: none;
                                scrollbar-width: none;
                                &::-webkit-scrollbar{
                                    display: none;
                                }
                                li {
                                    flex-shrink: 0;
                                    border-bottom: none;
                                    span {
                                        border-right: 1px solid;
                                    }
                                    &:last-child {
                                        border: none;
                                    }
                                }
                            }
                        }
                        .right_wrap {
                            width: 100%;
                            li{
                                display: none;
                                &:first-child {
                                    display: block;
                                }
                            }
                            .head {
                                background: #7B7B7B;
                                font-size: 14px;
                                color: #fff;
                                font-weight: 500;
                                padding: 12px 16px;
                            }
                            .goods_contnet {
                                display: flex;
                                border-bottom: 1px solid;
                                .dead_line {
                                    background: #E5E8EF;
                                    font-size: 14px;
                                    font-weight: 500;
                                    text-align: center;
                                    padding: 10px;
                                    line-height: 14px;
                                    width: 130px;
                                    @include sp {
                                        font-size: 12px;
										max-width: 100px;
                                    }
                                }
                                .goods_detail {
                                    padding: 10px 20px;
                                    p {
                                        text-decoration: underline;
                                        font-size: 14px;
                                        line-height: 13px;
                                        margin-bottom: 10px;
                                        &:last-child {
                                            margin-bottom: 0;
                                        }
                                        @include sp {
                                            font-size: 12px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        ul {
            list-style: none;
        }
    }
}

/*フェア企画*/
.search_wrap {
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 40px;
    width: 125px;
    height: 40px;
    overflow: hidden;
    &.open {
        width: 100%;
        height: 100%;
    }
    .close_form {
        color: #ED4B4B;
        font-size: 14px;
        cursor: pointer;
        text-align: center;
        display: none;
        font-weight: 500;
        margin-top: 15px;
        @media screen and (max-width: 950px) {
            display: block;
        }
    }
    @include ttab {
        padding: 10px 15px;
    }
    .form_wrap {
        display: flex;
        gap: 20px;
        flex-direction: column;
        @include ttab {
            flex-direction: column;
            gap: 10px;
        }
        .title {
            width: 100px;
            color: #ED4B4B;
            font-weight: bold;
            padding-left: 26px;
            position: relative;
            font-size: 14px;
            flex-shrink: 0;
            cursor: pointer;
            &:before {
                content: url("../../img/common/search.svg");
                position: absolute;
                left: 0;
                top: 0;
            }
            &:after {
                content: url(../../img/common/arrow_bottom.svg);
                position: absolute;
                right: 0;
                top: 0;
            }
        }
        .form_content {
            .category_wrap {
                display: flex;
                gap: 6px;
                @media screen and (max-width: 950px) {
                    flex-direction: column;
                    gap: 10px;
                }
                label {
                    color: #000;
                    background: #E5E8EF;
                    padding: 10px 0px 10px 50px;
                    width: 240px;
                    display: block;
                    position: relative;
                    cursor: pointer;
                    font-weight: 500;
                    font-size: 14px;
                    &:before {
                        position: absolute;
                        content: "";
                        width: 20px;
                        height: 20px;
                        border: 1px solid #7B7B7B;
                        background: #fff;
                        left: 15px;
                    }
                    @media screen and (max-width: 950px) {
                        width: 100%;
                        text-align: center;
                        padding: 10px 0;
                    }
                }
                input:checked + label {
                    color: #fff;
                    background: #ED4B4B;
                    &:before {
                        border: 1px solid #fff;
                        background: #ED4B4B;
                    }
                    &:after {
                        position: absolute;
                        content: url("../../img/common/check.svg");
                        left: 20px;
                        top: 7px;
                    }
                }
            }
            .select_box {
                position: relative;
                width: fit-content;
                &:after {
                    position: absolute;
                    content: url(../../img/common/arrow_bottom.svg);
                    transition: 0.3s;
                    right: 14px;
                    top: 47.5%;
                    transform: translateY(-50%);
                }
            }
            select {
                width: 240px;
                padding: 6px 15px;
                font-size: 14px;
                font-weight: 500;
                background: #fff;
                border: 1px solid #C9C9C9;
                border-radius: 5px;
                cursor: pointer;
                position: relative;
                margin-top: 10px;
                margin-bottom: 10px;
                @media screen and (max-width: 950px) {
                    margin-bottom: 15px;
                }
            }
            select {
                -webkit-appearance: none;
                appearance: none; /* デフォルトの矢印を非表示 */
            }
              select::-ms-expand {
                display: none; /* デフォルトの矢印を非表示(IE用) */
            }
            .month_wrap {
                display: flex;
                gap: 20px;
                @media screen and (max-width: 1550px) {
                    gap: 20px;
                    flex-wrap: wrap;
                }
                @media screen and (max-width: 950px) {
                    gap: 10px 15px;
                }
                @media screen and (max-width: 360px) {
                    gap: 10px 10px;
                }
                label {
                    padding-left: 27px;
                    position: relative;
                    font-size: 14px;
                    font-weight: 500;
                    cursor: pointer;
                    &:before {
                        position: absolute;
                        content: "";
                        width: 20px;
                        height: 20px;
                        border: 1px solid #ED4B4B;
                        background: #fff;
                        left: 0;
                    }
                    @media screen and (max-width: 950px) {
                        width: 65px;
                    }
                    @include sp {
                        width: 60px;
                    }
                }
                input:checked + label {
                    &:before {
                        border: 1px solid #fff;
                        background: #ED4B4B;
                    }
                    &:after {
                        position: absolute;
                        content: url("../../img/common/check.svg");
                        left: 4px;
                        top: -2px;
                    }
                }
            }
            .tag_wrap {
                display: flex;
                gap: 6px;
                margin-top: 15px;
                label {
                    color: #000;
                    background: #E5E8EF;
                    padding: 2.5px 0px;
                    width: 105px;
                    display: block;
                    position: relative;
                    cursor: pointer;
                    font-weight: 500;
                    font-size: 14px;
                    border-radius: 50px;
                    text-align: center;
                }
                input:checked + label {
                    color: #fff;
                    background: #ED4B4B;
                }
            }
        }
    }
}
.event_wrap {
    max-width: 950px;
    ul {
        list-style: none;
        .event_item {
            border-bottom: 1px solid #D5D5D5;
            padding-bottom: 30px;
            margin-bottom: 30px;
            .event_tag {
                width: 105px;
                padding: 5px 0;
                text-align: center;;
                background: #ED4B4B;
                color: white;
                font-weight: 500;
                font-size: 14px;
                border-radius: 50px;
                margin-bottom: 20px;
            }
            a {
                display: flex;
                gap: 40px;
                align-items: center;
                @include ttab {
                    flex-direction: column;
                }
                @include sp {
                    gap: 20px;
                }
                @media screen and (max-width: 375px) {
                    gap: 10px;
                }
                img {
                    display: block;
                    max-width: 360px;
                    width: 100%;
                    height: auto;
                }
                .event_content {
                    .title {
                        font-size: 18px;
                        line-height: 31.5px;
                        margin-bottom: 15px;
                        @include sp {
                            font-size: 16px;
                            line-height: 28px;
                        }
                    }
                    .sub_item {
                        background: #E5E8EF;
                        padding: 6px 13px;
                        display: flex;
                        gap: 25px;
                        margin-bottom: 10px;
                        @include sp {
                            gap: 10px;
                        }
                        ol {
                            list-style: none;
                            counter-reset: number;
                            font-size: 16px;
                            font-weight: 400;
                            @include sp {
                                font-size: 14px;
                            }
                            li {
                                position: relative;
                                padding-left: 0;
                                &:before {
                                    counter-increment: number;
                                    content: counter(number);
                                    position: absolute;
                                    left: 0;
                                    width: 15px;
                                    height: 15px;
                                    border: 1px solid #000;
                                    border-radius: 50%;
                                    font-size: 12px;
                                    text-align: center;
                                    line-height: 1.2;
                                    color: #000;
                                    top: 4px;
                                    display: none;
                                  }
                            }
                        }
                        p {
                            font-size: 16px;
                            font-weight: 500;
                            span {
                                display: block;
                            }
                            @include sp {
                                font-size: 14px;
                                flex-shrink: 0;
                            }
                        }
                        &:nth-child(3) {
                            margin-bottom: 20px;
                        }
                    }
                    .explanation {
                        font-size: 14px;
                        line-height: 25px;
                    }
                }
            }
        }
    }
}

.event {
    .fv_wrap{
        margin-bottom: 70px;
        .info_box {
            margin-top: 10px;
            margin-bottom: 30px;
            background: #E5E8EF;
            padding: 20px 22px 10px;
        .sub_item {
            display: flex;
            gap: 25px;
            margin-bottom: 10px;
            @include sp {
                gap: 10px;
            }
            ol {
                list-style: none;
                counter-reset: number;
                font-size: 16px;
                font-weight: 500;
                @include sp {
                    font-size: 14px;
                }
                li {
                    position: relative;
                    padding-left: 20px;
                    &:before {
                        counter-increment: number;
                        content: counter(number);
                        position: absolute;
                        left: 0;
                        width: 15px;
                        height: 15px;
                        border: 1px solid #000;
                        border-radius: 50%;
                        font-size: 12px;
                        text-align: center;
                        line-height: 1.2;
                        color: #000;
                        top: 4px;
                      }
                }
            }
            p {
                font-size: 16px;
                font-weight: 500;
                span {
                    display: block;
                }
                @include sp {
                    font-size: 14px;
                    flex-shrink: 0;
                }
            }
            &:nth-child(3) {
                margin-bottom: 20px;
            }
        }
    }
    .text_box {
        padding: 0 15px;
    }
    }
}

/*テンプレートダウンロー土*/
.download {
    &.archive {
        .link_box {
            padding-left: 35px;
            .link_btn {
                margin-bottom: 10px;
            }
        }
        .download_wrap {
            margin-top: 60px;
            margin-bottom: 50px;
            .download_content {
                h3 {
                    font-size: 18px;
                    font-weight: 500;
                    margin-bottom: 25px;
                    @include sp {
                        margin-bottom: 10px;
                    }
                }
                ul{
                    display: flex;
                    gap: 10px;
                    flex-wrap: wrap;
                    list-style: none;
                    margin-bottom: 50px;;
                    li{
                        width: calc((100% - 20px) / 3);
                        @include ttab {
                            width: calc((100% - 10px) / 2);
                        }
                        @media screen and (max-width: 950px) {
                            width: 100%;
                        }
                        a{
                            padding-bottom: 20px;
                            font-size: 18px;
                            font-weight: 300;
                            box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
                            position: relative;
                            transition: all 0.3s;
                            display: block;
                            width: 100%;
                            color: #000;
                            padding: 20px 40px 20px 20px;
                            &::after {
                                content: url(../../img/guideline/Icon03.svg);
                                position: absolute;
                                right: 25px;
                                transition: all 0.3s;
                            }
                            @include sp {
                                font-size: 14px;
                            }
                        }
                    }
                }
                &:last-child ul {
                    margin: 0;
                    padding: 0 3px;
                }
            }
        }
    }
    &.single {
        .head_wrap {
            padding-left: 30px;
            @include sp {
                padding-left: 0;
            }
            p {
                font-size: 16px;
                font-weight: 500;
                display: flex;
                align-items: center;
                gap: 20px;
                span {
                    span{
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        font-weight: 400;
                        @media screen and (max-width: 450px) {
                            flex-direction: row;
                            align-items: center;
                        }
                    }
                    display: flex;
                    align-items: center;
                    gap: 20px;
                    @media screen and (max-width: 450px) {
                        flex-direction: column;
                        align-items: flex-start;
                    }
                }
                @media screen and (max-width: 800px) {
                    font-size: 14px;
                    gap: 15px;
                }
                @media screen and (max-width: 450px) {
                    align-items: flex-start;
                }
            }
        }
        .download_list {
            margin: 60px 0 30px;
            @include sp {
                margin: 30px 0 30px;
            }
            li {
                display: flex;
                gap: 15px;
                background: #fff;
                padding: 10px 0px 10px 20px;
                align-items: center;
                @include sp {
                    padding: 15px 10px;
                    gap: 10px;
                }
                &:nth-child(2n){
                    background: #E5E8EF;
                }
                p {
                    font-weight: 500;
                    font-size: 16px;
                    width: 21%;
                    flex-shrink: 0;
                    @include ttab {
                        flex-shrink: 0;
                        width: 90px;
                    }
                    @include sp {
                        font-size: 13px;
                    }
                    @media screen and (max-width: 393px)  {
                        width: 110px;
                    }
                }
                div {
                    display: flex;
                    gap: 20px;
                    flex-wrap: wrap;
                }
                a {
                    background: #fff;
                    box-shadow: 0px 1px 8px #00000056;
                    padding: 18px 0px 18px 15px;
                    display: flex;
                    align-items: center;
                    color: #333333;
                    width: 220px;
                    @include ttab {
                        width: 215px;
                    }
                    @media screen and (max-width: 375px)  {
                        width: 190px;
                        padding: 18px 0px 18px 10px;
						font-size: 14px;
                    }
                    img
                    {
                        &:first-child {
                            margin-right: 10px;
                        }
                        &:last-child {
                            margin-left: auto;
                            @include ttab {
                                display: none;
                            }
                        }
                    }
                }
            }
        }

    }
}
.link_btn {
    width: fit-content;
    padding: 1em 3em 1em 1em;
    margin-bottom: 20px;
    font-size: 16px;
    background: #FFF0F0;
    display: block;
    position: relative;
    color: #000;
    &:after {
        content: url(../../img/guideline/Icon04.svg);
        position: absolute;
        right: 22px;
        top: 16px;
    }
    @include sp {
        font-size: 14px;
    }
}

/*商品一覧*/
.product_list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    list-style: none;
    li {
        width: calc((100% - 20px) /3);
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
        height: 100px;
        @include ttab {
            width: calc((100% - 10px) /2);
        }
        @include sp {
            width: 100%;
        }
        a {
            display: flex;
            figure {
                width: auto;
                flex-shrink: 0;
                img {
                    width: auto;
                    height: 100px;
                }
            }
            .right_wrap {
                padding: 20px;
                width: 100%;
                .title {
                    font-size: 14px;
                    font-weight: 500;
                    margin-bottom: 10px;
                    line-height: 24px;
                    text-align: left;
                }
                .features {
                    display: flex;
                    gap: 3px;
                    flex-wrap: wrap;
                    span {
                        border: 1px solid;
                        color: #ED4B4B;
                        font-size: 10px;
                        padding: 1px 5px;
                    }
                }
            }
        }
    }
}
.important {
    background: #E5E8EF;
    padding: 10px 20px;
    margin-bottom: 40px;
    .head {
        background: #ED4B4B;
        width: fit-content;
        color: #fff;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .f14:last-child {
        margin: 0;
        line-height: 24px;
    }
}
.modal_btn {
    cursor: pointer;
    width: fit-content;
    border: 2px solid #FF6D95;
    border-radius: 5px;
    font-size: 14px;
    color: #FF6D95;
    font-weight: 500;
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: #FFF0F4;
    text-decoration-thickness: 1.5px;
}
.modal_wrap {
    display: none;
    position: fixed;
    top: 0;
    width: 100vw !important;
    left: 0;
    height: 100vh;
    transition: 0.3s;
    z-index: 100000;
    .modal_over {
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
        background: #00000090;
        position: absolute;
        cursor: pointer;
    }
    .modal_content {
        width: 80%;
        max-height: 80vh;
        background: #fff;
        z-index: 20;
        position: relative;
        overflow-y: scroll;
        max-width: 1200px;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        padding: 30px;
    }
}
.calendar_wrap {
    margin-bottom: 70px;
}
.wp-block-table {
    thead{
        border: none;
    }
    th {
        background: #7B7B7B;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        border: none;
        border-right: 1px solid #fff;
        text-align: center;
        padding: 5px 20px;
        white-space: nowrap;
        &:first-child{
            text-decoration: underline;
            text-align: left;
        }
        &:last-child{
            border-right: none;
        }
    }
    tbody{
        tr{
            background: #fff;
            &:nth-child(2n) {
                background: #E5E8EF;
            }
            td{
                font-size: 14px;
                font-weight: 400;
                border: none;
                border-right: 1px solid #000;
                text-align: center;
                padding: 5px 20px;
                white-space: nowrap;
                &:first-child{
                    text-decoration: underline;
                    text-align: left;
                }
                &:last-child{
                    border-right: none;
                }
            }
        }
    }
}
.wp-block-table.left {
    table tbody tr
    {
        th {
            background: unset;
            color: #000;
            text-decoration: none;
            font-weight: 500;
            border: none;
        }
        td {
            text-align: left;
            white-space: normal;
        }
    }
}
.product_archive {
    .ex_text {
        margin-bottom: 35px;
        font-size: 18px;
        font-weight: 500;
        @include sp {
            margin-bottom: 30px;
            font-size: 16px;
        }
    }
    .main_product_list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 30px;
        list-style: none;
        padding: 0 3px 3px;
        @include ttab {
            gap: 20px;
        }
        @media screen and (max-width: 900px) {
            gap: 10px;
        }
        li {
            width: calc((100% - 30px)/2);
            @include ttab {
                width: calc((100% - 20px) /2);
            }
            @media screen and (max-width: 950px) {
                width: calc((100% - 20px) /2);
            }
            @media screen and (max-width: 900px) {
                width: calc((100% - 10px) /2);
            }
            a{
                width: 100%;
                display: block;
                height: 100%;
                @include ttab {
                    height: 100%;
                    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
                    border-radius: 10px;
                }
                .top-content-box__item {
                    max-height: unset;
                    height: 100%;
                    overflow: hidden;
                    border-radius: 5px;
                    @include ttab {
                        margin: 0;
                        max-width: 100%;
                        box-shadow: none;
                    }
                }
                .item-text {
                    width: 70%;
                    padding: 15px 10px 15px 15px;
                    @include ttab {
                        width: 100%;
                        padding: 15px 18px 20px;
                        height: auto;
                        @media screen and (max-width: 900px) {
                            padding: 3px 10px 10px;
                        }
                        .item-text__content {
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            @media screen and (max-width: 900px) {
                                flex-direction: column;
                                align-items: flex-start;
                                p {
                                    font-size: 12px;
                                    line-height: 1.25;
                                }
                            }
                            .feature_box {
                                flex-shrink: 0;
                                margin: 0;
                            }
                        }
                    }
                    .item-text__title {
                        width: fit-content;
                        font-size: 16px;
                        position: relative;
                        left: 0;
                        padding-left: 40px;
                        margin-bottom: 18px;
                        word-break: normal;
                        @include ttab {
                            left: 0;
                            padding-left: 35px;
                        }
                        @include sp {
                            font-size: 14px;
                            padding: 0;
                            margin-bottom: 10px;
                        }
                        &::before {
                            content: url(../../img/front/Icon02.svg);
                            position: absolute;
                            left: -0;
                            top: 0px;
                            transform: unset;
                            @media screen and (max-width: 900px) {
                                content: "";
                                left: 0;
                                width: 22px;
                                height: 20px;
                            }
                        }
                    }
                    p {
                        font-size: 14px;
                    }
                    @media screen and (max-width: 900px) {
                        p:last-child {
                            font-size: 12px;
                            line-height: 1.25;
                        }
                    }
                    .feature_box {
                        margin-bottom: 15px;
                        p {
                            margin-bottom: 5px;;
                            display: flex;
                            font-size: 12px;
                            color: #646464;
                            img {
                                margin: 0 7px 0 12px;
                            }
                            span {
                                color: #000;
                                font-size: 11px;
                            }
                        }
                    }
                }
                .item-img {
                    width: 45%;
                    overflow: hidden;
                    @include ttab {
                        width: 100%;
                    }
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 0;
                        @include ttab {
                            border-radius: 0;
                        }
                    }
                }
            }
        }
    }
    .con_text {
        font-size: 20px;
        font-weight: bold;
        margin-top: 50px;
        margin-bottom: 20px;
    }
}

.qa_wrap {
    h2 {
        font-size: 21px;
        color: #fff;
        padding: 20px 60px;
        @include sp {
            font-size: 20px;
            padding: 16px 23px;
        }
    }
    .qa_list {
        padding: 18px 60px 40px 20px;
        list-style: none;
        background: #fff;
        @include sp {
            padding: 10px;
        }
        .qa_content {
            padding: 20px 35px 0;
            box-shadow: 0px 1px 8px #00000016;
            background: #fff;
            margin-bottom: 10px;
            border-radius: 5px;
            @include sp {
                padding: 15px 15px 0;
            }
            .q_text {
                border-radius: 5px;
                justify-content: space-between;
                font-weight: 400;
                font-size: 14px;
                position: relative;
                cursor: pointer;
                font-weight: 500;
                display: flex;
                align-items: center;
                padding-right: 35px;
                span {
                    display: flex;
                }
                strong {
                    color: #5D9FD1;
                    font-size: 21px;
                    font-weight: bold;
                    margin-right: 15px;
                    line-height: 1;
                }
                .plus{
                    width: 23px;
                    height: 23px;
                    border: 1px solid #ED4B4B;
                    border-radius: 50px;
                    flex-shrink: 0;
                    right: 0;
                    position: absolute;
                    &::before, &::after  {
                        content: '';
                        display: inline-block;
                        width: 13px;
                        height: 1px;
                        background-color: #ED4B4B;
                        position: absolute;
                        right: 4px;
                        top: 50%;
                        transform: translateY(-50%);
                        transition: opacity 0.5s;
                    }
                    &::after {
                        transform: translateY(-50%) rotate(90deg);
                        transition: transform 0.5s;
                    }
                    &.show::before {
                        opacity: 0;
                    }
                    &.show::after {
                        transform: translateY(-50%) rotate(180deg);
                    }
                }
            }
            .a_text {
                display: flex;
                overflow: hidden;
                height: 0;
                visibility: hidden;
                padding-left: 30px;
                opacity: 0;
                @include sp {
                    padding-left: 0;
                }
                .head {
                    flex-shrink: 0;
                    color: #FF6D95;
                    font-size: 21px;
                    font-weight: bold;
                    margin-right: 15px;
                    line-height: 1;
                }
                div {
                    p {
                        margin: 0;
                        font-size: 14px;
                        line-height: 1.5em;
                    }
                    li {
                        list-style: none;
                        padding-left: 15px;
                        position: relative;
                        margin-bottom: 10px;
                        font-size: 14px;
                        line-height: 1.5em;
                        &:before {
                            position: absolute;
                            content: "";
                            width: 10px;
                            height: 10px;
                            top: 7px;
                            left: 0px;
                            background: #FF6D95;
                            border-radius: 50px;
                        }
                    }
                }
                &.show {
                    padding-bottom: 20px;
                    visibility: visible;
                    height: auto;
                    animation: fadein .4s ease-in-out normal both;
                }
            }
        }
    }
}
@keyframes fadein{
    0%{
      opacity: 0;
      transform: translateY(-5px);
    }
    100%{
      opacity: 1;
      transform: translateY(0px);
    }
}

.calc_wrap {
    form {
        display: flex;
        @media screen and (max-width: 1024px) {
            flex-direction: column;
        }
        .left_wrap {
            width: 60%;
            background: #fff;
            padding: 20px 30px;
            @media screen and (max-width: 1024px) {
                width: 100%;
            }
            @include sp {
                padding: 20px 10px;
            }
            div {
                display: flex;
                align-items: center;
                margin-bottom: 10px;
                &:last-child {
                    margin: 0;
                }
                @include sp {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 3px;
                    margin-bottom: 15px;
                }
                p {
                    color: #ED4B4B;
                    font-size: 14px;
                    font-weight: 500;
                    margin: 0;
                    margin-right: 30px;
                    flex-shrink: 0;
                }
                .select_box{
                    width: 100%;
                    position: relative;
                    &:after {
                        position: absolute;
                        content: url(../../img/common/arrow_bottom.svg);
                        transition: 0.3s;
                        right: 14px;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                }
                select {
                    width: 100%;
                    padding: 12px 15px;
                    font-size: 14px;
                    font-weight: 500;
                    background: #fff;
                    border: 1px solid #C9C9C9;
                    border-radius: 5px;
                    cursor: pointer;
                    position: relative;
                }
                select {
                    -webkit-appearance: none;
                    appearance: none; /* デフォルトの矢印を非表示 */
                }
                  select::-ms-expand {
                    display: none; /* デフォルトの矢印を非表示(IE用) */
                }
            }
        }
        .right_wrap {
            background: #E5E8EF;
            width: 40%;
            padding: 30px;
            @media screen and (max-width: 1024px) {
                width: 100%;
            }
            @include sp {
                padding: 20px 10px;
            }
            p {
                margin: 0;
                border: 2px solid #ED4B4B;
                background: #fff;
                padding: 25px 12px;
                border-radius: 5px;
                font-size: 14px;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                @include sp {
                    padding: 2px 20px;
                    align-items: center;
                }
                .text {
                    color: #ED4B4B;
                    font-size: 16px;
                    font-weight: 500;
                    flex-shrink: 0;
                }
                span {
                    display: flex;
                    align-items: baseline;
                }
                input {
                    border: none;
                    width: 75px;
                    text-align: right;
                    display: block;
                    margin-right: 5px;
                    color: #ED4B4B;
                    font-size: 23px;
                    font-weight: 500;
                }
            }
        }
    }
}
.slider_wrap {
    width: 100%;
    margin: 0 auto;
    .slick-slide img {
        display: block;
        margin: 0 auto;
        width: 80%;
        max-width: fit-content;
    }
    .slick-prev {
        left: 20px;
        z-index: 1;
        &:before {
            content: url("../../img/common/slick_left.svg");
        }
    }
    .slick-next {
        right: 20px;
        z-index: 1;
        &:before {
            content: url("../../img/common/slick_right.svg");
        }
    }
    .slick-dots li {
        margin: 0;
        button:before {
            color: #E3E3E3;
            opacity: 1;
        }
        &.slick-active button:before {
            color: #989898;
            opacity: 1;
        }
    }
    @include sp {
        width: 100%;
        .slick-prev {
            left: 0;
        }
        .slick-next {
            right: 0;
        }
    }
}
/*緊急*/
.list_wrap li::before {
    display: none;
}

// .xo-event-calendar {
//     display: none;
// }

.event .fv_wrap .info_box .sub_item ol li:before {
    display: none;
}
.event .fv_wrap .info_box .sub_item ol li {
    position: relative;
    padding-left: 0;
}
.wp-block-lazyblock-contact {
    .link_b {
        width: 100%;
        max-width: 700px;
        padding: 0;
        height: 80px;
        font-size: 24px;
        margin: 0 auto;
        img {
            width: 28px;
        }
    }
}
.wp-block-group-is-layout-flex {
    align-items: center;
    margin: 0 auto;
    margin-bottom: 50px;
    .link_b.large {
        width: 400px;
        img {
            left: -15px;
        }
    }
    .wp-block-lazyblock-draft {
        margin: 0 !important;
        .draft_linkbtn_wrap .link_b {
            width: 400px;
            height: 80px;
        }
    }
    .wp-block-lazyblock-contact {
        margin: 0 !important;
        .link_b {
            width: 400px;
            height: 80px;
            font-size: 20px;
        }
    }
}
@include ttab {
    .wp-block-group-is-layout-flex {
        width: 100%;
        gap: 20px;
        > div {
            flex-shrink: 0;
            width: calc((100% - 20px)/2);
            .link_b {
                width: 100% !important;
                height: 64px !important;
                font-size: 16px;
                margin: 0;
                img{
                    display: none;
                }
                span {
                    font-size: 16px;
                }
            }
        }
    }
}
@include sp {
    .wp-block-group-is-layout-flex {
        gap: 10px;
        > div {
            width: calc((100% - 10px)/2);
            .link_b {
                font-size: 13px;
                span {
                    font-size: 13px !important;
                }
            }
        }
    }
}

.guide-content__link {
    color: #333333;
}
.wp-block-lazyblock-syouhin + p {
    display: none;
}
.submit-btn, .submit .wpcf7-submit {
    cursor: pointer;
    color: #333;
}
.submit-btn:hover, .submit .wpcf7-submit:hover {
    color: #fff;
    background: #FD8F7A;
}
.wpcf7-response-output {
    display: none !important;
}
.wp-block-lazyblock-no-slug .link_b.large {
    margin: 0 auto;
}
.nyukou-wrap .other_wrap {
    margin-bottom: 20px;
}
.company img {
    height: auto;
}
.slick-slide.slick-current a {
    z-index: 1;
    position: relative;
    display: block;
}
.product_menu .product_list li a .right_wrap {
    padding: 10px 20px;
}
.product_menu .product_list li a .right_wrap .title {
    font-size: 13px;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 5px;
}
.product_menu .product_list li a .right_wrap .features {
    font-size: 12px;
    text-align: left;
}
@media (max-width: 360px){
    .info-content.connection {
        flex-direction: column;
        a{
            width: 100%;
        }
    }
}

@media (max-width: 1023px){
    .sub_menu_box .product_list .title {
        height: 42px;
    }
    .sub_menu_box .product_list .features {
        display: -webkit-box !important;
        overflow: hidden;
        -webkit-line-clamp: 3;/* 2行までOK */
        -webkit-box-orient: vertical;
    }
    .sub_menu_box .product_list li {
        height: 120px;
    }
    .menu_wrap .sub_menu_box .sub_menu.product_menu .product_list li figure {
        width: 120px;
        height: 120px;
    }
    .menu_wrap .sub_menu_box .sub_menu.product_menu .product_list li figure img {
        height: 120px;
    }
    .sub_menu_box .product_menu .product_list li a .right_wrap {
        padding: 10px 10px;
    }
}

.error_wrap {
    text-align: center;
    padding-top: 40px;
    h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    p {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 40px;
    }
    a {
        display: block;
        width: 250px;
        height: 100%;
        padding: 30px;
        background: #fff;
        border: 1px solid #FD8F7A;
        border-radius: 10px;
        text-align: center;
        margin: 0;
        font-size: 18px;
        transition: all 0.3s;
        margin: 0 auto;
        color: #333;
        cursor: pointer;
        &:hover {
            background-color: #FD8F7A;
            color: #fff;
        }
    }
    @include sp {
        padding-top: 0;
        a {
            max-width: 350px;
            width: 100%;
            padding: 18px 0;
            font-size: 16px;
        }
    }
}
.ac_btn {
    background: none;
    color: #000;
    font-size: 18px;
    margin: 10px 0 0px;
    padding: 0 45px 10px;
    border-bottom: 1px solid #ED4B4B;
    font-weight: 500;
    position: relative;
    cursor: pointer;
	display:none;
    &:before {
        position: absolute;
        content: url(../../img/common/arrow_bottom_s_red.svg);
        left: 15px;
        top: -2px;
        transition: 0.25s;
        transform: rotateX(0deg);
    }
    @include sp {
        font-size: 14px;
    }
}
.event_list .event_content ul {
    display: none;
    &.open {
        display: block;
    }
}
@include sp {
    .event_list .event_content h2 a {
        font-size: 14px;
        padding: 5px 10px 5px 10px;
        flex-shrink: 0;
        &:after {
            display: none;
        }
    }
}

.search_page {
    .head_box {
        display: flex;
        justify-content: space-between;
        padding-bottom: 15px;
        align-items: center;
        .head {
            font-size: 14px;
        }
        @media screen and (max-width: 1023px) {
            align-items: flex-start;
            flex-direction: column-reverse;
            #form {
                display: flex;
                margin-bottom: 10px;
            }
        }
    }
    ul {
        margin-bottom: 18px;
        list-style: none;
        border-top: 1px solid #7B7B7B;
        li {
            padding: 10px 0;
            border-bottom: 1px solid #7B7B7B;
            .title {
                color: #ED4B4B;
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 5px;
            }
            .text {
                font-size: 12px;
            }
        }
    }
}
.search header #form {
    display: none;
}
.order_stop .link_b.m_gradation{
    pointer-events: none;
    padding-left: 0 !important;
    &:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #33333326;
        border-radius: 5px;
        z-index: 0;
        left: 0;
    }
    img {
        display: none;
    }
}

.wp-block-lazyblock-box .box_wrap {
    width: max-content;
    padding: 20px;
    max-width: 100%;
    &.tu-border {
        border-left: none !important;
        border-right: none !important;
    }
    &.lr-border {
        border-top: none !important;
        border-bottom: none !important;
    }
    &.no-border {
        border: none !important;
    }
    &.center {
        margin: 0 auto;
    }
    &.left {
        margin: 0 auto 0 0;
    }
    &.right {
        margin: 0 0 0 auto;
    }
    @include ttab {
        width: 100% !important;
    }
}

.guide-content__link {
    width: fit-content;
    padding: 1em !important;
    margin-bottom: 20px;
    font-size: 16px;
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: underline;
    &.text_link {
        text-decoration: unset;
        font-size: 14px;
    }
}

//modal_t、modal_c
.modal_t {
    cursor: pointer;
    &:hover {
        opacity: 0.7;
    }
}
.modal_c {
    display: none;
    position: fixed;
    top: 0;
    width: 100vw !important;
    left: 0;
    height: 100vh;
    transition: 0.3s;
    z-index: 100000;
    .modal_over {
        position: absolute;
        top: 0;
        width: 100vw !important;
        left: 0;
        height: 100vh;
        background: #00000090;
		&:before {
			font-family: "Font Awesome 5 Free";
			content: "\f057";
			font-size: 280%;
			font-weight: 300;
			color: #eee;/*アイコン色*/
			position: absolute;/*絶対位置*/
			top: 9%;/*アイコンの位置*/
			left: 71%;
			transform: translateX(-50%) translateY(-50%);
			cursor: pointer;
			@include ttab {
				top: 87%;/*アイコンの位置*/
				left: 50%;
				font-size: 300%;
			}
		}
    }
    .wp-block-group__inner-container {
        width: auto !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
        max-width: 75vw;
        max-height: 75vh;
        padding: 20px 30px;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        z-index: 1;
		border-radius: 8px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        &::-webkit-scrollbar{
            display: none;
        }
		.wp-block-image img {
			box-sizing: border-box;
			width: auto !important;
			height: auto;
			vertical-align: bottom;
			max-width: 100%;
			max-height: 60vh;
		}
        @include ttab {
            width: 100% !important;
            max-width: 90vw;
             max-height: 90vh;
        }
    }
}

.link_block {
    font-weight: 500;
    max-width: 100%;
    height: auto;
    position: relative;
    padding: 15px !important;
    justify-content: center;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    letter-spacing: 0.03em;
    border: 2px solid;
    margin: 0 auto !important;
	opacity: 1 !important;
	transition: all 0.4s ease-out;
    &.left{
        justify-content: flex-start;
        padding: 15px !important;
    }
}

.related_wrap {
    margin-top: 50px;
}

/* 見出しh3「▶︎＆アンダーライン」 */
.midashi-h3 {
	position: relative;
	padding: 0 0 10px 1em !important;
	border-bottom: 3.5px solid #ED4B4B !important;
	&:before {
		font-family: "Font Awesome 5 Free";
		content: "\f0da";
		font-weight: 900;
		color: #ED4B4B;/*アイコン色*/
		position: absolute;/*絶対位置*/
		left: 3px;/*アイコンの位置*/
		top: 1px;/*アイコンの位置*/
	}
}

/* 見出しh3「本の部位」 */
.midashi-book {
	position: relative;
	background: #FFD2B2;
	padding: 0.5em 0.6em !important;
	border-left: solid 2.2em #FF6E00;
	&:before {
		font-family: "Font Awesome 5 Free";
		content: "\f02d";
		position: absolute;
		padding: 0em;
		color: white;
		font-size:130%;
		font-weight: 900;
		left: -1.3em;
		top: 50%;
		transform: translateY(-50%);
	}
}
/* 見出しh3「原稿」 */
.midashi-manuscript {
	position: relative;
	background: #FAD5D5;
	padding: 0.5em 0.6em !important;
	border-left: solid 2.2em #ED4B4B;
	&:before {
		font-family: "Font Awesome 5 Free";
		content: "\f044";
		position: absolute;
		padding: 0em;
		color: white;
		font-weight: 50;
		font-size:130%;
		left: -1.3em;
		top: 50%;
		transform: translateY(-50%);
	}
}
/* 見出しh3「印刷」 */
.midashi-print {
	position: relative;
	background: #B2D3FF;
	padding: 0.5em 0.6em !important;
	border-left: solid 2.2em #006EFF;
	&:before {
		font-family: "Font Awesome 5 Free";
		content: "\f043";
		position: absolute;
		padding: 0em;
		color: white;
		font-weight: 900;
		font-size:130%;
		left: -1.2em;
		top: 50%;
		transform: translateY(-50%);
	}
}
/* 見出しh3「製本」 */
.midashi-bind {
	position: relative;
	background: #B9F7BA;
	padding: 0.5em 0.6em !important;
	border-left: solid 2.2em #13BD16;
	&:before {
		font-family: "Font Awesome 5 Free";
		content: "\f518";position: absolute;
		padding: 0em;
		color: white;
		font-weight: 00;
		font-size:130%;
		left: -1.45em;
		top: 50%;
		transform: translateY(-50%);
}
}
.holiday-all p {
    display: flex;
    font-size: 12px;
    position: relative;
    left: 0;
}

.holiday-all span {
    display: block;
    font-size: 12px;
    position: relative;
    left: 0;
}
aside .holiday-all p {
    font-size: 14px;
    flex-direction: row-reverse;
}
aside .holiday-all span {
    display: none;
}
@include sp {
 .holiday-all p {
    font-size: 14px;
    flex-direction: row-reverse;
}
 .holiday-all span {
    display: none;
}
}
.fv_wrap .right_wrap .spec_wrap .spec_content .detail li p span:first-child {
    color: #545454 !important;
}

.sp_menu_wrap .menu_wrap .sub_menu_box .sub_menu .heading a {
    display: flex;
    gap: 10px;
    color: #000;
    align-items: center;
    width: 100%;
    height: 100%;
	font-size: 15px;
	img {
		width: 45px;
	}
	&:before {
		position: absolute;
		content: url(../../img/common/side-arrow-right.svg);
		right: 5px;
	}
}
.sp_menu_wrap .menu_wrap .menu_box {
    background: unset !important;
}
.sp_menu_wrap .sp_menu_content .menu_wrap .menu_box.open:before {
    transform: rotate(180deg) translateY(-5px);
}