﻿#banner{
    position:fixed;
    right:10px;
    bottom:10px;
    width:300px;
    transition:all 0.3s;
    z-index: 90;
}
#banner a:hover{
    opacity:0.8;
}
footer{
    padding-bottom:90px;
}
p.opacity07 {
    opacity: 1;
}
.content_wrap {
    background-color: rgb(255 255 255 / 90%);
}
.cate_list li a {
    background: #545454;
    color: white;
    padding: 7px 20px;
    box-sizing: border-box;
}
.cate_list li a{
    color:white !important;
}
footer .entry.more a {
    background: #545454;
}
.linkStyle {
    color: #000000;
}    
h2.main_txt{
        font-style: italic;
}
#main .sns_link{
    z-index:50;
}
.load_logo{
    top:55%;
}
#cms_4-b .cate_title{
    padding:10px;
}
.cms_6-b .box_txt1,#cms_6-b .box_txt1 {
    background: #000000fa;
}

div#p-top_wrap{
    z-index:3;
    position:relative;
}
.cate_title{
    background: #1b0604;
    color: white;
    border: 0;
}
#page_title:after {
    background-color: rgb(255 255 255 / 55%);
}
#contents .box .box_item {
    background-position: 50% 30%;
}
.linkStyle{
    color: #430505;
}

.all_page footer::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #0000009c;
}
.all_page footer {
    background: url(Dup/img/bg2.jpg);
}

.g-menu h2 {
    max-width: 100px;
}

.f_info_wrap{
    width:40% !important;
}
.f_info_wrap .logo{
    width:30% !important;
}
.f_info_wrap .f_info{
    width:70% !important;
}
#header .logo img{
    max-width:80px;
}
#page_title:before {
    background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #282828 50.5%) no-repeat top left/100% 100%;
}
.info,.contact{
    background: url(Dup/img/bg.jpg);
    background-size: cover;
    color: black;
}
.entry.more a{
    color:white;
}
.back_color {
    background: #0000008f !important;
}
.catch_txt{
    background: #1b0604;
}
#top_cms .more a {
    background: #2a1715;
}
.clone-nav {
    z-index: 99;
}
h2.main_txt{
    letter-spacing:5px;
}
.cms_img1{
    height: 100vh;
    background: url(Dup/img/main_img.jpg);
    background-size: contain;
}
.more a {
    width: 300px;
    margin: auto;
}
h1.logo img{
    width:5% !important;
}
#main .main_box {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-width: none; 
    width: 100%;
    z-index: 3;
    text-align: center;
}

#main_img2 figure:before {
    width: 100%;
    height: 100%;
    content: "";
    background: #ffffff8f;
    position: absolute;
}
#main_img2 figure{
    width: 90%;
    margin: auto;
    height: 85%;
    overflow: hidden;
    margin-top: 4%;
    position:relative;

}
#main_img2{
    width: 100%;
    height: 100%;
    position: absolute;
}
#header {
    background-color: #161616;
}
.bg_color1{
    background-color: #282828;
}
body,.en_font{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#contents .box .box_item:after{
    display:none;
}
.no.vr_center.posi_rel.d_table-cell.width_20per.bg_color1.txt_white.d_block_sp.width_100per_sp.pd_t-25px_sp {
    background: url(Dup/img/bg.jpg);
    background-size:cover;
        color: #101010;
}
.back_color{
    background: linear-gradient(rgba(0,0,0,0.5) 0%, rgb(40 40 40) 20%, rgb(40 40 40) 80%,rgba(0,0,0,0.5) 100%);
}

/*--------------------------------------------------タブレット---------------------------------------*/
@media screen and (max-width:768px){
    .f_info_wrap {
    width: 70% !important;
}

    #main_img2 figure {
    width: 90%;
    margin: auto;
    height: 90%;
    overflow: hidden;
    margin-top: 7%;
    position: relative;
}
#main .main_box h1{
    max-width:none;
}
h1.logo img {
    width: 8% !important;
}
h2.main_txt {
    letter-spacing: 5px;
    font-size: 34px;
}
#header .logo img {
    max-width: 60px;
}
#main .sns_link {
    width: 45px;
    top: 91%;
    right: 67px;
}
}


/*--------------------------------------------------ここまで---------------------------------------*/

/*--------------------------------------------------スマホ---------------------------------------*/
@media screen and (max-width:667px){
    #banner{
        width:250px;
    }
    footer {
    padding-bottom: 40px;
}
    .f_info_wrap {
    width: 90% !important;
}
    h1.logo img {
    width: 15% !important;
}
h2.main_txt{
    font-size:22px;
    padding-left: 10px;
}
#main .sns_link {
    width: 45px;
    top: 90%;
    right: 37px;
}
#main_img2 figure{
    margin-top:9%;
}
.load_logo figure{
    max-width:60px !important;
}
.contact h2{
    white-space:nowrap;
}
.more a {
    width: 250px;
}
}
/*--------------------------------------------------ここまで---------------------------------------*/