#footer{
background-image: url(Dup/img/footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}
.cate_list li a:hover::before {
    color: #ffd8d8;
}
.cate_list {
    border-bottom: 2px solid #903333;
}
.cate_list li a {
    color: #903333;
}
.page_title_box p{
    color: #903333;
}
li.loader a{
    color: #903333;
}
.cms_title .letter_3{
    color:#903333;
}
p.box_txt2{
    color:#482828 !important;
}
div.navi{
    display:none;
}
@media all and (-ms-high-contrast: none){
   
    div#video::before {
    width: 100%;
    height: 100%;
    background: black;
    content: "";
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    display: block;
}

    /*.top_nav .hvr_txt_color1:hover{
        opacity:0.3;
    }
     .top_nav .txt_white{
        color:#903333 !important;
    }*/
    
    main {
    background: #fdfdfd !important;
    background-image: url(Dup/img/yuri_back_ie.png) !important;
}
    #video{
    filter: brightness(80%);
}
}
@media screen and (max-width:667px){
    span.posi_abs{
        left:-10px;
    }
    .last{
        margin-bottom:100px !important;
    }

    header .logo{
        padding:5px;
        background:white;
    }
    .bg_black {
    background-color: #903333;
}
    .cate_list li {
    width: 100% !important;
}
    #page_title .img-container::after {
    background-color:#90333326;
    
}
.content3_p::after {
    width: 200px !important;
    transform: translate(28vw, -150px) !important;
}
    h3.content3::after {
    width: 80vw !important;
    background-repeat: no-repeat;
    transform: translateY(-120px) !important;
    background-size: contain;
}

div.o_2{
    order:2;
}
div.o_1{
    order:1;
}
.content2_p::after {
    transform: translate(26vw, -40px) !important;
}



#contents .box h3 {
    display: block !important;
    text-align: center !important;
}

div.pd_l-40px{
    padding-left:0 !important;
}
h3.content2::after {
    width: 80vw !important;
    background-repeat: no-repeat;
    transform: translateY(-120px) !important;
    background-size: contain;
}
.content1_p::after {
    width: 150px !important;
    transform: translate(40vw, -100px) !important;
}
    #contents .box .txt_wrap {
    margin-top: 25vw !important;
}
    h3.content1::after {
    width: 80vw !important;
    background-repeat: no-repeat !important;
    transform: translateY(-120px) !important;
    z-index: 0;
}
    #contents .box h3 {
  position:static !important;
}
    #luxy{
        margin-top:-20vw;
    }
    #intro_img {
    width: 100% !important;
}
    .intro { 
    max-width: 85% !important;
}
.main_wrap {
    margin-top: 40vh;
}
#main_b {
    top: 15% !important;
    left: 6% !important;
    width: 50vw !important;
    z-index: 2;
}

}

@media screen and (min-width:668px) and (max-width:768px){
    #main_b {
    top: 22% !important;
}

    .cate_list li {
    width: 50% !important;
    text-align: left;
}
    #contents .box figure {
    z-index: 0;
}
    .content3_p::after {
    transform: translate(-15vw, -150px) !important;
    z-index: 1 !important;
}
    .content2_p::after {
    transform: translate(20vw, -70px) !important;
}
    .content1_p::after {
    transform: translate(15vw, -20px) !important;
}
    #contents .box h3 {
    display: block !important;
    text-align: center;
    position:static !important;
}
    h3.content1::after {
    width: 350px !important;
    transform: translate(-20px, -130px) !important;
    background-repeat: no-repeat;
}
   h3.content2::after {
    width: 350px !important;
    transform: translate(-20px, -130px) !important;
    background-repeat: no-repeat;
}
 h3.content3::after {
    width: 350px !important;
    transform: translate(-20px, -130px) !important;
    background-repeat: no-repeat;
}
    .intro {
    max-width: 85% !important;
}
#intro_img {
    width: 500px !important;
}
header .logo img {
    width: 150px!important;
}
    .bg_black {
    background-color: #903333;
}
    .main_wrap {
    margin-top: 50vh;
}
}

/*------------------------------ここまで-------------------------------*/
.other .box {
    border: 2px solid #903333;
}

p.opacity07{
    opacity:1 !important;
}
.page7 .font_bold{
    font-weight:normal !important;
}
.cate_list li {
    width: 30%;
}
.page10 .more_box .more:before {

    background-color: #ffb0b0;
}
.page10 .more span:after {
    border-left: 5px solid #ffb0b0;
}
.page10 .more span:before {
    background-color: #ffb0b0;
}
p.loader a{
    background:#ffb0b0;
    color: white;
}
.page7 h3{
    color:#903333 !important;
}
.border_color2 {
    border-color: #ffd8d8;
}
#tel_txt .border_color2{
    border-color:#ffd8d8;
  
}
#tel_txt .txt_color2{
      color: #903333;
}
.linkStyle{
    color:#ffb0b0;
}
.page_title_box:before {
    color: #ffb0b0;
}
.back_n{
    background:white !important;
}
main {
    background: #fdfdfd !important;
    background-image: url(Dup/img/yuri_back_ie.png) !important;
    margin-top: 0px;
    background-size: 40% !important;
}

