/* 全体 */

#iris_home,
#iris_guitars,
#iris_colors,
#iris_aged,
#iris_about,
#iris_factory,
#iris_press{
width: 100%;
margin: 0 auto;
font-family:  "Arial", 'Segoe UI', 'Hiragino Sans', 'Yu Gothic';
font-size: 16px;
line-height: 2.3em;
color: #fff;
letter-spacing: 0.2rem;
position: relative;
text-align: justify;
word-break: break-all;
font-weight: 300;
}

@keyframes fadein_out {
 0% {opacity: 0;}
 50% {opacity: 1;}
 100% {opacity: 0;}
}

html{
scroll-behavior: smooth;
}


/* IRIS HOME */

/* IRIS HOME 背景*/

#iris_home .iris_visual {
position: relative;
width: 100%;
height: auto;
min-height: calc(100vh - 60px);
display: flex;
align-items: center;
}

#iris_home .iris_visual .background_inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0);
background: #000;
}

#iris_home .iris_visual .background_image {
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
opacity: 0.6;
}

#iris_home .iris_visual .background_image.bg_image-01 {
background-image: url('../../../features/allstores/iris/iris_main.jpg');
}


/* IRIS HOME ファーストビュー*/

#iris_home .iris_visual .firstview{
position: relative;
width: 50vw;
text-align: center;
font-size: 1.5em;
line-height: 1.5em;
font-weight: 600;
margin: 0 auto;
padding: 100px 0;
word-break: initial;
}

#iris_home .iris_visual .firstview .title_logo{
width: 50%;
max-width: 640px;
margin: 0 auto 30px;
}

#iris_home .iris_visual .firstview .title_logo img{
display: block;
width: 100%;
}

#iris_home .iris_visual .arrow{
position: absolute;
color: #fff;
text-align: center;
bottom: 5%;
left: 50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
font-size: 0.7em;
animation: fadein_out 3s infinite;
line-height: 1em;
z-index: 2;
}

#iris_home .iris_visual .arrow a{
position: relative;
color: #fff;
}

#iris_home .iris_visual .arrow a:before {
content: '';
width: 6px;
height: 6px;
border: 0;
border-bottom: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
bottom: -10px;
left: calc(50% - 6px);
transform: rotate(45deg);
}


/* IRIS HOME メインコンテンツ*/

#iris_home #main_contents{
position: relative;
z-index: 1;
width: 100%;
}


/* IRIS HOME 概要*/

#iris_home #main_contents .overview{
width: 100%;
height: auto;
min-height: 100vh;
display: flex;
align-items: center;
margin: 0 auto;
background: #a2a9b0;
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
background-image: url('../../../features/allstores/iris/iris_overview.jpg');
}

#iris_home #main_contents .overview .content_area{
width: 60%;
margin: auto 0 auto auto;
padding: 5% 5% 5% 0;
}

#iris_home #main_contents .overview .content_area p{
margin: 20px 0 0;
}

#iris_home #main_contents .overview .content_area h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
text-align: center;
}


/* IRIS HOME ラインナップ*/

#iris_home #main_contents .models{
width: 100%;
height: auto;
min-height: 100vh;
display: flex;
align-items: center;
margin: 0 auto;
background: #cbc5c1;
position: relative;
}

#iris_home #main_contents .models .content_area{
width: 100%;
margin: 0 auto;
padding: 5%;
}

#iris_home #main_contents .models .content_area h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
margin: 0 auto 25px;
text-align: center;
}

