/* ********** WRAP ********** */
*, *::after ,*::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    outline: none;
}


@media only screen and (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:block;
	}
}

@media only screen and (min-width: 1025px) {
	.sp_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}


img {
	max-width:100%;
}

.sns_fixed {
	display: none;
	visibility: hidden;
}

.wrapper {
	/*font-family: "Noto Sans Japanese";*/
	font-family: 'Noto Sans JP', sans-serif;
	color:#333;
}




/* --------------------------------------------------
 MV
--------------------------------------------------- */

.slide {
	position: relative;
    width: 100%;
    height: 330px;
	/*min-height: 820px;*/
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /*animation-name: bnr-animation;*/
    /*animation-duration: 3.5s;*/
    background: #3d62ad;
}
.slide img {
	/*position:absolute;*/
	opacity:1;
	transition:all 1s ease-in-out;
	/*height:100%;*/
	object-fit:cover;
	/*filter: drop-shadow(2px 4px 4px #000d24);*/
}

/*@keyframes bnr-animation{
	0% {transform: scale(1.2); filter:blur(10px); opacity: .5;}
	100% {transform: scale(1); filter:blur(0px); opacity: 1;}
}*/

.tit_wrap{
	position: absolute;
    width: 550px;
    left: 50%;
	transform: translateX(-50%);
    top: 25%;
    color: #fff;
    text-align: left;
    font-family: 'Shippori Mincho', serif;
    /*animation-name: tit-animation;*/
    animation-duration: 1.4s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.tit_wrap > h1{
	font-size: 2.5vw;
	line-height: 1;
}

.tit_wrap > p{
	padding-top: 1em;
	font-size: 1.2vw;
	line-height: 1.5;
	color: #fff;
}
.subtit_wrap{
	position: absolute;
    width: 100%;
    height: 50px;
    right: 0%;
    top: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #faee2b;
    color: #3d62ad;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    animation-duration: 2s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
}

/*@keyframes tit-animation{
	0% {transform: translate(-50%, 100px); opacity: 0;}
	100% {transform: translate(-50%, 0px); opacity: 1;}
}*/

@media only screen and (max-width: 1025px) {
	.slide {
		position:relative;
		height:380px;
		min-height: initial;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		animation-duration: 5s;
	}
	.slide img {
		position:absolute;
		opacity:1;
		transition:all 1s ease-in-out;
		width: 100%;
		height:initial;
		object-fit:contain;
	}

	.tit_wrap{
		position: absolute;
		min-width: initial;
		max-width: 500px;
		width: 100%;
		bottom: initial;
		left: 50%;
		transform: translateX(-50%);
		top: 25%;
		color: #fff;
		text-align: left;
		font-family: 'Shippori Mincho', serif;
		/*animation-name: tit-animation;*/
		animation-duration: 2s;
		animation-delay: 1.8s;
		animation-fill-mode: forwards;
	}
	
}

@media only screen and (max-width: 641px) {
	.slide {
		position:relative;
		height:400px;
		min-height: initial;
		display: flex;
		justify-content: center;
		align-items: center;
		animation-duration: 5s;
	}
	.slide img {
		position:absolute;
		opacity:1;
		transition:all 1s ease-in-out;
		width: 100%;
		height:initial;
		object-fit:cover;
		bottom: -10px;
	}
	.slide > img:first-of-type {
		top: 48px;
	}
	.slide > img:last-of-type {
		bottom: 0;
	}
	.tit_wrap{
		width: 85vw;
		top: 68%;
		bottom: initial;
		left: 50%;
		transform: translateX(-50%);
		min-width: initial;
	}
	.tit_wrap > h1{
		font-size: 10.5vw;
		line-height: 1.2;
		display: flex;
		justify-content: center;
	}
	.slide h1 > img {
		width: 330px;
	}
	.tit_wrap > p{
		font-size: 4.2vw;
	}
	.subtit_wrap{
		height: 44px;
		font-size: 17px;
		margin-top: 5px;
	}
}


/*card_item*/
.card_topic{
	width: 90%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
}

.card_topic .card_item{
	width: 18%;
	height: 100%;
	padding: 1em 1em 0;
	/*filter: drop-shadow(-3px 4px 6px rgba(0,0,0,.5));*/
	opacity: 0;
    transform: translateY(50px);
    overflow: hidden;
    transition: .5s;
}

.card_topic.show .card_item{
	opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
    transition: 1.2s;
}

.card_topic.show .card_item:nth-of-type(2n){
    transition-delay: .2s;
}

.card_topic.show .card_item:nth-of-type(3n){
    transition-delay: .4s;
}

.card_topic .card_item:nth-of-type(4n),
.card_topic.show .card_item:nth-of-type(4n){
	/*width: 16%;*/
    transition-delay: .6s;
	/*padding: 1em 1em 1em 0;*/
}

.card_topic .card_item:nth-of-type(5n),
.card_topic.show .card_item:nth-of-type(5n){
    transition-delay: .8s;
	/*padding: 1.5em;*/
}

.card_topic.show .card_item:nth-of-type(6n){
    transition-delay: 1s;
}

.grid_topic__text {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align:center;
	bottom:0;
	left:0;
	width:100%;
	filter: drop-shadow(5px 6px 5px rgba(0,0,0,.2));
}

/*.grid_topic__text::before {
	content: "";
	bottom: 0;
	right: 0;
	border-top: 6em solid transparent;
	border-right: 6em solid #cf6501; 
	position: absolute;
	z-index: 100;
}

.grid_topic__text::after {
	content: "詳細を\A見る";
    white-space: pre;
    line-height: 1.2;
    display: block;
    bottom: 13px;
    transform: rotate(-45deg);
    color: #fff;
    right: 8px;
    position: absolute;
    z-index: 101;
}*/
@media only screen and (min-width:600px) and (max-width:1024px) {
	.card_topic{
		flex-flow: wrap;
		padding: 2em 2em 5em;
	}
	.card_topic .card_item{
		width: 32%;
		height: 100%;
		padding: .25em;
	}
	/*.grid_topic__text::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 6em solid transparent;
		border-right: 6em solid #cf6501; 
		position: absolute;
		z-index: 100;
	}
	.grid_topic__text::after {
		content: "詳細を\A見る";
		white-space: pre;
		right: 7px;
		font-size: 16px;
		line-height: 1.1;
		font-weight: normal;
	}*/
}

@media only screen and (max-width:599px) {
	.card_topic{
		flex-flow: wrap;
		padding: initial;
	}
	.card_topic .card_item{
		width: 32%;
		height: 100%;
		padding: 0.5em 0.25em;
	}
	/*.grid_topic__text::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4.5em solid transparent;
		border-right: 4.5em solid #cf6501; 
		position: absolute;
		z-index: 100;
	}
	.grid_topic__text::after {
		content: "詳細を\A見る";
		white-space: pre;
		right: 5px;
		bottom: 10px;
		font-size: 13px;
		line-height: 1.1;
		font-weight: normal;
	}*/
	.card_topic .card_item:nth-of-type(4n), .card_topic.show .card_item:nth-of-type(4n) {
		width: 32%;
		height: 100%;
		padding: 0.5em 0.25em;
	}
	.card_topic .card_item:nth-of-type(5n), .card_topic.show .card_item:nth-of-type(5n) {
		/*padding: 0 0.8em;*/
	}
}
/*card_item*/



/* --------------------------------------------------
 Wave Animation
--------------------------------------------------- */
/*
 UpDown-Animation
---------------- */
.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 6.5s;
  /* width: 128px; */
}
.keyframe0{
  animation-name: anim_po;
  /* position: absolute; */
}
@keyframes anim_po {
  0% {transform: translate(0,0px);}
  100% {transform: translate(0,-55px);}
}

/*
 Wave-Animation
---------------- */
.parallax > use {
    animation: move-forever 75s cubic-bezier(0.49, 0.47, 0.49, 0.46)
    infinite;
    //animation-delay: -2s;
    //animation-duration: 9s;
}
.parallax > use:nth-child(1) {
  animation-delay: -1s;
  animation-duration: 52s;
}
.parallax > use:nth-child(2) {
  animation-delay: -20s;
  animation-duration: 70s;
}
.parallax > use:nth-child(3) {
  animation-delay: -30s;
  animation-duration: 52s;
}
.parallax > use:nth-child(4) {
  animation-delay: -80s;
  animation-duration: 90s;
}

@keyframes move-forever {
    0% {transform: translate3d(-90px,0,0);}
    100% {transform: translate3d(85px,0,0);}
}

/* 
bg_wave 
------------ */
@media only screen and (max-width: 599px){
	.bg_wave {
		//background:#54b9c9;
		background:none;
		height:40px;	
	}
	.waves {
	    position:relative;
	    width: 100%;
	    height:40px;
	    margin-bottom:-7px; /*Fix for safari gap*/
	    min-height:40px;
	    max-height:70px;
	}	
}

@media only screen and (min-width: 600px) and (max-width:1024px) {
	.bg_wave {
		//background:#54b9c9;
		background:none;	
	}
	.waves {
	    position:relative;
	    width: 100%;
	    height:5vh;
	    margin-bottom:-7px; /*Fix for safari gap*/
	    min-height:100px;
	    max-height:150px;
	}
	.content {
	    position:relative;
	    height:20vh;
	    text-align:center;
	    background-color: white;
	}
}

@media only screen and (min-width: 1025px){
	.bg_wave {
		//background:#54b9c9;
		background:none;	
	}
	.waves {
	    position:relative;
	    width: 100%;
	    height: 31vh;
	    margin-bottom:-7px; /*Fix for safari gap*/
	    min-height:200px;
	    max-height:350px;
	    margin-top: -16rem;
	}
	.content {
	    position:relative;
	    height:20vh;
	    text-align:center;
	    background-color: white;
	}
}

/* ----------------------------------------------------
 main_lead
---------------------------------------------------- */
.main_lead {
	margin:2rem 0 5rem;
	width:100vw;
}
@media only screen and (min-width:600px) {
    .main_lead {
		margin: 3rem 0 5rem;
	}
}


/* 
 main_lead_col
----------------- */
.main_lead_col {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-flow: row wrap;
	margin:0 1.6rem;
	font-family: 'Shippori Mincho', serif;
}
.main_lead_col .box {
	padding: 0;
	/* margin: 0 auto; */
	color: #333;
	font-size: 1.5rem;
	letter-spacing:3px;
	opacity: 0;
}
.fadeUp {
	animation-name:fadeUpAnime;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeUpAnime{
from {
 	opacity: 0;
	transform: translateY(20px);
	}
to {
  	opacity: 1;
	transform: translateY(0);
	}
}

.main_lead p {
	font-size: 1rem;
	margin: 2rem auto 3rem;
	line-height:2.5;
	letter-spacing:2px;
	color: #333;
	font-family: 'Shippori Mincho', serif;
}

@media only screen and (min-width:600px) {
    .main_lead_col {
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-flow: row nowrap;
		width:1000px;
		margin:0 auto;
		font-family: 'Shippori Mincho', serif;
	}
	.main_lead_col .box {
		padding: 0;
		margin: 0 auto;
		color: #333;
		font-size: 3rem;
		letter-spacing:8px;
		opacity: 0;
	}
	.fadeUp {
		animation-name:fadeUpAnime;
		animation-duration:0.3s;
		animation-fill-mode:forwards;
		opacity: 0;
	}
	@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(20px);
		}
	to {
		opacity: 1;
		transform: translateY(0);
		}
	}

	.main_lead p {
		font-size:1.5rem;
		margin:2rem auto 8rem;
		line-height:2.5;
		letter-spacing:2px;
		color: #333;
		font-family: 'Shippori Mincho', serif;
	}
}



/* ----------------------------------------------------
 common
---------------------------------------------------- */
/* 
 anc_section
-------------------------- */
.anc_section h2 {
	padding: 3rem 2rem 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	line-height: 1.7;
}

.anc_section .dots{
	padding: 3rem 0 0 ;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2rem;
	color: #272123;
}

.dots span {
	position: relative; 
}
.dots span::before {
	content: "・"; 
	position: absolute; 
	top: -.8em; 
	left: 0; 
	color: #f1c925;
}

section{
	width: 100%;
	max-width: 100%;
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.anc_section {
		padding: 4rem 0 0;
	}
	.anc_section h2 {
		padding: 0 1rem;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2rem;
		color: #272123;
	}
	.anc_section .dots{
		padding: 0 1rem;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.5rem;
		color: #272123;
	}
}


