@charset "utf-8";
/* fs-preview-header プレビューの余白非表示 */
.fs-preview-header{
    display: none;
}

/* Bettys font */
.KaiseiOpti{font-family: "Kaisei Opti", serif;} 
.LeckerliOne{font-family: "Leckerli One", serif;} 
.RobotoSlab{font-family: "Roboto Slab", serif;} 

.BGI_wall{background-image: url(https://www.plaiaden.com/bettys/img/Bettys_bg_wall.jpg);}
.BGI_FloralWall{background-image: url(https://www.plaiaden.com/bettys/img/Bettys_bg_FloralWall.jpg);}
.BGI_visual{background-image: url(https://www.plaiaden.com/bettys/img/Bettys_bg_visual_1920577.jpg);}

span.__particle{font-size: 80%;}
.LetterSpacing_narrow005 {letter-spacing: -0.05em}

/* element ・ others */
.pc_none {
    display: none;
}
.sp_none {
    display: block;
}
@media only screen and (max-width: 840px) {
    .pc_none {
        display: block;
    }
    .sp_none {
        display: none;
    }
}



/* Layout */
.ly_container._Bettys * {
    overflow: hidden;
}
.ly_container._Bettys {
    color: #5B431A;
}
.ly_container._Bettys .ly_outer{width: 100%;}
.ly_container._Bettys .ly_base{width: 960px; margin-right: auto; margin-left: auto;}
.ly_container._Bettys .ly_base._movie{width: 1280px;}
.ly_container._Bettys .ly_inner{width: 100%;}
.ly_container._Bettys .ly_movie{width: 1280px; margin-right: auto; margin-left: auto;}

@media only screen and (max-width: 840px) {
    .ly_container._Bettys .ly_base{width: 100%;}
}

/* sc_BrandHead */
.ly_container._Bettys .sc_BrandHead .BGI_wall {
    background-image: url(https://www.plaiaden.com/bettys/img/Bettys_bg_wall.jpg);
    background-size: cover;
}
.ly_container._Bettys .sc_BrandHead .__title {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
}
.ly_container._Bettys .sc_BrandHead .__title .__img._Bettyslogo{
    width: 100%;
    max-width: 184px; 
}
@media only screen and (max-width: 840px) {
.ly_container._Bettys .sc_BrandHead .__title .__img._Bettyslogo{
    max-width: 124px; 
}
}

/* sc_about */
.ly_container._Bettys .sc_about .ly_outer.BGI_visual {
    margin-bottom: 128px;
    padding-top : 100px;
    padding-bottom : 100px;
    padding-right: 40px;
    padding-left: 40px;
    background-image: url(https://www.plaiaden.com/bettys/img/Bettys_bg_visual_1920577.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .ly_outer.BGI_visual {
        margin-bottom: 60px;
        padding-top : 60px;
        padding-bottom : 60px;
        padding-right: 16px;
        padding-left: 16px;
    }
}
.ly_container._Bettys .sc_about .ly_base.BGI_wall  {
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    background-image: url(https://www.plaiaden.com/bettys/img/Bettys_bg_wall.jpg);
    background-repeat: repeat;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .ly_base.BGI_wall  {
        margin-right: 0;
        margin-left: 0;
        padding-right: 4vw;
        padding-left: 4vw;
    }
}
.ly_container._Bettys .sc_about .__title {
    margin-top: 40px;
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    line-height: 1.8;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .__title {
        margin-bottom: 12px;
        font-size: 22px;
    }
}
.ly_container._Bettys .sc_about .__title :is(.__title1,.__title2)  {
    display: block;
}
.ly_container._Bettys .sc_about .__title .__title1 {
    color: #3E8020;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .__title .__title2 {
        line-height: 1.2;
    }
}
.ly_container._Bettys .sc_about .__title .ico_new {
    margin-bottom: 18px;
}
.ly_container._Bettys .sc_about .__title .ico_new::before {
  content: "";
  display: inline-block;  
  width: 75px;
  height: 74px;
  margin-right: 20px;
  background-image: url(https://www.plaiaden.com/bettys/img/Bettys_ico_new.png);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .__title .ico_new::before {
    width: 30px;
    height: 29.6px;
    margin-right: 12px;
    }
}
.ly_container._Bettys .sc_about .__subtitle {
    margin-bottom: 28px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .__subtitle {
        font-size: 16px;
    }
}
.ly_container._Bettys .sc_about .__text {
    font-size: 18px;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .__text {
        font-size: 4.2vw;
    }
    .ly_container._Bettys .sc_about .__text {
        font-size: 3.7vw;
    }
}
.ly_container._Bettys .sc_about .__text._main {
    margin-bottom: 28px;
}
.ly_container._Bettys .sc_about .bl_box {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .bl_box {
        width: 100%;
    }
}
.ly_container._Bettys .sc_about .bl_box .__img._Bettys_DogCat_line {
    width: 100%;
    max-width: 300px;
    height: auto;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_about .bl_box .__img._Bettys_DogCat_line {
        width: 80%;
    }
}
.ly_container._Bettys .sc_about .bl_box .__text._Bettys_DogCat_line {
    font-size: 24px;
    font-weight: 700;
}



/* sc_navi */
.ly_container._Bettys .sc_navi .ly_base > .bl_flex {
    gap: 32px;
    margin-bottom: 128px;
}
@media only screen and (max-width: 840px) {
        .ly_container._Bettys .sc_navi .ly_base > .bl_flex {
        margin-bottom: 60px;
        padding-right: 20px;
        padding-left: 20px;
    }
}
.ly_container._Bettys .sc_navi .ly_base > .bl_flex > .bl_flex  {
    width: calc(( 100% - 32px )/ 2);
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.ly_container._Bettys .sc_navi .ly_base > .bl_flex > .bl_flex :is(.__img._Bettys_ForDog_ribbon,.__img._Bettys_ForCat_ribbon) {
    width: 280px;
    height: auto;
}
@media only screen and (max-width: 840px) {
        .ly_container._Bettys .sc_navi .ly_base > .bl_flex > .bl_flex :is(.__img._Bettys_ForDog_ribbon,.__img._Bettys_ForCat_ribbon) {
        width: 80%;
    }
}
.ly_container._Bettys .sc_navi .ly_base > .bl_flex > .bl_flex :is(.__img._Bettys_ProductDog,.__img._Bettys_ProductCat) {
    width: 400px;
    height: auto;
}
@media only screen and (max-width: 840px) {
        .ly_container._Bettys .sc_navi .ly_base > .bl_flex > .bl_flex :is(.__img._Bettys_ProductDog,.__img._Bettys_ProductCat) {
        width: 100%;
    }
}
.ly_container._Bettys .sc_navi .ly_base > .bl_flex > .bl_flex .el_button a {
    display: block;
    margin-bottom: 8px;
    padding: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 24px;
    padding-left: 24px;
    color: #ffffff;
    background-color: #83b735;
    border-radius: 8px;
    box-shadow: 0px 4px 0px 0px #68873F;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_navi .ly_base > .bl_flex > .bl_flex .el_button a {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 3.7vw;
    }
}
.ly_container._Bettys .sc_navi .bl_flex .bl_flex .el_button a:hover {
    margin-top: 4px;
    margin-bottom: 4px;
    box-shadow: none;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_navi .bl_flex .bl_flex .el_button a {
    padding-right: 8px;
    padding-left: 8px;

    }
}
.ly_container._Bettys .sc_navi .el_button .bl_flex {
    gap: 8px;
    width: 100%;
}
.ly_container._Bettys .sc_navi .el_button .bl_flex .__text {
    flex: auto;
}

/* sc_reason */
.ly_container._Bettys .sc_reason .ly_outer {
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 128px;
}
@media only screen and (max-width: 840px) {
        .ly_container._Bettys .sc_reason .ly_outer {
        padding-right: 8px;
        padding-left: 8px;
        margin-bottom: 60px;
    }
}
.ly_container._Bettys .sc_reason .ly_base {
    position: relative;
}
.ly_container._Bettys .sc_reason .ly_base::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    background: url(https://www.plaiaden.com/bettys/img/Bettys_frame_01/Betty_frame_01_1_top.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_reason .ly_base::before {
        height: 7.2vw;
    }
}
.ly_container._Bettys .sc_reason .ly_base::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;
    background: url(https://www.plaiaden.com/bettys/img/Bettys_frame_01/Betty_frame_01_3_bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_reason .ly_base::after {
        height: 7.2vw;
    }
}
.ly_container._Bettys .sc_reason .ly_base .__frame {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 80px;
    padding-left: 80px;
    background-image: url(https://www.plaiaden.com/bettys/img/Bettys_frame_01/Betty_frame_01_2_center.png);
    background-repeat: round;
    background-size: contain;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_reason .ly_base .__frame {
        margin-top: 7.2vw;
        margin-bottom: 7.2vw; 
        padding-right: 8.75vw;
        padding-left: 8.75vw;
    }
}
.ly_container._Bettys .sc_reason .__title._main {
    margin-top: 40px;  
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_reason .__title._main {
        margin-bottom: 20px;
        font-size: 18px;
        letter-spacing: -0.05em;
    }
}
.ly_container._Bettys .sc_reason .__list .__title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_reason .__list .__title {
        margin-bottom: 8px;
        font-size: 16px;
    }
}
.ly_container._Bettys .sc_reason .__list .__item .__title::before {
  content: "";
  display: inline-block;  
  width: 80px;
  height: 42px;
  margin-right: 20px;
vertical-align: middle;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_reason .__list .__item .__title::before {
        width: 40px;
        height: 21px;
        margin-right: 8px;
    }
}
.ly_container._Bettys .sc_reason .__list .__item:nth-of-type(1) .__title::before {
  background-image: url(https://www.plaiaden.com/bettys/img/Bettys_ReasonNo_g1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.ly_container._Bettys .sc_reason .__list .__item:nth-of-type(2) .__title::before {
  background-image: url(https://www.plaiaden.com/bettys/img/Bettys_ReasonNo_g2.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.ly_container._Bettys .sc_reason .__list .__item:nth-of-type(3) .__title::before {
  background-image: url(https://www.plaiaden.com/bettys/img/Bettys_ReasonNo_g3.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.ly_container._Bettys .sc_reason .__list .__item:nth-of-type(4) .__title::before {
  background-image: url(https://www.plaiaden.com/bettys/img/Bettys_ReasonNo_g4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.ly_container._Bettys .sc_reason .__list .__text {
    margin-bottom: 32px;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_reason .__list .__text {
        margin-bottom: 24px;
    }
}



/* sc_story */
.ly_container._Bettys .sc_story .ly_outer {
    margin-bottom: 128px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ffffff;
}
@media only screen and (max-width: 840px) {
.ly_container._Bettys .sc_story .ly_outer {
    margin-bottom: 60px;
    }
}
.ly_container._Bettys .sc_story .ly_outer .__frame {
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
    background-image: url(https://www.plaiaden.com/bettys/img/Bettys_bg_FloralWall.jpg);
    background-position : center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 840px) {
        .ly_container._Bettys .sc_story .ly_outer .__frame {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.ly_container._Bettys .sc_story .ly_outer .__frame::before {
    position: absolute;
    content: '';
    height: 23px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://www.plaiaden.com/bettys/img/sep-bottom.png) repeat-x;
    }
.ly_container._Bettys .sc_story .ly_outer .__frame::after {
    position: absolute;
    content: '';
    height: 23px;
    width: 100%;
    position: absolute;
    top: auto;
    left: 0;
    bottom: -1px;
    background: url(https://www.plaiaden.com/bettys/img/sep-top.png) repeat-x;
    }
.ly_container._Bettys .sc_story .bl_box {
    width: 400px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_story .bl_box {
        width: 100%;
    }
}
.ly_container._Bettys .sc_story .__img._Bettys_DogCat_line {
    width: 100%;
    max-width: 300px;
    height: auto;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_story .__img._Bettys_DogCat_line {
        width: 80%;
    }
}
.ly_container._Bettys .sc_story .__title._main {  
    margin-bottom: 24px;
    padding-top: 8px;
    padding-bottom: 20px;
    font-size: 52px;
    text-align: center;
}
.ly_container._Bettys .sc_story .__contents .__text {
    margin-bottom: 60px;
    font-size: 18px;
    text-align: center;
}
.ly_container._Bettys .sc_story .__contents .__text {
    font-size: 18px;
    text-align: center;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_story .__contents .__text {
        font-size: 16px;
    }
}


/* sc_movie */
.ly_container._Bettys .sc_movie .ly_base {
    aspect-ratio: 16 / 9;
    max-width: 100%;
    margin-bottom: 128px;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_movie .ly_base {
        margin-bottom: 60px;
    }
}
.ly_container._Bettys .sc_movie .ly_base .__movie {
    width: 100%;
    height: 100%;
}





/* Bettys LowerPage */
.ly_container._Bettys .sc_introduction .ly_base {
    padding-right: 40px;
    padding-left: 40px;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_introduction .ly_base {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.ly_container._Bettys .sc_introduction .__img._Bettys_ribbon {
    margin-top: 60px;
    margin-bottom: 24px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 308px;
    height: auto;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_introduction .__img._Bettys_ribbon {
        width: 196px;
        margin-bottom: 16px;    
    }
}
.ly_container._Bettys .sc_introduction .__title {
    margin-bottom: 24px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_introduction .__title {
        margin-bottom: 16px;
        font-size: 24px;
    }
}
.ly_container._Bettys .sc_introduction .__img._Bettys_product {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 440px;
    height: auto;
    margin-bottom: 32px;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_introduction .__img._Bettys_product {
        width: 280px;
        margin-bottom: 12px;
    }
}
.ly_container._Bettys .sc_introduction .__text {
    margin-bottom: 60px;
    font-size: 16px;
}
@media only screen and (max-width: 840px) {
    .ly_container._Bettys .sc_introduction .__text {
        margin-bottom: 32px;
        font-size: 12px;
    }
}