* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    //word-break:break-all;
}
img {
	max-width:100%;
	width: 100%;
}
:root {
	--color-main: #333;
	--color-red: #e1150f;
	--color-middle-red: #d10d07;
	--color-deep-red: #bf0108;
	--color-yellow: #fff100;
	--color-beige: #fefbf8;
	--color-ivory:#fbfaf7;
	--color-gold01: #ccac84;
	--color-gold02: #976843;
	--font-family-base:"Noto Sans JP", sans-serif;
	--font-family-sans01:"IBM Plex Sans JP", sans-serif;
	--font-family-sans02:"LINE Seed JP", sans-serif;
	--font-family-serif01:"Noto Serif JP", serif;
	--font-family-serif02:"Cormorant SC", serif;
	--font-family-en01:"Poppins", sans-serif;
	--font-family-en02:"Google Sans", sans-serif;
	--content-width-PC: 1360px;
	--content-width-TABLET: 60px 20px 50px;
	--content-width-SP: 20px 20px;
}


/* --------------------------------------

- js-fade / js-fade-up 

-------------------------------------- */
/* fade */
.js-fade {
  opacity: 0;
  transition: opacity 0.8s ease;
}
.js-fade.is-active {
  opacity: 1;
}
/* fade up */
.js-fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.js-fade-up.is-active {
  opacity: 1;
  transform: translateY(0);
}
/* fade right*/
.js-fade-right {
  opacity: 0;
  transform: translateX(-30px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.js-fade-right.is-active {
  opacity: 1;
  transform: translateX(0);
}

/* fade text */
.js-fade-char {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.js-fade-text.is-active .js-fade-char {
    opacity: 1;
}






@media (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none !important;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}
@media (min-width: 1024px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}

main {
    position: relative;
    margin:0 auto;
    text-align: center;
    overflow-x: clip;
    max-width: 100%;
    font-family: var(--font-family-base);
    color: var(--color-main);
}


/* ------------------------------------

- header

------------------------------------ */
header {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 0;
}
header .idcLogo {
	display: block;
	width: 50%;
	max-width: 200px;
	margin: 0 auto;
}
header .idcLogo a {
	display:flex;
}
header a:focus {
	outline: none !important;
	box-shadow: none !important;
}
header a:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}
    

/* ------------------------------------------ 
	
 - SNS FOOOTER

------------------------------------------ */
/*
 snsicon_wrap
---------------------------- */
.snsicon_wrap {
	z-index: 3;
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 4rem 0 1.5rem;
}
.snsicon_wrap img {
	width: 26px;
}
.snsicon_wrap ul {
	text-align: center;
	display: flex;
	flex-flow:row nowrap;
	align-items: center;
	width: 380px;
}
.snsicon_wrap ul li {
	width: 7%;
}
@media (max-width:599px) {
	.snsicon_wrap {
		padding: 2rem 0 1.5rem;
	}
	.snsicon_wrap ul {
		justify-content: space-evenly;
		padding: 0 26px;
	}	
}
@media (min-width:600px) and (max-width:1024px) {
	.snsicon_wrap {
		padding: 3rem 0 1.5rem;
	}
	.snsicon_wrap ul {
		justify-content:space-around;
		margin: 0.5em auto 0;
	}
}
@media (min-width:1025px) {	
	.snsicon_wrap ul {
		justify-content:space-around;
		margin: 0.5em auto 0;
	}
}

/*
 footer
---------------------------- */
footer {
	position: absolute;
	width: 100%;
	height:8vh;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	background: var(--color-beige);
}
 footer p {
    margin: 0 auto;
    text-align: center;
}
footer .copyright {
    font-size:12.8px;
}
@media (max-width:599px) {
	footer {
        padding-top: 104px;
        padding-bottom: 110px;
    }
	footer .idc_logo img {
        width: 46%;
    }
}
@media (min-width:600px) and (max-width:1024px) {
	footer {
		padding-top: 120px;
		padding-bottom: 110px;
		height: 25vh;
	}
    footer .idc_logo img {
        width: 24%;
    }
}
@media (min-width:1025px) {
	footer {
        padding-top: 130px;
        padding-bottom: 110px;
    }
    footer .idc_logo img {
        width: 13%;
    }
}


/* ------------------------------------------ 
	
 - TO TOP

------------------------------------------ */
#page-top {
    position: fixed;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    text-align: right;
}
#page-top a {
    display: block;
    transition:all 0.3s;
}
@media (max-width: 599px) {
    #page-top {
        right: 5%;
        bottom: 20px;
    }
	#page-top a img {
		width: 30%;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    #page-top {
        right: 4%;
        bottom: 24px;
    }
	#page-top a img {
		width: 40%;
	}
}
@media (min-width: 1024px) {
    #page-top {
        right: 1.7%;
        bottom: 20px;
        z-index: 4;
    }
	#page-top a img {
		width: 33%;
	}
}

#page-top.UpMove{
    animation: UpAnime 0.5s forwards;
    pointer-events: auto;
}
@keyframes UpAnime{
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#page-top.DownMove{
    animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(50px);
    }
}


/* ----------------------------------------------

 - mv

---------------------------------------------- */
.mv_area {
    width:100%;
    position: relative;
}