#iris_home #main_contents .models .mySwiper_01 {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-button-next,
#iris_home #main_contents .models .mySwiper_01 .swiper-button-prev {
width: 36px;
height: 36px;
margin-top: -18px;
background-color: rgb(0,0,0, 0.6);
background-size: 13px 36px;
border-radius: 5px;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 40%;
aspect-ratio: 3/2;
border-radius: 10px;
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
-webkit-transition: 0.35s, -webkit-transform 0.35s;
transition: 0.35s, transform 0.35s;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide:hover {
background-color: #b1a48c;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure {
position: relative;
float: left;
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
cursor: pointer;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption {
padding: 10% 7% 10% 35%;
color: #3e3e3b;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption::before,
#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption::after {
pointer-events: none;
position: absolute;
top: 10%;
right: 7%;
bottom: 10%;
left: 35%;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption,
#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure h4 {
font-weight: 100;
font-size: 1.3vw;
line-height: 1.5em;
padding: 20% 0.5em 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure h4 span {
font-weight: 600;
font-size: 1.4em;
display: block;
width: 100%;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure h4,
#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure p {
margin: 0;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure p {
text-align: justify;
word-break: break-all;
font-size: 1vw;
line-height: 2em;
padding: 20px 2em;
opacity: 0;
-webkit-transition: 0.35s, -webkit-transform 0.35s;
transition: 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-20%,0);
transform: translate3d(0,-20%,0);
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption::before {
border-top: 1px solid #3e3e3b;
border-bottom: 1px solid #3e3e3b;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption::after {
border-right: 1px solid #3e3e3b;
border-left: 1px solid #3e3e3b;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure:hover figcaption::before,
#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure:hover figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure:hover figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure:hover h4{
opacity: 1;
-webkit-transform: translate3d(0,-30%,0);
transform: translate3d(0,-30%,0);
color: #fff;
border: none;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure:hover p {
opacity: 1;
-webkit-transform: translate3d(0,-35%,0);
transform: translate3d(0,-35%,0);
color: #fff;
border: none;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide .guitarlink_arrow{
position: absolute;
color: #3e3e3b;
bottom: 10%;
right: 7%;
font-size: 12px;
line-height: 30px;
padding: 0 12px 0 15px;
border-bottom: 1px solid #3e3e3b;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide .guitarlink_arrow::after {
font-family: "Font Awesome 6 Free";
content: "\f054";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-weight: 600;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 10px;
line-height: 12px;
opacity: 0;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide .guitarlink_arrow span{
position: relative;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide .guitarlink_arrow span::before {
content: "";
display: block;
width: 16px;
height: 1px;
background: #3e3e3b;
rotate: 45deg;
position: absolute;
right: -29%;
bottom: -4px;
opacity: 1;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide:hover .guitarlink_arrow span::before{
opacity: 0;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide:hover .guitarlink_arrow{
color: #fff;
border: none;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide:hover .guitarlink_arrow span::before {
background: #3e3e3b;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide:hover .guitarlink_arrow::after  {
opacity: 1;
}


/* IRIS HOME アバウト*/

#iris_home .iris_visual .background_image.bg_image-02 {
background-image: url('../../../features/allstores/iris/iris_about.jpg');
}

#iris_home .iris_visual .about{
position: relative;
width: 100%;
margin: 0 auto;
padding: 5% 15%;
}

#iris_home .iris_visual .about h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
text-align: center;
}

#iris_home .iris_visual .about p{
margin: 20px 0 0;
}

#iris_home .iris_visual .about .link{
margin: 50px auto 0;
text-align: right;
}

#iris_home .iris_visual .about .link a{
position: relative;
display: inline-block;
color: #fff;
font-size: 1.2em;
line-height: 1.5em;
padding: 2% 10%;
background: rgb(255, 255, 255, 0);
text-decoration: none;
outline: none;
overflow: inherit;
transition: all .3s;
}

#iris_home .iris_visual .about .link a::before{
content: '';
position: absolute;
bottom: 10px;
left: 30%;
width: 80%;
height: 1px;
background: #fff;
transition: all .3s;
}

#iris_home .iris_visual .about .link a::after{
content: '';
position: absolute;
bottom: 15px;
right: -11%;
width: 15px;
height:1px;
background:#fff;
transform: rotate(45deg);
transition: all .3s;
}

#iris_home .iris_visual .about .link a:hover{
opacity: 1;
background: rgb(255, 255, 255, 0.4);
}

#iris_home .iris_visual .about .link a:hover::before{
left: 35%;
}

#iris_home .iris_visual .about .link a:hover::after{
right: -16%;
}

#iris_home #itemlist_area{
position: relative;
z-index: 1;
width: 100%;
background: #3c455c;
margin: 0 auto;
padding: 5% 15% 0;
}

#iris_home #itemlist_area h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
text-align: center;
}


/* IRIS GUITARS */

/* IRIS GUITARS 背景*/

#iris_guitars .iris_visual {
position: relative;
width: 100%;
height: auto;
min-height: calc(100vh - 60px);
display: flex;
align-items: center;
}

