@charset "UTF-8";
.pc {display: none;}
.sp {}

/* Common Colors *
AAI purple rgb(77,33,124)
red (180,0,0)
bg_gray (245,245,245)
black (55,55,55)
green (24,157,78)
aqua (30,155,225)
*/

/**************************** common inner ********************************/
.common_inner {
width:calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
.basic_inner, .basic_inner_dealer {
width:calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
.section_margin {margin-top:50px; margin-bottom:50px;}
.section_padding {padding-top:50px; padding-bottom:50px;}

.section_bodycopy {
text-align: center;
margin:0 0 50px 0;
}



/**************************** header ********************************/
header {
position: fixed;
width:100%;
height:70px;
background: #fff;
z-index: 99990;
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.0);
border-bottom:solid 0.5px rgb(77,33,124);
box-sizing:border-box;
}

.header_flex {
display: flex;
flex-wrap: nowrap;
align-items: center;
align-content: center;
justify-content: space-between;
}

.header_logo {
width:200px;
height:70px;
margin:0;
background: rgb(77,33,124) url("../img/logo/logo_allaccess.svg") center center / contain no-repeat;
}

.header_logo a { display: block; width: 100%; height: 100%;}

@media screen and (max-width:414px) {
.header_logo {
width:180px;
height:70px;
margin:0;
background: rgb(77,33,124) url("../img/logo/logo_allaccess.svg") center center / cover no-repeat;
}
}

#global_menu {
width:calc(100% - 200px - 65px);
margin-right:65px;
}

.global_menu_flex {
display: flex;
flex-wrap: nowrap;
align-items: center;
align-content: center;
justify-content: flex-end;
}

.global_menu_flex li {

text-align: center;
font-weight: 500;
line-height: 2.0em;
border-right: solid 0.5px rgb(77,33,124);
padding:0 1.2em 0 0.6em;
margin:0 0.6em 0 0;
font-size: 92.8%;
}

.global_menu_flex li:last-child {
margin:0 0em 0 0;
}

.global_menu_flex li span {
font-size: 76.9%;
}

.global_menu_flex li:hover {
color: rgb(77,33,124);
cursor: pointer;
transition: all 0.3s ease 0s;
}


#global_nav {
position: absolute;
top:70px;
right:0;
width: 100%;
min-height:calc(100% - 70px);
background: #333;
z-index: 99980;
}

.global_nav_flex {
display: flex;
flex-wrap: wrap;
color:white;
}

/**************************** nav_btn ********************************/
#nav_btn {
position: absolute;
width:25px;
height:25px;
right:20px;
z-index: 99999;
background: url("../img/navi_btn.svg") 0 0 / 25px no-repeat;
animation: nav_btn 0.5s steps(10) forwards;
cursor: pointer;
}
@keyframes nav_btn {
  0% { background-position: 0px 0px; }
  100% { background-position: 0px -250px; }
}

#nav_btn.active {
animation: nav_btn_active 0.5s steps(14) forwards;
}
@keyframes nav_btn_active {
  0% { background-position: 0px -250px; }
  100% { background-position: 0px -600px; }
}

#nav_btn_menu {
position: fixed;
top:0;
left: 100%;
width:320px;
height:100%;
background: rgb(44,44,44);
color: white;
overflow-y: auto;
transition: 0.7s;
-webkit-overflow-scrolling: touch;
}

body.active {margin-left:-320px;}
#nav_btn_menu.active {left: calc(100% - 320px);}

.nav_btn_menu_flex {
width:auto;
height:auto;
margin:70px 20px 0;
}

.nav_btn_menu_flex dl {
border:solid 0.5px white;
padding:12px 20px;
margin-bottom: 20px;
}

.nav_btn_menu_flex dt {
}

.nav_btn_menu_flex li {
border-bottom:solid 0.5px rgba(0,0,0,0.5);
padding-bottom:8px;
margin-bottom:8px;
}

.nav_btn_menu_flex li:first-child {
border-top:solid 0.5px rgba(0,0,0,0.5);
padding-top:8px;
margin-top:10px;
}