.mv {
    animation-name: mvAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    position:relative;
}
@media (max-width: 599px) {
    .mv {
        height: 59vh !important;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
    .mv {
        //height: 47vh !important;
    }
}
@keyframes mvAnime{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 599px) {
    .mv_img {
        background: url("https://www.idc-otsuka.jp/fair/or_osaka_10th/images/main_sp.webp");
        background-position: 48% bottom;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 599px;
        height: 100%;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
    .mv_img {
        background: url("https://www.idc-otsuka.jp/fair/or_osaka_10th/images/main_pc.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 1023px;
        height: 62vmin;
        margin:0 auto;
    }
}
@media (min-width: 1024px) {
    .mv_img {
        background: url("https://www.idc-otsuka.jp/fair/or_osaka_10th/images/main_pc.webp");
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 1920px;
        height: 90vmin;
        margin:0 auto;
        position: relative;
    }
}

/* =======================
 mv animation
======================= */
.delay-time05{
    animation-delay: 0.5s;
}
.delay-time1{
    animation-delay: 1s;
}
.delay-time15{
    animation-delay: 1.5s;
}
.delay-time2{
    animation-delay: 2s;
}
.change-time1{
    animation-duration: 1s;
}
.change-time2{
    animation-duration: 2s;
}



/* ------------------------------------------ 
	
 - lead_area

------------------------------------------  */
.lead_head {
	color: var(--color-red);
	font-family: var(--font-family-serif02);
}
.lead {
	text-align: left;
}

@media (max-width: 599px) {
    .lead_area {
		padding: 40px 30px 40px;
		margin: 0 auto;
	}
	.lead {
        margin-bottom: 30px;
    }
	.lead_head {
		margin-bottom: 20px;
		letter-spacing: 4px;
		line-height: 0.9;
	}
    .lead_head .ten {
        font-size: 50px;
        letter-spacing: -4px;
    }
    .lead_head .th {
        font-size: 29px;
        letter-spacing: 0;
    }
    
    .lead_head .anniv {
        font-size: 37px;
        letter-spacing: 1px;
    }
	.lead_text {
		font-size: 16px;
		line-height: 2;
		font-weight: bold;
		letter-spacing: -0.5px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.lead_area {
        padding: 40px 8vw;
        margin: 0 auto;
    }
    .lead {
        margin-bottom: 40px;
    }
    .lead_head {
		margin-bottom: 4px;
		letter-spacing: 4px;
	}
    .lead_head .ten {
        font-size: 80px;
        letter-spacing: -6px;
        padding-right:5px;
    }
    .lead_head .th {
        font-size: 53px;
        letter-spacing: 0px;
        padding-right:10px;
    }
    
    .lead_head .anniv {
        font-size: 60px;
        letter-spacing: 4px;
    }
	.lead_text {
		font-size: 16px;
		font-weight: bold;
		line-height: 2;
	}
}
@media (min-width: 1024px) {
	.lead_area {
        max-width: var(--content-width-PC);
		padding: 90px 8vw;
        margin: 0 auto;
	}
    .lead {
        margin-bottom: 70px;
    }
    .lead_head {
		letter-spacing: 4px;
	}
    .lead_head .ten {
        font-size: 120px;
        letter-spacing: -6px;
        padding-right:5px;
    }
    .lead_head .th {
        font-size: 70px;
        letter-spacing: 0px;
        padding-right:10px;
    }
    
    .lead_head .anniv {
        font-size: 90px;
        letter-spacing: 4px;
    }
	.lead_text {
		font-size: 26px;
		font-weight: bold;
		line-height: 2;
		font-family: var(--font-family-base);
	}
}


/* ------------------------------------------------------- 
	
- 01 spcial price 

------------------------------------------------------- */
/*
special_price_area
--------------------------------- */
.special_price_area {
	background: linear-gradient(
297deg, #bf0108, #e1150f, #e34642, #f15c58);
}
@media (max-width: 599px) {
	.special_price_area {
	    padding: 50px 20px 30px;
	    clip-path: polygon(0 2%,100% 0, 100% 100%, 0 98%);
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    .special_price_area {
        padding: 60px 50px 50px;
		clip-path: polygon(
        0 4%,
        100% 0,
        100% 100%,
        0 96%
        );
    }
}
@media (min-width: 1024px) {
    .special_price_area {
	    padding: 90px 100px;
	    margin: 0 auto;
	    clip-path: polygon(
        0 4%,
        100% 0,
        100% 100%,
        0 96%
        );
	}
}

/*
special_price_area_head
--------------------------------- */
.special_price_area_head {
    position: relative;
}
.special_price_area_head .title {
	margin:0 auto;
	display:flex;
}
@media (max-width: 599px) {
    .special_price_area_head {
		margin: 0 auto 40px;
		max-width: 80%;
	}
	.special_price_area_head .title {
	    line-height: 1;
	    padding-top: 25px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.special_price_area_head {
		margin: 0 auto 20px;
		max-width: 1000px;
	}
	.special_price_area_head .title {
	    padding: 40px 0 30px;
	    width: 62%;
	}
}
@media (min-width: 1024px) {
    .special_price_area_head {
		margin: 0 auto 80px;
		max-width: 1000px;
	}
	.special_price_area_head .title {
	    padding: 80px 0 10px;
	    width: 70%;
	}
}


/* ==============================
 product_col_wrap 
============================== */
.product_col_wrap {
	margin: 0 auto;
	height: auto;
}
.product_col_end_lead {
	color: #fff;
	font-weight: bold;
	text-decoration-line: underline;
	text-decoration-color: var(--color-yellow);
	text-decoration-thickness: 20px;
	text-underline-offset: 14px;
	text-decoration-skip-ink: none;
}
.product_col_inner {
    display: flex;
}
.product_item {
	position: relative;
}
.product_item_sub_text {
	position: absolute;
	font-family: var(--font-family-en01);
	font-weight: bold;
	letter-spacing: -4px;
	color: var(--color-main);
	text-shadow: 1px 1px 1px #fff;
	font-style: italic;
	z-index: 3;
}
.item_limited {
	position: absolute;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: var(--color-middle-red);
}
.item_limited .lim {
	border-bottom: 1px dotted #fff;
}
.item_limited .num {
    font-family: var(--font-family-en01);
}
.item_limited .set {
    
}
@media (max-width: 599px) {
	.product_col_wrap {
		padding: 0 6px;
	}
	.product_col_end_lead {
        margin: 10px auto 18px;
        font-size: 20px;
    }
	.product_col_inner {
	    gap: 120px;
	    flex-direction: column;
	    padding-bottom: 140px;
	}
	.product_item_sub_text {
	    top: -22px;
	    left: -5px;
	    font-size: 46px;
	    letter-spacing: -2px;
	}
	 .item_limited {
        top: 11px;
        right: 10px;
        height: 70px;
        width: 70px;
        line-height: 1;
        padding: 9px 10px 7px;
    }
	.product_col_inner .product_item:last-child .item_limited {
		padding: 5px 10px 0;
	}
    .item_limited .lim {
        width: 74%;
        font-size: 14px;
        letter-spacing: 2px;
        padding-bottom: 4px;
    }
	.product_col_inner .product_item:last-child .item_limited .lim {
		font-size: 13px;
	}
    .item_limited .num {
        width: 30%;
        font-size: 24px;
        padding-top: 3px;
    }
	.product_col_inner .product_item:last-child .item_limited .num {
		padding-top: 1px;
	}
    .item_limited .set {
        font-size: 13px;
        letter-spacing: -2px;
        padding-top: 4px;
        padding-left: 1px;
    }
	.product_col_inner .product_item:last-child .item_limited .set {
		padding-top: 5px;
		letter-spacing: -1px;
		font-size: 11px;
	}
	.product_col_inner .product_item:last-child .item_limited .ten {
		font-size: 12px;
		padding-top: 3px;
		padding-left: 1px;
	}
	.product_item_image {
		width: 88%;
		display: flex;
		margin-left: 10px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.product_col_wrap {
		max-width:1400px;	
	}
    .product_col_end_lead {
        margin: 0 auto 20px;
        font-size: 38px;
    }
	.product_col_inner {
	    gap: 90px 20px;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    padding-bottom: 130px;
	}
	.product_item {
		width: 48%;
	}
	.product_item_sub_text {
	    top: -32px;
	    left: -24px;
	    font-size: 70px;
	}
    .item_limited {
        top: 12px;
        right: 12px;
        height: 70px;
        width: 70px;
        line-height: 1;
        padding: 8px 7px 6px;
    }
	.product_col_inner .product_item:last-child .item_limited {
		padding: 7px 10px 3px;
	}
    .item_limited .lim {
        width: 74%;
        font-size: 14px;
        letter-spacing: 2px;
        padding-bottom: 7px;
    }
	.product_col_inner .product_item:last-child .item_limited .lim {
		padding-bottom: 4px;
		font-size: 13px;
	}
    .item_limited .num {
        width: 30%;
        font-size: 24px;
        padding-top: 4px;
    }
	.product_col_inner .product_item:last-child .item_limited .num {
		padding-top: 2px;
		font-size: 23px;
	}
    .item_limited .set {
        font-size: 12px;
        letter-spacing: -2px;
        padding-top: 5px;
    }
	.product_col_inner .product_item:last-child .item_limited .set {
		width: 80%;
		padding-top: 3px;
		letter-spacing: -1px;
		font-size: 10px;
	}
	.product_col_inner .product_item:last-child .item_limited .ten {
		font-size: 12px;
		letter-spacing: -2px;
		padding-top: 2px;
	}
	.product_item_col {
        
	}
	.product_item_image {
		width: 95%;
		display: flex;
	}
}
@media (min-width: 1024px) {
	.product_col_wrap {
		max-width:1400px;	
	}
    .product_col_end_lead {
        margin: 50px auto 40px;
        font-size: 50px;
    }
	.product_col_inner {
	    gap: 100px 30px;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    padding-bottom: 140px;
	}
	.product_item {
		width: 48%;
	}
	.product_item_sub_text {
	    top: -32px;
	    left: -24px;
	    font-size: 70px;
	}
    .item_limited {
        top: 16px;
        right: 16px;
        height: 90px;
        width: 90px;
        line-height: 1;
        padding: 10px 10px 8px;
    }
	.product_col_inner .product_item:last-child .item_limited {
		padding: 10px 10px 3px;
	}
    .item_limited .lim {
        width: 74%;
        font-size: 18px;
        letter-spacing: 2px;
        padding-bottom: 7px;
    }
	.product_col_inner .product_item:last-child .item_limited .lim {
		padding-bottom: 6px;
		font-size: 17px;
	}
    .item_limited .num {
        width: 30%;
        font-size: 32px;
        padding-top: 4px;
    }
	.product_col_inner .product_item:last-child .item_limited .num {
		padding-top: 2px;
	}
    .item_limited .set {
        font-size: 13px;
        letter-spacing: -2px;
        padding-top: 10px;
    }
	.product_col_inner .product_item:last-child .item_limited .set {
		width: 80%;
		padding-top: 5px;
		letter-spacing: -1px;
	}
	.product_col_inner .product_item:last-child .item_limited .ten {
		font-size: 13px;
		letter-spacing: -2px;
		padding-top: 5px;
	}
	.product_item_col {
        position: relative;
 }
	.product_item_image {
		width: 95%;
		display: flex;
	}
}

/*
 product_item_text
--------------------------------- */
.product_item_text {
	width: 100%;
	position: absolute;
	text-align: left;
	background: #ffffffd1;
}
.product_item_text .item_cate {
	font-family: var(--font-family-base);
	font-weight: bold;
}
.product_item_text .item_name {
	font-weight: bold;
}
.item_head_col {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.product_item_text .item_type {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: var(--color-middle-red);
    background: var(--color-gold02);
}
.product_item_text .item_name {
    font-family: var(--font-family-base);
}
.product_item_text .item_tag {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    font-family: var(--font-family-en01);
    color: var(--color-middle-red);
    background: var(--color-yellow);
}
.product_item_text .item_price {
    font-weight: 600;
    font-family: var(--font-family-en01);
    color: var(--color-middle-red);
}
@media (max-width: 599px) {
	.product_item_text {
		padding: 12px 20px 4px;
		width: 78%;
		top: 80%;
		right: 0%;
		margin: 0 0 0 auto;
		clip-path: polygon(
            0 0,
            100% 0,
            100% calc(100% - 34px),
            calc(100% - 40px) 100%,
            0 100%,
            0 50px
        );
	}
	.product_item_text .item_type {
	    right: 20px;
	    line-height: 1;
	    padding: 10px 6px;
	    font-size: 12px;
	    width: 25%;
	}
	.product_item_text .item_head {
        
	}
	.product_item_text .item_type .num {
	    font-size: 18px;
	}
	.product_item_text .item_type .set {
		letter-spacing: -2px;
	}
	.product_item_text .item_cate {
	    font-size: 13px;
	    margin-bottom: -2px;
	}
	.product_item_text .item_name {
	    font-size: 19px;
	    text-indent: -10px;
	    margin-bottom: 0;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_name {
		letter-spacing:0;
		line-height: 1.1;
		margin-top: 6px;
	}
	.product_item_text .item_tag {
	    font-size: 13px;
	    padding: 1px 5px 0;
	    letter-spacing: 0.5px;
	    line-height: 1.2;
	}
	.product_item_text .item_price {
	    font-size: 28px;
	    letter-spacing: -1px;
	    line-height: 1.3;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_price {
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1.2;
		margin-top: -4px;
		margin-bottom: 8px;
	}
	.product_item_text .item_price .tax {
	    font-size: 15px;
	    padding-right: 3px;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_price .tax {
		font-size: 10px;
		letter-spacing:0;
	}
	.product_item_text .item_price .yen {
	    font-size: 16px;
	    padding-left: 3px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.product_item_text {
		padding: 15px 10px 6px 42px;
		width: 74%;
		top: 79%;
		right: -2%;
		margin: 0 0 0 auto;
		clip-path: polygon(
            50px 0,
            100% 0,
            100% 100%,
            0 100%,
            0 36px
        );
	}
	.product_item_text .item_cate {
	    margin-bottom: 0;
	    font-size: 13px;
	    line-height: 1;
	}
	.product_item_text .item_name {
	    font-size: 17px;
	    text-indent: -12px;
	    margin-bottom: 0;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_name {
		font-size: 17px;
		letter-spacing:0;
		line-height: 1.2;
	}
	.product_item_text .item_tag {
	    padding: 1px 10px 1px;
	    margin-bottom: 0;
	    font-size: 13px;
	    line-height: 1;
	}
	.product_item_text .item_price {
	    font-size: 25px;
	    letter-spacing: -1px;
	    line-height: 1.2;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_price {
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1.2;
		margin-top: -8px;
		margin-bottom: 3px;
	}
	.product_item_text .item_price .tax {
	    font-size: 16px;
	    padding-right: 5px;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_price .tax {
		font-size: 11px;
		letter-spacing:0;
	}
	.product_item_text .item_price .yen {
	    font-size: 16px;
	    padding-left: 5px;
	}
}
@media (min-width: 1024px) {
    .product_item_text {
		padding: 14px 10px 6px 48px;
		width: 55%;
		top: 84%;
		right: -2%;
		margin: 0 0 0 auto;
		clip-path: polygon(
            53px 0,
            100% 0,
            100% 100%,
            0 100%,
            0 43px
        );
	}
	.product_item_text .item_cate {
	    margin-bottom: 0;
	    font-size: 0.8vw;
	}
	.product_item_text .item_name {
	    font-size: 1.2vw;
	    text-indent: -12px;
	    margin-bottom: 0;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_name {
		font-size: 22px;
		letter-spacing:0;
		line-height: 1.2;
	}
	.product_item_text .item_tag {
	    padding: 2px 10px 0px;
	    margin-bottom: 0;
	    font-size: 0.8vw;
	    line-height: 1.2;
	}
	.product_item_text .item_price {
	    font-size: 2vw;
	    letter-spacing: -1px;
	    line-height: 1.1;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_price {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1.2;
		margin-top: -8px;
		margin-bottom: 8px;
	}
	.product_item_text .item_price .tax {
	    font-size: 0.9vw;
	    padding-right: 5px;
	}
	.product_col_inner .product_item:last-child .product_item_text .item_price .tax {
		font-size: 12px;
		letter-spacing:0;
	}
	.product_item_text .item_price .yen {
	    font-size: 0.9vw;
	    padding-left: 4px;
	}
}


/* ==============================
 area_contents_note
============================== */
.area_contents_note {
    text-align: right;
    margin:0 auto;
}
.benefit_area .area_contents_note {
	background: #f9f7cc;
	max-width:100%;
}
.area_contents_note ul {
    display: inline-block;
    text-align: left;
}
.special_price_area .area_contents_note ul li {
    color:#fff;
}
@media (max-width: 599px) {
	.area_contents_note {
		padding-bottom: 40px;
	}
	.benefit_area .area_contents_note ul {
		padding: 0 20px 40px;
	}
    .area_contents_note ul li {
        font-size: 11px;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
	.area_contents_note {
        padding: 0 30px 30px;
    }
	.benefit_area .area_contents_note {
		padding: 0 30px 130px;
	}
    .area_contents_note ul li {
        font-size: 12px;
    }
}
@media (min-width: 1024px) {
    .area_contents_note {
        max-width: var(--content-width-PC);
        padding: 0 0 60px;
    }
	.benefit_area .area_contents_note ul {
		max-width: var(--content-width-PC);
		padding: 0 100px 100px;
	}
    .area_contents_note ul li {
        font-size: 12px;
    }
}


/* ==============================
 reserve_btn_area 
============================== */
.reserve_btn_area {
	margin: 0 auto;
}
.reserve_btn_01,
.reserve_btn_02 {
	margin: 0 auto;
}
.reserve_btn_01 a {
	display: block;
	background: var(--color-red);
	color: #fff;
    border:1px solid var(--color-red);
    transition: background-color 0.4s ease;
}
.reserve_btn_02 a {
	display: block;
	background: #fff;
	color: var(--color-red);
    border:1px solid var(--color-red);
}
@media (max-width: 599px) {
	.reserve_btn_area {
		padding: 30px 20px;
	}
	.reserve_btn_01,
    .reserve_btn_02 {
		width: 100%;
	}
	.reserve_btn_01 p,
    .reserve_btn_02 p {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.reserve_btn_02 {
        margin-top: 20px;
    }
	.reserve_btn_01 a,
    .reserve_btn_02 a {
		padding: 10px 0;
		font-size: 16px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    .reserve_btn_area {
		padding: var(--content-width-TABLET);
	}
	.reserve_btn_01,
    .reserve_btn_02 {
		width: 70%;
	}
	.reserve_btn_01 p,
    .reserve_btn_02 p {
		font-size: 18px;
		margin-bottom: 14px;
	}
	 .reserve_btn_02 {
        margin-top: 20px;
    }
	.reserve_btn_01 a,
    .reserve_btn_02 a {
		padding: 10px 0;
		font-size: 16px;
	}
}
@media (min-width: 1024px) {
	.reserve_btn_area {
		padding: 50px 70px 50px;
	}
    .reserve_btn_area_last {
		padding: 0px 70px 70px;
	}
	.reserve_btn_01,
    .reserve_btn_02 {
        max-width: 550px;
	}
    .reserve_btn_01 p,
    .reserve_btn_02 p {
		font-size: 28px;
		margin-bottom: 16px;
	}
    .reserve_btn_02 {
        margin-top: 20px;
    }
	.reserve_btn_01 a,
    .reserve_btn_02 a {
		padding: 15px 0;
		font-size: 20px;
	}
	.reserve_btn_01 a:hover,
    .reserve_btn_02 a:hover {
		background:var(--color-ivory);
		border:1px solid var(--color-gold01);
		color:var(--color-gold02);
	}
}


/* ------------------------------------------------------- 
	
- 02 benefit_area

------------------------------------------------------- */
/*
benefit_area
--------------------------------- */
.benefit_area {
}
.benefit_area_head {
	position: relative;
	font-weight: bold;
	color: var(--color-main);
}
.bene_charm {
	position: absolute;
	transform: translateY(-50%) rotate(-10deg);
	font-weight: bold;
	text-decoration-line: underline;
	text-decoration-color: var(--color-yellow);
	text-decoration-skip-ink: none;
	background: #fff;
}
.benefit_area_head_text {
	font-weight: bold;
}
.coupon_image {
	margin: 0 auto;
}
.coupon_text {
	font-weight:bold;
	font-family: var(--font-family-sans02);
	color: var(--color-gold02);
}
.triangle_wrap {
}
.triangle {
	position: relative;
	display: inline-block;
	z-index: 3;
	font-family: serif;
	font-style: italic;
	color: #fff;
}
.triangle::after {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	z-index: -1;
}
@media (max-width: 599px) {
    .benefit_area {
        padding: 24px 0;
    }
    .benefit_area_head {
        margin: 0 auto 20px;
        padding: 0 20px;
    }
    .bene_charm {
        left: 4%;
        top: -2%;
        font-size: 20px;
        letter-spacing: -2px;
        text-decoration-thickness: 14px;
        text-underline-offset: -5px;
        text-decoration-skip-ink: none;
        background: #fff;
        padding: 0 10px;
    }
    .benefit_area_head_text {
        font-size: 19px;
        padding: 22px 0 0;
    }
    .coupon_image {
        width: 90%;
    }
    .coupon_text {
        font-size: 16px;
        margin: 0 auto 10px;
        padding: 0 20px;
    }
    .triangle_wrap {
        margin: 0 auto 0px;
    }
    .triangle::after {
        left: 50%;
        top: -4px;
        border-left: 140px solid transparent;
        border-right: 140px solid transparent;
        border-top: 46px solid #fff;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
    .benefit_area {
        padding: 10px 0;
    }
    .benefit_area_head {
        margin: 0 auto 30px;
        max-width: 1040px;
    }
    .bene_charm {
        left: 14%;
        top: 12%;
        font-size: 28px;
        letter-spacing: -2px;
        text-decoration-thickness: 20px;
        text-underline-offset: -10px;
        text-decoration-skip-ink: none;
        background: #fff;
        padding: 10px 30px;
    }
    .benefit_area_head_text {
        font-size: 28px;
        padding: 38px 0 0;
    }
    .coupon_image {
        width: 62%;
    }
    .coupon_text {
        font-size: 22px;
        margin: 10px auto 10px;
    }
    .triangle_wrap {
        margin: 0 auto 0px;
    }
    .triangle::after {
        left: 50%;
        top: -4px;
        border-left: 190px solid transparent;
        border-right: 190px solid transparent;
        border-top: 70px solid #fff;
    }
}
@media (min-width: 1024px) {
    .benefit_area {
        padding: 50px 0;
    }
    .benefit_area_head {
        margin: 0 auto 30px;
        max-width: 1040px;
    }
    .bene_charm {
        left: 9%;
        top: -2%;
        font-size: 51px;
        letter-spacing: -2px;
        text-decoration-thickness: 20px;
        text-underline-offset: -10px;
        text-decoration-skip-ink: none;
        background: #fff;
        padding: 10px 30px;
    }
    .benefit_area_head_text {
        font-size: 43px;
		padding: 38px 0 0;
    }
    .coupon_image {
        width: 42%;
    }
    .coupon_text {
        font-size:32px;
        max-width: 1040px;
        margin: 10px auto 40px;
    }
    .triangle_wrap {
        margin: 0 auto 0px;
        max-width: 1040px;
    }
    .triangle::after {
        left: 50%;
        top: -4px;
        border-left: 240px solid transparent;
        border-right: 240px solid transparent;
        border-top: 90px solid #fff;
    }
}


/*
benefit_col_wrap
--------------------------------- */
.benefit_col_wrap {
	display:flex;
	background: #f9f7cc;
}
.benefit_col {
	position:relative;
	display:flex;
	flex-wrap: nowrap;
	background: #fff;
	flex-direction: column-reverse;
	align-items: center;
}
.benefit_col::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
}
.bene_text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}
.bene_col_title {
	font-weight: bold;
}
.bene_col_title span {
	text-decoration-line: underline;
	text-decoration-color: var(--color-yellow);
	text-decoration-skip-ink: none;
}
.bene_mark {
	position: absolute;
	content: "";
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	border-radius: 50%;
	color: var(--color-gold02);
	text-align: center;
	font-weight: bold;
	background: var(--color-yellow);
	transform: translateX(-50%);
	z-index: 2;
}
.bene_mark > span {
	font-family: var(--font-family-en01);
	display: inline-block;
}
.bene_col_text {
	font-weight: 500;
}
@media only screen and (max-width: 599px) {
	.title_obi_text {
		font-size: 20px;
		line-height: 1.2;
		padding: 12px;
	}
	.title_obi span {
		font-size: 15px;
	}
	.benefit_col_wrap {
		flex-direction: column;
		gap: 56px;
		padding: 86px 20px 30px;
		background: #f9f7cc;
		max-width: 100%;
	}
	.benefit_col {
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 28px;
	}
	.benefit_col::after {
	    top: 12px;
	    right: 12px;
	    bottom: 12px;
	    left: 12px;
	    border: 4px double var(--color-yellow);
	}
	.bene_mark {
		font-size: 12px;
		top: -45px;
		left: 10%;
		height: 90px;
		width: 90px;
		line-height: 1;
		padding: 18px 0 8px;
	}
	.bene_mark > span {
		font-size: 28px;
		padding-top: 4px;
	}
	.bene_text {
		width: 100%;
		gap: 14px;
	}
	.bene_col_title {
		font-size: 16px;
		line-height: 1.3;
	}
	.bene_col_title span {
		font-size: 21px;
		text-decoration-thickness: 17px;
		text-underline-offset: -11px;
	}
	.bene_col_text {
		font-size: 13px;
		line-height: 1.7;
	}
	.bene_col_text_note {
		font-size: 12px;
	}
	.bene_col_text .bene_col_text_note:first-of-type {
		margin-top: 10px;
	}
	.bene_image {
		width: 100%;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.benefit_col_wrap {
		gap: 30px;
		padding: 90px 40px 30px;
		max-width: 100%;
	}
	.benefit_col_wrap {
		flex-direction: column;
		/* align-items: stretch; */
	}
	.benefit_col {
		justify-content: flex-end;
		background: #fff;
		width: 100%;
		padding: 24px 24px;
		gap: 27px;
		flex-direction: row-reverse;
		align-items: center;
	}
	.benefit_col::after {
	    top: 10px;
	    right: 10px;
	    bottom: 10px;
	    left: 10px;
	    border: 4px double var(--color-yellow);
	}
	.bene_mark {
		font-size: 11px;
		top: -26px;
		left: 3%;
		height: 80px;
		width: 80px;
		line-height: 1;
		padding: 18px 4px 8px;
	}
	.bene_mark > span {
		font-size: 28px;
		padding-top: 4px;
	}
	.bene_text {
		width: 70%;
		gap: 14px;
	}
	.bene_col_title {
		font-size: 14px;
		line-height: 1.2;
	}
	.bene_col_title span {
		font-size: 18px;
		text-decoration-thickness: 14px;
		text-underline-offset: -5px;
	}
	.bene_col_text {
		font-size: 12px;
		line-height: 1.5;
	}
	.bene_col_text_note {
		font-size: 12px;
	}
	.bene_col_text .bene_col_text_note:first-of-type {
		margin-top: 8px;
		font-size: 10px;
	}
	.bene_image {
		width: 30%;
		/* display: flex; */
	}
}
@media (min-width: 1024px) {
	.benefit_col_wrap {
		gap: 30px;
		padding: 190px 6vw 60px;
		max-width: 100%;
	}
	.benefit_col_wrap {
		flex-direction: row;
		align-items: stretch;
	}
	.benefit_col {
		justify-content: flex-end;
		background: #fff;
		width: 33%;
        padding: 40px 40px;
        gap: 20px;
	}
	.benefit_col::after {
	    top: 14px;
	    right: 14px;
	    bottom: 14px;
	    left: 14px;
	    border: 4px double var(--color-yellow);
	}
	.bene_mark {
		font-size: 14px;
		top: -76px;
		left: 50%;
		height: 110px;
		width: 110px;
		line-height: 1;
		padding: 18px 10px 8px;
	}
	.bene_mark > span {
		font-size: 38px;
		padding-top: 4px;
	}
	.bene_text {
		width: 100%;
		gap: 14px;
	}
	.bene_col_title {
		font-size: 20px;
		line-height: 1.3;
	}
	.bene_col_title span {
		font-size: 26px;
		text-decoration-thickness: 20px;
		text-underline-offset: -10px;
	}
	.bene_col_text {
		font-size: 14px;
		line-height: 1.7;
	}
	.bene_col_text_note {
		font-size: 12px;
	}
	.bene_col_text .bene_col_text_note:first-of-type {
		margin-top: 13px;
	}
	.bene_image {
		width: 100%;
	}
}



/* ------------------------------------------------------- 
	
- 03 cv_area

------------------------------------------------------- */
/*
cv_area
--------------------------------- */
.cv_area {
	background: var(--color-red);
}
.cv_area_btn {
	color: #fff;
}
.cv_area_btn p {
	font-family: var(--font-family-sans02);
}
.cv_area_btn a {
	display: block;
	background: var(--color-yellow);
	font-weight: bold;
	color: var(--color-middle-red);
	transition: background-color 0.4s ease;
	font-family: var(--font-family-sans02);
}
.cv_area_text {
	color: #fff;
}
.cv_area_text_head {
	font-weight: bold;
	font-family: var(--font-family-sans02);
}
.cv_area_text_title {
	font-weight: bold;
}
.cv_area_text_title > span {
	font-size: 60px;
}
.cv_area_date {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.cv_area_date .date {
	font-family: var(--font-family-sans02);
	position: relative;
}
.cv_area_date .weekday {
	position: absolute;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	border-radius: 50%;
	text-align: center;
	color: var(--color-middle-red);
	font-weight: bold;
	background: var(--color-yellow);
}
.cv_area_date .arrow {
}
@media (max-width: 599px) {
    .cv_area {
        padding: 70px 0 50px;
        margin: -70px auto 0;
        clip-path: polygon(0 8.5%, 100% 0, 100% 92.5%, 0 100%);
    }
    .cv_area_btn {
        max-width: 550px;
        margin: 0 auto 20px;
    }
    .cv_area_btn p {
        font-size: 16px;
        margin-bottom: 14px;
    }
    .cv_area_btn a {
        padding: 10px 0 5px;
        font-size: 16px;
        line-height: 2;
        width: 90%;
        margin: 0 auto;
    }
    .cv_area_text {
    }
    .cv_area_text_head {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .cv_area_text_title {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .cv_area_text_title > span {
        font-size: 38px;
    }
    .cv_area_date {
        margin: 0 auto 20px;
    }
    .cv_area_date .date {
        display: inline-flex;
        align-items: center;
    }
	.cv_area_date .month {
		font-size: 20px;
		padding-top: 6px;
	}
	.cv_area_date .slash {
		font-size: 25px;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 0;
	}
	.cv_area_date .day {
		font-size: 29px;
		letter-spacing: -2px;
		padding: 4px 0 0;
	}
    .cv_area_date .weekday {
		font-size: 12px;
		line-height: 1.4;
		top: 34%;
		right: -26px;
		height: 20px;
		width: 20px;
		padding: 10px 6px 6px;
	}
    .cv_area_date .arrow {
        padding: 13px 8px 0 36px;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
    .cv_area {
        padding: 80px 0 66px;
        margin: -110px auto 0;
        clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
    }
    .cv_area_btn {
        max-width: 510px;
        margin: 0 auto 20px;
    }
    .cv_area_btn p {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .cv_area_btn a {
        padding: 3px 0 2px;
        font-size: 20px;
        line-height: 2;
    }
    .cv_area_text {
    }
    .cv_area_text_head {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .cv_area_text_title {
        font-size: 33px;
        line-height: 1.2;
        margin-bottom: 16px;
    }
    .cv_area_text_title > span {
        font-size: 50px;
    }
    .cv_area_date {
        margin: 0 auto 15px;
    }
	.cv_area_date .month {
		font-size: 25px;
	}
	.cv_area_date .slash {
		font-size: 30px;
		padding-left: 3px;
		padding-right: 3px;
	}
	.cv_area_date .day {
		font-size: 40px;
		letter-spacing: -4px;
		padding: 0 2px;
	}
    .cv_area_date .weekday {
		font-size: 14px;
		line-height: 1.4;
		top: 41%;
		right: -30px;
		height: 24px;
		width: 24px;
		padding: 11px 10px 10px;
	}
    .cv_area_date .arrow {
        padding: 23px 12px 0 41px;
    }
}
@media (min-width: 1024px) {
	.cv_area {
        padding: 110px 0 96px;
        margin: -140px auto 0;
        clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
    }
    .cv_area_btn {
        max-width: 550px;
        margin: 0 auto 20px;
    }
    .cv_area_btn p {
        font-size: 23px;
        margin-bottom: 10px;
    }
    .cv_area_btn a {
        padding: 10px 0 5px;
        font-size: 24px;
        line-height: 2;
    }
    .cv_area_text {
    }
    .cv_area_text_head {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .cv_area_text_title {
        font-size: 43px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .cv_area_text_title > span {
        font-size: 60px;
    }
    .cv_area_date {
        margin: 0 auto 20px;
    }
	.cv_area_date .month {
		font-size: 27px;
	}
	.cv_area_date .slash {
		font-size: 30px;
		padding-left: 3px;
		padding-right: 3px;
	}
	.cv_area_date .day {
		font-size: 46px;
		letter-spacing: -4px;
		padding: 0 2px;
	}
    .cv_area_date .weekday {
		font-size: 14px;
		line-height: 1.4;
		top: 41%;
		right: -30px;
		height: 24px;
		width: 24px;
		padding: 11px 10px 10px;
	}
    .cv_area_date .arrow {
        padding: 23px 12px 0 41px;
    }
}


/* ------------------------------------------------------- 
	
 - 04 showroom_area

------------------------------------------------------- */
.showroom_area {
    margin: 0 auto;
}
.showroom_col {
	display: flex;
}
.showroom_image {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.showroom_image > div {
	display: flex;
}
.showroom_image p {
	text-align: left;
}
.showroom_text {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: left;
    font-family: var(--font-family-sans02);
}
.showroom_text .name {
	color: var(--color-middle-red);
	font-weight: bold;
}
.showroom_text .bg_c {
	display:inline-block;
	color: #fff;
	text-align: center;
	background: var(--color-middle-red);
}
.showroom_text .tel,
.showroom_text .hour {
	letter-spacing: 1px;
}
@media (max-width: 599px) {
	.showroom_area_contents {
        margin: 0 auto;
    }
	.showroom_area {
        margin: 0 auto;
    }
    .showroom_area_contents {
        margin: 0 auto;
    }
    .showroom_col {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        gap: 20px;
        justify-content: center;
        padding: 30px 20px 30px;
    }
    .showroom_image {
        width: 100%;
        gap: 6px;
    }
	.showroom_image > div {
        display: flex;
	}
    .showroom_image p {
        font-size: 20px;
    }
    .showroom_text {
        width: 100%;
        gap: 11px;
        font-size: 15px;
        margin-top: 0;
    }
    .showroom_text .bg_c {
		width: 66px;
		margin-right: 10px;
		font-size: 13px;
		padding: 3px 0;
	}
	.showroom_text .address .bg_c {
		margin-right: 6px;
	}
    .showroom_text .name {
        font-size: 21px;
        margin: 0 auto;
        font-weight: bold;
    }
	.ad_in {
		text-indent: 74px;
		display: block;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
	.showroom_area {
        margin: 0 auto;
    }
    .showroom_area_contents {
        padding: 0;
        margin: 0 auto;
    }
    .showroom_col {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 28px;
        justify-content: center;
        padding: 60px 30px 60px;
    }
    .showroom_image {
        width: 50%;
        gap: 3px;
    }
	.showroom_image > div {
        display: flex;
	}
    .showroom_image p {
        font-size: 19px;
    }
    .showroom_text {
        width: 50%;
        gap: 6px;
        font-size: 15px;
        margin-top: 0;
    }
    .showroom_text .bg_c {
		width: 67px;
		margin-right: 10px;
		font-size: 13px;
		padding: 5px 0;
	}
	.showroom_text .address .bg_c {
		margin-right: 5px;
	}
    .showroom_text .name {
        font-size: 20px;
        margin-bottom: 5px;
    }
	.ad_in {
		text-indent: 74px;
		display: block;
	}
}
@media (min-width: 1024px) {
    .showroom_area {
        margin: 0 auto;
    }
    .showroom_area_contents {
        padding: 0 50px;
        max-width: 1500px;
        margin: 0 auto;
    }
    .showroom_col {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 70px;
        justify-content: center;
        padding: 100px 0 100px;
    }
    .showroom_image {
        width: 40%;
        gap: 10px;
    }
	.showroom_image > div {
        display: flex;
	}
    .showroom_image p {
        font-size: 32px;
    }
    .showroom_text {
        width: 52%;
        gap: 18px;
        font-size: 20px;
    }
    .showroom_text .name {
        font-size: 40px;
        margin-bottom: 5px;
    }
    .showroom_text .bg_c {
		width: 6rem;
		margin-right: 14px;
		font-size: 15px;
		padding: 5px 0;
	}
	.showroom_text .address .bg_c {
		margin-right: 8px;
	}
}



/* ------------------------------------------------------- 
	
 - 05 atst_fair_area

------------------------------------------------------- */
.atst_fair_area {
	background: linear-gradient(to right, #f0f2ef, #fffefc);
}
.atst_fair_area_head {
	font-weight: bold;
	margin: 0 auto;
	color: var(--color-gold02);
}
.atst_fair_area_charm {
	position:relative;
}
.atst_fair_area_charm::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
}
.atst_fair_area_charm::after {
	position: absolute;
	content: "";
	background: var(--color-gold02);
}
.atst_fair_area_head_text {
	position:relative;
}
.atst_fair_area_head_text::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
}
.atst_fair_area_head_text::after {
	position: absolute;
	content: "";
	background: var(--color-gold02);
}
@media (max-width: 599px) {
    .atst_fair_area {
		padding: 40px 10px 30px;
	}
    .atst_fair_area_head {
        max-width: 100%;
    }
    .atst_fair_area_charm {
		font-size: 16px;
		padding: 20px 0 0;
	}
	.atst_fair_area_charm::before {
		top:10%;
		left: 6%;
		border-top: 14px solid var(--color-gold02);
		border-right: 14px solid transparent;
	}
	.atst_fair_area_charm::after {
		top:10%;
		right: 6%;
		width: 76%;
		height: 1px;
	}
    .atst_fair_area_head_text {
		font-size: 20px;
		padding: 0 0 10px;
	}
	.atst_fair_area_head_text::before {
		bottom: -10%;
		right: 6%;
		border-bottom: 14px solid var(--color-gold02);
		border-left: 14px solid transparent;
	}
	.atst_fair_area_head_text::after {
		bottom: -10%;
		left: 6%;
		width: 75%;
		height: 1px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
    .atst_fair_area {
		padding: 60px 0 40px;
	}
    .atst_fair_area_head {
        max-width: 560px;
    }
    .atst_fair_area_charm {
		font-size: 23px;
		padding: 30px 0 0;
	}
	.atst_fair_area_charm::before {
		top:10%;
		left:10%;
		border-top: 16px solid var(--color-gold02);
		border-right: 16px solid transparent;
	}
	.atst_fair_area_charm::after {
		top:10%;
		right:10%;
		width: 400px;
		height: 2px;
	}
    .atst_fair_area_head_text {
		font-size: 30px;
		padding: 0 0 18px;
	}
	.atst_fair_area_head_text::before {
		bottom: -10%;
		right: 10%;
		border-bottom: 16px solid var(--color-gold02);
		border-left: 16px solid transparent;
	}
	.atst_fair_area_head_text::after {
		bottom: -10%;
		left: 10%;
		width: 400px;
		height: 2px;
	}
}
@media (min-width: 1024px) {
    .atst_fair_area {
		padding: 90px 0 180px;
	}
    .atst_fair_area_head {
        max-width: 860px;
    }
    .atst_fair_area_charm {
		font-size: 43px;
		padding: 50px 0 0;
	}
	.atst_fair_area_charm::before {
		top:10%;
		left:10%;
		border-top: 20px solid var(--color-gold02);
		border-right: 20px solid transparent;
	}
	.atst_fair_area_charm::after {
		top:10%;
		right:10%;
		width: 630px;
		height: 2px;
	}
    .atst_fair_area_head_text {
		font-size: 43px;
		padding: 0 0 30px;
	}
	.atst_fair_area_head_text::before {
		bottom: -10%;
		right: 10%;
		border-bottom: 20px solid var(--color-gold02);
		border-left: 20px solid transparent;
	}
	.atst_fair_area_head_text::after {
		bottom: -10%;
		left: 10%;
		width: 630px;
		height: 2px;
	}
}


/*
atst_fair_col_wrap
--------------------------------- */
.atst_fair_col_wrap {
	display: flex;
	max-width: 100%;
}
.atst_fair_col {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.atst_fair_col a {
}
.atst_fair_image {
	display: flex;
}
.atst_fair_link {
	text-decoration: underline;
	font-weight: bold;
	color: var(--color-gold02);
}
@media (max-width: 599px) {
    .atst_fair_col_wrap {
		flex-direction: column;
		align-items: stretch;
		gap: 30px;
		padding: 30px 6vw 20px;
	}
    .atst_fair_col {
    }
    .atst_fair_col a {
    }
    .atst_fair_image {
    }
    .atst_fair_link {
		text-decoration: underline;
		font-size: 14px;
		font-weight: bold;
		color: var(--color-gold02);
		margin-top: 10px;
	}
}
@media (min-width: 600px) and (max-width: 1023px) {
     .atst_fair_col_wrap {
		flex-direction: row;
		align-items: stretch;
		gap: 20px;
		padding: 50px 30px 20px;
	}
    .atst_fair_col {
    }
    .atst_fair_col a {
    font-size: 12px;
    }
    .atst_fair_image {
    }
    .atst_fair_link {
		text-decoration: underline;
		font-weight: bold;
		color: var(--color-gold02);
		margin-top: 10px;
	}
}
@media (min-width: 1024px) {
    .atst_fair_col_wrap {	
		flex-direction: row;
		align-items: stretch;
		gap: 30px;
		padding: 110px 6vw 20px;
	}
    .atst_fair_col {
    }
    .atst_fair_col a {
    }
    .atst_fair_image {
    }
    .atst_fair_link {
		text-decoration: underline;
		font-weight: bold;
		color: var(--color-gold02);
		margin-top: 10px;
	}
}
   
    

/* ------------------------------------------------------- 
	
 - 06 end_area

------------------------------------------------------- */
.end_area_image {
	display: flex;
}
.end_area_wrap {
	width: 100%;
	margin:0 auto;
	position: relative;
}
.end_area_text {
	position:absolute;
	transform: translateX(-50%);
	color: #fff;
}
.end_area_note {
    position:absolute;
	color: #fff;
}
@media (max-width: 599px) {
    .end_area_text {
        top: 43%;
        left:50%;
        font-size: 25px;
        letter-spacing: 2px;
        text-shadow: 3px 3px 7px #0e0e0e;
        width: 90%;
    }
    .end_area_note {
        font-size: 11px;
        bottom:2%;
        right: 0;
    }
}
@media (min-width: 600px) and (max-width: 1023px) {
     .end_area_text {
        top: 42%;
        left:50%;
        font-size: 35px;
        letter-spacing: 10px;
        text-shadow: 3px 3px 7px #0e0e0e;
        width: 80%;
    }
    .end_area_note {
        font-size: 11px;
        bottom:2%;
        right: 1%;
    }
}
@media (min-width: 1024px) {
    .end_area_text {
        top: 42%;
        left:50%;
        font-size: 66px;
        letter-spacing: 10px;
        text-shadow: 3px 3px 7px #0e0e0e;
        width: 80%;
    }
    .end_area_note {
        font-size: 12px;
        bottom:2%;
        right: 2%;
    }
}




/* ------------------------------------------------------- 
	
 - 07 cv_area02

------------------------------------------------------- */
.cv_area02 {
	 clip-path: none;
	 margin-top: 0;
}