#iris_guitars .iris_visual_specs {
position: relative;
width: 100%;
height: auto;
min-height: 100vh;
text-align: center;
}

#iris_guitars .iris_visual .background_inner,
#iris_guitars .iris_visual_specs .background_inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0);
background: #000;
}

#iris_guitars .iris_visual .background_image, 
#iris_guitars .iris_visual_specs .background_image {
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
opacity: 0.6;
}

#iris_guitars .iris_visual .background_image.bg_image-ab-01 {
background-image: url('../../../features/allstores/iris/iris_ab_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-bb-01 {
background-image: url('../../../features/allstores/iris/iris_bb_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-ch-01 {
background-image: url('../../../features/allstores/iris/iris_ch_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-de11-01 {
background-image: url('../../../features/allstores/iris/iris_de11_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-df-01 {
background-image: url('../../../features/allstores/iris/iris_df_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-dfsm-01 {
background-image: url('../../../features/allstores/iris/iris_dfsm_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-jb-01 {
background-image: url('../../../features/allstores/iris/iris_jb_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-ms00-01 {
background-image: url('../../../features/allstores/iris/iris_ms00_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-nd200-01 {
background-image: url('../../../features/allstores/iris/iris_nd200_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-og-01 {
background-image: url('../../../features/allstores/iris/iris_og_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-rcm000-01 {
background-image: url('../../../eatures/allstores/iris/iris_rcm000_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-sg11-01 {
background-image: url('../../../features/allstores/iris/iris_sg11_bg-01.jpg');
}

#iris_guitars .iris_visual .background_image.bg_image-ltd-01 {
background-image: url('../../../features/allstores/iris/iris_ltd_bg-01.jpg');
}



/* IRIS GUITARS ファーストビュー*/

#iris_guitars .iris_visual .firstview{
position: absolute;
width: 50vw;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 1.5em;
line-height: 1.5em;
font-weight: 600;
word-break: initial;
}

#iris_guitars .iris_visual .firstview .main_title{
width: 100%;
margin: 0 auto 30px;
font-size: 3em;
line-height: 1.2em;
}

#iris_guitars .iris_visual .arrow{
position: absolute;
color: white;
text-align: center;
bottom: 5%;
left: 50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
font-size: 0.7em;
animation: fadein_out 3s infinite;
line-height: 1em;
z-index: 2;
}

#iris_guitars .iris_visual .arrow a{
position: relative;
color: #fff;
}

#iris_guitars .iris_visual .arrow a:before {
content: '';
width: 6px;
height: 6px;
border: 0;
border-bottom: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
bottom: -10px;
left: calc(50% - 6px);
transform: rotate(45deg);
}


/* IRIS GUITARS メインコンテンツ*/

#iris_guitars #main_contents{
position: relative;
z-index: 1;
width: 100%;
}


/* IRIS GUITARS 概要*/

#iris_guitars #main_contents .overview{
width: 100%;
height: auto;
min-height: 100vh;
display: flex;
align-items: center;
margin: 0 auto;
background: #6d7973;
position: relative;
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
}

#iris_guitars #main_contents .overview.limited_bg{
background-color: #cac0a5;
}

#iris_guitars #main_contents .overview .content_area{
width: 60%;
margin: auto 0 auto auto;
padding: 5% 5% 5% 0;
}

#iris_guitars #main_contents .overview .content_area p{
margin: 20px 0 0;
}

#iris_guitars #main_contents .overview .content_area h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
text-align: center;
}

#iris_guitars #main_contents .overview .content_area .item_search{
margin: 50px auto 0;
text-align: center;
}

#iris_guitars #main_contents .overview .content_area .item_search a{
position: relative;
display: inline-block;
color: #fff;
font-size: 1.2em;
line-height: 1.5em;
padding: 2% 10%;
background: rgb(255, 255, 255, 0);
text-decoration: none;
outline: none;
overflow: inherit;
transition: all .3s;
}

#iris_guitars #main_contents .overview .content_area .item_search a::before{
content: '';
position: absolute;
bottom: 10px;
left: 20%;
width: 85%;
height: 1px;
background: #fff;
transition: all .3s;
}

#iris_guitars #main_contents .overview .content_area .item_search a::after{
content: '';
position: absolute;
bottom: 15px;
right: -15px;
width: 15px;
height:1px;
background:#fff;
transform: rotate(45deg);
transition: all .3s;
}