@media only screen and (min-width: 1025px) {
	.anc_section {
		padding: 5rem 0 0;
	}
	.anc_section h2 {
		padding: 0 2rem;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.5rem;
		color: #272123;
	}
	.anc_section .dots{
		padding: 0 2rem 1em;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.5rem;
		color: #272123;
	}
}


/* 
 plan_lead
-------------------------- */
.sub_lead {
	font-size:0.85rem;
	margin: 1rem 2rem -3.5rem;
	line-height: 1.6;
	text-align: center;
}

.plan_lead {
	font-size:0.85rem;
	margin: 1rem 2rem -3rem;
	line-height: 1.6;
	text-align: left;
}

@media only screen and (min-width: 599px) {
	.sub_lead {
	    font-size:1rem;
	    margin:1rem 0 3rem;
        line-height: 1.9;
		text-align: center;
    }

    .plan_lead {
	    font-size:1rem;
	    margin:1rem 0 3rem;
        line-height: 1.9;
		text-align: center;
    }
}


/* 
 sleep_note
-------------------------- */
.sleep_note {
	font-size:0.75rem;
	text-align:left;
	margin:0.3rem 2rem;
	text-indent:-0.8rem;
	padding-left:1rem;
}
.sleep_note li {
	margin-bottom:0.3rem;
}

@media only screen and (min-width: 599px) {
	.sleep_note {
		font-size:0.8rem;
		text-align:left;
		margin:0.5rem auto;
		text-indent:0;
		padding-left:17%;
	}
	.sleep_note li {
		margin-bottom:0.2rem;
	}
}


/* ---------------------------------------------------- 
slick
---------------------------------------------------- */

.slider_wrap{
	width: 100%;
	margin: 80px auto 0;
}

.slick-slide{
    margin-right: 1.5vw!important;
    margin-left: 1.5vw!important;
	display: flex!important;
}

.slick-dots{
	position: relative!important;
	max-width: 1100px!important;
	margin: 0 auto!important;
	margin-top: -1em!important;
}

.slick-dots li{
	width: 145px!important;
	height:75px!important;
	margin: 1em 2em!important;
}
.slick-dots li button{
	width:100%!important;
	height:100%!important;
}

.slick-dots li button:before {
    content: ''!important;
    height: 85%!important;
	opacity:1!important;
}

.slick-dots li:nth-of-type(1) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_simmons.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(2) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_sealy.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(3) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_serta.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(4) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_kingsdown.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(5) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_francebed.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(6) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_paramount.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(7) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_stearnsfoster.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(8) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_tempur.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(9) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_asleep.png") no-repeat;
	background-size: contain!important;
}
.slick-dots li:nth-of-type(10) button:before{
	width: 100%;
	background: url("/fair/sleep/images/logo_waterworld.png") no-repeat;
	background-size: contain!important;
}

.slick-dots li button:before{
	content: ''!important;
	height:100%!important;
	width: 100%!important;
}

.productid__block__wrap .slick-dots,
.productid__block__wrap2 .slick-dots,
.section_05 .slick-dots{
	display: none!important;
}

.productid__block__wrap2 .slick-slide{
	margin-right: .3vw!important;
    margin-left: .3vw!important;
	display: flex!important;
	display: flex!important;
	justify-content: space-around!important;
	align-items: flex-start!important;
}

.showroom_slide .slick-slide{
	margin-right: 0!important;
    margin-left: 0!important;
	display: flex!important;
	display: flex!important;
	justify-content: space-around!important;
	align-items: flex-start!important;
}

.slider_wrap .note{
	width: 100%;
	font-size: 0.75rem;
	text-align: center;
	padding: 1rem;
}

.slider > .prev-arrow{
	display: inline !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 25% !important;
    left: 0 !important;
}
.slider > .next-arrow{
	display: inline !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 25% !important;
    right: 0 !important;
}

@media only screen and (min-width:642px) and (max-width:1024px) {
	.slider_wrap .note{
		width: 80%;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 641px) {
	.slick-dots li{
		width: 70px!important;
		height:40px!important;
		margin: .5em .5em!important;
	}

	.slider_wrap > note{
		font-size: 0.75rem;
    	padding: 0 2em;
	}

	.productid__block__wrap2 .slick-slide{
		margin-right: 1.5vw!important;
		margin-left: 1.5vw!important;
	}

	.slider_wrap .note{
		width: 100%;
		font-size: 0.75rem;
		text-align: left;
		padding: 1rem;
	}
	.slider > .prev-arrow{
		width: 10% !important;
	}
	.slider > .next-arrow{
		width: 10% !important;
	}
}


.header__spMenu__head__bottom .slick-slide {
	display:block !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}




/* ----------------------------------------------------
 brand_anchor
---------------------------------------------------- */
.brand_anchor ul {
	display: flex;
	flex-flow:row wrap;
	justify-content: space-between;
	padding:0 0.5rem;
}
.brand_anchor ul li {
	width:calc(20%);
	padding: 0% 2% 4%;
}
.brand_anchor .note {
	font-size: 0.7rem;
    text-align: left;
    text-indent: -1.3rem;
    padding-left: 1.5rem;
    margin: 0 1rem 0;
}

@media only screen and (min-width: 599px) {
	.brand_anchor ul {
		display: flex;
		flex-flow:row wrap;
		justify-content: space-between;
		padding: 0 0 1.5rem;
	}
	.brand_anchor ul li {
	    width:calc(19%);
	    padding:1rem 2rem;
	    margin-bottom: 0.5rem;
	   }
    .brand_anchor ul li a {
    	display:block;
    }
    .brand_anchor ul li a:hover {
    	opacity:0.7;
    }
    .brand_anchor .note {
		font-size: 0.7rem;
		text-align: center;
		text-indent: 0;
		padding-left: 0;
		margin: 0 auto;
	}

}



/* ----------------------------------------------------
 brand_col / other_brand_col
---------------------------------------------------- */
.brand_col {
    padding: 0 0 2rem;
    position:relative;
}
.brand_col ul {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1rem 0 0;
}
.brand_col ul li:last-child {
    text-align: left;
    margin:0 .5rem;
    font-size:0.8rem;
    line-height:1.6;
}
.brand_col .brand_name {
	width: 100%;
    font-weight:bold;
    font-size:1.3rem;
    padding-left: 0;
    line-height:1;
    text-align: center;
    margin:0 0 1rem 0rem;
}
.brand_col .brand_name span {
    font-size: 0.8rem;
}


@media only screen and (min-width: 1025px) {
	.brand_col {
        padding:1rem 0 1rem;
		position:relative;
	}
	.brand_col ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 1.5rem 0 1rem;
	}
	.brand_col ul li:first-child {
		width: 35%;
	}
	.brand_col ul li:last-child {
		width: 65%;
		text-align: left;
		margin:0;
		font-size: 0.9rem;
		line-height:1.6;
	}
	.brand_col .brand_name {
		font-weight:bold;
		font-size:1.5vw;
		line-height:1;
		text-align: center;
		margin:0;
	}


	.brand_col .brand_name span {
		font-size: 0.9rem;
	}
}

/* 
 btn_brand_smy
-------------------------- */
.btn_brand_smy {
	text-align:right;
	margin-right:.8rem;
}
.btn_brand_smy p {
	font-size:0.8rem;
	line-height: 2.0;
    margin: 0 0;
    position: relative;
	display:inline-block;
	border-bottom: 4px solid #e2e2e2;
}
.btn_brand_smy a {
	display:block;
	padding: 1rem 0 0rem;
}
.btn_brand_smy a::after {
    content: "";
    display: block;
    position: absolute;
    width: 40%;
    height: 4px;
    bottom: -4px;
    background-color: #f3d761;
}

@media only screen and (min-width: 1025px) {
	.btn_brand_smy {
		text-align:right;
		margin-right:0;
	}
	.btn_brand_smy p {
        font-size:1rem;
		line-height: 2.0;

		/*margin: 1rem 0 0;*/
		position: relative;
		display:inline-block;
		border-bottom: 4px solid #e2e2e2;
	}
	.btn_brand_smy a {
		display:block;
		padding: 0.5rem 0 0.1rem;
	}
    .btn_brand_smy a:hover {
		opacity:0.7;
	}
	.btn_brand_smy a::after {
		content: "";
		display: block;
		position: absolute;
		width: 40%;
		height: 4px;
		bottom: -4px;
		background-color: #f3d761;
	}
}

/* 
 other_brand_col
-------------------------- */
.other_brand_col ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding: 2rem 1rem;	
}
.other_brand_col ul li {
    width:calc(48%);
		margin-bottom:1rem;
}
.other_brand_col ul li dl {
	text-align:left;
	padding-right:0;
	width:100%;
}
.other_brand_col ul li dt {
	font-weight:bold;
    font-size: 0.95rem;
	margin:0.5rem 0 0.5rem;
}
.other_brand_col ul li dt span {
	font-size: 0.65rem;
	margin-left:0;
	letter-spacing:0.5px;
}
.other_brand_col ul li dd {
	font-size: 0.75rem;
	line-height: 1.6;
}


@media only screen and (min-width: 1025px) {
	.other_brand_col {
		padding-top:3rem;
	}
	.other_brand_col ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
        padding:0;
	}
	.other_brand_col ul li {
		width:calc(49%);
		margin-bottom:2rem;
	}
	.other_brand_col ul li dl {
		text-align:left;
		width:90%;
	}
	.other_brand_col ul li dt {
		font-weight:bold;
        font-size: 1.3rem;
		margin:0.5rem 0;
	}
	.other_brand_col ul li dt span {
		font-size: 0.8rem;
		margin-left:1rem;
	}
	.other_brand_col ul li dd {
		font-size:0.86rem;
		line-height: 1.6;
	}
}



/* ----------------------------------------------------
 each-brand
---------------------------------------------------- */
.paramount .brand_col {
	padding-bottom:2rem;
}
@media only screen and (min-width: 599px) {
	.paramount .brand_col {
		padding-bottom:4rem;
	}
}


/* --------------------------------------------------
 catalog_handling
--------------------------------------------------- */
.catalog_handling {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 2em 0;
	padding: 2rem 1rem 1rem;
	background: linear-gradient(0deg, #c9bb9f 0%, #fff 45%, #c9bb9f 100%);
}

.catalog_handling:nth-child(1) {
	width: 100%;
	margin: 0 0 1em;
	padding: 2rem 1rem 1rem;
	background: #eee;
}

.catalog_handling:nth-child(2) {
	width: 100%;
	margin: -2em 0 1em;
	padding: 2rem 1rem 1rem;
	background: linear-gradient(0deg, #c9bb9f 0%, #fff 45%, #c9bb9f 100%);
}

.catalog_handling .tit {
	font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1.4;
    border-top: 3px solid #5a5856;
    border-bottom: 3px solid #5a5856;
    padding: 0.8rem 0;
    margin: 0 0 1rem;
}

.catalog_handling .tit span{
	color: #e6002d;
	font-weight: bold;
}

.catalog_handling .lead {
	letter-spacing:0.5px;
	font-size:0.85rem;
	line-height:1.7;
	text-align: left;
	margin-bottom:2rem;
	padding: 0 5%;
}
.catalog_handling .lead span {
		text-decoration:underline;
	}
.catalog_handling .note {
	font-size:0.7rem;
	text-align:left;
	text-indent: -1.2rem;
	padding-left: 1.2rem;
	margin: 2rem auto 0;
}
.catalog_handling .note li {
	margin-bottom:0.5rem;
}
.btn_brand {
	border:3px solid rgb(9 13 60 / 100%);
	width: 100%;
	margin: 2rem auto 1.5rem;
}
.btn_brand a {
	padding:0.6rem;
	display:block;
	font-size:1.2rem;
	font-weight: bold;
	position:relative;
	letter-spacing:0.2px;
	color: rgb(9 13 60 / 100%);
	background: #f3d761;	
	transition: .3s;
	overflow: hidden;
}

.btn_brand a::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
	/* 【変更部分】inifiniteによりずっと続ける */
	-webkit-animation: shine 1s infinite;
			animation: shine 1s infinite;
	animation-duration:2.5s;
	animation-delay: 3s;
  }
  
  @-webkit-keyframes shine {
	100% {
		left: 100%;
	}
  }
  
  @keyframes shine {
	100% {
		left: 100%;
	}
  }

.btn_brand a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
}
.btn_brand:hover {
	border:solid 1px #fff;
}
.btn_brand a:hover {
	background-color:#fff;
	box-sizing:border-box;	
	color:#243758;
}
.btn_brand:hover::after {
	color:#243758;
}


