@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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



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

 - loading

------------------------------------------ */
#loading {
	width: 100vw;
	height: 100vh;
	background-color: #e8e9ec;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	align-content: center;
	flex-wrap: nowrap;
	justify-content: center;
}


/*
 loading_icon
---------------------------- */
.loader {
  display: inline-block
}

@-webkit-keyframes ball-scale-multiple {
	0% {
	  -webkit-transform: scale(0);
				  transform: scale(0);
	  opacity: 0;
	}
	5% {
	  opacity: 1;
	}
	100% {
	  -webkit-transform: scale(1);
				  transform: scale(1);
	opacity: 0;
	}
}
@keyframes ball-scale-multiple {
	0% {
	  -webkit-transform: scale(0);
				  transform: scale(0);
	  opacity: 0;
	}
	5% {
	  opacity: 1;
	}
	100% {
	  -webkit-transform: scale(1);
				  transform: scale(1);
	  opacity: 0;
	}
}

.ball-scale-multiple {
	position: relative;
	-webkit-transform: translateY(-30px);
                transform: translateY(-30px);
}
.ball-scale-multiple > div:nth-child(2) {
	-webkit-animation-delay: -0.4s;
                animation-delay: -0.4s;
}
.ball-scale-multiple > div:nth-child(3) {
 	webkit-animation-delay: -0.2s;
	           animation-delay: -0.2s;
}
.ball-scale-multiple > div {
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite;
}



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

 - TOP MV

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


/* 
 MV slider
---------------------------- */
@media only screen and (max-width:599px) {
	.slideshow_wrap {
		display: flex;
		align-items: flex-start;
		height: 100vh;
		overflow: hidden;
	}
	.slideshow_img {
		width:100%;
	}
	.slideshow_img img {
		height: 85vh;
	}
	.slideshow {
		display: flex;
		animation: loop-slide 50s infinite linear 1s normal both;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.slideshow_wrap {
		display: flex;
		align-items: flex-start;
		height: 100%;
		overflow: hidden;
	}
	.slideshow_img {
		width: 100%;
	}
	.slideshow {
		display: flex;
		animation: loop-slide 100s infinite linear 1s normal both;
	}
}
@media only screen and (min-width:1025px) {
	.slideshow_wrap {
		display: flex;
		align-items: flex-start;
		height: 970px;
		overflow: hidden;
	}
	.slideshow_img {
		width:100%;
	}
	.slideshow_img img {
		height: 90vh;
	}
	.slideshow {
		display: flex;
		animation: loop-slide 100s infinite linear 1s normal both;
	}
}

@keyframes loop-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}