#iris_guitars #main_contents .overview .content_area .item_search a:hover{
opacity: 1;
background: rgb(255, 255, 255, 0.4);
}

#iris_guitars #main_contents .overview .content_area .item_search a:hover::before{
left: calc(20% + 25px);
}

#iris_guitars #main_contents .overview .content_area .item_search a:hover::after{
right: -40px;
}


/* IRIS GUITARS スペック*/

#iris_guitars .iris_visual_specs .background_image.bg_image-ab-02 {
background-image: url('../../../features/allstores/iris/iris_ab_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-bb-02 {
background-image: url('../../../features/allstores/iris/iris_bb_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-ch-02 {
background-image: url('../../../features/allstores/iris/iris_ch_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-de11-02 {
background-image: url('../../../features/allstores/iris/iris_de11_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-df-02 {
background-image: url('../../../features/allstores/iris/iris_df_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-dfsm-02 {
background-image: url('../../../features/allstores/iris/iris_dfsm_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-jb-02 {
background-image: url('../../../features/allstores/iris/iris_jb_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-ms00-02 {
background-image: url('../../../features/allstores/iris/iris_ms00_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-nd200-02 {
background-image: url('../../../features/allstores/iris/iris_nd200_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-og-02 {
background-image: url('../../../features/allstores/iris/iris_og_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-rcm000-02 {
background-image: url('../../../features/allstores/iris/iris_rcm000_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .background_image.bg_image-sg11-02 {
background-image: url('../../../features/allstores/iris/iris_sg11_bg-02.jpg');
}

#iris_guitars .iris_visual_specs .specs{
position: relative;
width: 100%;
margin: 0 auto;
padding: 5% 15%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#iris_guitars .iris_visual_specs .specs h3{
font-size: 2em;
line-height: 1.2em;
font-weight: 600;
text-align: center;
margin: 0 0 20px;
width: 100%;
}

#iris_guitars .iris_visual_specs .specs h3 span{
display: block;
font-size: 0.7em;
}

#iris_guitars .iris_visual_specs .specs li{
width: 49%;
margin: 30px 0 0;
}

#iris_guitars .iris_visual_specs .specs li h4{
font-size: 1.3em;
line-height: 1.2em;
font-weight: 600;
text-align: center;
margin: 0 0 20px;
width: 100%;
}

#iris_guitars .iris_visual_specs .specs li p{
line-height: 2.8em;
}


/* IRIS GUITARS ギャラリー*/

#iris_guitars #main_contents .photo_gallery{
width: 100%;
height: auto;
min-height: 100vh;
display: flex;
align-items: center;
margin: 0 auto;
background: #9aacb8;
}

#iris_guitars #main_contents .photo_gallery .content_area{
width: 100%;
margin: 0 auto;
padding: 5% 10%;
}

#iris_guitars #main_contents .photo_gallery .content_area h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
margin: 0 auto 25px;
text-align: center;
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery::after {
content: "";
display:block;
width:23%;
}
#iris_guitars #main_contents .photo_gallery .content_area .gallery::before { 
content: ""; 
display:block; 
width:23%;
order: 1; 
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery li {
width: 23%;
margin-bottom: 2.5%;
position: relative;
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery li a{
display: block;
overflow: hidden;
aspect-ratio: 1/1;
height: 100%;
display: block;
width: 100%;
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery li img{
width: 100%;
height: auto;
vertical-align: bottom;
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery li img.height{
width: auto !important;
height: 100% !important;
max-width: none;
}

/* IRIS ABOUT */

/* IRIS ABOUT 背景 */

#iris_about img{
display: block;
width: 100%;
margin: 0 auto;
}

#iris_about .iris_visual {
position: relative;
width: 100%;
height: auto;
min-height: calc(100vh - 60px);
display: flex;
align-items: center;
}

#iris_about .iris_visual_specs {
position: relative;
width: 100%;
height: auto;
min-height: 100vh;
text-align: center;
}

#iris_about .iris_visual .background_inner,
#iris_about .iris_visual_specs .background_inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0);
background: #000;
}

#iris_about .iris_visual .background_image, 
#iris_about .iris_visual_specs .background_image {
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
opacity: 0.6;
}

#iris_about .iris_visual .background_image.bg_image-01 {
background-image: url('../../../features/allstores/iris/iris_about_bg-01.jpg');
}