@media only screen and (min-width:600px) and (max-width:1024px) {
	.catalog_handling {
		position: relative;
	}
	.catalog_handling .lead {
		letter-spacing:0.5px;
		font-size:0.85rem;
		line-height:1.7;
		text-align: left;
		margin-bottom:2rem;
		padding: 0 10%;
	}
	.btn_brand {
		border:1px solid #243758;
		width: 80%;
		margin: 2rem auto 1.5rem;
	}
}



@media only screen and (min-width: 1025px) {
	.catalog_handling {
		margin: 2em 0;
		padding: 2em 0;
		filter: drop-shadow(10px 10px 12px rgba(0,0,0,.5));
	}
	#section_03 >.catalog_handling,
	#section_06 >.catalog_handling,
	#section_07 >.catalog_handling{
		width: 100%;
		max-width: 100%;
		margin: 0 0 1em;
		padding: 2rem 1rem 1rem;
		background: #eee;
		filter: drop-shadow(10px 10px 12px rgba(0,0,0,.5));
		background: radial-gradient(ellipse farthest-corner at top, #fff 50%, #c9bb9f 100%);
	}
	.catalog_handling:nth-child(2) {
		width: 100%;
		margin: 2em 0;
		padding: 2rem 1rem 1rem;
		background: linear-gradient(0deg, #c9bb9f 0%, #fff 45%, #c9bb9f 100%);
	}
	.catalog_handling .tit {
		width: 80%;
		font-size: 2.2rem;
		font-weight: bold;
		letter-spacing: 3px;
		line-height: 1.4;
		border-top: 3px solid #5a5856;
		border-bottom: 3px solid #5a5856;
		padding: 1rem 0;
		margin: 0 auto 2rem;
	}
	.catalog_handling .lead {
		letter-spacing:0.5px;
		font-size:0.9rem;
		line-height:1.7;
		margin-bottom:2rem;
		text-align: center;
		padding: 0 20%;
	}
	.catalog_handling .lead span {
		text-decoration:underline;
	}
    .catalog_handling .note {
		font-size:0.75rem;
		text-align:left;
		text-indent: -0.8rem;
		padding-left: 0.8rem;
		margin: 2rem auto;
	}
	.catalog_handling .note li {
		margin-bottom:0.5rem;
	}
	.btn_brand {
		border:1px solid #243758;
		width: 45%;
		margin: 2em auto 1em;
	}
    .btn_brand a {
		padding: 0.6rem;
		display: block;
		font-size: 1.5rem;
		position: relative;
		letter-spacing: 0.2px;
		background: #f3d761;
		color: #000d24;
		font-weight: bold;
		transition: .3s;
	}
	.btn_brand a::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 2%;
		transform: translateY(-50%);
	}
	.btn_brand:hover {
		border:solid 1px #243758;
    }
    .btn_brand a:hover {
		background-color:#fff;
		box-sizing:border-box;	
		color:#243758;
    }
    .btn_brand:hover::after {
		color:#243758;
    }
}




/* --------------------------------------------------
 pick up - bedroom_col - col_contents
--------------------------------------------------- */

.bedroom_col,
.showroom_col{
	width: 100%;
}

.productid__block__wrap {
	padding: 1rem 0 1rem;
	background: #3d62ad;
}

.productid__block__wrap .productid__block {
	background: #fff;
    padding: 0 15px;
    margin: 0 6px;
}