h3 span{
    z-index: 1;
    position: relative;
}

#main_b {
    position: absolute;
    top: 35%;
    left: 6%;
    width: 42vw;
    z-index: 2;
}

.top_nav .txt_white{
    color: #ffffff;
}
.more{
    color:#ffb0b0 !important; 
}
div.line{
    color: #ffd8d8;
}
#contents{
    padding-bottom:0px;
}
#page-top i{
    color:white !important;
}
#contents .box figure:after {
    width: 60%;
}
.content1_p::after {
    width: 450px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/matsu.png);
    transform: translate(28vw, -260px);
    background-size: contain;
    background-repeat: no-repeat;
    z-index:0;
}
.content2_p::after{
    width: 200px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/cosme.png);
    transform: translate(26vw, -240px);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
.content3_p::after {
  width: 250px;
    height: 400px;
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/yuri2.png);
    transform: translate(28vw, -300px);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
h3.content1::after {
    width: 450px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/content1.png);
    transform: translate(-110px, -170px);
    z-index: 0;
    background-size: contain;
        background-repeat: no-repeat;
}
h3.content2::after {
    width: 450px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/content2.png);
    transform: translate(-110px, -170px);
    z-index: 0;
    background-size: contain;
        background-repeat: no-repeat;
}
h3.content3::after {
    width: 450px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/content3.png);
    transform: translate(-110px, -170px);
    z-index: 0;
    background-size: contain;
        background-repeat: no-repeat;
}
#contents .box h3 {
    display: inline-block;
    position: relative;
    left: 8vw;
}
#content1 {
    position: absolute;
    width: 450px;
    transform: translateY(-150px) translateX(50px);
}
#content2 {
    position: absolute;
    width: 450px;
    transform: translateY(-150px) translateX(50px);
}
#content3{
    position: absolute;
    width: 450px;
    transform: translateY(-150px) translateX(50px);
}
span.circle{
    background-color: #ffb0b0;
}
.txt_white {
    color: #903333;
}
.hvr_txt_color1:hover {
    color: #ffd8d8;
}
.top_cms_box:before {
    background-color: #ffd8d8;
}
.top_cms_box .more_box .more:before {
    background-color: #ffb0b0;
}
.top_cms_box .more span:before{
    background-color: #ffb0b0;
}
.top_cms_box .more span:after {
    border-left: 5px solid #ffb0b0;
}
.more .txt_color_nomal{
    color:#ffb0b0 !important;
    border-color:#ffb0b0 !important;
}

.svg_box{
    display:none;
}
#top_cms {
    background: #fdfdfd;
    background-image: url(Dup/img/yuri_back_ie.png);
    background-size: 40%;
}
#intro_img{
    width: 580px;
    margin: auto;
}
.other .box_title:before {
    color: #ffd8d8;
}
#contents .box figure:after {
   color:#f0cfc6 !important;
}
.txt_color3 {
    color: #ffd8d8 !important;
}
#contents .box h3:before {
    color: #ffd8d8;
}

.intro{
    max-width:65%;
    margin:auto;
    margin-top:30px;
   padding: 20px !important;
}
.intro p:nth-child(1) {
    text-align: center;
    font-size: 80px;
    position: relative;
    top: 40px;
    color: #ffd8d8;
}
.intro p:nth-child(2){
    padding:2% !important;
    font-size:24px;
}
.intro h3{
    text-align:center;
}
footer {
   background:#fff3f3;
  /*  background-image: url(Dup/img/footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;*/
}
.t_cms_img2 .img-container:before,.img-container:before {
    background-image: url(Dup/img/back2.png);
    background-size: cover;
    transition: all 2s 0s ease;
}


.hvr_border_color3:hover {
    border-color: #ffd8d8;
}
.hvr_bg_color3:hover {
    background-color: #ffd8d8;
}


.bg_color4 {
    background-color:#fff;
}

.border_color3 {
    border-color: #ffd8d8;
}

.txt_color3 {
    color: #f0cfc6;
}





.border_color1 {
    border-color: #ffd8d8;
}
body{
    font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}


#page-top a {
    background-color: #f0daf3;
    background-size: cover;
}
#contents .box{
    margin-bottom:200px;
}

 #video{
    filter: brightness(80%);
}

.intro span,#contents h3 span{
     color:#903333 !important;
}

.txt_color1 {
    color:#903333 ;
}
.nav li.loader{
    color:#903333;
} 


@media screen and (min-width:769px){
    .intro span{
    font-size:22px;
}
#loading_logo img{
    width: 200px !important;
}
    
}