/* IRIS ABOUT */

/* IRIS HOME メインコンテンツ*/

#iris_about #main_contents{
position: relative;
z-index: 1;
width: 100%;
}


/* IRIS ABOUT 概要 */

#iris_about #main_contents .overview{
width: 100%;
height: auto;
min-height: 100vh;
display: flex;
align-items: center;
margin: 0 auto;
background: #b2b2a2;
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
background-image: url('../../../features/allstores/iris/about_bg.png');
}

#iris_about #main_contents .overview .content_area{
width: 60%;
margin: auto auto auto 0;
padding: 5% 0 5% 5%;
}

#iris_about #main_contents .overview .content_area p{
margin: 20px 0 0;
}

#iris_about #main_contents .overview .content_area h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
text-align: center;
}


/* IRIS ABOUT ファーストビュー */

#iris_about .iris_visual .firstview{
position: absolute;
width: 50vw;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 1.5em;
line-height: 1.5em;
font-weight: 600;
word-break: initial;
}

#iris_about .iris_visual .firstview .main_title{
width: 100%;
margin: 0 auto 30px;
font-size: 3em;
line-height: 1.2em;
}

#iris_about .iris_visual .arrow{
position: absolute;
color: white;
text-align: center;
bottom: 5%;
left: 50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
font-size: 0.7em;
animation: fadein_out 3s infinite;
line-height: 1em;
z-index: 2;
}

#iris_about .iris_visual .arrow a{
position: relative;
color: #fff;
}

#iris_about .iris_visual .arrow a:before {
content: '';
width: 6px;
height: 6px;
border: 0;
border-bottom: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
bottom: -10px;
left: calc(50% - 6px);
transform: rotate(45deg);
}


/* IRIS ABOUT　スタッフ紹介*/

#iris_about #main_contents .staff_introduction{
width: 100%;
height: auto;
min-height: 100vh;
margin: 0 auto;
background: #757081;
padding: 5% 10%;
}

#iris_about #main_contents .staff_introduction h3{
font-size: 2em;
line-height: 1.2em;
font-weight: 600;
text-align: center;
margin: 0 0 20px;
width: 100%;
}

#iris_about #main_contents .staff_introduction h4{
font-size: 1.6em;
line-height: 1.2em;
font-weight: 600;
text-align: center;
margin: 6% 0 0;
width: 100%;
}

#iris_about #main_contents .staff_introduction h4 span{
display: block;
font-size: 0.6em;
}

#iris_about #main_contents .staff_introduction .content_area{
width: 100%;
margin: 3% auto 0;
padding: 0 0 6%;
border-bottom: 1px solid;
}

#iris_about #main_contents .staff_introduction .content_area::after{
content: "";
clear: both;
display: block;
}

#iris_about #main_contents .staff_introduction .content_area .photo{
width: 35%;
max-width: 330px;
float: right;
padding: 0 0 0.2em 2em;
}

#iris_about #main_contents .staff_introduction .content_area .text{
width: 65%;
}

#iris_about #main_contents .staff_introduction .content_area .text:first-child{
margin: 0;
}

#iris_about #main_contents .staff_introduction .content_area .text p{
text-indent: 1em;
margin: 0.8em 0 0 0;
}

#iris_about #main_contents .staff_introduction .content_area .text p:first-child{
margin: 0;
}




/* IRIS COLORS*/

/* IRIS COLORS 背景*/

#iris_colors .iris_visual, 
#iris_aged .iris_visual {
position: relative;
width: 100%;
height: auto;
min-height: calc(100vh - 60px);
display: flex;
align-items: center;
}

#iris_colors .iris_visual_specs, 
#iris_aged .iris_visual_specs {
position: relative;
width: 100%;
height: auto;
min-height: 100vh;
text-align: center;
}

#iris_colors .iris_visual .background_inner, 
#iris_aged .iris_visual .background_inner{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
clip-path: inset(0);
background: #000;
}

#iris_colors .iris_visual .background_image, 
#iris_aged .iris_visual .background_image {
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
opacity: 0.6;
}

#iris_colors .iris_visual .background_image.bg_image-colors-01 {
background-image: url('../../../features/allstores/iris/iris_colors_bg-01.jpg');
}