/* 
 MV logo
---------------------------- */
@media only screen and (max-width:599px) {
	.mv_logo {
		position:absolute;
		width:100%;
		bottom: 56%;
		left:0%;
		z-index: 15;
	}
	.mv_logo img {
		width: 35%;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.mv_logo {
		position:absolute;
		width:100%;
		top: 40%;
		left:0%;
		z-index: 15;
	}
	.mv_logo img {
		width: 22%;
	}
}
@media only screen and (min-width:1025px) {
	.mv_logo {
		width:100%;	
		z-index: 15;
	}
	.mv_logo img {
		width: 14%;
		position:absolute;
		bottom: 57%;
		right: 43%;
	}
}


/* 
 arrow-bottom
---------------------------- */
@media only screen and (max-width:599px) {
	.arrow-bottom {
	}
	.arrow-bottom {
		position: absolute;
		width: 32px;
		height: 32px;
		margin: auto;
		bottom: 210px;
		border-left: 2px solid #222;
		border-top: 2px solid #222;
		z-index: 2;
		left: 50%;
		transform: rotate(-135deg) translateX(-50%);
		animation: move-y 0.8s infinite alternate ease-in-out;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.arrow-bottom {
		position: absolute;
		width: 30px;
		height: 30px;
		margin: auto;
		bottom: 62px;
		border-left: 2px solid #222;
		border-top: 2px solid #222;
		z-index: 5;
		left: 50%;
		transform: rotate(-135deg) translateX(-50%);
		animation: move-y 1s infinite alternate ease-in-out;
	}
}
@media only screen and (min-width:1025px) {
	.arrow-bottom {
		position: absolute;
		width: 30px;
		height: 30px;
		margin: auto;
		top: 70%;
		border-left: 2px solid #222;
		border-top: 2px solid #222;
		z-index: 5;
		left: 50%;
		transform: rotate(-135deg) translateX(-50%);
		animation: move-y 1s infinite alternate ease-in-out;
	}
}
@keyframes move-y {
	0% {
    	transform: translateX(-50%) translateY(0) rotate(-135deg);
		opacity:0.1;
	}
	50% {
		opacity:0.5;
	}
	
	100% {
		transform: translateX(-50%) translateY(15px) rotate(-135deg);
		opacity:1;
	}
}



/* ------------------------------------------ 
	
 - concept

------------------------------------------  */	
@media only screen and (max-width:599px) {
	.concept {
		padding: 0 0 1rem;
	}
	.concept .concept_col{
		width:100%;
		margin: 0 auto;
		display: flex;
		flex-flow:column wrap;
		font-family: 'Shippori Mincho';
	}
	.concept .left{
		width:100%;
		margin: 0 auto;
		padding-right:0;
		justify-content: flex-start;
	}
	.concept .left .leftinner {
		width: 100%;
	}
	.concept .left h2{
		font-size: 2rem;
		letter-spacing: 0.04em;
		font-weight: normal;
	}
	.concept .left .bar {
		margin-top: 20px;
	}
	.concept .left .bar{
		width: 100%;
		height: 2px;
		margin-top: 22px;
		padding: 0 11vw;
	}
	.concept .left .bar div{
		width: auto;
		height: 1px;
		background-color: #222222;
		transition: all 0.8s;
	}
	.concept .right h3 {
		font-size: 1.1rem;
		margin-bottom: 35px;
		font-weight: normal;
		letter-spacing: 0.68px;
	}
	.concept .right .txt {
		font-size: 0.9rem;
		line-height: 1.8;
		text-align:left;
		letter-spacing: -0.5px;
	}
	.concept .right h3.mt105 {
		margin-top: 50px;
	}
	.concept .right{
		width:100%;
		margin: 40px auto;
		padding: 0 11vw;
	}
	.concept .right .txt .txt_paragraph {
		margin-bottom:1rem;
	}
	.concept .right .txt sup {
		font-size:0.6rem;
		vertical-align:top;
	}
	.concept .right .txt .concept_note {
		font-size:0.8rem;
		margin-top:3rem;
	}
	.concept .right .txt .concept_note a {
		text-decoration:underline;
		font-size:0.9rem;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.concept {
		padding: 4rem 0;
	}
	.concept .concept_col{
		width:100%;
		margin: 0 auto;
		display: block;
		font-family: 'Shippori Mincho';
		text-align:center;
	}
	.concept .left{
		width:100%;
		margin: 0 auto;
		padding-right:0;
		justify-content: flex-start;
	}
	.concept .left .leftinner {
		width: 100%;
	}
	.concept .left h2{
		font-size: 2.3rem;
		letter-spacing: 0.04em;
		font-weight: normal;
	}
	.concept .left .bar{
		width: 100%;
		height: 2px;
		margin-top: 25px;
		padding: 0 15vw;
	}
	.concept .left .bar div{
		width: auto;
		height: 1px;
		background-color: #222222;
		transition: all 0.8s;
	}
	.concept .right h3 {
		font-size: 147%;
		margin-bottom: 35px;
	}
	.concept .right .txt {
		font-size: 93%;
		line-height: 2.7;
	}
	.concept .right h3.mt105 {
		margin-top: 50px;
	}
	.concept .right{
		width:70%;
		margin: 50px auto;
		text-align: left;
	}
	.concept .right .txt .txt_paragraph {
		margin-bottom:1.3rem;
	}
	.concept .right .txt sup {
		font-size:0.6rem;
		vertical-align:top;
	}
	.concept .right .txt .concept_note {
		font-size:0.8rem;
		margin-top:4rem;
	}
	.concept .right .txt .concept_note a {
		text-decoration:underline;
		font-size:0.9rem;
	}
}
@media only screen and (min-width:1025px) {
	.concept{
		padding: 0 0 8rem;
	}
	.concept .concept_col{
		width:100%;
		margin: 0 auto;
		padding: 0 5vw;
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
		font-family: 'Shippori Mincho';
	}
	.concept .left{
		width: 35%;
		display: flex;
		flex-flow:column wrap;
		padding-right: 0;
		align-items: flex-end;
	}
	.concept .left .leftinner {
	}
	.concept .left h2{
		font-size: 3.5rem;
		letter-spacing: 2px;
		font-weight: normal;
	}
	.concept .left .bar{
		width: 32%;
		height: 2px;
		margin-top: 24px;
	}
	.concept .left .bar div{
		width: auto;
		height: 1px;
		background-color: #222222;
		transition: all 0.8s;
		margin-left: -13rem;
	}
	.concept .right{
		margin-top: 100px;
		text-align: left;
		width: 55%;
	}
	.concept .right h3{
		font-size: 1.9rem;
		font-weight: 400;
		margin-bottom:50px;
		line-height: 1;
	}
	.concept .right h3.textind{
		margin-left:-7px;
	}
	.concept .right h3.mt105{
		margin-top:105px;
	}
	.concept .right .txt{
		font-size: 1.1rem;
		line-height:2.1;
	}
	.concept .right .txt .txt_paragraph {
		margin-bottom:1.3rem;
	}
	.concept .right .txt sup {
		font-size:0.6rem;
		vertical-align:top;
	}
	.concept .right .txt .concept_note {
		font-size:0.9rem;
		margin-top:4rem;
	}
	.concept .right .txt .concept_note a {
		text-decoration:underline;
		font-size:1rem;
	}
}



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

 - TAB

 ------------------------------------------  */
@media only screen and (max-width:599px) {
	.tab_box .btn_area {
		padding: 0 9vw;
		display: -webkit-box;
		display: flex;
		justify-content: space-around;
		font-family: 'Josefin Sans', sans-serif;
	}
	.tab_box .tab_btn {
		width: 168px;
		padding: 8px 0;
		color: #333;
		text-align: center;
		cursor: pointer;
		font-size:0.8rem;
		transition: all 0.2s ease 0s;
	}
	.tab_box .tab_btn:first-of-type {
		width:90px;
	}
	.tab_box .tab_btn:nth-of-type(2) {
		width:100px;
	}
	.tab_box .tab_btn:nth-of-type(3) {
		width: 100px;
	}
	.tab_box .tab_btn:nth-of-type(4) {
		width: 113px;
	}
	.tab_box .tab_btn:nth-of-type(5) {
		width: 142px;
	}
	.tab_box .tab_btn + .tab_btn {
		margin-left: 8px;
	}
	.tab_box .tab_btn:hover {
	}
	.tab_box .tab_btn.active {
	    color:#333;
		border-bottom:2px solid #333;
	    font-weight: bold;
		box-sizing:border-box;
	}
	.tab_box .panel_area {
	    padding: 20px 0 0;
	}
	.tab_box .tab_panel {
	    display:none;
	}
	.tab_box .tab_panel.active {
	    display:block;
		animation-name: fadeInAnime;
		animation-fill-mode:backwards;
		animation-duration:0.5s;
		animation-timing-function:ease-out;
		animation-delay: 0.2s;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.tab_box .btn_area {
		padding: 0 9vw;
		display: -webkit-box;
		display: flex;
		font-family: 'Josefin Sans', sans-serif;
	}
	.tab_box .tab_btn {
		width: 168px;
		padding: 8px 0;
		color: #333;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
	}
	.tab_box .tab_btn:first-of-type {
		width:90px;
	}
	.tab_box .tab_btn:nth-of-type(2) {
		width:100px;
	}
	.tab_box .tab_btn:nth-of-type(3) {
		width:100px;
	}
	.tab_box .tab_btn:nth-of-type(4) {
		width:130px;
	}
	.tab_box .tab_btn:nth-of-type(5) {
		width:120px;
	}
	.tab_box .tab_btn + .tab_btn {
		margin-left: 8px;
	}
	.tab_box .tab_btn:hover {
	}
	.tab_box .tab_btn.active {
	    color:#333;
		border-bottom:2px solid #333;
	    font-weight: bold;
		box-sizing:border-box;
	}
	.tab_box .panel_area {
	    padding: 2rem 9vw;
	}
	.tab_box .tab_panel {
	    display:none;
	}
	.tab_box .tab_panel.active {
	    display:block;
		animation-name: fadeInAnime;
		animation-fill-mode:backwards;
		animation-duration:0.5s;
		animation-timing-function:ease-out;
		animation-delay: 0.2s;
	}
}
@media only screen and (min-width:1025px) {
	.tab_box .btn_area {
		padding: 0 9vw;
		display: flex;
		font-family: 'Josefin Sans', sans-serif;
	}
	.tab_box .tab_btn {
		width: 168px;
		padding: 8px 0;
		color: #333;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
	}
	.tab_box .tab_btn:first-of-type {
		width:90px;
	}
	.tab_box .tab_btn:nth-of-type(2) {
		width:100px;
	}
	.tab_box .tab_btn:nth-of-type(3) {
		width:100px;
	}
	.tab_box .tab_btn:nth-of-type(4) {
		width:135px;
	}
	.tab_box .tab_btn:nth-of-type(5) {
		width:120px;
	}
	.tab_box .tab_btn + .tab_btn {
		margin-left: 8px;
	}
	.tab_box .tab_btn:hover {
	}
	.tab_box .tab_btn.active {
	    color:#333;
		border-bottom:2px solid #333;
	    font-weight: bold;
		box-sizing:border-box;
	}
	.tab_box .panel_area {
	    padding: 3rem 0;
	}
	.tab_box .tab_panel {
	    display:none;
	}
	.tab_box .tab_panel.active {
	    display:block;
		animation-name: fadeInAnime;
		animation-fill-mode:backwards;
		animation-duration:0.5s;
		animation-timing-function:ease-out;
		animation-delay: 0.2s;
	}
}

@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



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

- tab_item_col 

------------------------------------------  */
/*
 common
---------------------------- */
@media only screen and (max-width:599px) {
	.tab_item_col a {
		display:block;
	}
	.tab_item_col a:hover {
	}
	.tab_item_col img {
		max-width:100%;
	}
	.tab_item_col a .item_name_wrap {
		text-align:left;
	}
	.tab_item_col a .item_name_wrap .name {
		font-size: 1.3rem;
		font-weight:normal;
		font-family: 'Cormorant Garamond', serif;
		margin-top: -0.3rem;
	}
	.tab_item_col a .item_name_wrap .sub {
		font-size:0.7rem;
		margin-top: -.2rem;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.tab_item_col a {
		display:block;
	}
	.tab_item_col a:hover {
	}
	.tab_item_col img {
		max-width:100%;
	}
	.tab_item_col a .item_name_wrap {
		text-align:left;
	}
	.tab_item_col a .item_name_wrap .name {
		font-size: 1.3rem;
		font-weight:normal;
		font-family: 'Cormorant Garamond', serif;
	}
	.tab_item_col a .item_name_wrap .sub {
		font-size:0.7rem;
	}
}
@media only screen and (min-width:1025px) {
	.product {
		position:relative;
	}
	.product .overlay{
	    position: absolute;
	    top:0;
	    left:0;
	    width: 100%;
	    cursor: pointer;
	    background-color: rgb(243 241 241 / 66%);
	    padding: 45px;
	    opacity: 0;
	    transition: visibility 0.3s, opacity 0.3s linear, background 0.3s;
	}
	.product:hover .overlay{
	    opacity: 1;
	    transition: visibility 0.3s, opacity 0.3s linear;
	}
	.tab_item_col a {
		display:block;
	}
	.tab_item_col a:hover {
	}
	.tab_item_col img {
		max-width:100%;
	}
	.tab_item_col a .item_name_wrap {
		text-align:left;
		position:absolute;
		top:45%;
	}
	.tab_item_col a .item_name_wrap .name {
		font-size:2rem;
		font-weight:normal;
		font-family: 'Cormorant Garamond', serif;
	}
	.tab_item_col a .item_name_wrap .sub {
		font-size:0.8rem;
	}
}


/*
 overlay 
---------------------------- */
@media only screen and (min-width:1025px) and (max-width:1250px) {
	.item01 .overlay,
	.item12 .overlay {
		height: 46.9vmax;
	}
	.item02 .overlay,
	.item03 .overlay,
	.item08 .overlay,
	.item09 .overlay {
		height: 31.3vmax;
	}
	.item04 .overlay,
	.item05 .overlay {
		height: 54.8vmax;
	}
	.item06 .overlay,
	.item07 .overlay,
	.item10 .overlay,
	.item11 .overlay {
		height: 39.1vmax;
	}	
}
@media only screen and (min-width:1251px) and (max-width:1700px) {
	.item01 .overlay,
	.item12 .overlay {
		height: 47.3vmax;
	}
	.item02 .overlay,
	.item03 .overlay,
	.item08 .overlay,
	.item09 .overlay {
		height: 31.4vmax;
	}
	.item04 .overlay,
	.item05 .overlay {
		height: 55vmax;
	}
	.item06 .overlay,
	.item07 .overlay,
	.item10 .overlay,
	.item11 .overlay {
		height: 39.3vmax;
	}
}
@media only screen and (min-width:1701px) {
	.item01 .overlay,
	.item12 .overlay {
		height: 47.2vmax;
	}
	.item02 .overlay,
	.item03 .overlay,
	.item08 .overlay,
	.item09 .overlay {
		height: 31.5vmax;
	}
	.item04 .overlay,
	.item05 .overlay {
		height: 55.1vmax;
	}
	.item06 .overlay,
	.item07 .overlay,
	.item10 .overlay,
	.item11 .overlay {
		height: 39.4vmax;
	}
}


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

 - tab-items

-------------------------------- */
@media only screen and (max-width:599px) {
/*
 common
---------------------------- */
	.tab_item_col {
		display: flex;
		justify-content: space-between;
		flex-flow: column nowrap;
		padding: 0 9vw 1rem;
	}
	.tab_item_col > div {
		width:100%;
	}
	.tab_item_col img {
		max-width:100%;
	}

/* 
 column
---------------------------- */
	.tab_item_col_column {
		display: flex;
		flex-flow: column wrap;
	}
	.tab_item_col_column > div {
		margin-bottom: 9%;
	}
}

@media only screen and (min-width:600px) and (max-width:1024px) {
/*
 common
---------------------------- */
	.tab_item_col {
		display: flex;
		justify-content: space-between;
		flex-flow: row nowrap;
	}
	.tab_item_col > div {
		width:48.5%;
	}	

/* 
 column
---------------------------- */
	.tab_item_col_column {
		display: flex;
		flex-flow: column wrap;
	}
	.tab_item_col_column > div {
		margin-bottom: 5.5%;
	}
}

@media only screen and (min-width:1025px) {
/*
 common
---------------------------- */
	.tab_item_col {
		display: flex;
		justify-content: space-between;
		flex-flow: row nowrap;
		padding: 0 9vw;
	}
	.tab_item_col > div {
		width:48.5%;
	}
	
/* 
 column
---------------------------- */
	.tab_item_col_column {
		display: flex;
		flex-flow: column wrap;
	}
	.tab_item_col_column > div {
		margin-bottom: 5.5%;
	}
}



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

 - modaal

------------------------------------------  */
@media only screen and (max-width:599px) {
	.modaal-fullscreen .modaal-close {
	    background: none;
	    right: 7px;
	    top: 9px;
		z-index:1;
	}
	.modaal-content-container {
	    padding: 0;
	}
	.modaal-close:after, .modaal-close:before {
	    display: block;
	    content: " ";
	    position: absolute;
	    top: 11px;
	    left: 27px;
	    width: 2px;
	    height: 26px;
	    background: #222;
	    -webkit-transition: background .2s ease-in-out;
	    transition: background .2s ease-in-out;
	}
	.modaal-close:focus:after, 
	.modaal-close:focus:before, 
	.modaal-close:hover:after, 
	.modaal-close:hover:before {
	  background: #333;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.modaal-fullscreen .modaal-close {
	    background: none;
	    right: 23px;
	    top: 20px;
	    z-index:1;
	}
	.modaal-content-container {
	    padding: 0;
	}
	.modaal-close:after, .modaal-close:before {
	    display: block;
	    content: " ";
	    position: absolute;
	    top: 4px;
	    left: 23px;
	    width: 2px;
	    height: 45px;
	    background: #222;
	    -webkit-transition: background .2s ease-in-out;
	    transition: background .2s ease-in-out;
	}
	.modaal-close:focus:after, 
	.modaal-close:focus:before, 
	.modaal-close:hover:after,
	.modaal-close:hover:before {
	  background: #333;
	}
}
@media only screen and (min-width:1025px) {
	.modaal-fullscreen .modaal-close {
	    background: none;
	    right: 27px;
	    top: 27px;
	}
	.modaal-content-container {
	    padding: 0;
	}
	.modaal-close:after, .modaal-close:before {
	    display: block;
	    content: " ";
	    position: absolute;
	    top: 6px;
	    left: 24px;
	    width: 2px;
	    height: 40px;
	    background: #333;
	    -webkit-transition: background .2s ease-in-out;
	    transition: background .2s ease-in-out;
	}
	.modaal-close:focus:after, 
	.modaal-close:focus:before,
	.modaal-close:hover:after, 
	.modaal-close:hover:before {
	  background: #333;
	}
	.modaal-fullscreen .modaal-container {
		overflow:unset;
	}
}



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

 - content_col_wrap

------------------------------------------ */
/*
 content_col
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col_wrap .content_col {
		display:flex;
		justify-content:center;
		flex-flow:column wrap;
	}		
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col_wrap .content_col {
		display:flex;
		justify-content:center;
		flex-flow:column wrap;
	}
}
@media only screen and (min-width:1025px) {
	.content_col_wrap .content_col {
		display:flex;
		justify-content:center;
		flex-flow:row nowrap;
	}
}	
	
	
/*
 content_col__image
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col__image {
		width: 100%;
	}
	.content_col__image img {
		display: block;
		width: 100%;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__image {
		width: 100%;
	}
	.content_col__image img {
		display: block;
		width: 100%;
	}
}
@media only screen and (min-width:1025px) {
	.content_col__image {
		width: calc(48%);
	}
	.content_col__image img {
		height: 100vh;
		object-fit: cover;
		display: inline-block;
	}
}

/*
 content_col__image 
  - Pillow NUMBER
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col__image .number2::after {
		content:"01";
		position:absolute;
		z-index:1;
		bottom:12%;
		left:8%;
		color:#333;
		font-size:1.5rem;
	}
	.content_col__image .number3::after {
		content:"02";
		position:absolute;
		z-index:1;
		bottom:12%;
		left:8%;
		color:#333;
		font-size:1.5rem;
	}
	.content_col__image .number4::after {
		content:"03";
		position:absolute;
		z-index:1;
		bottom:12%;
		left:8%;
		color:#333;
		font-size:1.5rem;
	}
	.content_col__image .number5::after {
		content:"04";
		position:absolute;
		z-index:1;
		bottom:12%;
		left:8%;
		color:#333;
		font-size:1.5rem;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__image .number2::after {
		content:"01";
		position:absolute;
		z-index:1;
		bottom:5%;
		left:4%;
		color:#333;
		font-size:2rem;
	}
	.content_col__image .number3::after {
		content:"02";
		position:absolute;
		z-index:1;
		bottom:5%;
		left:4%;
		color:#333;
		font-size:2rem;
	}
	.content_col__image .number4::after {
		content:"03";
		position:absolute;
		z-index:1;
		bottom:5%;
		left:4%;
		color:#333;
		font-size:2rem;
	}
	.content_col__image .number5::after {
		content:"04";
		position:absolute;
		z-index:1;
		bottom:5%;
		left:4%;
		color:#333;
		font-size:2rem;
	}
}
@media only screen and (min-width:1025px) {
	.content_col__image .number2::after {
		content:"01";
		position:absolute;
		z-index:1;
		top:7%;
		left:7%;
		color:#333;
		font-size:2rem;
	}
	.content_col__image .number3::after {
		content:"02";
		position:absolute;
		z-index:1;
		top:7%;
		left:7%;
		color:#333;
		font-size:2rem;
	}
	.content_col__image .number4::after {
		content:"03";
		position:absolute;
		z-index:1;
		top:7%;
		left:7%;
		color:#333;
		font-size:2rem;
	}
	.content_col__image .number5::after {
		content:"04";
		position:absolute;
		z-index:1;
		top:7%;
		left:7%;
		color:#333;
		font-size:2rem;
	}
}


/*
 content_col__text
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col__text {
		width: 100%;
		padding: 6vw 10vw 15vw;
		text-align:left;
		font-family: 'Sawarabi Gothic', sans-serif;
	}
	.content_col__text h3 {
		font-size: 0.8rem;
		font-weight:normal;
	}
	.content_col__text h3 span {
	    font-family: 'Tangerine', cursive;
		font-size: 4rem;
		font-weight:normal;
	}
	.content_col__text h4 {
		border-bottom:1px solid #000;
		font-size: 0.9rem;
		font-family: 'Josefin Sans', sans-serif;
	}
	.content_col__text p {
		line-height:1.8;
		margin: 1rem auto 3.5rem;
		font-size: 0.9rem;
	}
	.content_col__text p:first-of-type {
		line-height:1.7;
		margin: 1rem auto 3rem;
		font-size: 0.85rem;
	}
	.content_col__text img {
		max-width:100%;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__text {
		width: 100%;
		padding: 4vw 8vw 10vw;
		text-align:left;
		font-family: 'Sawarabi Gothic', sans-serif;
	}
	.content_col__text h3 {
		font-size: 1.5rem;
		font-weight:normal;
	}
	.content_col__text h3 span {
	    font-family: 'Tangerine', cursive;
		font-size: 4rem;
		font-weight:normal;
	}
	.content_col__text h4 {
		border-bottom:1px solid #000;
		font-size: 1.2rem;
		font-family: 'Josefin Sans', sans-serif;
	}
	.content_col__text p {
		line-height:1.8;
		margin: 1rem auto 2.5rem;
		font-size: 0.9rem;
	}
	.content_col__text p:first-of-type {
		line-height:1.7;
		margin: 0.3rem auto 2rem;
		font-size: 0.9rem;
	}
	.content_col__text img {
		max-width:100%;
	}	
}
@media only screen and (min-width:1025px) {
	.content_col__text {
		width: calc(52%);
		padding: 2.5vw 7vw 0;
		text-align:left;
		font-family: 'Sawarabi Gothic', sans-serif;
	}
	.content_col__text h3 {
		font-size: 0.9rem;
		font-weight:normal;
	}
	.content_col__text h3 span {
	    font-family: 'Tangerine', cursive;
	    font-size: 4rem;
	    font-weight:normal;
	}
	.content_col__text h4 {
		border-bottom:1px solid #000;
		font-size: 0.9rem;
		font-family: 'Josefin Sans', sans-serif;
	}
	 .content_col__text p {
		line-height:1.8;
		margin: 1.5rem auto 1.5rem;
		font-size: 0.9rem;
	}
	.content_col__text p:first-of-type {
		line-height: 1.6;
		margin: 0.5rem auto 2.5rem;
		font-size: 0.9rem;
	}
	.content_col__text img {
		max-width: 100%;
	}
}

/*
 content_col__text
 - Tansscuuci,Louis,Ferrara,EllPremium,Pillow,Dauna
--------------------------------------------------------- */
@media only screen and (max-width:599px) {
/* EllPremium */
	.Ell_Premium .content_col__text h3 span {
		letter-spacing: -1.8px;
	}
/* Louis-XVI */	
	.content_col__text h3 span > span {
		font-size: 2.5rem;
		font-family: 'Cormorant Garamond', serif;
		letter-spacing: -1px;
		margin-left: -7px;
	}
/* Pillow */
	.content_col__text__pillow .pillow_tit:not(:first-of-type) {
		margin: 3rem auto 0.5rem !important;
		font-weight:bold;
		font-size:0.9rem !important;
	}
	.content_col__text__pillow .pillow_tit:first-of-type {
		margin: 1rem auto 0.5rem !important;
		font-weight:bold;
		font-size:0.9rem !important;
	}
	.content_col__text__pillow p {
		margin:0.4rem auto 0.9rem;
		font-size: 0.8rem !important;
	}
	.content_col__text__pillow .content_col__product {
		margin-bottom:0;
	}
	.content_col__text__pillow .content_col__product >li {
		margin-bottom:0;
	}
	.content_col__text__pillow .content_col__product .content_col__product__smy > li:first-child {
		width:60%;
	}
	.content_col__text__pillow .content_col__product .content_col__product__smy > li:last-child {
		width:40%;
	}
	.content_col__text__pillow .btn_online {
		margin-bottom:3rem;
	}
	.content_col__text__pillow .pillow_note {
		font-size: 0.68rem;
		margin-top: 1rem;
		display:block;
	}
/* Dauna */
	.content_col__text .dauna_note {
		font-size:0.7rem;
		display:block;
		text-align:left;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
/* Louis-XVI */
	.content_col__text h3 span > span {
		font-size:2.5rem;
		font-family: 'Cormorant Garamond', serif;
		letter-spacing: -1px;
    	margin-left: -5px;
	}
/* Pillow */
	.content_col__text__pillow .pillow_tit {
		margin: 0.5rem auto 0.5rem !important;
		font-weight:bold;
		font-size:0.9rem !important;
	}
	.content_col__text__pillow p {
		margin:0.4rem auto 0.9rem;
		font-size: 0.8rem !important;
	}
	.content_col__text__pillow .pillow_note {
		font-size:0.7rem;
		display:block;
		text-align:right;
	}
/* Dauna */
	.content_col__text .dauna_note {
		font-size:0.7rem;
		display:block;
		text-align:right;
	}
}
@media only screen and (min-width:1025px) {
/* Louis */
	.Louis .content_col__text p:first-of-type {
		font-size: 0.85rem;
	}
/* Tansscuuci */
	.Tansscuuci .content_col__text p:first-of-type {
		font-size: 0.85rem;
		margin-bottom: 1.5rem;
	}
/* Ferrara */
	.Ferrara .content_col__text p:first-of-type {
		font-size: 0.85rem;
		margin-bottom: 1rem;
	}
/* J_Rosa */
	.J_Rosa .content_col__text p:first-of-type {
		font-size: 0.85rem;
		margin-bottom: 2rem;
	}
/* Louis-XVI */
	.content_col__text h3 span > span {
		font-size:2.5rem;	
		font-family: 'Cormorant Garamond', serif;
		letter-spacing: -1px;
	    margin-left: -5px;
	}
/* Pillow */
	.content_col__text__pillow .pillow_tit:first-of-type {
		margin: 0 auto 0.5rem !important;
		font-weight:bold;
		font-size:0.9rem !important;
	}
	.content_col__text__pillow .pillow_tit:not(:first-of-type) {
		margin: 1.5rem auto 0 !important;
		font-weight:bold;
		font-size:0.9rem !important;
	}
	.content_col__text__pillow p {
		margin: 0 auto 0.5rem;
		font-size: 0.75rem !important;
		line-height: 1.6;
	}
	.content_col__text__pillow .content_col__product {
		margin-top:0.5rem;
	}
	.content_col__text__pillow .content_col__product > li {
		margin-bottom:0;
	}
	.content_col__text__pillow .pillow_note {
		font-size:0.7rem;
		display:block;
		text-align:right;
		margin-top: 2rem;
	}
/* Dauna */
	.content_col__text .dauna_note {
		font-size:0.7rem;
		display:block;
		text-align:right;
	}
}


/*
 content_col__text__addpoint
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col__text__addpoint {
		display:flex;
		flex-flow:row wrap;
		margin-bottom: 4rem;
		justify-content: space-between;
	}
	.content_col__text__addpoint div:first-child {
		display:block;
		margin: 0.8rem auto 0;
		font-size: 0.8rem;
		line-height: 1.5;
		width: 63%;
	}
	.content_col__text__addpoint div:first-child span {
		letter-spacing: -0.8px;
		text-indent: -0.4rem;
		display: block;
	}
	.content_col__text__addpoint div:nth-child(2) {
		width: 37%;
	}
	.content_col__text__addpoint div:last-child {
		width:100%;
		font-size: 0.71rem;
		line-height:1.5;
	}
/* J_Rosa */
	.text__addpoint_J_Rosa_col {
		display:flex;
		flex-flow:column nowrap;
		justify-content:space-between;
	}
	.text__addpoint_J_Rosa_col > li:first-child {
		width: 100%;
		font-size: 0.9rem;
	}
	.text__addpoint_J_Rosa_col > li:last-child {
		width: 100%;
		font-size: 0.75rem;
		line-height: 1.5;
	}
	.text__addpoint_J_Rosa_col > li > ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		align-items:center;
	}
	.text__addpoint_J_Rosa_col > li > ul li:first-child {
		width:60%;
		text-indent:-0.4rem;
	}
	.text__addpoint_J_Rosa_col > li > ul li:last-child {
		width: 37%;
	}
	.text__addpoint_J_Rosa_col > li > ul span {
		
	}
	.text__addpoint_J_Rosa_col > li > ul img {
		border:1px solid #bbb;
		max-width:100%;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__text__addpoint {
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		align-items:center;
		margin-bottom: 2rem;
	}
	.content_col__text__addpoint div:first-child {
		/* margin: 0 auto 0.3rem; */
		font-size: 0.75rem;
		width:74%;
	}
	.content_col__text__addpoint div:first-child span {
		margin-bottom:0.5rem;
		font-size:0.9rem;
		display:inline-block;
	}
	.content_col__text__addpoint div:last-child {
		width:23%;
		font-size: 0.8rem;
		line-height:1.5;
	}
	.content_col__text__addpoint div:last-child img {
		vertical-align: text-top;
	}
/* J_Rosa */
	.text__addpoint_J_Rosa_col {
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		align-items: center;
	}
	.text__addpoint_J_Rosa_col > li:first-child {
		width: 31%;		
	}
	.text__addpoint_J_Rosa_col > li:last-child {
		width: 66%;
		font-size: 0.85rem;
	    line-height: 1.5;
	}
	.text__addpoint_J_Rosa_col > li > ul {
		display:flex;
		flex-flow:column wrap;
		margin-bottom: 2rem;
		justify-content:center;
		align-content:center;
	}
	.text__addpoint_J_Rosa_col > li > ul span {
		font-size: 0.9rem;
	}
	.text__addpoint_J_Rosa_col > li > ul img {
		border:1px solid #bbb;
		max-width:100%;
		margin-top:0.5rem;
	}
}
@media only screen and (min-width:1025px) {
	.content_col__text__addpoint {
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		align-items:center;
		margin-bottom: 2rem;
	}
	.content_col__text__addpoint div:first-child {
		font-size: 0.75rem;
		width:73%;
		line-height: 1.2;
	}
	.content_col__text__addpoint div:first-child span {
		margin-bottom: 0.3rem;
		font-size: 0.8rem;
		display:inline-block;
	}
	.content_col__text__addpoint div:last-child {
		width: 23%;
		font-size: 0.8rem;
		line-height:1.5;
	}
	.content_col__text__addpoint div:last-child img {
		vertical-align: text-top;
	}
/* Ferrara */
	.Ferrara .content_col__text__addpoint {
		margin-bottom:1.5rem;
	}
/* J_Rosa */
	.J_Rosa .content_col__text__addpoint {
		margin-bottom: 0.5rem;
	}
	.text__addpoint_J_Rosa_col {
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		align-items: flex-start;
	}
	.text__addpoint_J_Rosa_col > li:first-child {
		width: 24%;
	}
	.text__addpoint_J_Rosa_col > li:last-child {
		width: 72%;
		font-size: 0.75rem;
		line-height: 1.4;
	}
	.text__addpoint_J_Rosa_col > li > ul {
		display:flex;
		flex-flow:column wrap;
		margin-bottom: 1rem;
		justify-content:center;
		align-content:center;
	}
	.text__addpoint_J_Rosa_col > li > ul span {
		font-size:0.8rem;
		letter-spacing:-1px;
	}
	
	.text__addpoint_J_Rosa_col > li > ul img {
		border:1px solid #bbb;
		max-width:100%;
		margin-top:0.5rem;
	}
}


/*
 content_col__product
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col__product {
		display:flex;
		flex-flow:column wrap;
		margin: 1rem auto 2.5rem;
	}
	.content_col__product > li {
		width:100%;
		margin-bottom:1rem;
		font-size: 0.75rem;
		line-height:1.5;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__product {
		display:flex;
		flex-flow:column wrap;
		margin: 2rem auto 3rem;
	}
	.content_col__product > li {
		width:100%;
		margin-bottom:1rem;
		font-size: 0.75rem;
		line-height:1.5;
	}
}
@media only screen and (min-width:1025px) {
	.content_col__product {
		display:flex;
		flex-flow:column wrap;
		margin: 1rem auto 2rem;
	}
	.content_col__product > li {
		width:100%;
		margin-bottom:1rem;
		font-size: 0.7rem;
	}
}


/*
 content_col__product
 - Tansscuuci,Ferrara,J_Rosa
---------------------------- */
	.Tansscuuci .content_col__product,
	.Ferrara .content_col__product,
	.J_Rosa .content_col__product{
		margin: 1rem auto 1rem;
	}
	.Pillow .content_col__product {
		margin: 0.5rem auto 1rem;
	}

/*
 content_col__product__smy
--------------------------------- */
@media only screen and (max-width:599px) {
	.content_col__product__smy {
		display:flex;
		flex-flow:row nowrap;
		justify-content: space-between;
	}
	.content_col__product__smy > li:first-child {
		width:calc(40%);
	}
	.content_col__product__smy > li:last-child {
		width:calc(50%);
		text-align:right;
	}
	.content_col__product__smy > li.wash {
		width:45%;
	}
	.content_col__product__smy
	.content_col__product__smy__material01:first-child {
		width:15%;
	}
	.content_col__product__smy
	.content_col__product__smy__material01:last-child {
		width:72%;
	}
	.content_col__product__smy
	.content_col__product__smy__material02:first-child {
		width:25%;
	}
	.content_col__product__smy
	.content_col__product__smy__material02:last-child {
		width:70%;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__product__smy {
		display:flex;
		flex-flow:row nowrap;
		justify-content: space-between;
	}
	.content_col__product__smy > li {
		width:calc(48%);
	}	
	.content_col__product__smy > li:last-child {
		text-align:right;
	}
	.content_col__product__smy > li.wash {
		width:25%;
	}
	.content_col__product__smy > li .punctuation {
		display:inline-block;
	}
}
@media only screen and (min-width:1025px) {
	.content_col__product__smy {

		display:flex;
		flex-flow:row nowrap;
		justify-content: space-between;
	}
	.content_col__product__smy > li:first-child {
		width:calc(45%);
	}
	.content_col__product__smy > li:last-child {
		width:calc(45%);
		text-align:right;
	}
	.content_col__product__smy > li.wash {
		width:20%;
	}
	.content_col__product__smy > li .punctuation {
		display:inline-block;
	}
	
}


/*
 content_col__text color_img
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col__text .color_img img {
		width: 100%;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__text .color_img img {
		width: 49%;
	}
}
@media only screen and (min-width:1025px) {
	.content_col__text .color_img img {
		width: 49%;
	}
}


/*
 content_col__text color_img
 - Louis
---------------------------- */
@media only screen and (max-width:599px) {
	.Louis .content_col__text .color_text {
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
	}
	.Louis .content_col__text .color_text li {
		width:49%;
		font-size:0.7rem;
		margin:0.5rem auto 0.3rem;
	}
	.Louis .content_col__text .color_text li:last-child {
		margin-left: 1.5rem;
	}
	.Louis .content_col__text .color_img img {
		width:100%;
		margin-bottom:1.5rem;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.Louis .content_col__text .color_text {
		display:flex;
		flex-flow:row nowrap;
	}
	.Louis .content_col__text .color_text li {
		width:50%;
		font-size:0.7rem;
		margin:0.5rem auto 0.3rem;
	}
	.Louis .content_col__text .color_text li:last-child {
		margin-left: 1rem;
	}
	.Louis .content_col__text .color_img {
		display:flex;
		flex-flow:row nowrap;
	}
	.Louis .content_col__text .color_img li {
		width:50%;
		margin-bottom:1.5rem
	}
	.Louis .content_col__text .color_img li:last-child {
		margin-left: 1rem;
	}
	.Louis .content_col__text .color_img li img {
		width:100%;
	}
}
@media only screen and (min-width:1025px) {
	.Louis .content_col__text .color_text {
		display:flex;
		flex-flow:row nowrap;
	}
	.Louis .content_col__text .color_text li {
		width:50%;
		font-size:0.7rem;
		margin:0.5rem auto 0.3rem;
	}
	.Louis .content_col__text .color_text li:last-child {
		margin-left: 1rem;
	}
	.Louis .content_col__text .color_img {
		display:flex;
		flex-flow:row nowrap;
	}
	.Louis .content_col__text .color_img li {
		width:50%;
		margin-bottom: 0.5rem;
	}
	.Louis .content_col__text .color_img li:last-child {
		margin-left: 1rem;
	}
	.Louis .content_col__text .color_img li img {
		width:100%;
	}
}


/*
 content_col__text color_img
 - Ferrara
---------------------------- */
@media only screen and (max-width:599px) {
	.Ferrara .content_col__text .color_text {
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
	}
	.Ferrara .content_col__text .color_text li {
		width:49%;
		font-size:0.7rem;
		margin:0.5rem auto 0.3rem;
	}
	.Ferrara .content_col__text .color_text li:last-child {
		margin-left: 1.5rem;
	}
	.Ferrara .content_col__text .color_img img {
		width:100%;
		margin-bottom:1.5rem;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.Ferrara .content_col__text .color_text {
		display:flex;
		flex-flow:row nowrap;
	}
	.Ferrara .content_col__text .color_text li {
		width:50%;
		font-size:0.7rem;
		margin:0.5rem auto 0.3rem;
	}
	.Ferrara .content_col__text .color_text li:last-child {
		margin-left: 1rem;
	}
	.Ferrara .content_col__text .color_img {
		display:flex;
		flex-flow:row nowrap;
	}
	.Ferrara .content_col__text .color_img li {
		width:50%;
		margin-bottom:1.5rem
	}
	.Ferrara .content_col__text .color_img li:last-child {
		margin-left: 1rem;
	}
	.Ferrara .content_col__text .color_img li img {
		width:100%;
	}
}
@media only screen and (min-width:1025px) {
	.Ferrara .content_col__text .color_text {
		display:flex;
		flex-flow:row nowrap;
	}
	.Ferrara .content_col__text .color_text li {
		width:50%;
		font-size:0.7rem;
		margin:0.5rem auto 0.3rem;
	}
	.Ferrara .content_col__text .color_text li:last-child {
		margin-left: 1rem;
	}
	.Ferrara .content_col__text .color_img {
		display:flex;
		flex-flow:row nowrap;
	}
	.Ferrara .content_col__text .color_img li {
		width:50%;
		margin-bottom: 0.5rem;
	}
	.Ferrara .content_col__text .color_img li:last-child {
		margin-left: 1rem;
	}
	.Ferrara .content_col__text .color_img li img {
		width:100%;
	}
}


/*
 content_col__text color_img
 - J_Rosa
---------------------------- */
@media only screen and (max-width:599px) {
	.J_Rosa .content_col__text .color_img_wrap {
		 display: flex;
		 flex-direction: column;
		 flex-wrap: wrap;
		 justify-content: space-between;
	}
	.J_Rosa .content_col__text .color_img_wrap > li {
		width: 100%;
		margin-top: 12px;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:last-child {
		width:100%;
	}
	.J_Rosa .content_col__text .color_img {
		display:flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.J_Rosa .content_col__text .color_img > li:first-child {
		width: 100%;
		font-size:0.7rem;
		margin: 0.5rem 0 0.3rem;
		padding-right: 1rem;
	}
	.J_Rosa .content_col__text .color_img li img {
		width: 100%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:first-child .color_img li:last-child {
		width: 50%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:nth-child(2) .color_img li:last-child {
		width: 50.4%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:last-child .color_img li:first-child {
		width: 33%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:last-child .color_img li:last-child {
		width: 70%;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.J_Rosa .content_col__text .color_text {
		display:flex;
		flex-flow:row nowrap;
	}
	.J_Rosa .content_col__text .color_text li {
		width:50%;
		font-size:0.7rem;
		margin:0.5rem auto 0.3rem;
	}
	.J_Rosa .content_col__text .color_text li:last-child {
		margin-left: 1rem;
	}
	.J_Rosa .content_col__text .color_img {
		display:flex;
		flex-flow:row nowrap;
	}
	.J_Rosa .content_col__text .color_img li {
		width:50%;
		margin-bottom:1.5rem
	}
	.J_Rosa .content_col__text .color_img li:last-child {
		margin-left: 1rem;
	}
	.J_Rosa .content_col__text .color_img li img {
		width:100%;
	}
}
@media only screen and (min-width:1025px) {
	.J_Rosa .content_col__text .color_img_wrap {
		 display: flex;
		 flex-direction: row;
		 flex-wrap: wrap;
		 justify-content: space-between;
	}
	.J_Rosa .content_col__text .color_img_wrap > li {
		width:48%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:last-child {
		width:100%;
	}
	.J_Rosa .content_col__text .color_img {
		display:flex;
		justify-content: space-between;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.J_Rosa .content_col__text .color_img > li:first-child {
		width: 100%;
		font-size:0.7rem;
		margin: 0.5rem 0 0.3rem;
		padding-right: 1rem;
	}
	.J_Rosa .content_col__text .color_img li img {
		width: 100%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:first-child .color_img li:last-child {
		width: 34%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:nth-child(2) .color_img li:last-child {
		width: 35.4%;
	}
	.J_Rosa .content_col__text .color_img_wrap > li:last-child .color_img li:last-child {
		width: 35.4%;
	}
}


/*
 content_col__text btn_online
---------------------------- */
@media only screen and (max-width:599px) {
	.content_col__text .btn_online {
		text-align:left;
		background:#222;
		width:100%;
		margin: 1.5rem auto 0;
	}
	.content_col__text .btn_online a {
		padding:0.6rem 1rem;
		display:block;
		position:relative;
		font-size:0.8rem;
		color:#fff;
		transition: .5s;
	}
	.content_col__text .btn_online a:hover {
		background:#eee;
		color:#222;
		transition: .5s;
	}
	.content_col__text .btn_online a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.content_col__text .btn_online a:hover::after {
		color:#222;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.content_col__text .btn_online_wrap {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	.content_col__text .btn_online {
		text-align:left;
		background:#222;
		width: 48.8%;
		margin-top: 0.9rem;
	}
	.content_col__text .btn_online a {
		padding:0.6rem 1rem;
		display:block;
		position:relative;
		font-size:0.8rem;
		color:#fff;
		transition: .5s;
	}
	.content_col__text .btn_online a:hover {
		background:#eee;
		transition: .5s;
		color:#222;
	}
	.content_col__text .btn_online a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.content_col__text .btn_online a:hover::after {
		color:#222;
	}
}
@media only screen and (min-width:1025px) {
	.content_col__text .btn_online_wrap {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	.content_col__text .btn_online {
		text-align:left;
		background:#222;
		width: 48.8%;
		margin-top: 0.9rem;
	}
	.content_col__text .btn_online a {
		padding: 0.4rem 1rem;
		display:block;
		position:relative;
		font-size:0.8rem;
		color:#fff;
		transition: .5s;
	}
	.content_col__text .btn_online a:hover {
		background:#eee;
		transition: .5s;
		color:#222;
	}
	.content_col__text .btn_online a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.content_col__text .btn_online a:hover::after {
		color:#222;
	}
}



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

 - Owl-Carousel

------------------------------------------ */
/*
 owl-dots
---------------------------- */
@media only screen and (max-width:599px) {
	.owl-dots{
	    display: flex;
	    justify-content: flex-start;
	    bottom: 34px;
	    position: absolute;
	    left: 30px;
	}
	.owl-dots button{
	    font-size: 0;
	    background: transparent;
	    border:transparent;
	    position: relative;
	    display: block;
	    height : 2px;
	    width: 31px;
	    margin-right: 10px;
	    padding: 0;
	    background-color: rgba(255, 255, 255, 0.3) !important;
		background-color: rgb(157 153 153 / 30%) !important;
	    cursor: pointer;
	    -webkit-transition: 0.2s linear;
	    transition: 0.2s linear;
	}
	.owl-dots button.active{
	    background-color: rgba(255, 255, 255, 1) !important;
		background-color: rgb(6 6 6) !important;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.owl-dots{
	    display: flex;
	    justify-content: flex-start;
	    bottom:36px;
	    position: absolute;
	    left: 30px;
	}
	.owl-dots button{
	    font-size: 0;
	    background: transparent;
	    border:transparent;
	    position: relative;
	    display: block;
	    height : 2px;
	    width: 31px;
	    margin-right: 10px;
	    padding: 0;
	    background-color: rgba(255, 255, 255, 0.3) !important;
	    cursor: pointer;
	    -webkit-transition: 0.2s linear;
	    transition: 0.2s linear;
	}
	.owl-dots button.active{
	    background-color: rgba(255, 255, 255, 1) !important;
	}
}
@media only screen and (min-width:1025px) {
	.owl-dots{
	    display: flex;
	    justify-content: flex-start;
	    bottom:52px;
	    position: absolute;
	    left: 50px;
	}
	.owl-dots button{
	    font-size: 0;
	    background: transparent;
	    border:transparent;
	    position: relative;
	    display: block;
	    height : 2px;
	    width: 31px;
	    margin-right: 10px;
	    padding: 0;
	    background-color: rgba(255, 255, 255, 0.3) !important;
	    cursor: pointer;
	    -webkit-transition: 0.2s linear;
	    transition: 0.2s linear;
	}
	.owl-dots button.active{
	    background-color: rgba(255, 255, 255, 1) !important;
	}
}


/*
 owl-nav
---------------------------- */
@media only screen and (max-width:599px) {
	.owl-nav {
		position:relative;
	}
	.owl-nav button{
		background: 0 0;
	    color: inherit;
	    border: none;
	    padding: 0!important;
	    font: inherit;
	}
	.owl-prev{
	    width: 21px;
	    height: 14px;
	    position: absolute;
	    z-index: 2;
	    right: 63px;
	    bottom: 28px;
	    background-image: url('/idc_recommend/artena/images/slide_prev_sp.svg') !important;
	    background-size:100% 100% !important;
	}
	.owl-prev span{
	    font-size:0;
	}
	.owl-next{
	    width: 21px;
	    height: 14px;
	    position: absolute;
	    z-index: 2;
	    right: 24px;
	    bottom: 28px;
	    background-image: url('/idc_recommend/artena/images/slide_next_sp.svg') !important;
	    background-size:100% 100% !important;
	}
	.owl-next span{
	    font-size:0;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.owl-nav {
		position:relative;
	}
	.owl-nav button{
		background: 0 0;
	    color: inherit;
	    border: none;
	    padding: 0!important;
	    font: inherit;
	}
	.owl-prev{
	    width: 21px;
	    height: 14px;
	    position: absolute;
	    z-index: 2;
	    right: 85px;
	    bottom: 37px;
	    background-image: url('/idc_recommend/artena/images/slide_prev_sp.svg') !important;
	    background-size:100% 100% !important;
	}
	.owl-prev span{
	    font-size:0;
	}
	.owl-next{
	    width: 21px;
	    height: 14px;
	    position: absolute;
	    z-index: 2;
	    right: 45px;
	    bottom: 37px;
	    background-image: url('/idc_recommend/artena/images/slide_next_sp.svg') !important;
	    background-size:100% 100% !important;
	}
	.owl-next span{
	    font-size:0;
	}
}
@media only screen and (min-width:1025px) {
	.owl-nav {
		position:relative;
	}
	.owl-nav button{
		background: 0 0;
	    color: inherit;
	    border: none;
	    padding: 0!important;
	    font: inherit;
	}
	.owl-prev{
	    width: 21px;
	    height: 14px;
	    position: absolute;
	    z-index: 2;
	    right: 85px;
	    bottom: 43px;
	    background-image: url('/idc_recommend/artena/images/slide_prev.svg') !important;
	    background-size:100% 100% !important;
	}
	.owl-prev span{
	    font-size:0;
	}
	.owl-next{
	    width: 21px;
	    height: 14px;
	    position: absolute;
	    z-index: 2;
	    right: 45px;
	    bottom: 43px;
	    background-image: url('/idc_recommend/artena/images/slide_next.svg') !important;
	    background-size:100% 100% !important;
	}
	.owl-next span{
	    font-size:0;
	}
}



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

 - coordinate

------------------------------------------ */
@media only screen and (max-width: 599px) {
	section.coordinate {
		padding: 2rem 9vw 0;
	}
	.coordinate .f,
	.coordinate .o,
	.coordinate .r {
		font-family: 'Bonheur Royale', cursive;
		font-size: 2.5rem;
		letter-spacing: -5px;
		margin-bottom: -3rem;
	}
	.coordinate_tit {
		font-size: 1.6rem;
		letter-spacing: -1px;
		margin-bottom: 1.5rem;
		font-weight: normal;
	}
	.coordinate_wrap {
		margin-bottom:4rem;	
	}
	.coordinate_col {
		display:flex;
		flex-flow:column wrap;
		justify-content:space-between;
		align-items:center
	}
	.coordinate_col li {
		width:100%;
	}
	.coordinate_image img {
		max-width:100%;
	}
	.coordinate_text {
		line-height:2;
		font-family: 'Shippori Mincho';
	}
	.coordinate_text h3 {
		font-size: 1.1rem;
		margin: 1.5rem 0;
	}
	.coordinate_text p {
		font-size: 0.84rem;
		text-align: center;
		margin: auto;
	}
	.coordinate_text .btn_the-granregalia {
		margin-top: 10px;
		font-weight: bold;
		text-decoration-line:underline;
	}
	.coordinate_text .btn_the-granregalia a {
		display: block; 
	}
	.coordinate_text .recommended_wrap {
		margin-top: 2rem;
	}
	.coordinate_text .recommended_wrap .recommended_tit {
		margin:0 auto 1rem;
		font-size:1.1rem;
		text-align:left;
	}
	.coordinate_text .recommended_wrap > ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
	}
	.coordinate_text .recommended_wrap > ul li {
		width:100%;
	}
	.coordinate_text .recommended_wrap > ul > li > ul {
		display:flex;
		flex-flow:column wrap;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li {
		width:100%;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li:first-child {
		font-size:0.9rem;
		text-align:left;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li:last-child {
		margin-bottom:0.5rem;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a {
		display:block;
		background:#222;
		color:#fff;
		position:relative;
		font-size: 0.8rem;
		padding: 0.36rem 0;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a:hover {
		transition: .5s;
		background:#eee;
		color:#222;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a:hover::after {
		color:#222;
	}	
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	section.coordinate {
		padding: 3rem 9vw 0;
	}
	.coordinate .f,
	.coordinate .o,
	.coordinate .r {
		font-family: 'Italianno', cursive;
		font-family: 'Bonheur Royale', cursive;
		font-size: 3rem;
		letter-spacing: -9px;
		margin-bottom:-3.6rem;
	}
	.coordinate_tit {
		font-size: 2.2rem;
		letter-spacing:2px;
		margin-bottom: 2rem;
		font-weight: normal;
	}
	.coordinate_wrap {
		margin-bottom:4rem;	
	}
	.coordinate_col {
		display:flex;
		flex-flow:column wrap;
		justify-content:space-between;
		align-items:center
	}
	.coordinate_col li {
		width:100%;
	}
	.coordinate_image img {
		max-width:100%;
	}
	.coordinate_text {
		line-height:2;
		font-family: 'Shippori Mincho';
	}
	.coordinate_text h3 {
		font-size: 1.5rem;
		margin: 1.5rem;
	}
	.coordinate_text p {
		font-size: 0.9rem;
		text-align: center;
		margin: auto 2.2rem;
	}
	.coordinate_text .btn_the-granregalia {
		text-align:center;
		margin-top:10px;;
		font-weight: bold;
		text-decoration-line:underline;
	}
	.coordinate_text .btn_the-granregalia a {
		display: block; 
	}
	.coordinate_text .recommended_wrap {
		margin-top:3rem;
	}
	.coordinate_text .recommended_wrap .recommended_tit {
		font-size: 1.5rem;
		margin: 0 auto;
	}
	.coordinate_text .recommended_wrap > ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
	}
	.coordinate_text .recommended_wrap > ul li {
		width:48%;
	}
	.coordinate_text .recommended_wrap > ul > li > ul {
		display:flex;
		flex-flow:column wrap;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li {
		width:100%;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li:first-child {
		font-size:0.9rem;
		text-align:left;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li:last-child {
		margin-bottom:1rem;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a {
		display:block;
		background:#222;
		color:#fff;
		position:relative;
		font-size: 0.8rem;
		padding: 0.5rem 1rem;
		/* font-family: 'Sawarabi Gothic'; */
		text-align: left;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a:hover {
		transition: .5s;
		background:#eee;
		color:#222;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a:hover::after {
		color:#222;
	}
}
@media only screen and (min-width: 1025px) {
	section.coordinate {
		padding: 6rem 9vw 3rem;
	}
	.coordinate .f,
	.coordinate .o,
	.coordinate .r {
		font-family: 'Italianno', cursive;
		font-family: 'Bonheur Royale', cursive;
		font-size: 4rem;
		letter-spacing: -13px;
		margin-bottom: -1rem;
	}
	.coordinate_tit {
		font-size: 3.5rem;
		letter-spacing: 1.5px;
		margin-bottom:4rem;
		font-weight: normal;
	}
	.coordinate_wrap {
		margin-bottom:4rem;	
	}
	.coordinate_col {
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		align-items:center;
	}
	.coordinate_col li:first-child {
		width:48%;
	}
	.coordinate_col li:last-child {
		width:43%;
	}
	.coordinate_image img {
		max-width:100%;
	}
	.coordinate_text {
		line-height:2;
		font-family: 'Shippori Mincho';
	}
	.coordinate_text h3 {
		font-size: 1.35rem;
		font-weight: normal;
		margin-bottom:2rem;
		text-align:left;
	}
	.coordinate_text p {
		font-size: 1rem;
		text-align: left;
	}
    .coordinate_text .btn_the-granregalia {
		text-align:left;
		margin-top: 10px;
		font-weight: bold;
		text-decoration-line:underline;
	}
	.coordinate_text .btn_the-granregalia a {
		display:block;
	}
	.coordinate_text .recommended_wrap {
		margin-top:2.5rem;
	}
	.coordinate_text .recommended_wrap .recommended_tit {
		font-size: 1.4rem;
	}
	.coordinate_text .recommended_wrap > ul {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
	}
	.coordinate_text .recommended_wrap > ul li {
		width:48%;
	}
	.coordinate_text .recommended_wrap > ul > li > ul {
		display:flex;
		flex-flow:column wrap;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li {
		width:100%;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li:first-child {
		font-size:0.9rem;
		text-align:left;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li:last-child {
		margin-bottom: 0.5rem;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a {
		display:block;
		background:#222;
		color:#fff;
		position:relative;
		font-size: 0.8rem;
		padding: 0.4rem 1rem;
		text-align: left;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a:hover {
		transition: .5s;
		background:#eee;
		color:#222;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.coordinate_text .recommended_wrap > ul > li > ul > li a:hover::after {
		color:#222;
	}
}



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

 - showroom 

------------------------------------------ */
@media only screen and (max-width: 599px) {
	section.showroom {
		padding: 3rem 9vw 1rem;
	}
	.showroom_tit {
		font-size: 1.2rem;
		letter-spacing: 1.5px;
		margin-bottom:1rem;
		font-weight: normal;
	}
	.showroom .bar2 {
		content:"";
		width: 60%;
		height: 1px;
		background-color: #222222;
		margin:0 auto 2rem;
	}

/* bg_col */
	.bg_col img {
		max-width:100%;
	}
	.bg_col {
		display:flex;
		flex-flow:column wrap;
		justify-content: space-between;
	}
	.bg_col > li {
		width: 100%;
		margin-bottom: 0;
		margin-bottom: 2rem;
	}
	.bg_col > li:last-child {
		margin-bottom: 2rem;
	}
	.bg_col > li > ul {
		display:flex;
		flex-flow:column wrap;
		justify-content: space-between;
	}
	.bg_col li > ul > li {
		text-align: center;
		/* margin-bottom:1rem; */
	}
	.bg_col li > ul > li:first-child {
		width: 100%;
	}
	.bg_col li > ul > li:last-child {
		width: 100%;
	}
	.bg_col li > ul > li .showroom_name {
		margin: 0.5rem auto 1rem;
		font-size: 0.95rem;
		text-decoration: underline;
	}
	.bg_col li > ul > li .showroom_address {
		font-size:0.75rem;
		margin-bottom: 1rem;
	}
	.bg_col li > ul > li .showroom_catch {
		font-size: 0.79rem;
		margin-bottom: 0.5rem;
		line-height: 1.5;
	}
	.bg_col li > ul > li .btn_bg_col a {
		display:block;
		position:relative;
		background:#eee;
		padding: 0.5rem 0;
		text-align:center;
		font-size: 0.75rem;
	}
	.bg_col li > ul > li .btn_bg_col a:hover {
		transition:.5s;
		background:#222;
		color:#fff;
	}
	.bg_col li > ul > li .btn_bg_col a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.bg_col li > ul > li .btn_bg_col a:hover::after {
		color:#fff;
	}

/* sr_col */
	.sr_col {
		display:flex;
		flex-flow:column wrap;
		justify-content:space-between;
		margin-top: 2rem;
	}
	.sr_col li {
		width: 100%;
		font-size:0.75rem;
		margin-bottom:1rem;
	}
	.sr_col li a {
		display:block;
		position:relative;
		background:#eee;
		padding: 0.5rem 0;
	}
	.sr_col li a:hover {
		transition:.5s;
		background:#222;
		color:#fff;
	}
	.sr_col li a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.sr_col li a:hover::after {
		color:#fff;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	section.showroom {
		padding: 3rem 9vw;
	}
	.showroom_tit {
		font-size: 2vw;
		letter-spacing: 1.5px;
		margin-bottom:0.8rem;
		font-weight: normal;
	}
	.showroom .bar2 {
		content:"";
		width: 30%;
		height: 1px;
		background-color: #222222;
		margin:0 auto 2.5rem;
	}

/* bg_col */
	.bg_col img {
		max-width:100%;
	}
	.bg_col {
		display:flex;
		flex-flow:row nowrap;
		justify-content: space-between;
	}
	.bg_col > li {
		width: 48%;
		margin-bottom: 0;
	}
	.bg_col > li:first-child {
		/* margin-right: 3.3rem; */
	}
	.bg_col > li > ul {
		display:flex;
		flex-flow:column wrap;
		justify-content: space-between;
	}
	.bg_col li > ul > li {
		text-align:left;
		margin-bottom:1rem;
	}
	.bg_col li > ul > li:first-child {
		width: 100%;
	}
	.bg_col li > ul > li:last-child {
		width: 100%;
		/* padding: 0 1rem; */
	}
	.bg_col li > ul > li .showroom_name {
		margin-bottom:1rem;
		font-size: 1rem;
		min-height: 3rem;
	}
	.bg_col li > ul > li .showroom_address {
		font-size:0.8rem;
		margin-bottom: 1rem;
	}
	.bg_col li > ul > li .showroom_catch {
		font-size: 0.9rem;
		margin-bottom: 0.5rem;
		line-height: 1.8;
	}
	.bg_col li > ul > li .btn_bg_col a {
		display:block;
		position:relative;
		background:#eee;
		padding: 0.5rem 0;
		text-align:center;
		font-size: 0.73rem;
	}
	.bg_col li > ul > li .btn_bg_col a:hover {
		transition:.5s;
		background:#222;
		color:#fff;
	}
	.bg_col li > ul > li .btn_bg_col a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.bg_col li > ul > li .btn_bg_col a:hover::after {
		color:#fff;
	}

/* sr_col */	
	.sr_col {
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
	}
	.sr_col li {
		width: 32.8%;
		font-size:0.73rem;
		margin-bottom:1rem;
	}
	.sr_col li a {
		display:block;
		position:relative;
		background:#eee;
		padding: 0.5rem 0;
		letter-spacing:-0.2px;
		font-size:0.7rem;
	}
	.sr_col li a:hover {
		transition:.5s;
		background:#222;
		color:#fff;
	}
	.sr_col li a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.sr_col li a:hover::after {
		color:#fff;
	}
}
@media only screen and (min-width: 1025px) {
	section.showroom {
		padding: 6rem 9vw 0;
	}
	.showroom_tit {
		font-size: 2vw;
		letter-spacing: 1.5px;
		margin-bottom:1rem;
		font-weight: normal;
	}
	.showroom .bar2 {
		content:"";
		width: 23%;
		height: 1px;
		background-color: #222222;
		margin:0 auto 4rem;
	}

/* bg_col */
	.bg_col img {
		max-width:100%;
	}
	.bg_col {
		display:flex;
		flex-flow:row nowrap;
		justify-content: center;
	}
	.bg_col > li {
		width: 50%;
		margin-bottom:1rem;
	}
	.bg_col > li:first-child {
		margin-right: 2.3rem;
	}
	.bg_col > li > ul {
		display:flex;
		flex-flow:row nowrap;
		justify-content: space-between;
	}
	.bg_col li > ul > li {
		
		text-align:left;
		margin-bottom:1rem;
	}
	.bg_col li > ul > li:first-child {
		width: 47.4%;
	}
	.bg_col li > ul > li:last-child {
		width: 47%;
		/* padding: 0 1rem; */
	}
	.bg_col li > ul > li .showroom_name {
		margin-bottom:1rem;
		font-size: min(1.3vw,20px);
	}
	.bg_col li > ul > li .showroom_address {
		font-size:0.8rem;
		margin-bottom: 1.5rem;
	}
	.bg_col li > ul > li .showroom_catch {
		font-size: 0.85rem;
		margin-bottom: 1.2rem;
		line-height: 1.8;
	}
	.bg_col li > ul > li .btn_bg_col {
		width: 15.5vw;
	}
	.bg_col li > ul > li .btn_bg_col a {
		display:block;
		position:relative;
		background:#eee;
		padding: 0.5rem 0;
		text-align:center;
		font-size: 0.73rem;
	}
	.bg_col li > ul > li .btn_bg_col a:hover {
		transition:.5s;
		background:#222;
		color:#fff;
	}
	.bg_col li > ul > li .btn_bg_col a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.bg_col li > ul > li .btn_bg_col a:hover::after {
		color:#fff;
	}


	
/* sr_col */
	.sr_col {
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
	}
	.sr_col li {
		width: 23%;
		font-size:0.73rem;
		margin-bottom:1rem;
	}
	.sr_col li a {
		display:block;
		position:relative;
		background:#eee;
		padding: 0.5rem 0;
	}
	.sr_col li a:hover {
		transition:.5s;
		background:#222;
		color:#fff;
	}
	.sr_col li a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.sr_col li a:hover::after {
		color:#fff;
	}
}


/* ------------------------------------------ 
 
 - onlineshop

------------------------------------------ */
@media only screen and (max-width: 599px) {
	section.onlineshop {
		padding: 3rem 9vw 1rem;
	}
	.onlineshop_tit {
		font-size: 1.2rem;
		letter-spacing: 1.5px;
		margin-bottom:1rem;
		font-weight: normal;
	}
	.onlineshop .bar3 {
		content:"";
		width: 60%;
		height: 1px;
		background-color: #222222;
		margin:0 auto 2rem;
	}
	.onlineshop_wrap ul {
		display:flex;
		flex-flow:column wrap;
	}
	.onlineshop_wrap ul li:first-child {
		font-size:0.8rem;
	}
	.onlineshop_wrap ul li:last-child {
		margin-top: 1.5rem;
	}
	.onlineshop_wrap ul li:last-child a {
		display:inline-block;
		width:100%;
		background:#222;
		color:#fff;
		position:relative;
		font-size: 0.75rem;
		padding: 0.5rem 1rem;
		text-align: center;
	}
	.onlineshop_wrap ul li:last-child a:hover {
		transition: .5s;
		background:#eee;
		color:#222;
	}
	.onlineshop_wrap ul li:last-child a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.onlineshop_wrap ul li:last-child a:hover::after {
		color:#222;
	}
	.onlineshop_wrap .bnr_outlet {
		margin: 2rem auto 1rem;
	}
	.onlineshop_wrap .bnr_outlet a {
		display:block;
	}
	.onlineshop_wrap .bnr_outlet img {
		max-width:100%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	section.onlineshop {
		padding: 3rem 9vw;
	}
	.onlineshop_tit {
		font-size: 2vw;
		letter-spacing: 1.5px;
		margin-bottom:0.8rem;
		font-weight: normal;
	}
	.onlineshop .bar3 {
		content:"";
		width: 30%;
		height: 1px;
		background-color: #222222;
		margin:0 auto 2.5rem;
	}
	.onlineshop_wrap ul {
		display:flex;
		flex-flow:column wrap;
	}
	.onlineshop_wrap ul li:first-child {
		font-size:0.9rem;
	}
	.onlineshop_wrap ul li:last-child {
		margin-top: 1.5rem;
	}
	.onlineshop_wrap ul li:last-child a {
		display:inline-block;
		width:35%;
		background:#222;
		color:#fff;
		position:relative;
		font-size: 0.73rem;
		padding: 0.5rem 1rem;
		text-align: center;
	}
	.onlineshop_wrap ul li:last-child a:hover {
		transition: .5s;
		background:#eee;
		color:#222;
	}
	.onlineshop_wrap ul li:last-child a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.onlineshop_wrap ul li:last-child a:hover::after {
		color:#222;
	}
	.onlineshop_wrap .bnr_outlet {
		margin: 0 auto;
	}
	.onlineshop_wrap .bnr_outlet a {
		display:block;
	}
	.onlineshop_wrap .bnr_outlet img {
		max-width:100%;
	}
}
@media only screen and (min-width: 1025px) {
	section.onlineshop {
		padding: 6rem 9vw 0;
	}
	.onlineshop_tit {
		font-size: 2vw;
		letter-spacing: 1.5px;
		margin-bottom:1rem;
		font-weight: normal;
	}
	.onlineshop .bar3 {
		content:"";
		width: 23%;
		height: 1px;
		background-color: #222222;
		margin:0 auto 4rem;
	}
	.onlineshop_wrap ul {
		display:flex;
		flex-flow:column wrap;
	}
	.onlineshop_wrap ul li:first-child {
		
	}
	.onlineshop_wrap ul li:last-child {
		margin: 1.5rem auto 0;
		width: 40%;
		display: inline-block;
		background: #222;
	}
	.onlineshop_wrap ul li:last-child a {
		display: block;
		color:#fff;
		position:relative;
		font-size:0.73rem;
		padding: 0.8rem 1rem;
		text-align: center;
	}
	.onlineshop_wrap ul li:last-child a:hover {
		transition: .5s;
		background:#eee;
		color:#222;
	}
	.onlineshop_wrap ul li:last-child a::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #fff;
	}
	.onlineshop_wrap ul li:last-child a:hover::after {
		color:#222;
	}
	.onlineshop_wrap .bnr_outlet {
		margin:3rem auto;
	}
	.onlineshop_wrap .bnr_outlet a:hover {
		opacity:0.7;
		transition: .5s;
	}
}



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

------------------------------------------ */
@media only screen and (max-width: 599px) {
	#page-top a{
		display: block;
		transition:all 0.3s;
	}
	#page-top a img {
		width: 24%;
	}
	#page-top a:hover{
	}
	#page-top {
		position: fixed;
		right: 3%;
		bottom:8px;
		z-index: 32;
		opacity: 0;
		text-align: right;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#page-top a{
		display: block;
		transition:all 0.3s;
	}
	#page-top a img {
		width:32%;
	}
	#page-top a:hover{
	}
	#page-top {
		position: fixed;
		right: 2%;
		bottom:10px;
		z-index: 32;
		opacity: 0;
		text-align: right;
	}
}
@media only screen and (min-width: 1025px) {
	#page-top a{
		display: block;
		transition:all 0.3s;
	}
	#page-top a img {
		width:27%;
	}
	#page-top a:hover{
	}
	#page-top {
		position: fixed;
		right: 1%;
		bottom:10px;
		z-index: 32;
		opacity: 0;
		text-align: right;
	}
}


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

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





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

------------------------------------------ */
.snsicon_wrap {
	padding: 1rem 0 1rem;
	text-align: center;
}
.snsicon_wrap img {
	width: 28px;
}
.snsicon_wrap ul {
	text-align: center;
	display: flex;
	flex-flow:row nowrap;
	justify-content:space-around;
	align-items: center;
	margin: 1rem auto 0;
	width: 70%;
}
.snsicon_wrap ul li {
	width: 9%;
}
footer {
	margin-bottom: 9rem;
	height:8vh;
}
footer p:first-child {
	margin-top:0;
}
footer p:last-child {
	margin-top:0.5rem;
}
footer p img {
	width:30%;
}

@media only screen and (min-width: 768px) {
	.snsicon_wrap {
		padding: 3rem 0 1.5rem;
		text-align: center;
	}
	.snsicon_wrap img {
		width: 26px;
	}
	.snsicon_wrap ul {
		text-align: center;
		display: flex;
		flex-flow:row nowrap;
		justify-content:space-around;
		align-items: center;
		margin: 1rem auto 0;
	}
	.snsicon_wrap ul {
		margin: 0.5em auto 0;
		width: 380px;	
	}
	.snsicon_wrap ul li {
		width: 7%;
	}
	footer {
		padding-bottom: 2rem;
		height:16vh;
	}
	footer p:first-child {
		margin-top:0;
	}
	footer p:last-child {
		margin-top:1rem;
	}
}



/* ------------------ WRAP ---------------- */
.wrapper{
	font-family: 'Sawarabi Gothic';
	font-weight: normal;
	color:#222;
	background: #e9e0db;
}
main {
	font-family: 'Sawarabi Gothic';
	font-weight: normal;
}

@media only screen and (min-width: 1100px) {
    footer {
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
		margin-bottom:3rem;
        padding-bottom: 1rem;
    }
}


*:focus {
	outline: none;
}
a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}