.productid__block__wrap .productid__block h3 {
	text-align:left;
	font-size:1rem;
	margin:0 0 1rem;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.5rem;
	height: 3.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.productid__block__wrap .productid__block h4 {
	border-bottom: 3px dotted #e0e0e0;
	padding-bottom: 1em;
	margin: 0.8em;
	margin-bottom: 0.5em;
	height: 3.6em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.productid__block > img{
	width: 100%;
    margin: 1.5em auto 0;
    max-width: 130px;
}

.showroom_h4 {
	border-bottom: 3px dotted #e0e0e0;
	padding-bottom: 1em;
	margin: 0.8em;
	margin-bottom: 0.5em;
	height: 3.6em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.productid__block__wrap .productid__block:nth-child(4) h4 {
	font-size:0.9rem;
}

.productid__list {
	width:100%;
	text-align:left;
}


@media only screen and (min-width:600px) and (max-width:1024px) {
	.productid__block__wrap {
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.productid__block__wrap .productid__block {
		width:100%;
		margin-bottom: 0rem;
		padding: initial;
	}
	.productid__block__wrap .productid__block:nth-child(odd) {
		padding: 0 30px;
	}
	.productid__block__wrap .productid__block h3 {
		text-align:left;
		font-size:2vw;
		margin:1rem 0 1rem;
        border-bottom: 1px dotted #333;
        padding-bottom: 0.5rem;
	}
	.productid__block__wrap .productid__block h4 {
		height: 4em;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 3px dotted #e0e0e0;
		padding-bottom: 1em;
		margin-bottom: 0.5em;
	}
	.productid__block__wrap .productid__block:nth-child(4) h4 {
		font-size:2vw;
	}
	.productid__block .productid__list {
		display:flex;
		justify-content: space-between;
	}
	.productid__list {
		width:100%;
		text-align:left;
	}
}


@media only screen and (min-width: 1025px) {
	
    .productid__block__wrap {
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: initial;
		background: #3d62ad;
	}
	.productid__block__wrap .productid__block {
		width: 100%;
		height: 100%;
		/*min-height: 430px;*/
		padding-left: 1vw;
		margin: 10px;
		background: #fff;
	}

	.productid__block__wrap .productid__block h3 {
		text-align:left;
		font-size:1.2rem;
		margin:1rem 0 1rem;
        border-bottom: 1px dotted #333;
        padding-bottom: 0.5rem;
		height: 2.5em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.productid__block__wrap .productid__block h4 {
		height: 3em;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		border-bottom: initial;
		padding-bottom: 0em;
		margin-bottom: 0.5em;
	}

	.productid__block__wrap .productid__block:nth-child(4) h4 {
		font-size:1.2rem;
	}
	.productid__block .productid__list {
		display:flex;
		//flex-flow: row wrap;
		justify-content: space-between;
	}
	.productid__list {
		text-align:left;
	}
}




/* 
 productid__item
-------------------------- */
.productid__text {
	height: 4.2em;
	margin:0.5rem 0 0.3rem;
    font-weight:bold;
    font-size:12px;
    color:#424141;
}
.productid__text span {
    font-size: 0.7rem;
}
.productid__subtext {
	height: 5em;
    margin:0 0 0.5rem;
    font-size:13px;
    line-height: 1.6;
}
.productid__size {
    margin:0 0 0.2rem;
    font-size:0.65rem;
    color:#6b6b6b;
	text-align: center;
}
.productid__price {
    margin:0;
    font-size:13px;
	text-align: right;
}
.productid__price span {
	font-size:0.6rem;
}
.productid__btn {
	margin: 0 0 1em;
    padding:1rem 0 0 0;
    font-size:0.8rem;
    position:relative;
    text-align:right;
}
.productid__note {
	margin:0.1rem 0 0.3rem;
	font-size:0.6rem;
	color:#6b6b6b;
}
.productid__btn a{
	position: relative;
	display: inline-block;
	border-bottom: 4px solid #e2e2e2;
}

.productid__link::after,
.productid__link2::after {
	content: "";
	display: block;
	position: absolute;
	width: 40%;
	height: 4px;
	bottom: -4px;
	background-color: #f3d761;
}
.productid__link,
.productid__link2 {
    display:block;
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.productid__text {
		margin: 1rem 0 1rem;
		font-weight: bold;
		font-size: 14px;
		height: 3.5em;
		color: #424141;
	}
	.productid__subtext {
		height: 3em;
		margin:0 0 1rem;
		font-size:14px;
		line-height: 1.6;
	}
	.productid__size {
		margin:0 0 0.3rem;
		font-size:1vw;
		color:#6b6b6b;
	}
	.productid__price {
		margin: 0;
		font-size:1.7vw;
	}
	.productid__price span {
		font-size: 1.2vw;
	}
	.productid__btn {
		padding: 1rem 1.3rem 1rem 0;
		font-size: 1.4vw;
	}
	.productid__note {
		margin:0.1rem 0 0.3rem;
		font-size:0.6vw;
		color:#6b6b6b;
	}
	.productid__btn {
		line-height: 2.0;
		width: 100%;
	}

	.productid__btn a{
		position: relative;
		display: inline-block;
		border-bottom: 4px solid #e2e2e2;
	}

	.productid__link::after,
    .productid__link2::after {
		content: "";
		display: block;
		position: absolute;
		width: 40%;
		height: 4px;
		bottom: -4px;
		background-color: #f3d761;
	}	
	.productid__link,
    .productid__link2 {
		display:block;
	}
}


@media only screen and (min-width: 1025px) {
	.productid__text {
		height: initial;
		margin:0 0 1rem;
		font-weight:bold;
		font-size: 13px;
		color:#424141;
	}
	.productid__block__wrap .productid__block:nth-child(even) .productid__text {
        margin:0 0 1rem;
	}
	.productid__subtext {
		height: 3em;
		margin:0 0 1rem;
		font-size:0.875rem;
		line-height: 1.6;
	}
	.productid__size {
		margin:0 0 0.3rem;
		font-size: 11px;
		color:#222;
	}
	.productid__size span {
		font-size:10px;
	}
	.productid__price {
		margin: 0;
		font-size:14px;
	}
	.productid__price span {
		font-size:10px;
	}
	.productid__btn {
		padding: 1rem 0.3rem 0rem 0;
    	font-size: 0.8rem;
	}
	.productid__note {
		margin:0.1rem 0 0.3rem;
		font-size:0.6rem;
		color:#6b6b6b;
	}
	.productid__link,
    .productid__link2 {
		display:block;
	}


	.productid__btn {
		line-height: 2.0;
		width: 100%;
	}

	.productid__btn a{
		margin-bottom: 1em;
		position: relative;
		display: inline-block;
		border-bottom: 4px solid #e2e2e2;
	}

	.productid__link::after,
    .productid__link2::after {
		content: "";
		display: block;
		position: absolute;
		width: 40%;
		height: 4px;
		bottom: -4px;
		background-color: #f3d761;
	}	
}


/* 
pickupitem_link_btn
-------------------------- */
/*.pickupitem_link_btn {
	background: #eee;
}*/
.pickupitem_link_btn ul {
	padding: 0 1rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-flow:column wrap;
}
.pickupitem_link_btn .price_wrap {
	padding: 0 1rem;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	align-items:center;
	flex-flow:column wrap;
}
.pickupitem_link_btn ul li {
	width:calc(100%);
	position:relative;
	border:1px solid #243758;
	margin-bottom:1rem;
}
.pickupitem_link_btn ul li a {
	padding:0.6rem;
	display:block;
	font-size: 0.8rem;
	letter-spacing:0.2px;
	background: #fff;
}
.pickupitem_link_btn ul li a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
}
.pickupitem_link_btn ul li:hover {
	border:solid 1px #243758;
}
.pickupitem_link_btn ul li a:hover {
	background-color:#243758;
	box-sizing:border-box;	
	color:#fff;
}
.pickupitem_link_btn ul li:hover::after {
	color:#fff;
}





@media only screen and (min-width:600px) and (max-width:1024px) {
	.pickupitem_link_btn ul li {
		width: 80%;
		position:relative;
		border:1px solid #243758;
		margin-bottom:1rem;
	}
}






@media only screen and (min-width:1025px) {
	.pickupitem_link_btn ul {
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-flow:row wrap;
	}
	.pickupitem_link_btn ul li {
		width:calc(48%);
		position:relative;
		border:1px solid #243758;
		margin-bottom:1rem;
	}
	.pickupitem_link_btn ul li a {
		padding:0.6rem;
		display:block;
		font-size:0.9rem;
		letter-spacing:0.2px;   
	}
	.pickupitem_link_btn ul li a::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 2%;
		transform: translateY(-50%);
	}
	.pickupitem_link_btn ul li:hover {
		border:solid 1px #243758;
	}
	.pickupitem_link_btn ul li a:hover {
		background-color:#243758;
		box-sizing:border-box;	
		color:#fff;
	}
	.pickupitem_link_btn ul li:hover::after {
		color:#fff;
	}
}



/* --------------------------------------------------
  more_item_col
--------------------------------------------------- */
.more_item_col {
	width: 100%;
}

.more_item_col h3 {
	font-size: 1.2rem;
	margin: 4rem 0 1rem;
	color: #272123;
}
.more_item_col .plan_lead {
	margin:1rem 2rem;
}
@media only screen and (min-width:768px) {
	.more_item_col {
		padding: 5em 0 0;
	}

	.more_item_col h3 {
		font-size:1.8rem;
		color: #272123;
		margin:2rem 0 1rem;
	}
}

/* 
 productid__block__wrap2
-------------------------- */
.productid__block__wrap2 {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 1.5rem 0 0;
}
.productid__block__wrap2 {
	width:100%;
	text-align:left;
	flex-direction: column;
}
.productid__block__wrap2 .productid__item:first-child {
	margin-bottom:1rem;
}


@media only screen and (min-width:600px) and (max-width:1024px) {
    .productid__block__wrap2 {
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 3rem 1rem 0;
	}	
	.productid__block__wrap2 {
		width: 100%;
		text-align:left;
	}
	.productid__block__wrap2 .productid__item:first-child,
	.productid__block__wrap2 .productid__item:nth-child(5) {
		margin-bottom:3rem;
		margin-right: 1em;
    	margin-left: 1em;
	}
	.productid__block__wrap2 .productid__item:nth-child(4) {
		margin-bottom:3rem;
	}	
}


@media only screen and (min-width: 1025px) {
    .productid__block__wrap2 {
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 3rem 0 0;
	}	
	.productid__block__wrap2 {
		width: calc(23%);
		text-align:left;
	}
	.productid__block__wrap2 .productid__item:first-child,
	.productid__block__wrap2 .productid__item:nth-child(5) {
		margin-bottom:3rem;
		margin-right: initial;
    	margin-left: initial;
	}
	.productid__block__wrap2 .productid__item:nth-child(4) {
		margin-bottom:3rem;
	}
}


/* 
 productid__item
-------------------------- */
.productid__block__wrap2 .productid__text {
	margin:0.5rem 0 0.3rem;
	font-weight:bold;
	font-size: 0.85rem;
	color:#424141;
	border-bottom: 1px solid #bbb;
	padding-bottom: 0.5rem;
}
.productid__block__wrap2 .productid__text span {
    font-size: 0.6rem;
}
.productid__block__wrap2 .productid__subtext {
    margin: 0.5rem 0 0.5rem;
    font-size:0.75rem;
    line-height: 1.6;
}
.productid__block__wrap2 .productid__othertext {
	font-size:0.8rem;
}
.productid__block__wrap2 .productid__size {
    margin:0 0 0.2rem;
    font-size:0.65rem;
    color:#6b6b6b;
}
.productid__block__wrap2 .productid__price {
    margin:0;
    font-size:0.9rem;
}
.productid__block__wrap2 .productid__price span {
	font-size:0.6rem;
}
.productid__block__wrap2 .productid__btn {
    padding:0.5rem 1rem 1rem 0;
    font-size:0.8rem;
    position:relative;
    text-align:right;
}
.productid__block__wrap2 .productid__note {
	margin:0.1rem 0 0.3rem;
	font-size:0.6rem;
	color:#6b6b6b;
}


.productid__block__wrap2 .productid__btn a{
	position: relative;
	display: inline-block;
	border-bottom: 4px solid #e2e2e2;
}

.productid__block__wrap2 .productid__link::after,
.productid__block__wrap2 .productid__link2::after {
	content: "";
	display: block;
	position: absolute;
	width: 40%;
	height: 4px;
	bottom: -4px;
	background-color: #f3d761;
}

.productid__block__wrap2 .productid__link,
.productid__block__wrap2 .productid__link2 {
    display:block;
}


@media only screen and (min-width:600px) and (max-width:1024px) {
	.productid__block__wrap2 .productid__text {
		margin:1rem 0 1rem;
		font-weight:bold;
		font-size: 1.8vw;
		color:#424141;
	}
	.productid__block__wrap2 .productid__subtext {
		margin:0 0 1rem;
		font-size:1.4vw;
		line-height: 1.6;
	}
	.productid__block__wrap2 .productid__size {
		margin:0 0 0.3rem;
		font-size:1vw;
		color:#6b6b6b;
	}
	.productid__block__wrap2 .productid__price {
		margin: 0;
		font-size:1.7vw;
	}
	.productid__block__wrap2 .productid__price span {
		font-size: 1.2vw;
	}
	.productid__block__wrap2 .productid__btn {
		padding: 1rem 1.3rem 1rem 0;
		font-size: 1.4vw;
	}
	.productid__block__wrap2 .productid__note {
		margin:0.1rem 0 0.3rem;
		font-size:0.6vw;
		color:#6b6b6b;
	}
	.productid__block__wrap2 .productid__btn::after {
		top: 50%;
        right: 6%;
	}

	.productid__block__wrap2 .productid__btn a{
		position: relative;
		display: inline-block;
		border-bottom: 4px solid #e2e2e2;
	}
	
	.productid__block__wrap2 .productid__link::after,
	.productid__block__wrap2 .productid__link2::after {
		content: "";
		display: block;
		position: absolute;
		width: 40%;
		height: 4px;
		bottom: -4px;
		background-color: #f3d761;
	}

	.productid__block__wrap2 .productid__link,
    .productid__block__wrap2 .productid__link2 {
		display:block;
	}
}



@media only screen and (min-width: 1025px) {
	.productid__block__wrap2 .productid__text {
		margin:1rem 0 0.5rem;
		font-weight:bold;
		font-size: 1rem;
		color:#424141;
		border-bottom: 1px solid #bbb;
		padding-bottom: 0.5rem;
		line-height:1.5;
	}
    .productid__block__wrap2 .productid__text span {
		font-size:0.75rem;
    }
	.productid__block__wrap2 .productid__subtext {
		margin:0 0 1rem;
		font-size:0.85rem;
		line-height: 1.6;
	}
	.productid__block__wrap2 .productid__othertext {
		font-size:0.85rem;
	}
	.productid__block__wrap2 .productid__size {
		margin:0 0 0.3rem;
		font-size:0.7rem;
		color:#6b6b6b;
	}
	.productid__block__wrap2 .productid__price {
		margin: 0;
		font-size:0.9rem;
	}
	.productid__block__wrap2 .productid__price span {
		font-size:0.6rem;
	}
	.productid__block__wrap2 .productid__note {
		margin:0.1rem 0 0.3rem;
		font-size:0.6rem;
		color:#6b6b6b;
	}
	.productid__block__wrap2 .productid__btn {
		padding: 1rem 0.3rem 0rem 0;
		font-size:0.8rem;
	}
	/*.productid__block__wrap2 .productid__btn::after {
		content: "\f101";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 2%;
		transform: translateY(-50%);
	}*/
	.productid__block__wrap2 .productid__link,
    .productid__block__wrap2 .productid__link2 {
		display:block;
	}	
}



.showroom_col{
	width: 100%;
    padding-top: 0rem;
    margin-top: -1rem;
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.showroom_col{
		width: 100%;
		margin-top: initial;
	}
}

@media only screen and (min-width: 1025px) {
	.showroom_col{
		width: 100%;
		padding-top: initial;
		margin-top: initial;
		margin-top: -1rem;
	}
}

/* ----------------------------------------------------
 item_link_btn
---------------------------------------------------- */
/*
.item_link_btn {
    margin:0 1rem 0;
}
.item_link_btn ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-flow:column wrap;
}
.item_link_btn ul li {
	width:calc(100%);
	position:relative;
    border:1px solid #243758;
	margin-bottom:1rem;

}
.item_link_btn ul li a {

    padding:0.6rem;
    display:block;
    font-size:0.8rem;
    letter-spacing:0.2px;   
}

.item_link_btn ul li a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
}
.item_link_btn ul li:hover {
   	border:solid 1px #243758;
}
.item_link_btn ul li a:hover {
   	background-color:#243758;
   	box-sizing:border-box;	
   	color:#fff;
}
.item_link_btn ul li:hover::after {
   	color:#fff;
}

@media only screen and (min-width: 600px) and (max-width: 1025px) {
	.item_link_btn {
		margin:4rem 1rem 0;
	}
	.item_link_btn ul {
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-flow:row wrap;
	}
	.item_link_btn ul li {
		width:calc(48%);
		position:relative;
		border:1px solid #243758;
		margin-bottom:1rem;

	}
	.item_link_btn ul li a {
		padding:0.6rem;
		display:block;
		font-size:0.9rem;
		letter-spacing:0.2px;   
	}
	.item_link_btn ul li a::after {

		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 2%;
		transform: translateY(-50%);
	}
	.item_link_btn ul li:hover {
		border:solid 1px #243758;
    }
    .item_link_btn ul li a:hover {
		background-color:#243758;
		box-sizing:border-box;	
		color:#fff;
    }
    .item_link_btn ul li:hover::after {
		color:#fff;
    }
}

@media only screen and (min-width: 1025px) {
	.item_link_btn {
		margin:0 0 0;
	}
	.item_link_btn ul {
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-flow:row wrap;
	}
	.item_link_btn ul li {
		width:calc(48%);
		position:relative;

		border:1px solid #243758;
		margin-bottom:1rem;

	}
	.item_link_btn ul li a {
		padding:0.6rem;
		display:block;
		font-size:0.9rem;
		letter-spacing:0.2px;   
	}
	.item_link_btn ul li a::after {

		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 2%;
		transform: translateY(-50%);
	}
	.item_link_btn ul li:hover {
		border:solid 1px #243758;
    }
    .item_link_btn ul li a:hover {
		background-color:#243758;
		box-sizing:border-box;	
		color:#fff;
    }
    .item_link_btn ul li:hover::after {
		color:#fff;
    }
}
*/


/* ----------------------------------------------------
  sleep_adviser
---------------------------------------------------- */
.sleep_adviser {
	width: 1100px;
    padding: 0;
	margin: 0 auto 5rem;
}
.sleep_adviser h2 {
	padding: 2rem 0 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.sleep_adviser .text {
    margin: auto 1rem 1rem;
}
.sleep_adviser .text p:first-child {
    font-size: 1.1rem;
    margin:1rem auto;
	line-height: 1.6;
}
.sleep_adviser .text p:nth-of-type(2) {
	font-size:0.8rem;
	text-align:left;
	line-height:1.7;
}
.reserve .moreinfo a {
	background-color: #243758;
	color: #fff;
	display:block;
	padding:0.6rem 0;
	margin:2rem auto 0;
	font-size:0.85rem;
	letter-spacing:1px;
}
.reserve p {
    margin: 0.5em 0 0;
    text-align: left;
    font-size: 0.69rem;
}
.adviser {
	margin: 1.5em 0 0;
	background-color: #fff;
	border: solid 1px #4d4339;
}
.adviser .text {
	margin: 0;
	padding: 1rem;
	background-color: #fff;
	text-align:left;
	line-height:1.7;
	font-size:0.8rem;
}
.adviser .text dt {
	font-weight: bold;
	font-size: 0.9rem;
	border-bottom: 1px solid #243758;
	padding-bottom:0.3rem;
}
.adviser .text dd {
	margin-top:0.5rem;
	font-size:0.75rem;
}
.sleep_adviser .note {
	margin-top:0.5rem;
	font-size:0.7rem;
}

@media only screen and (min-width:642px) and (max-width:1024px) {
	.sleep_adviser .text {
		width: 80%;
		margin: 1rem auto;
	}
}

@media only screen and (min-width: 1025px) {
    .sleep_adviser {
		width: 1100px;
		padding: 0;
		margin: 0 auto;
	}
	.sleep_adviser .text {
        margin: 0;
        padding-bottom:3rem;
    }
	.sleep_adviser .text p:first-child {
		font-size: 1.6rem;
		margin:2rem auto;
	}
	.sleep_adviser .text p:nth-of-type(2) {
		font-size:0.9rem;
		text-align:left;
		line-height:1.7;
	}
	.reserve .moreinfo a {
		background-color: #243758;
		color: #fff;
		display:block;
		padding:0.8rem 0;
		width:40%;
		margin:3rem auto 0;
	}
	.reserve p {
		margin: 0.5rem 0 2rem;

		text-align: center;
	}
	.adviser {
		margin: 1.5em 0 0;
		background-color: #fff;
		border: solid 1px #243758;
	}
	.adviser .text {
		margin: 0;
		padding: 1rem 1.5rem;
		background-color: #fff;
		text-align:left;
		line-height:1.7;
	}
	.adviser .text dt {
		font-weight: bold;
		font-size:1.1rem;
		border-bottom:none;
	}
	.adviser .text dd {
		font-size:0.9rem;
	}
	.sleep_adviser .note {
		margin-top:0.5rem;
    }
}




/* --------------------------------------------------
section_04. campaign / tokuten
--------------------------------------------------- */

.section_04 {
    background: #f1f1f1;
	margin-top: -5px;
}

@media only screen and (min-width: 769px) {
	.section_04 {
		background: #f1f1f1;
		padding: 5rem 0 0;
	}
}




/* 
main_lead_img
--------------------------- */
.main_lead_img{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.main_lead_img li{
	position: relative;
	width: 32%;
	padding: .2em;
}

.main_lead_img li img{
	width: 100%;
	filter: drop-shadow(5px 5px 8px rgba(0,0,0,.5));
	opacity: 0;
	transform: translateY(0px);
    overflow: hidden;
    transition: .5s;
}

.main_lead_img.show li img {
	opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
    transition: 1.2s;
}

.main_lead_img.show li:nth-of-type(2n) img{
	transition-delay: .2s;
}

.main_lead_img.show li:nth-of-type(3n) img{
	transition-delay: .4s;
}

.main_lead_img.show li:nth-of-type(4n) img{
	transition-delay: .6s;
}




/* 
 tokuten
---------------------------- */
@media only screen and (max-width:599px) {
	.tokuten {
		width: 100%;
		margin: 3em auto -2em;
	}
	.tokuten > p {
		font-size:1.5rem;
		font-weight: bold;
	}
	.tokuten_sub_head{
		font-size: 18px !important;
		padding-bottom: 0 !important;
		padding: 1em 0;
	}
	.tokuten_wrap {
		display:flex;
		align-items: center;
		flex-flow:column wrap;
		padding: 0 0 1rem;
		margin: 0 0 2em;
	}
	.tokuten_wrap > li {
		width: 90%;
		height: 100%;
	}
	.tokuten_col {
		margin: 2rem auto 0;
		padding: 0;
		overflow: hidden;
		transition: 1.2s;
		justify-content:space-around;
		align-items:center;
	}
	.tokuten_wrap > li:last-of-type > .tokuten_col {
		margin: 2rem auto 1rem;
	}
	.tokuten_wrap > li > ul {
		width: 100%;
		transform: translateX(-100%);
		overflow: hidden;
		transition: 1.2s;
		opacity: 0;
	}
	.tokuten_wrap > li.show > ul{
		transform: translateX(0);
		transition: 1.2s;
		opacity: 1;
		filter: drop-shadow(3px 3px 15px rgba(60, 98, 171, .6));
	}
	.tokuten_col > li img{
		width: 95%;
	}
	.second_list{
		width: 100%;
		min-width: 380px !important;
		height: auto;
		margin: 0 auto;
	}
}


@media only screen and (min-width:600px) and (max-width:1024px) {
	.tokuten {
		margin: auto 1.5rem;
	}
	.tokuten > p {
		font-size:3rem;
		font-weight: bold;
		padding-bottom: 0;
	}
	.tokuten_sub_head{
		font-size: 18px !important;
		padding-bottom: 0 !important;
		padding: 1em 0;
	}
	.tokuten > p:nth-of-type(3n) {
		margin-top: 2em;
		margin-bottom: 1em;
		font-size: 3rem;
		/*color: #e6002d;*/
		font-weight: bold;
	}
	.tokuten p span:nth-child(1) {
		font-size:1.5vw;
		color:#e6002d;
		font-weight: bold;
	}
	.tokuten p span:nth-child(3) {
		font-size:2vw;
		font-weight:bold;
		color:#e6002d;
	}
	.tokuten p span:nth-child(4) {
		font-size:1vw;
		vertical-align:super;
		font-weight:bold;
		color:#e6002d;
	}
	.main_lead_img li{
		width: 23%;
		padding: 1em;
	}

	.tokuten {
		margin: 3rem auto 0;
		padding: 3em 0 0 ;
	}
    .tokuten > .tokuten_note{
		margin:1em;
		font-size: 1rem;
		text-indent: -0.8rem;
	}
	.tokuten_wrap {
		position: relative;
		bottom: -1em;
		margin: initial;
		padding: 0;
		display:flex;
		flex-flow:initial;
		justify-content: center;
		align-items: center;
		background: #f1f1f1;
	}
	.tokuten_wrap > li {
		height: 100%;
		width: 450px;
		background-color:#f1f1f1;
		margin: 1em .5em 0;
		z-index: 0;
	}

	.tokuten_col {
		max-width: initial;
		height: 100%;
		max-height: initial;
		margin-top: 3px;
		padding: 2.5rem 1rem 0;
		display: flex;
		flex-flow: flex nowrap;
		justify-content: space-between;
		align-items: flex-start;
		transform: translateY(100%);
		overflow: hidden;
		transition: 1.2s;
		opacity: 0;
	}
	.tokuten_wrap.show .tokuten_col{
		padding: 1em 0 2em;
		filter: drop-shadow(3px 3px 15px rgba(60, 98, 171, .6));
		transform: translateY(0%);
		overflow: hidden;
		transition: 1.2s;
		transition-delay: 0;
		opacity: 1;
	}

	.tokuten_wrap.show > li:nth-of-type(2n) .tokuten_col {
		transition-delay: .25s;
	}
	.tokuten_wrap.show > li:nth-of-type(3n) .tokuten_col {
		transition-delay: .5s;
	}
    /*.tokuten_wrap > li:nth-of-type(2n) li:nth-of-type(3) {
    	margin-top:1em;
    }*/

	.tokuten_col > li {
		width:100%;
		height: 100%;
	}
	.tokuten_col > li >img{
		width:100%;
		height: 100%;
	}
	.tokuten_col > li .tokuten_text > li:first-of-type {
		font-size: 2rem;
		line-height:1;
		position: relative;
		margin: 0 auto;
		/* display: flex; */
		/* justify-content: center; */
		/* align-items: center; */
		color: #333;
	}
	.tokuten_col > li .tokuten_text > li:first-of-type span {
		font-size: 3rem;
	}
    .tokuten_col > li .tokuten_text > li:first-of-type::after {
    	content: "";
    	width: 11%;
    	border-bottom: 2px solid #f3d761;
    	position: absolute;
    	left: 50%;
    	bottom: -40%;
    	transform: translateX(-50%);
    }
	.tokuten_col > li .tokuten_text > li:nth-of-type(2) {
		font-size:1.2vw;
		font-weight: bold;
		padding: 2em 0 0 ;
		color: #333;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) {
		height: 100% !important;
		font-size: 2.8vw;
		font-weight: bold;
		color: #e6002d;
		height: 9vh;
		/* padding-bottom: 5rem; */
		/* display: block; */
		line-height: 1.2;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) span{
		height: 100% !important;
		font-size: 2vw;
		font-weight: bold;
		color: #e6002d;
		height: 9vh;
		/* padding-bottom: 5rem; */
		/* display: block; */
		line-height: 1.3;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) span {
		letter-spacing: 0.5px;

		font-size: 1.35rem;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) .comma {
		display:inline-block;
	}	
	.tokuten_col > li .tokuten_text > li:last-of-type .tokuten_note {
		margin-top: 4vh;
		color: #333;
	}
	.tokuten_wrap li:nth-child(2) .tokuten_col .tokuten_text .tokuten_note{
		margin-top: 4vh;
		color: #333;
	}
	.tokuten_col > li .tokuten_text > li:last-of-type .tokuten_note li {
		text-align:left;
		font-size:0.75rem;
        text-indent:-0.8rem;
		padding-left:1.4rem;
		width:100%;
	}
	.tokuten_col > li .tokuten_text .other_note {
		border:1px solid #8b8b8b;
		padding:1rem 0;
		margin-top:1rem;
		display:inline-block;
		font-size: 0.9rem;
		width:75%;
		color: #333;
	}
}


@media only screen and (min-width: 1025px) {
	.tokuten {
		margin: auto 1.5rem;
	}
	.tokuten > p {
		font-size:3rem;
		font-weight: bold;
		padding-bottom: 1em;
	}
	.tokuten_sub_head{
		font-size: 18px !important;
		padding-bottom: 0 !important;
		padding: 1em 0;
	}
	.tokuten > p:nth-of-type(3n) {
		margin-top: 2em;
		margin-bottom: 1em;
		font-size: 3rem;
		/*color: #e6002d;*/
		font-weight: bold;
	}
	.tokuten p span:nth-child(1) {
		font-size:1.5vw;
		color:#e6002d;
		font-weight: bold;
	}
	.tokuten p span:nth-child(3) {
		font-size:2vw;
		font-weight:bold;
		color:#e6002d;
	}
	.tokuten p span:nth-child(4) {
		font-size:1vw;
		vertical-align:super;
		font-weight:bold;
		color:#e6002d;
	}
	.main_lead_img li{
		width: 23%;
		padding: 1em;
	}

	.tokuten {
		margin: 3rem auto 0;
		padding: 3em 0 0 ;
	}
    .tokuten > .tokuten_note{
		margin:1em;
		font-size: 1rem;
		text-indent: -0.8rem;
	}
	.tokuten_wrap {
		position: relative;
		bottom: -1em;
		margin: initial;
		padding: 0;
		display:flex;
		flex-flow:initial;
		justify-content: center;
		align-items: center;
		background: #f1f1f1;
	}
	.tokuten_wrap > li {
		height: 100%;
		width: 450px;
		background-color:#f1f1f1;
		margin: 1em 1em 0;
		z-index: 0;
	}

	.tokuten_col {
		max-width: initial;
		height: 100%;
		max-height: initial;
		margin-top: 3px;
		padding: 2.5rem 1rem 0;
		display: flex;
		flex-flow: flex nowrap;
		justify-content: space-between;
		align-items: flex-start;
		transform: translateY(100%);
		overflow: hidden;
		transition: 1.2s;
		opacity: 0;
	}
	.tokuten_wrap.show .tokuten_col{
		filter: drop-shadow(3px 3px 15px rgba(60, 98, 171, .6));
		transform: translateY(0%);
		overflow: hidden;
		transition: 1.2s;
		transition-delay: 0;
		opacity: 1;
	}

	.tokuten_wrap.show > li:nth-of-type(2n) .tokuten_col {
		transition-delay: .25s;
	}
	.tokuten_wrap.show > li:nth-of-type(3n) .tokuten_col {
		transition-delay: .5s;
	}
    /*.tokuten_wrap > li:nth-of-type(2n) li:nth-of-type(3) {
    	margin-top:1em;
    }*/

	.tokuten_col > li {
		width:100%;
		height: 100%;
	}
	.tokuten_col > li >img{
		width:100%;
		height: 100%;
	}
	.tokuten_col > li .tokuten_text > li:first-of-type {
		font-size: 2rem;
		line-height:1;
		position: relative;
		margin: 0 auto;
		/* display: flex; */
		/* justify-content: center; */
		/* align-items: center; */
		color: #333;
	}
	.tokuten_col > li .tokuten_text > li:first-of-type span {
		font-size: 3rem;
	}
    .tokuten_col > li .tokuten_text > li:first-of-type::after {
    	content: "";
    	width: 11%;
    	border-bottom: 2px solid #f3d761;
    	position: absolute;
    	left: 50%;
    	bottom: -40%;
    	transform: translateX(-50%);
    }
	.tokuten_col > li .tokuten_text > li:nth-of-type(2) {
		font-size:1.2vw;
		font-weight: bold;
		padding: 2em 0 0 ;
		color: #333;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) {
		height: 100% !important;
		font-size: 2.8vw;
		font-weight: bold;
		color: #e6002d;
		height: 9vh;
		/* padding-bottom: 5rem; */
		/* display: block; */
		line-height: 1.2;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) span{
		height: 100% !important;
		font-size: 2vw;
		font-weight: bold;
		color: #e6002d;
		height: 9vh;
		/* padding-bottom: 5rem; */
		/* display: block; */
		line-height: 1.3;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) span {
		letter-spacing: 0.5px;

		font-size: 1.35rem;
	}
	.tokuten_col > li .tokuten_text > li:nth-of-type(3) .comma {
		display:inline-block;
	}	
	.tokuten_col > li .tokuten_text > li:last-of-type .tokuten_note {
		margin-top: 4vh;
		color: #333;
	}
	.tokuten_wrap li:nth-child(2) .tokuten_col .tokuten_text .tokuten_note{
		margin-top: 4vh;
		color: #333;
	}
	.tokuten_col > li .tokuten_text > li:last-of-type .tokuten_note li {
		text-align:left;
		font-size:0.75rem;
        text-indent:-0.8rem;
		padding-left:1.4rem;
		width:100%;
	}
	.tokuten_col > li .tokuten_text .other_note {
		border:1px solid #8b8b8b;
		padding:1rem 0;
		margin-top:1rem;
		display:inline-block;
		font-size: 0.9rem;
		width:75%;
		color: #333;
	}
}

.second_tokuten{
	width: 100%;
	background: #f1f1f1;
}
.second_tokuten_container{
	width: 100%;
	max-width: 1140px;
	height: auto !important;
	margin: 0 auto;
	align-items: flex-end;
}
.second_tokuten_wrap{
	position: relative;
	margin-top: -1em;
	filter: drop-shadow(0px -5px 20px rgba(0, 0, 0, .2));
}
.second_list{
	width: 50%;
	min-width: 550px;
	height: auto;
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.second_list{
		min-width: 370px;
	}
	.second_list > .tokuten_col{
		padding: 1em 0 0 !important; 
	}
}


/* 
 campaign
---------------------------- */
.campaign .campaign_tit {
	font-size:1.2rem;
	margin: 5rem 0 1rem;
}

@media only screen and (min-width: 599px) {
    .campaign .campaign_tit {
		font-size:1.7rem;
		margin:0 0 3rem;
	}
}


/* 
 locations
---------------- */
.locations_wrap {
	padding-top:0rem;
	padding: 0;
	margin: -0.5rem 0;
}
.locations {
	padding-bottom:0;
	padding-top: 1.5rem;
}
.locations h3 {
	font-size:1rem;
}
.locations ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
}
.locations ul li {
	width: calc(49%);
	text-align: left;
	position: relative;
	padding-right: 0;
}
.locations ul li:nth-child(2n) {
    padding: 0 0 0 0.8rem;
}
.locations ul li a {
	display: block;
	font-size: 0.8rem;
	padding: 0.4rem 0;
}
.locations ul li::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 53.5%;
	left: 97%;
	transform: translateY(-50%);
}
.locations ul li:nth-child(2n)::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 53.5%;
	left: 97%;
	transform: translateY(-50%);
}
.locations ul li .fs_mm {
	font-size:0.7rem;
}

@media only screen and (min-width: 599px) {
	.locations_wrap {
		padding:0;
		margin:0;
	}
	.locations {
		padding-bottom: 0;

		padding-top: 4rem;
		margin:0;
	}
	.locations h3 {
		display:inline;
        letter-spacing: 1px;
        font-size:1.2rem;
	}
	.locations ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;		
	}
	.locations ul li {
		width: calc(20%);
		text-align: center;
	}
	.locations ul li:nth-child(2n) {

        padding: 0;
    }
	.locations ul li a {
		text-decoration:underline;
		display:block;
		font-size: 0.8rem;
		padding:1rem 0;
	}
	.locations ul li::after,
	.locations ul li:nth-child(2n)::after {
		content: none;
	}
	.locations ul li .fs_mm {
		font-size:0.8rem;
	}
}

/* 
 campaign_note
------------------ */
.campaign_note {
	margin: 1rem 1rem;
}
.campaign_note ul {
	margin: 0;

	color:#676666;
}
.campaign_note ul li {
	text-align:left;
	font-size:0.7rem;
	text-indent:-0.6rem;
	padding-left:0.6rem;
	margin-bottom:0.3rem;
}

@media only screen and (min-width: 599px) {
	.campaign_note {
		width:1100px;
		margin-left:auto;

		margin-right:auto;
		margin-bottom: 0;
		padding: 0 0 1rem;
	}
	.campaign_note ul {
		margin: 2rem 0 3rem;
		color:#676666;
	}
	.campaign_note ul li {
		text-align:left;
		font-size:0.75rem;
        text-indent:-0.8rem;
	    padding-left:0.8rem;
	}
}



/* --------------------------------------------------
 section_06. services
--------------------------------------------------- */
.section_06 {
	width:100%;
	height:100%;
}

.services {
	position: relative;
	height: initial;
	display: flex;
    flex-direction: column;
	/*padding: 2em 0;*/
	z-index: 0;
}
/*.services::before {
	content: '';
    position: absolute;
    top: 25%;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(3px);
    background: url(/fair/sleep/images/showroom_sp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
}*/
.services .plan_lead {
	margin-bottom:1rem;
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.section_06 {
		width: 100%;
		height: 100%;
		margin-top: -8em;
	}
	
	.services {
		margin:0 auto;
		height: 100%;
		position: relative;
		padding: 6rem 0;
		/*background: linear-gradient(to top, transparent 0%, transparent 20%, #fff 85%), url(/fair/sleep/images/showroom.jpg);*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		z-index: 0;
	}

	.services::before {
		content: '';
		position: absolute;
		top: -5px;
		bottom: -5px;
		left: -5px;
		right: -5px;
		background: inherit;
		filter: blur(5px);
		z-index: -1;
	}
}

@media only screen and (min-width: 1025px) {
	.section_06 {
		width: 100%;
		height: 100%;
		margin-top: -8em;
	}
	
	.services {
		margin:0 auto;
		height: 100%;
		position: relative;
		padding: 6rem 0;
		background: linear-gradient(to top, transparent 0%, transparent 20%, #fff 85%), url(/fair/sleep/images/showroom.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		z-index: 0;
	}

	.services::before {
		content: '';
		position: absolute;
		top: -8em;
		bottom: -5px;
		left: -5px;
		right: -5px;
		background: inherit;
		filter: blur(5px);
		z-index: -1;
	}

	_:lang(x)::-moz-placeholder, .services::before {
		content: '';
		position: absolute;
		top: -5px;
		bottom: -5px;
		left: -5px;
		right: -5px;
		background: inherit;
		filter: unset;
		z-index: -1;
	}

	.services .plan_lead {
		margin-bottom:1rem;
	}
}




/* 
 features_sp
-------------------------- */
@media only screen and (max-width:599px) {
.features_sp {
	height: 380px!important;
	padding-bottom: 1rem;
	text-align:center;
	padding: 1em;
	display: flex!important;
	flex-direction: column;

	justify-content: flex-start;
	align-items: center;
	background: rgba(245,245,245,.9);
	}
	.features_sp .cnt_number_sp:nth-of-type(11) {
		margin-top:2rem;
	}
	.features_sp .cnt_number_sp:nth-of-type(17) {
		margin-top:2rem;
	}
	.features_subtitle_sp {
		display: inline;
		text-align: center;
		font-size: 1rem;
		font-weight: bold;
		margin-left: 0;
		line-height:1.4;
	}
	.features_sp p {
		font-size: 0.85rem;
		line-height: 1.6;
		letter-spacing:0.5px;
		margin-top: 0.8rem;
		text-align:left;
		padding: 0 .5rem;
	}

	.cnt_number_sp {
		font-family: 'Alegreya', serif;
		font-size: 2.3rem;
		text-align:center;
		line-height: 1.2;
		color: #e6002d;
	}

	.features_sp .note {
		font-size:0.7rem;
		margin-top:0;
	}

	/* 
	btn_service_smy_sp
	-------------------------- */
	.btn_service_smy_sp {

		margin:0.5rem;
	}
	.btn_service_smy_sp a {
		display:block;
		font-size:0.7rem;
		text-align:right;
		color:#8d8d8d;
		text-decoration:underline;
		padding: 0 1rem;
	}
}



@media only screen and (min-width:600px) and (max-width:1024px) {
	.features {
		text-align:left;
		padding: 3rem 2vw 0;
	}
	.features ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
	}
    .features  ul li:first-child {
		width:100%;
	}
	.features  ul li {
		width:calc(32.5%);
		border:1px solid #243758;
		background-color:#fff;
		margin-bottom:1rem;
	}
    .features__contents {
		font-size: 0.9rem;

		letter-spacing:0.5px;
		margin-top:0;
		padding: 0.5rem 1rem 2rem;
	}    
    .features__contents__cnt-number {
		font-size: 3.5rem;
		font-family: 'Alegreya', serif;
		color: #e6002d;
	}
	.features__contents__subtitle {
		display: inline;	
		text-align: center;
		font-size: 1.55rem;
		margin-left:1rem;
		line-height:1;
	}
    .features__contents__text {
		margin-top: 1.5rem;
		line-height:1.7;
		font-size: 0.85rem;
    }
    .features ul li:first-child .features__contents__text {
		margin-top: 0.8rem;
    }
    .features__contents__text-bb {
        color: #44584a;
        margin-top:1rem;
    }
	.features__contents__note {
		font-size:0.7rem;
		margin-top:0.5rem;
	}
	.features__contents__btn {
        margin-top: 1rem;
    }
    .features__contents__btn a {
        display:block;

		font-size:0.8rem;
		text-align:right;
		color:#8d8d8d;
		text-decoration:underline;
    }

}



/* 
 features (pc)
-------------------------- */
@media only screen and (min-width: 1025px) {
	.features {
		width: 1100px;
		margin: 0 auto;
		padding: 3rem 0;
		text-align:left;
	}
	.features ul {
		margin-bottom: 20vh;
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
	}
    .features  ul li:first-child {
		width:100%;
	}
	.features  ul li {
		width:calc(32.5%);
		background-color:#fff;
		margin-bottom:1rem;
		background: rgba(255,255,255,.9);
	}
    .features__contents {
		font-size: 0.9rem;
		letter-spacing:0.5px;
		margin-top:0;
		padding:0.5rem 2rem 2rem;
	}    
    .features__contents__cnt-number {
		font-size: 3.5rem;
		font-family: 'Alegreya', serif;
		color: #3d62ad;
	}
	.features__contents__subtitle {
		display: inline;	
		text-align: center;
		font-size: 1.55rem;
		margin-left:1rem;
		line-height:1;
	}
    .features__contents__text {
		margin-top: 1.5rem;
		line-height:1.7;

		font-size:0.85rem;
    }
    .features ul li:first-child .features__contents__text {
		margin-top: 0.8rem;
    }
    .features__contents__text-bb {
        color: #44584a;
        margin-top:1rem;
    }
	.features__contents__note {
		font-size:0.7rem;
		margin-top:0.5rem;
	}
	.features__contents__btn {
        margin-top: 0rem;
    }
    .features ul li:nth-child(2) .features__contents__btn{
		margin-top:3.9rem;
    }
    .features ul li:nth-child(3) .features__contents__btn{
		margin-top:1rem;
    }
    .features ul li:nth-child(4) .features__contents__btn{
		margin-top:2.4rem;
    }
	.features ul li:nth-child(6) .features__contents__btn{
		margin-top: 2.5rem;
    }
    .features ul li:nth-child(7) .features__contents__btn{
		margin-top: 2.5rem;
    }
    .features ul li:nth-child(10) .features__contents__btn{
		margin-top: 6rem;
    }     
    .features__contents__btn a {
        display:block;
		font-size:0.8rem;
		text-align:right;
		color:#8d8d8d;
		text-decoration:underline;
    }
}



/* --------------------------------------------------
 Bottom of page - banner
--------------------------------------------------- */
.bottom_bnr {
	padding:1rem 0;
}

@media only screen and (min-width: 599px) {
	.bottom_bnr {
		padding:3rem 0;
	}
}

/* 
 remote / interior
-------------------------- */
.cs_flex {
    display: block;
    max-width: 100%;
    margin: 2rem 1rem 0;
}
.cs {
    max-width: 100%;
    margin-bottom: 1rem;
}
.cs a {
	display:block;
	max-width: 100%;
}
.cs a:hover {
	opacity: 0.7;
}

@media only screen and (min-width: 599px) {
    .cs_flex {
		max-width: 1100px;
		margin: 3rem auto 0;
		display: flex;

		flex-wrap: wrap;
		justify-content: space-between;
	}
	.cs {
		width: 49%;
		margin: 3rem 0 1rem;
	}
	.cs a {
		display:block;
		max-width: 100%;
	}
	.cs a:hover {
		opacity: 0.7;
    }
}

/* 
 shop_info
-------------------------- */
.shop_info {
	margin:3rem 1rem;
}
.btn_shop_info {
	margin: 0.5rem 0 0.5rem;
	position: relative;
	border: solid 1px #676666;
}
.btn_shop_info a {
	text-align: center;
	color: #676666;
	display: block;
	padding: 0.6rem 1rem;
	font-size: 0.8rem;
}
.btn_shop_info::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 52%;
	right: 1rem;
    transform: translateY(-50%);
	color: #676666;
}
.btn_shop_info a:hover {
	box-sizing:border-box;	
}
.btn_shop_info a:hover::after {
	box-sizing:border-box;
}
	
@media only screen and (min-width: 599px) {
	.shop_info {
		margin:3rem 0;
	}
	.btn_shop_info {
		width: 47%;
		margin: 1.5rem auto 0.5rem;
		position: relative;
		border: solid 1px #676666;
	}
	.btn_shop_info a {
		text-align: center;
		color: #676666;
		display: block;
		padding: 0.8rem 1rem; 
	}
	.btn_shop_info::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 52%;
		right: 1rem;
		transform: translateY(-50%);
		color: #676666;
	}
	.btn_shop_info a:hover {
		box-sizing:border-box;	
	}

	.btn_shop_info a:hover::after {
		box-sizing:border-box;
    }	
}