#iris_aged .iris_visual .background_image.bg_image-colors-01 {
background-image: url('../../../features/allstores/iris/iris_aged_bg-01.jpg');
}


/* IRIS COLORS ファーストビュー*/

#iris_colors .iris_visual .firstview, 
#iris_aged .iris_visual .firstview{
position: absolute;
width: 50vw;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 1.5em;
line-height: 1.5em;
font-weight: 600;
word-break: initial;
}

#iris_colors .iris_visual .firstview .main_title, 
#iris_aged .iris_visual .firstview .main_title{
width: 100%;
margin: 0 auto 30px;
font-size: 3em;
line-height: 1.2em;
}

#iris_colors .iris_visual .arrow, 
#iris_aged .iris_visual .arrow{
position: absolute;
color: white;
text-align: center;
bottom: 5%;
left: 50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
font-size: 0.7em;
animation: fadein_out 3s infinite;
line-height: 1em;
z-index: 2;
}

#iris_colors .iris_visual .arrow a, 
#iris_aged .iris_visual .arrow a{
position: relative;
color: #fff;
}

#iris_colors .iris_visual .arrow a:before, 
#iris_aged .iris_visual .arrow a:before {
content: '';
width: 6px;
height: 6px;
border: 0;
border-bottom: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
bottom: -10px;
left: calc(50% - 6px);
transform: rotate(45deg);
}


/* IRIS COLORS メインコンテンツ*/

#iris_colors #main_contents, 
#iris_aged #main_contents{
position: relative;
z-index: 1;
width: 100%;
}

#iris_colors #main_contents img,
#iris_aged #main_contents img{
display: block;
width: 100%;
}

#iris_colors #main_contents a, 
#iris_aged #main_contents a{
display: block;
}

#iris_colors #main_contents .overview{
width: 100%;
margin: 0 auto;
background: #4c586f;
padding: 5% 10%;
}

#iris_aged #main_contents .overview{
width: 100%;
margin: 0 auto;
background: #856569;
padding: 5% 10%;
}

#iris_colors #main_contents .overview h3, 
#iris_aged #main_contents .overview h3{
font-size: 2em;
line-height: 2em;
font-weight: 600;
text-align: center;
}

#iris_colors #main_contents .overview h4{
font-size: 1.5em;
line-height: 1.2em;
font-weight: 600;
text-align: center;
width: 100%;
margin: 12.5% 0 6.25%;
}

#iris_aged #main_contents .overview h4{
font-size: 1.5em;
line-height: 1.2em;
font-weight: 600;
text-align: center;
width: 100%;
margin: 6% 0 3%;
}

#iris_colors #main_contents .overview h4 span, 
#iris_aged #main_contents .overview h4 span{
display: inline-block;
margin: 0 0 0 0.5em;
font-size: 0.8em;
}

#iris_colors #main_contents .overview .color_list{
position: relative;
width: 100%;
margin: 0 auto;

display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: end;
}

#iris_aged #main_contents .overview .aged_list{
position: relative;
width: 100%;
margin: 3% auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: end;
}

#iris_colors #main_contents .overview .color_list li{
width: 48%;
}

#iris_aged #main_contents .overview .aged_list li{
width: 32%;
}

.lb-data .lb-caption, 
.lb-data .lb-caption{
font-size: 18px;
line-height: 30px;
font-weight: initial;
}

@media only screen and (max-width: 880px) {

/* SP IRIS HOME 全体*/

#iris_home,
#iris_guitars,
#iris_colors,
#iris_aged,
#iris_about,
#iris_factory,
#iris_press{
font-size: 14px;
}


/* SP IRIS HOME  ファーストビュー*/

#iris_home .iris_visual .firstview{
width: 80vw;
font-size: 1.2em;
padding: 50px 0;
}

#iris_home .iris_visual .firstview .title_logo{
width: 70%;
max-width: 250px;
}


/* SP IRIS HOME 概要*/

#iris_home #main_contents .overview {
background-position: center bottom;
}

#iris_home #main_contents .overview .content_area{
width: 100%;
padding: 15% 10% 70%;
}

#iris_home #main_contents .overview .content_area h3{
line-height: 1.2em;
}


@media only screen and (max-width: 880px) {

/* SP IRIS HOME ラインナップ*/

#iris_home #main_contents .models{
min-height: auto;
}