.nav_btn_menu_flex li:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

.open_btn {
position: relative;
display: block;
cursor:pointer;
}
.open_btn::after {
position: absolute;
font-family: "Font Awesome 5 Free"; 
content:"\f055";
font-weight:900; 
right:0;
}

.open_btn.active::after {
content:"\f056";
}

.nav_btn_accordion dd {
display: none;
}

.nav_btn_accordion dt.active {
color:rgb(147,113,204);
}

.open_btn_link {
position: relative;
display: block;
cursor:pointer;
}

.open_btn_link::after {
position: absolute;
font-family: "Font Awesome 5 Free"; 
content:"\f0a9";
font-weight:900; 
right:0;
}

.nav_btn_sns_flex {
width:100%;
margin-top:50px;
display: flex;
flex-wrap:wrap;
align-items: flex-start;
justify-content: center;
}

.nav_btn_sns_flex figure {
width:calc((100% / 4) - 10px);
}

.nav_btn_sns_flex img {
width: 100%;
margin:0 0%;
}

/**************************** main ********************************/
main {
position: relative;
top:70px;
padding-bottom:calc(70px + 0px);
}


/*************** KV ***************/
section.KV  {
position: relative;
width: 100%;
height:auto;
margin: 0;
overflow:hidden;
background: rgb(225,225,225);
}

section.KV figure {
position: relative;
width: 100%;
height:auto;
}

section.KV figure img {
position: relative;
object-fit: contain !important;
object-position: 50% 50%;
width: 100%;
height:calc(100% - 55px);
}


.index_KV figure img.img_left {object-position: 0% 50%;}
.index_KV figure img.img_top {object-position: 50% 0%;}

.index_KV figure img:hover {
opacity: 1; 
transform: scale(1.03);
transition: all 0.3s ease 0s;
cursor: pointer;
}

.index_KV .titlebox {
position: absolute;
width:100%;
height:55px;
bottom:0;
left:0px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}

.index_KV .titlebox.bk {background: rgba(0,0,0,0.5);}
.index_KV .titlebox.wh {background: rgba(100,100,100,1.0);}

.index_KV .titlebox .brand {
display: block;
width:120px;
height:55px;
}

