﻿.bg_color1{
    background-color: #a0d8ef;
}
.txt_color1{
    color: #32ade0;
}
.txt_color3{
    color: #9abf65;
}
.border_color1{
    border-color: #a0d8ef;
}
.noeigyo{
    margin: 0 auto;
    max-width: 200px;
    font-size: 14px;
    text-align: center;
}
/*fv*/
#main_img{
    position: relative;
}
#mainItems{
    position: absolute;
    top: 3vh;
    right: 8%;
    z-index: 2;
}
@media (max-width: 1440px){
    #mainItems{
        max-width: 60%;
    }
}
@media (max-width: 768px){
    #mainItems{
        max-width: 50%;
        top: 10.3vh;
    }
}
@media (max-width: 667px){
    #mainItems{
        max-width: 70%;
        top: 11vh;
        right: 0;
    }
    #mainItems img{
        content: url("./Dup/img/mainItems-sp.png");
    }
}
/*header*/
#header {
    position: relative;
    z-index: 3;
}
#header.shadow-b{
    box-shadow: 0 5px 10px rgba(0,0,0,0.08);
}
#header .header_wrap.width_1280-1000{
    max-width: 1440px;
}
@media (max-width: 768px){
    header{
        z-index: 3;
    }
    .shadow-b_tb {
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    }
}

/*サイドバー*/
.theSideBar{
    transition-duration: 0.3s;
}
.theSideBar.side-fixed-content{
    position: fixed;
    top: 13.5%;
    max-width: 310px;
    transition-duration: 0.3s;
}
.theArticle.addMargin{
    margin-left: 33.265%;
}
.snslinks.mg_t-50px{
    margin-top: 20px;
}
#side_info.mg_t-50px{
    margin-top: 20px;
}
@media (max-width: 1680px){
    .theSideBar{
        top: 15.5%;        
    }
    #side_info p{
        display: none;
    }
    
}
@media (max-width: 768px){
    main{
        display: block;
    }
    .theSideBar{
        max-width: 85%;
        margin: 80px auto 80px auto;
    }
    .theSideBar.side-fixed-content{
        position: relative;
        top: auto;
        max-width: 85%;
    }
    .theArticle.addMargin{
        margin-left:0;
    }

}
/*TOP*/
.modal_wrap{
	top: 0;
	left: 0;
	opacity: 1.0;
	z-index: 99999;
}
.modal_wrap .modal_scroll{
	overflow-y: auto;
}
.modal_wrap .close_bt{
	top: 20px;
	right: 20px;
	cursor: pointer
}
#contents .box p{
    font-size: 16px;
    line-height: 3.0rem;
}
@media (max-width: 375px){
    #contents .box p.intro_tx{
        font-size: 14px!important;
    }
}
@media (max-width: 330px){
    #contents .box p.intro_tx{
        font-size: 13px!important;
    }
}
/*モーダル*/
.modal_wrap .modal_txt_wrap h2.contents1_title.txt_color1{
    color: #4eb9e5;
}
@media (max-width: 375px){
    .modal_wrap .modal_txt_wrap h2.contents1_title.font_26_sp {
        font-size: 20px;
    }
}
/*まさきやについて*/
#cms_2-a #cate1 .cate_box.mg_t-50px{
    margin-top: 0;
}
#cms_2-a #cate1 .cate_box.pd_b-50px{
    padding-bottom: 0;
}
/*セルフメディケーション*/
.Lcate_title.bg_color1, .Lcate_title.border_color3{
    background-color: transparent;
    border-color: transparent;
}
.Lcate_title.txt_white{
    color: #444444;
}
.Lcate_title{
    border-bottom: solid 1px #444444!important;
}
/*店舗情報*/
    #map.p7Gmap{
        display: none;
    }
/*お問い合わせ*/
#tel_txt h3.width_30per{
    width: 23%!important;
}
@media (max-width: 768px){
    #tel_txt h3.width_30per{
        width: 90%!important;
    }
}
/*footer*/
footer{
    position: relative;
}
#copyright.pd_t-5px{
    padding-top: 160px;
}
@media (max-width: 667px){
    #copyright.pd_t-5px{
        padding-top: 5px;
    }
}