#iris_home #main_contents .models .content_area{
padding: 15% 5%;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-button-next{
right: 5px;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-button-prev{
left: 5px;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-button-next,
#iris_home #main_contents .models .mySwiper_01 .swiper-button-prev {
width: 24px;
height: 24px;
margin-top: -12px;
background-size: 8px 24px;
border-radius: 4px;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide {
width: 80%;
max-width: 450px;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure h4 {
font-size: 1.9vw;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure p {
font-size: 1.5vw;
padding: 15px 1.5em 0;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure figcaption {
padding: 7% 7% 7% 35%;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide .guitarlink_arrow{
font-size: 10px;
line-height: 20px;
padding: 0 5px;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide .guitarlink_arrow::after {
font-size: 8px;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide .guitarlink_arrow span::before {
width: 16px;
height: 1px;
right: -20px;
bottom: 0px;
}

/* IRIS HOME 新着*/

#iris_home #itemlist_area{
padding: 15% 10% 0;
}


/* SP IRIS HOME アバウト*/

#iris_home .iris_visual .about{
padding: 15% 10%;
}

#iris_home .iris_visual .about h3{
line-height: 1.2em;
}

#iris_home .iris_visual .about .link{
margin: 20px auto 0;
text-align: center;
}

#iris_home .iris_visual .about .link a{
padding: 4% 12%;
background: rgb(255, 255, 255, 0.4);
}

#iris_home .iris_visual .about .link a:hover{
background: rgb(255, 255, 255, 0);
}


/* SP IRIS GUITARS ファーストビュー*/

#iris_guitars .iris_visual .firstview{
width: 80vw;
font-size: 1.2em;
padding: 50px 0;
}


/* SP IRIS GUITARS 概要*/

#iris_guitars #main_contents .overview {
background-position: center bottom;
}

#iris_guitars #main_contents .overview .content_area{
width: 100%;
padding: 15% 10% 105%;
}

#iris_guitars #main_contents .overview .limited_text{
padding: 15% 10% 118%;
}

#iris_guitars #main_contents .overview .content_area h3 {
line-height: 1.2em;
}

#iris_guitars #main_contents .overview .content_area .item_search {
margin: 20px auto 0;
}

#iris_guitars #main_contents .overview .content_area .item_search a{
padding: 15px 30px;
background: rgb(255, 255, 255, 0.4);
}

#iris_guitars #main_contents .overview .content_area .item_search a::before {
width: 100%;
left: 12%;
}

#iris_guitars #main_contents .overview .content_area .item_search a::after {
bottom: 15px;
right: -14%;
width: 15px;
}

#iris_guitars #main_contents .overview .content_area .item_search a:hover{
background: rgb(255, 255, 255, 0);
}

#iris_guitars #main_contents .overview .content_area .item_search a:hover::before {
left: calc(12% + 10px);
}

#iris_guitars #main_contents .overview .content_area .item_search a:hover::after{
right: calc(-14% + -10px);
}


/* SP IRIS GUITARS スペック*/

#iris_guitars .iris_visual_specs .specs{
padding: 15% 10%;
}

#iris_guitars .iris_visual_specs .specs h3{
line-height: 1.2em;
}

#iris_guitars .iris_visual_specs .specs li{
width: 100%;
}

#iris_guitars .iris_visual_specs .specs li p{
margin: 20px 0 0;
line-height: 1.8em;
}


/* IRIS GUITARS ギャラリー*/

#iris_guitars #main_contents .photo_gallery .content_area{
padding: 15% 5%;
}

#iris_guitars #main_contents .photo_gallery .content_area h3{
line-height: 1.2em;
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery::after, 
#iris_guitars #main_contents .photo_gallery .content_area .gallery::before {
display: none;
}

#iris_guitars #main_contents .photo_gallery .content_area .gallery li {
width: 48%;
margin-bottom: 4%;
}


/* SP IRIS ABOUT*/

/* SP IRIS ABOUT ファーストビュー*/

#iris_about .iris_visual .firstview{
width: 80vw;
font-size: 1.2em;
padding: 50px 0;
}


/* SP IRIS ABOUT 概要*/

#iris_about #main_contents .overview {
background-position: center bottom;
background-image: url('../../../features/allstores/iris/about_bg_sp.png');
}