.titlebox .matchless {background: url("../img/logo/logo_matchless.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .strymon {background: url("../img/logo/logo_strymon.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .okko {background: url("../img/logo/logo_okko.png") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .hotone {background: url("../img/logo/logo_hotone.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .valeton {background: url("../img/logo/logo_valeton.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .laa {background: url("../img/logo/logo_laacustom.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .gfi {background: url("../img/logo/logo_gfi.png") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .soundbrut {background: url("../img/logo/logo_soundbrut.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .evidence {background: url("../img/logo/logo_evidenceaudio.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .dlcables {background: url("../img/logo/logo_dlcables.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .switchcraft {background: url("../img/logo/logo_switchcraft.png") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .musicomlab {background: url("../img/logo/logo_musicomlab.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .sonic {background: url("../img/logo/logo_sonicresearch.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .audient {background: url("../img/logo/logo_audient.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}
.titlebox .shidu {background: url("../img/logo/logo_shidu.svg") left center / contain no-repeat, url("../img/KV_titlebox_A.svg") right top / cover no-repeat;}

.KV_name {
padding-left:5px;
width:calc(100% - 120px - 0px - 5px);
font-size: 90%;
font-weight: 400;
color:white;
letter-spacing: 0px;
}

.KV_name span::after {
display: inline-block;
content:url("../img/KV_span_sp.svg");
width: 12px;
height:11px;
padding:0px 6px 0px 6px;
}

.view_detail {
width: 70px;
height:55px;
background: url("../img/KV_titlebox_B.svg") right center / contain no-repeat;
}

@media screen and (orientation:landscape) {
.index_KV {
position: relative;
width: 100%;
height:230px;
margin: 0;
overflow:hidden;
background: rgb(225,225,225);
}

.index_KV figure {
position: relative;
width: 100%;
height:230px;
}

.index_KV figure img {
position: relative;
object-fit: cover !important;
object-position: 10% 50% !important;
width: 100%;
height:calc(100% - 55px);
}

.index_KV .titlebox {
position: absolute;
width:100%;
height:55px;
bottom:0;
left:0px;
background: rgba(0,0,0,0.5);
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}

.index_KV .titlebox .brand {
display: block;
width:120px;
height:55px;
}

.KV_name {
padding-left:5px;
width:calc(100% - 120px - 0px - 5px);
font-size: 100%;
font-weight: 400;
color:white;
letter-spacing: 0px;
}

.KV_name span::after {
display: inline-block;
content:url("../img/KV_span_sp.svg");
width: 12px;
height:11px;
padding:0px 6px 0px 6px;
}

.view_detail {
width: 70px;
height:55px;
background: url("../img/KV_titlebox_B.svg") right center / contain no-repeat;
}
}



/************** footer brand *****************/
.footer_brand {
width:100%;
background: rgb(255,255,255);
padding:20px 0;
}

.footer_brand_title {
width: 80%;
margin-left: 10%;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
font-size: 120%;
}

.footer_brand_flex {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content:flex-start;
width:calc(100% - 0px);
margin-left:0px;
}

.footer_brand_flex p {
width: 100%;
text-align: center;
margin-bottom: 10px;
}

.footer_brand_flex a {transition: ease 0.3 all;}
.footer_brand_flex a:hover {
margin-top: -3px;
background: rgb(245,245,245);
}

.footer_brand_flex .transfer {
width:calc((100% / 2 ) - 10px);
margin:5px 5px;
background: rgb(213,216,215);
border-radius: 8px;
}

.footer_brand_flex .transfer .brand_pic {
padding:15px 0;
background: rgb(223,226,225);
border-radius: 8px 8px 0 0;
}

.footer_brand_flex .transfer .brand_pic img {
width:100%;
border-radius: 8px 8px 0 0;
}

.footer_brand_flex .transfer .brand_logo img {
width:100%;
}

.footer_brand_flex2 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content:space-between;
width:calc(100% - 16%);
margin-left:8%;
}

.footer_brand_flex2 a {
flex-grow: 2;
text-align: center;
background: rgb(214,216,215);
margin:5px 5px;
border-radius: 8px;
padding:1em 0;
font-size: 92%;
font-weight: 500;
}
.footer_brand_flex2 a:hover {
background: rgb(245,245,245);
}

/************** footer *****************/
footer {
width:100%;
background: rgb(33,33,33);
border-bottom: solid 20px rgb(88,88,88);
color:rgb(155,155,155);
}

footer .common_inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
padding:50px 0 30px;
}

.footer_left {
order: 2;
width:100%;
text-align: center;
margin-top:20px;
}

.footer_left .catchcopy {
font-size: 92.5%;
}

.footer_left .logo {
width:100%;
margin-top:20px;
}

.footer_company {
margin-top:30px;
}

.footer_company li {
margin-bottom:0.5em;
}

.footer_sns_flex {
width:100%;
margin-top:20px;
margin-left:0;
display: flex;
flex-wrap:wrap;
align-items: flex-start;
justify-content:space-around;
}

.footer_sns_flex figure {
width:65px;
margin-right:0px;
}

.footer_sns_flex img {
width: 100%;
}

.footer_right {
order: 1;
width:auto;
margin-left:0px;
color:#999;
}

.footer_right .support_flex {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content:space-between;
}

.footer_right .support_flex .child {
display: block;
width: calc((100 / 4 ) - 0px);
text-align: center;
border-left:solid 0.5px rgb(88,88,88);
}

.footer_right .support_flex .child:last-child {
border-right:solid 0.5px rgb(88,88,88);
}

.footer_right .support_flex .child img {
width: 60%;
margin:0 20% 5px;
}

.footer_right .support_flex .child .text {
margin:0 1em;
font-size: 80%;
}

.footer_dealer {
margin-top:50px;
text-align: right;
border-bottom: solid 0.5px rgb(88,88,88);
}

.footer_title {
padding-bottom: 10px;
margin-bottom: 10px;
text-align: left;
border-bottom: solid 0.5px rgb(88,88,88);
}

.footer_dealer li {
margin-bottom: 0.5em;
}

footer .copyright {
order: 3;
width: 100%;
font-size: 80%;
color:rgb(88,88,88);
letter-spacing: 0px;
text-align: center;
margin-top: 50px;
}





/**************************** 3rd floor ********************************/
/**************************** KV ********************************/
.P_KV_flex {
width: 100%;
display: flex;
flex-wrap:wrap;
align-items: stretch;
flex-direction: column-reverse;
}

.P_KV_menu {
position: relative;
width: 100%;
height:auto;
background: rgb(44,44,44);
color:white;
display: flex;
flex-wrap:wrap;
align-items: center;
}

.P_KV_brand {display: block; width:35%; height:80px;}
.P_KV_menu .matchless {background: url("../img/logo/logo_matchless.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .strymon {background: url("../img/logo/logo_strymon.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .hotone {background: url("../img/logo/logo_hotone.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .okko {background: url("../img/logo/logo_okko.png") 50% 50% / cover no-repeat;}
.P_KV_menu .valeton {background: url("../img/logo/logo_valeton.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .laa {background: url("../img/logo/logo_laacustom.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .gfi {background: url("../img/logo/logo_gfi.png") 50% 50% / cover no-repeat;}
.P_KV_menu .soundbrut {background: url("../img/logo/logo_soundbrut.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .evidence {background: url("../img/logo/logo_evidenceaudio.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .dlcables {background: url("../img/logo/logo_dlcables.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .switchcraft {background: url("../img/logo/logo_switchcraft.png") 50% 50% / cover no-repeat;}
.P_KV_menu .musicomlab {background: url("../img/logo/logo_musicomlab.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .sonic {background: url("../img/logo/logo_sonicresearch.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .audient {background: url("../img/logo/logo_audient.svg") 50% 50% / cover no-repeat;}
.P_KV_menu .shidu {background: url("../img/logo/logo_shidu.svg") 50% 50% / cover no-repeat;}


.P_KV_info {
width:calc(65% - 20px);
margin:10px 20px 10px 0px;
}
.P_KV_info li {border-bottom:solid 0.5px rgb(88,88,88); padding:5px 0;}
.P_KV_info li:last-child {border-bottom:none;}
.P_KV_info .name::before { content: "製品名："; color:#888;}
.P_KV_info .type::before { content: "概要："; color:#888;}
.P_KV_info .spec::before { content: "仕様："; color:#888;}
.P_KV_info .price1::before { content: "価格："; color:#888;}
.P_KV_info .price2::before { content: "参考価格帯："; color:#888;}
.P_KV_info .price2::after { content: "前後（税込）"; color:#FFF; font-size: 75%; padding-left:5px;}
.P_KV_info .jan::before { content: "JAN："; color:#888;}

.P_KV_iconbox {
width:calc(100% - 0px);
display: flex;
justify-content: space-around;
padding:12.5px 0px 12.5px;
color:rgb(200,200,200);
background: rgb(33,33,33);
}

.P_KV_iconbox a {
width: calc(100% / 5);
text-align: center;
font-size: 150%;
}

.P_KV_photo {
position: relative;
width: calc(100% - 0px);
height:80vw;
}

.P_KV_photo figure {
position: relative;
overflow: hidden;
height:80vw;
}

.P_KV_photo figure img {
position: relative;
object-fit: cover;
object-position: 50% 50%;
width:100%;
height:80vw;
}

.P_KV_photo figure video {
position: relative;
object-fit: contain;
object-position: 50% 50%;
width:80%;
margin:0 10%;
height:80vw;
}

@media screen and (orientation:landscape) {
.P_KV_photo {
position: relative;
width: calc(100% - 0px);
height:52.5vw;
}

.P_KV_photo figure {
position: relative;
overflow: hidden;
height:52.5vw;
}

.P_KV_photo figure img {
position: relative;
object-fit: cover;
object-position: 50% 50%;
width:100%;
height:52.5vw;
}
}

/**************************** contentsbox ********************************/
.P_contentsbox {
position: -webkit-sticky;
position: sticky;
top:70px;
background: rgba(0,0,0,0.7);
z-index: 99980;
}

.P_contentsbox_flex {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
text-align: center;
color: white;
}

.P_contentsbox li {
width: calc((100% / 4) - 1px);
padding:8px 0 9px 0;
border-right: solid 1px rgb(55,55,55);
font-size: 88.8%;
}

.P_contentsbox li .nolink {
color:rgb(55,55,55)!important;
opacity:1.0 !important;
cursor: default !important;
background: transparent !important;
}

@media all and (orientation:portrait) {
.P_contentsbox .none4 {border-right: none;width: calc((100% / 4) - 0px);}
.P_contentsbox .none8 {border-right: none;width: calc((100% / 4) - 0px);}
.P_contentsbox .BT {border-top:solid 1px rgb(55,55,55);}
}

.P_contentsbox li:last-child {
border-right: none;
}

.P_contentsbox li i {
margin:0;
padding:0;
vertical-align: 0% !important;
font-size: 125%;
}

.P_contentsbox li:hover {
background: rgb(77,33,124);
cursor: pointer;
transition:all 0.3s ease 0s;
}

.P_contentsbox li a {
display: block;
}

@media all and (orientation:landscape) {
.P_contentsbox li {
width: calc((100% / 8) - 1px);
margin:17px 0 15px 0;
padding:0px 0 0px 0;
border-right: solid 1px rgb(55,55,55);
font-size: 88.8%;
}

.P_contentsbox li:last-child {
border-right: none;
}
}

/**************************** P01 ********************************/
#P01 {
position: relative;
}

.section_title {
font-size: 140%;
text-align: center;
font-weight: 400;
}

.section_title_bar {
width:10px;
height:10px;
margin:25px auto 50px;
border-radius: 5px;
}
.section_title_bar_home {
width:10px;
height:10px;
margin:25px auto 50px;
border-radius: 5px;
}
.section_title_bar_home.A {background: linear-gradient(135deg, rgb(120,33,154)40%, rgb(222,0,0)100%);}
.section_title_bar.A {background: linear-gradient(135deg, rgb(120,33,154)40%, rgb(222,0,0)100%);}
.section_title_bar.B {background: linear-gradient(135deg, rgb(200,0,0)10%, rgb(255,150,0)100%);}
.section_title_bar.C {background: linear-gradient(135deg, rgb(242,150,0)30%, rgb(242,240,0)100%);}
.section_title_bar.D {background: linear-gradient(135deg, rgb(242,240,0)30%, rgb(88,135,0)100%);}
.section_title_bar.E {background: linear-gradient(135deg, rgb(33,135,0)10%, rgb(0,145,222)100%);}
.section_title_bar.F {background: linear-gradient(135deg, rgb(0,145,222)30%, rgb(0,60,130)100%);}
.section_title_bar.G {background: linear-gradient(135deg, rgb(0,80,180)20%, rgb(120,33,154)100%);}

.P_float_left, .P_float_info {
width: calc(100% - 0px);
margin-bottom:20px;
}
.P_float_info {margin-top:40px;}

.P_float_right {
width: calc(100% - 0px);
font-size: 100%;
text-align: justify;
}

.P_float_left figure img {width: 100%;}

.P_float_left iframe {width: 100% !important;}

.P_float_info .info_title {
font-weight: 500;
border-bottom:solid 0.5px rgb(77,77,77);
padding-bottom:10px;
margin-bottom:10px;
}

.P_float_info ul li {
border-bottom: solid 0.5px rgb(222,222,222);
padding-bottom:10px;
margin-bottom:10px;
}

.P_float_right h1, .P_float_right h2, .P_float_right h3 {padding-bottom:1em;}
.P_float_right p {padding-bottom:1em;}
.P_float_right ul {margin-top:1em; margin-bottom:1em;}


/*** table ***/
dl.basic_table {
display: flex; 
flex-wrap: wrap;
padding:0;
}
.basic_table dt {
width:20%; 
padding:15px 0 15px 0;
border-bottom:solid 3px rgb(77,33,128);
font-weight: 500;
}
.basic_table dd {
width:calc(80% - 2em); 
padding:15px 0 15px 2em;
border-bottom:solid 1px #ddd;
}



/**************************** common flex ********************************/
.flex {
display: flex;
flex-wrap: wrap;
}

.f_start {align-items: flex-start;}
.f_center {align-items:center;}
.f_stretch {align-items:stretch;}
.f_end {align-items:flex-end;}
.nowrap {flex-wrap: nowrap;}
.between {justify-content: space-between;}
.around {justify-content: space-around;}
.center {justify-content: center;}

.flex .halfbox {width: calc(50% - 20px);}
.flex .thirdbox {width: calc((100% / 3 ) - 10px);}

.flex_1-1 {width:calc((100% / 1 ) - 0px);}
.flex_1-1_wide {width:calc((100% / 1 ) - 40px); padding:0 20px;}
.flex_1-1_wide80 {width:calc((100% / 1 ) - 0px); padding:0 20px;}
.flex_1-1_wide40 {width:calc((100% / 1 ) - 0px); padding:0 40px;}
.flex_1-2 {width:calc((100% / 1 ) - 0px); margin-bottom:20px;}
.flex_1-3 {width:calc((100% / 1 ) - 0px); margin-bottom:20px;}
.flex_1-4 {width:calc((100% / 1 ) - 0px); margin-bottom:20px;}
.flex_1-5 {width:calc((100% / 1 ) - 0px); margin-bottom:20px;}

.flex_radiusbox_1-1 {
background: rgba(128,128,128,0.2);
padding:18px 20px;
border-radius: 12px;
width:calc((100% / 1) - 40px - 0px);
margin-bottom: 10px;
}

.flex_radiusbox_1-2 {
background: rgba(128,128,128,0.2);
padding:18px 20px;
border-radius: 12px;
width:calc((100% / 1) - 40px - 0px);
margin-bottom: 10px;
}

.flex_radiusbox_1-3 {
background: rgba(128,128,128,0.2);
padding:18px 20px;
border-radius: 12px;
width:calc((100% / 1) - 40px - 0px);
margin-bottom: 10px;
}

.flex_order_1 {order:1;}
.flex_order_2 {order:2;}
.flex_order_3 {order:3;}
.flex_order_4 {order:4;}
.flex_order_5 {order:5;}

.flex_radiusbox_1-1 .title, .flex_radiusbox_1-2 .title, .flex_radiusbox_1-3 .title {
font-size: 120%;
font-weight: 700;
margin-bottom:1em;
}

.flex_radiusbox_1-2_fairfax {
width:calc((100% / 1) - 40px - 7.5px);
padding:20px 20px 20px 20px;
border-radius: 12px;
margin-bottom: 15px;
box-sizing: content-box;
}

.flex_radiusbox_1-2_fairfax.bg_level {
background: rgba(128,128,128,0.2) url("../../strymon/fairfax/img/sounddesign_1.png") right center / 120px no-repeat;}
.flex_radiusbox_1-2_fairfax.bg_drive {
background: rgba(128,128,128,0.2) url("../../strymon/fairfax/img/sounddesign_2.png") right center / 120px no-repeat;}
.flex_radiusbox_1-2_fairfax.bg_sag {
background: rgba(128,128,128,0.2) url("../../strymon/fairfax/img/sounddesign_3.png") right center / 120px no-repeat;}
.flex_radiusbox_1-2_fairfax.bg_bright {
background: rgba(128,128,128,0.2) url("../../strymon/fairfax/img/sounddesign_4.png") right center / 120px no-repeat;}

.flex_radiusbox_1-2_fairfax .title {
font-size: 120%;
font-weight: 700;
margin-bottom:20px;
}