/* ********** PAGETO shop ********** */

.pageto_shop {
	bottom: 42px;
	position: fixed;
	right: 20px;
	z-index: 999;    
	}

.pageto_shop a {
	position: relative;
    background-color: #3d62ad;
    /* background-image: url(/fair/sleep/images/icon_reserve.png); */
    border-radius: 45px 45px;
    display: flex;
    height: 80px;
    width: 80px;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
    overflow: hidden;
}

.pageto_shop a::before {
	content: '';
	display: block;
	position: absolute;
	width: 120px;
	height: 80px;
	top: 0;
	left: -100%;
	background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
	/* 【変更部分】inifiniteによりずっと続ける */
	-webkit-animation: shine 1s infinite;
			animation: shine 1s infinite;
	animation-duration:2.5s;
	animation-delay: 3s;
  }
  
  @-webkit-keyframes shine {
	100% {
		left: 100%;
	}
  }
  
  @keyframes shine {
	100% {
		left: 100%;
	}
  }

.pageto_shop a > p{
	line-height: 1.3;
    background-color: #faee2b;
    color: #3d62ad;
    font-weight: bold;
    border-radius: 45px 45px;
    display: block;
    height: 70px;
    width: 70px;
    margin: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pageto_shop a > p span{
	width: 50px;
    height: 2px;
    background: #000;
    margin: 0.5em 0 0;
}

@media only screen and (max-width: 414px) {	
	.pageto_shop {
	right: 10px;
	}	

	.pageto_shop a {	
	background-size: 72px auto;
	border-radius: 55px 55px;
	height: 80px;
	width: 80px;	
	}		
}	

 /* ********** WRAP ********** */

.mb_0 {
	margin-bottom:0;
}

.contents,
.shoplist_wrap,
.snsicon_wrap,
footer {
    background: #fff;
}

.shoplist {
    width: 100%;
    max-width: 1100px;
    padding: 6rem 0;
    text-align: left;
    color: #222;
    padding-top: 1rem;
    z-index: -1;
    margin: 0 auto;
}


  /*
 luminous-container 
-------------------- */
.lum-lightbox-inner img {
    object-fit: contain;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 414px) {
	.lum-lightbox {
	    height: 100vh !important;
	}
	.lum-lightbox-image-wrapper {
		position:relative !important;
	}
	.lum-lightbox.lum-open {
	    display: block;
		z-index:1000;
	}
	.lum-lightbox-inner img {
		//position:relative !important;
		max-width: 100vw !important;
		max-height: 80vh !important;
	}
	.lum-close-button {
		position: absolute !important;
		right: 10px !important;
		top: 95px !important;
		width: 32px;
		height: 32px;
		opacity: 1 !important;
		z-index:999 !important;
	}
}
@media screen and (min-width: 415px) and (max-width: 768px) {

	.lum-lightbox {
	    height: 100vh !important;
	}
	.lum-lightbox-image-wrapper {
		position:relative !important;
	}
	.lum-lightbox.lum-open {
	    display: block;
		z-index:1000;
	}
	.lum-lightbox-inner img {
		position:relative !important;
		max-width: 100vw !important;
		max-height: 80vh !important;
	}
	.lum-close-button {
		position: absolute;
		right: 90px !important;
		top: 55px !important;
		width: 32px;
		height: 32px;
		opacity: 1 !important;
		z-index:999 !important;
	}
	.lum-close-button:after, .lum-close-button:before {
	    position: absolute;
	    left: 15px;
	    content: " ";
	    height: 43px !important;
	    width: 2px !important;
	    background-color: #fff !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.lum-lightbox {
	    height: 100vh !important;
	}
	.lum-lightbox-image-wrapper {
		position:relative !important;
	}
	.lum-lightbox.lum-open {
	    display: block;
		z-index:1000;
	}
	.lum-lightbox-inner img {
		position:relative !important;
		max-width: 100vw !important;
		max-height: 80vh !important;
	}
	.lum-close-button {
		position: absolute;
		right: 120px !important;
		top: 65px !important;
		width: 32px;
		height: 32px;
		opacity: 1 !important;
		z-index:999 !important;
	}
	.lum-close-button:after, .lum-close-button:before {
	    position: absolute;
	    left: 15px;
	    content: " ";
	    height: 53px !important;
	    width: 2px !important;
	    background-color: #fff !important;
	}
}

.lum-close-button {
    top: 60px !important;
}

@media only screen and (max-width: 599px) {	
	.lum-close-button {
		top: 60px !important;
	}
}

.lum-previous-button,
.lum-next-button {
    display: none !important;
}

  /*luminous-container -------------------- */




/*IE対応*/
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .slide {
		/*position:relative;*/
		height:900px;
		background: linear-gradient(to top, transparent 0%, transparent 20%, #fff 85%), url(/fair/sleep/images/main_pc04.jpg);
		background-repeat: no-repeat;
		background-attachment: initial;
		background-position: center;
		background-size: cover;
	}

	*::-ms-backdrop, .slide img {
		display: none;

	}
}




.tokuten02 {
	position: relative;
	margin: 0 auto;
	padding: 2em 0 3em;
	/*background: #f7f7f7;*/
	filter: drop-shadow(10px 10px 12px rgba(0,0,0,.5));
    background: radial-gradient(ellipse farthest-corner at top, #fff 50%, #d5c4a1 100%);
	z-index: 10;
}
.t_icon_wrap{
	width: 95%;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.4;
    border-top: 3px solid #5a5856;
    border-bottom: 3px solid #5a5856;
    padding: 1rem 0;
    margin: .5em auto 2rem;
}
.t_icon_wrap > img{
	width: 30%;
	max-width: 85px;
	padding-left: 5%;
}
.t_icon_wrap > p{
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	/*padding-right: 5%;*/
}
.t_icon_wrap > p:nth-of-type(2n){
	color: #e6002d;
	font-size: 36px;
}
/*.tokuten02 > p {
	font-size: 2rem;
	padding: 0.2em 0.5em 0.5em;
	font-weight: bold;
    color: #e6002d;
}*/
.tokuten02 > p:nth-of-type(2n) {
	color:#a60000;
}
.tokuten02 > p:nth-of-type(3n) {
	margin-bottom: 2.5em;
}
.tokuten02 > p span{
	font-size:4vw;
}
.tokuten02 p span:nth-child(3) {
	font-size: 2rem;
	font-weight:bold;
	line-height: 1.2;
}
.benefit_note{
	font-size: 12px;
	padding: 0 1em 1em;
	line-height: 1.8;
	text-align: left;
}


@media only screen and (min-width:600px) and (max-width:1024px) {
.tokuten02 {
	width: 100%;
	margin: -2em auto -2em;
}
.t_icon_wrap{
	width: 100%;
	/*display: flex;
	justify-content: center;
	align-items: center;*/
}
.t_icon_wrap > img{
	width: 30%;
	max-width: 140px;
	padding-left: 5%;
}
.t_icon_wrap > p{
	width: 100%;
	font-size: 2.5rem;
	padding-right: 5%;
}
.tokuten02 > p {
	margin: 0 auto;
	font-size:14px;
	text-align: center;
}
.tokuten02 > p:nth-of-type(2n) {
	color:#a60000;
}
.tokuten02 > p:nth-of-type(3n) {
	margin-bottom: 2.5em;
}
.tokuten02 > p span{
	font-size:2.5vw;
}
.tokuten02 p span:nth-child(3) {
	font-size:4vw;
	font-weight:bold;
	color:#a60000;
}
}

@media only screen and (min-width: 1025px) {
.tokuten02 {
	position: relative;
	margin: 0 auto;
	padding: 2em 0 3em;
	/*background: #f7f7f7;*/
	filter: drop-shadow(10px 10px 12px rgba(0,0,0,.5));
    background: radial-gradient(ellipse farthest-corner at top, #fff 50%, #d5c4a1 100%);
	z-index: 10;
}
.t_icon_wrap{
	width: 80%;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.4;
    border-top: 3px solid #5a5856;
    border-bottom: 3px solid #5a5856;
    padding: 1rem 0;
    margin: 0 auto 2rem;
}
.t_icon_wrap > img{
	width: 30%;
	max-width: 150px;
	padding-left: 5%;
}
.t_icon_wrap > p{
	width: 100%;
	font-size: 3vw;
	font-weight: bold;
	padding: 0 5%;
}
.t_icon_wrap > p:nth-of-type(2n){
	color: #e6002d;
	padding: 0;
	font-size:3vw;
}
.tokuten02 > p:nth-of-type(3n) {
	margin-bottom: 1em;
}
.tokuten02 p span:nth-child(1) {
	font-size: 26px;
}
.tokuten02 p span:nth-child(3) {
	font-size: 48px;
	font-weight:bold;
}
.tokuten02 p span:nth-child(4) {
	font-size:1vw;
	vertical-align:super;
	font-weight:bold;
}
.tokuten02 > p span{
	font-size:1vw;
}
.benefit_note{
	font-size: 14px;
	padding: 0em 0 3em;
	line-height: 1.8;
	text-align: center;
}
}

/* ------------------------------
second_benefit
------------------------------ */
.second_benefit{
	position: relative;
	width: 100%;
	background: #f1f1f1;
	filter: drop-shadow(0px -5px 20px rgba(0, 0, 0, .2));
}
.second_benefit img{
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding-top: 4em;
}
/*.second_benefit::after{
	position: absolute;
    content: "";
    width: 120px;
    height: 50px;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    background: #fff;
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}*/

@media only screen and (min-width: 600px) and (max-width: 1024px){
	.second_benefit img{
		width: 90%;
		max-width: 820px;
		margin: 0 auto;
	}
}
@media only screen and (max-width:599px) {
	.second_benefit{
		filter: initial;
	}
	.second_benefit img{
		width: 100%;
		max-width: 820px;
		margin: 0 auto;
		padding-top: 1em;
	}
}






/* ------------------------------
 sofa_benefit_container
------------------------------ */
.sofa_benefit_container{
	position: relative;
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
	background: #f1f1f1;
}
.sofa_benefit_container:first-of-type{
	padding-bottom: 4em;
}
.sofa_benefit_container > img{
	width: 100%;
	max-width: 600px; 
    padding: 2em 0;
	transform: translateY(100px);
	opacity: 0;
}
.sofa_benefit_container > img.show{
	width: 100%;
	max-width: 600px; 
    padding: 2em 0;
	filter: drop-shadow(3px 3px 15px rgba(60, 98, 171, .6));
	transform: translateY(0);
	transition: .5s;
	animation-name: show_light;
    animation-duration: 2.5s;
	opacity: 1;
}

@keyframes show_light{
	0% {filter: none;}
	100% {filter: drop-shadow(3px 3px 15px rgba(60, 98, 171, .6));}
}

.benefit_wrap{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.benefit_wrap li{
	position: relative;
    width: 23%;
    min-width: 210px;
    padding: 0.5em 1em 1em;
    margin: 1em 0.5em 2em;
	background: #fff;
    /*border: 1px solid #ad840e;*/
}
.benefit_wrap li img{
	position: relative;
    width: 100%;
    z-index: 1;
}
.benefit_wrap li .i_name{
	margin: -1em 0 .5em;
    padding: 0.3em 0;
    line-height: initial;
    font-size: 14px;
    text-align: center;
    /*background: #eee;*/
	display: none;
}
.benefit_wrap li .i_price{
	padding: 0 1em 0;
	font-size: .9em;
	text-align: center;
}
.benefit_wrap li .i_price_after{
	padding: 0 1em 0;
	font-size: 1.05em;
	font-weight: bold;
	color: #e6002d;
	text-align: center;
}
.benefit_wrap li .benefit_circle {
    position: absolute;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    padding: 2px;
    padding-top: 20px;
    top: -20px;
    left: -10px;
    background: #3d62ad;
    color: #fff;
    /* font-family: "Caveat", cursive; */
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 12px;
    line-height: 1.6;
    filter: drop-shadow(4px 4px 0px rgba(0,0,0,.1));
}
.benefit_wrap li .benefit_circle span {
    border-bottom: 1px solid;
    padding-bottom: 0.2em;
    /*margin-bottom: 0.2em;*/
    display: inline-block;
    width: 90%;
	font-size: 13px;
    line-height: 1.5;
    font-family: 'Noto Sans JP';
}
.benefit_wrap li .benefit_circle .large {
    border-bottom: initial;
    padding-bottom: 0.2em;
    /*margin-bottom: 0.2em;*/
    display: initial;
    width: 90%;
	font-size: 20px;
    line-height: 1.5;
    font-family: 'Noto Sans JP';
}
.benefit_wrap li .circle_ex {
    padding-top: 10px !important;
}
.benefit_wrap li .btn_click {
    border-radius: 5%;
    padding: 2px;
    margin: 10px 0 0;
    /* padding-top: 40px; */
    top: -25px;
    left: 0px;
    /*background: #ffd140;*/
    color: #222;
    /* font-family: "Caveat", cursive; */
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 13px;
    line-height: 1.6;
}
.benefit_wrap li .btn_click > p{
    padding: .2em 0 0;
	font-size: 12px;
}
.benefit_wrap li .btn_click > ul{
    display: flex;
	justify-content: center;
	align-items: center;
}
.benefit_wrap li .btn_click > ul li{
	width: 50%;
    min-width: initial;
    padding: 0;
    margin: .5em;
	background: #ffd140;
	filter: drop-shadow(4px 4px 0px rgba(0,0,0,.1));
}
.benefit_wrap li .btn_click > ul li a{
	display: inline-block;
	width: 100%;
    font-size: 12px;
}

.sofa_benefit_container .benefit_text {
    padding: 0 0 1em;
    font-size: 28px;
    font-weight: bold;
	line-height: 1.8;
}
.sofa_benefit_container .benefit_text span{
    font-size: 36px;
	font-weight: bold;
}
.sofa_benefit_container .note {
    font-size: 14px;
	line-height: 1.8;
    text-align: center;
    padding: initial;
    margin: -1em auto 0;
    padding: 0 5% 1em;
}
.sofa_benefit_container .note a{
	border: 1px solid;
    padding: .5em 1em;
}

.sofa_benefit_container > .item_container_note{
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 2em 2em;
    text-align: right;
    font-size: 12px;
}

.info_container{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #faee2b;
	z-index: 99;
}
.info_container::after {
    position: absolute;
    content: "";
    width: 120px;
    height: 50px;
    bottom: -49px;
    right: 50%;
    transform: translateX(50%);
    background: #faee2b;
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.info_container span{
	background: linear-gradient(transparent 60%, #fdf7aa 30%);
    display: inline-block;
}
.info_container p{
	padding: 3em 0 .5em;
    font-size: 28px;
    font-weight: bold;
	line-height: 1.8;
}
.info_container .shop_detail{
	width: initial;
}
.info_container .shop_detail > p{
	margin-top: 1em;
    margin-bottom: 5em;
    padding: .5em 5em;
    font-size: 18px;
    font-weight: bold;
    background: #fd3b5f;
    filter: drop-shadow(4px 5px 0px rgba(0, 0, 0, 0.2));
    color: #fff;
}
.content_area15::after {
    position: absolute;
    content: "";
    width: 120px;
    height: 50px;
    top: -1px;
    right: 50%;
    transform: translateX(50%);
    background: #eb615a;
    color: #eb615a;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.benefit_wrap li{
		width: 30%;
	}
	.benefit_wrap li .benefit_circle {
		top: -25px;
	}
	.sofa_benefit_container .benefit_text {
		max-width: 580px;
		margin: 0 auto;
	}
	.info_container p{
		padding: 2em 0 .5em;
	}
	.info_container .shop_detail > p{
		margin-bottom: 3em;
	}
}

@media only screen and (max-width:599px) {
	.sofa_benefit_container:first-of-type{
		padding-bottom: 1em;
	}
	.sofa_benefit_container > img{
		width: 90%;
		max-width: initial;
	}
	.sofa_benefit_container > img.show{
		width: 90%;
		max-width: initial;
	}
	.sofa_benefit_container .benefit_text {
		font-size: 20px;
	}
	.sofa_benefit_container .benefit_text span{
		font-size: 24px;
	}
	.sofa_benefit_container > .item_container_note{
		padding: 0 1em 2em 3em;
	}
	.benefit_wrap li{
		width: 45%;
		min-width: initial;
		padding: 1.5em 0.5em 1em;
	}
	.benefit_wrap li .i_price_after{
		padding: 0 .5em 0;
		font-size: 1em;
	}
	.benefit_wrap li .btn_click {
		font-size: 12px;
	}
	.benefit_wrap li .btn_click > ul{
		flex-direction: column;
	}
	.benefit_wrap li .btn_click > ul li{
		width: 90%;
		margin: .5em 0 .3em;
		padding: .3em;
	}
	.benefit_wrap li .benefit_circle {
		top: -23px;
	}
	.info_container p{
		padding: 2em 0 .5em;
		font-size: 19px;
		font-weight: bold;
		line-height: 1.8;
	}
	.info_container .shop_detail{
		width: 90%;
	}
	.info_container .shop_detail > p{
		margin-top: 1em;
		margin-bottom: 3em;
		padding: .5em 2em;
		font-size: 18px;
		font-weight: bold;
		background: #fd3b5f;
		filter: drop-shadow(4px 5px 0px rgba(0, 0, 0, 0.2));
		color: #fff;
	}

}





/* ------------------------------
benefit_ex
------------------------------ */

.benefit_wrap_ex{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.benefit_wrap_ex li{
	position: relative;
    width: 35%;
    min-width: 210px;
    padding: 0.5em 1em 1em;
    margin: 1em 1.5em 2em;
	background: #fff;
    /*border: 1px solid #ad840e;*/
}
.benefit_wrap_ex li img{
	position: relative;
    width: 100%;
    z-index: 1;
}
.benefit_wrap_ex li .i_name{
	margin: -1em 0 .5em;
    padding: 0.3em 0;
    line-height: initial;
    font-size: 14px;
    text-align: center;
    /*background: #eee;*/
	display: none;
}
.benefit_wrap_ex li .i_price{
	position: relative;
    padding: 0 1em 0;
    font-size: 1.1em;
    text-align: center;
    z-index: 10;
}
.benefit_wrap_ex li .i_price_after{
	padding: 0 1em 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #e6002d;
	text-align: center;
}
.benefit_wrap_ex li .benefit_circle {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    padding: 2px;
    padding-top: 30px;
    top: -20px;
    left: -10px;
    background: #3d62ad;
    color: #fff;
    /* font-family: "Caveat", cursive; */
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 13px;
    line-height: 1.8;
    filter: drop-shadow(4px 4px 0px rgba(0,0,0,.1));
}
.benefit_wrap_ex li .benefit_circle span {
    border-bottom: 1px solid;
    padding-bottom: 0.2em;
    /*margin-bottom: 0.2em;*/
    display: inline-block;
    width: 90%;
	font-size: 13px;
    line-height: 1.5;
    font-family: 'Noto Sans JP';
}
.benefit_wrap_ex li .benefit_circle .large {
    border-bottom: initial;
    padding-bottom: 0.2em;
    /*margin-bottom: 0.2em;*/
    display: initial;
    width: 90%;
	font-size: 20px;
    line-height: 1.5;
    font-family: 'Noto Sans JP';
}
.benefit_wrap_ex li .btn_click {
    width: 80%;
    border-radius: 5%;
    padding: 2px;
    margin: 15px auto 5px;
    /* padding-top: 40px; */
    top: -25px;
    left: 0px;
    background: #ffd140;
    color: #222;
    /* font-family: "Caveat", cursive; */
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 13px;
    line-height: 1.6;
    filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, .1));
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.benefit_wrap_ex li{
		width: 42%;
	}
	.benefit_wrap_ex li .benefit_circle {
		top: -30px;
	}
}

@media only screen and (max-width:599px) {
	.benefit_wrap_ex{
		flex-direction: column;
	}
	.benefit_wrap_ex li{
		width: 90%;
	}
	.benefit_wrap_ex li .benefit_circle {
		top: -30px;
	}
}




/* ------------------------------
item_container
------------------------------ */
.item_container{
	width: 100%;
	padding: 2em 0;
}
.item_container .item_wrap{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.item_container .item_wrap li{
	position: relative;
	width: 18%;
	margin: .5em;
	padding: 1em .5em;
	background: #f7f7f7;
}
.item_container .item_wrap li::before{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 40px solid #ffd140;
    border-left: 40px solid transparent;
    z-index: 1;
}
.item_container .item_wrap li::after{
	content: "Click!";
    position: absolute;
    top: 8px;
    right: 40px;
    font-size: 12px;
    font-weight: bold;
    width: 0;
    height: 0;
    z-index: 10;
}
.item_container .item_wrap li img{
	width: 100%;
	filter: brightness(0.97);
}
.item_container .item_container_note{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 1em 2em 0;
	text-align: right;
	font-size: 12px;
}
.after_none{
	position: initial !important;
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.item_container .item_wrap li{
		width: 22%;
	}
}

@media only screen and (max-width:599px) {
	.item_container .item_wrap li{
		position: relative;
		width: 30%;
		margin: 0.2em;
		padding: 1em .3em;
		background: #f7f7f7;
	}
	.item_container .item_container_note{
		padding: 1em 1em 2em 2em;
	}
}





/*--------------------------------------
  モーダル表示上から_002
--------------------------------------*/
.modal_wrap input {
	display: none;
  }
  
  .modal_overlay {
	display: flex;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0);
  }
  
  .modal_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
  }
  
  .modal_content {
	  align-self: center;
	  width: 60%;
	  max-width: 840px;
	  padding: 30px 30px 15px;
	  box-sizing: border-box;
	  background: #fff;
	  line-height: 1.4em;
	  transition: 0.5s;
  }
  
  .modal_content p {
	padding-top: 0;
  }
  
  .close_button {
	position: absolute;
	top: 14px;
	right: 16px;
	font-size: 24px;
	cursor: pointer;
	z-index: 100;
  }
  
  .modal_wrap input:checked ~ .modal_overlay {
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s;
  }
  
  .modal_wrap input:checked ~ .modal_overlay .modal_content {
	transform: translateY(20px);
  }

  .modal_container{
	width: 100%;
	padding: 1em 0 2em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal_container > img{
	width: 30%;
}

.modal_container > p{
	width: 70%;
	text-align: left;
	padding: 0 2em;
	line-height: 1.6;
}
  
  .open_button {
	color: #222;
	background: #fff;
    border: 1px solid;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    margin: 0 0 2em;
    padding: 7px 2px;
    max-width: 600px;
    text-decoration: none;
  }
  
  .open-button:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(2px);
	transform: translateY(2px);/*下に動く*/
  
  }
  
  /*アイコンを表示*/
  .open-button:after {
  font-family: "Font Awesome 5 Free";
	content: "\f2d0";
	  padding-left: 8px;
  }
  
  /*ラベルホバー時*/
  .open-button:hover {
	color: #FFFFFF;
	background-color: #4f96f6;
	transition: .6s;
  }
  
  .modal_title2 {
	font-size: 1.5em;
	  position: relative;
	  overflow: hidden;
	padding-bottom: 10px;
	margin-top:0;
	margin-bottom: 0;
  }
  
  .modal_title2::before,
  .modal_title2::after{
	  content: "";
	  position: absolute;
	  bottom: 0;
  }
  
  /* h2 プライマリカラー*/
  .modal_title2:before{
	  border-bottom: 4px solid #6bb6ff;
	  width: 30%;
	  left: 0;
  }
  /* h2 セカンダリカラー*/
  .modal_title2:after{
	  border-bottom: 4px solid #c8e4ff;
	  width: 70%;
	  right: 0%;
  }

@media only screen and (max-width:599px) {
	.modal_content {
		width: 80%;
		max-width: initial;
		padding: 10px;
	}
	.modal_container{
		flex-direction: column;
	}
	.modal_container > p{
		width: 100%;
		padding: 0 1em;
		font-size: 13px;
	}
	.modal_container > img {
		width: 50%;
		padding-bottom: 1em;
	}
	.open_button {
		width: 90%;
	}
}



@media only screen and (min-width: 599px) {
	.section_05{
		margin-top: 4em;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.section_05{
		margin-top: 0;
	}
}