#iris_about #main_contents .overview .content_area{
width: 100%;
padding: 15% 10%;
}

#iris_about #main_contents .overview .content_area h3{
line-height: 1.2em;
}


/* SP IRIS ABOUT　スタッフ紹介*/

#iris_about #main_contents .staff_introduction{
padding: 15% 10%;
}

#iris_about #main_contents .staff_introduction h3{
line-height: 1.2em;
}

#iris_about #main_contents .staff_introduction h4{
margin: 15% 0 0;
}

#iris_about #main_contents .staff_introduction .content_area{
width: 100%;
margin: 10% auto 0;
padding: 0 0 15%;
}

#iris_about #main_contents .staff_introduction .content_area .text{
width: 100%;
margin: 10% 0 0;
}


/* SP IRIS COLORS AGED*/

/* SP IRIS COLORS AGED ファーストビュー*/

#iris_colors .iris_visual .firstview, 
#iris_aged .iris_visual .firstview{
width: 80vw;
font-size: 1.2em;
padding: 50px 0;
}


/* IRIS COLORS AGED メインコンテンツ*/

#iris_colors #main_contents .overview, 
#iris_aged #main_contents .overview{
padding: 15% 10%;
}

#iris_colors #main_contents .overview h4{
font-size: 1.1em;
margin: 31.25% 0 12%;
}

#iris_aged #main_contents .overview h4{
font-size: 1.5em;
margin: 15% 0 5.8%;
}

#iris_colors #main_contents .overview h4 span, 
#iris_aged #main_contents .overview h4 span{
display: block;
width: 100%;
margin: 0 auto;
}

#iris_aged #main_contents .overview .aged_list{
margin: 0 auto;
}

#iris_aged #main_contents .overview .aged_list li{
width: 48%;
margin: 4% 0 0;
}
}


@media only screen and (max-width: 800px) {

/* SP IRIS 全体*/
#iris_home .iris_visual,
#iris_guitars .iris_visual,
#iris_about .iris_visual,
#iris_colors .iris_visual, 
#iris_aged .iris_visual{
min-height: calc(100vh - 50px);
}
}


@media only screen and (max-width: 600px) {

/* IRIS HOME ラインナップ*/
#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure h4 {
font-size: 3.5vw;
}

#iris_home #main_contents .models .mySwiper_01 .swiper-slide figure p {
font-size: 3vw;
}


/* SP IRIS ABOUT　スタッフ紹介*/

#iris_about #main_contents .staff_introduction .content_area .photo{
width: 100%;
margin: 0 auto 10%;
padding: 0 10%;
float: none;
}
}


@media only screen and (max-width: 450px) {

/* SP S IRIS COLORS メインコンテンツ*/

#iris_colors #main_contents .overview .color_list li{
width: 100%;
}

#iris_colors #main_contents .overview .color_list li.order2{
order: 2;
}

#iris_colors #main_contents .overview .color_list li.order3{
order: 3;
}

#iris_colors #main_contents .overview .color_list li.order4{
order: 4;
}

#iris_colors #main_contents .overview .color_list li.order5{
order: 5;
}

#iris_colors #main_contents .overview .color_list li.order6{
order: 6;
}

#iris_colors #main_contents .overview .color_list li.order7{
order: 7;
}

#iris_colors #main_contents .overview .color_list li.order8{
order: 8;
}

#iris_colors #main_contents .overview .color_list li.order9{
order: 9;
}

#iris_colors #main_contents .overview .color_list li.order10{
order: 10;
}

#iris_colors #main_contents .overview .color_list li.order11{
order: 11;
}

#iris_colors #main_contents .overview .color_list li.order12{
order: 12;
}

#iris_colors #main_contents .overview .color_list li.order13{
order: 13;
}

#iris_colors #main_contents .overview .color_list li.order14{
order: 14;
}

#iris_colors #main_contents .overview .color_list li.order15{
order: 15;
}

#iris_colors #main_contents .overview .color_list li.order16{
order: 16;
}

#iris_colors #main_contents .overview h4{
margin: 15% 0 10%;
}


/* SP S IRIS COLORS AGED メインコンテンツ*/
#iris_aged #main_contents .overview .aged_list li{
width: 100%;
margin: 5% auto 0;
}

#iris_aged #main_contents .overview .aged_list li:first-child{
margin: 10% auto 0;
}
}