﻿
.menu p.square_box{
    background: #fff7f0 !important;
    margin-bottom: 50px;
    padding: 20px;
}


#info_contact .con_img {
    max-height: 23vw;
}
#fakeloader .fl{
    max-width:300px;
}
.con_box{
    background:none !important;
}
main {
    background: linear-gradient(90deg, rgba(255,255,255,0) 2%, rgba(255,255,255,0.8) 2%, rgba(255,255,255,0.8) 98%, rgba(255,255,255,0) 98%);
    backdrop-filter: blur(3px);
    padding-top: 100px;
    margin-top: 2%;
    padding-bottom: 10px;
    margin-bottom: 2%;
}
#contents2_wrap .con_img_tool.grid_5.grid_12_sp{
    order:2;
    box-shadow: 32px 40px 31px rgba(133,133,133,0.45);
}


.linkStyle{
   color: #832c00;
   transition:all 0.3s;
}
.linkStyle:hover{
    opacity:0.6;
}
a.more.d_inline_b.mg_l-5px.mg_r-5px.pd_t-5px.pd_b-5px.pd_l-10px.pd_r-10px.border_rad3.bg_color3.txt_white.shadow-l.motion03s.hvr_opa05 {
    background: #f9b51c;
}

.txt_color2 {
    color: #f9b51c;
}
#contact_tel a {
    padding: 25px 55px;
    border: 0;
    color: #56383a;
    background: #eef3b6;
    font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    margin-bottom: 20px;
}
#con_wrap {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
}

@media screen and (max-width:1430px){
    #con_wrap{
        flex-direction:column;
    }
}
#overlay .left li {
    max-width: 220px;
}
.button_container span,.button_container.active .bottom ,.button_container.active .top{
    background: #c45f2c;
   
}
.button_container.active span:nth-of-type(1){
     color:#c45f2c;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}
.hvr_bg_color2:hover {
    background-color: #ffe6ad;
}
.nav_menu_more a{
       background: #f9b51c;
    color:white;
}
#overlay .left li:before,.overlay ul li a{
        color: #c45f2c;
}
.overlay {
    background: url(Dup/img/new_bg.jpg) !important;
    background-position: right;
}
#banner:hover{
    opacity:0.6;
}
#banner {
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 0;
    max-width: 300px;
    transition:all 0.3s;
}

.cms_title p::before{
    display:none;
}
.cate_title{
    color:#ab5f00;
}
#top_pc_nav li a::after{
    background:white !important;
}
h3.cate_title {
    position: relative;
    left: 50px;
    padding: 5px 80px;
    border: 0;
    border: 2px solid #c45f2c;
    background: white url(Dup/img/meiryu_a.png) no-repeat;
    display: inline-block;
    background-position: right -10px bottom -20px;
    background-size: 110px;
}
#contents2 figure{
    max-height:630px;
}

.pop400,.cate_title{
      font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.pager li a:hover {
    background-color: rgba(253,203,90,0.4)!important;
}
.pager li a {
    background-color: #fdcb5a !important;
}
.cate_list li a {
    background: rgba(255,197,58,0.2) !important;
}
.cate_list li a:hover {
    background-color: rgba(255,218,97,0.5) !important;
}
#page_title:before {
    background-color: rgba(197,197,197,0.25);
}
.page_title_box {
    background: #fbffd1;
}
#fakeloader::before{
    content:"";
    width:100%;
    position:absolute;
    height:100%;
    background:url("Dup/img/new_bg.jpg") !important;
    z-index:-1;
}



.bg_white {
    background-color: rgba(255,255,255,0.7);
}
#contents2 .con_box {
    margin-top: 10%;
}
#contents3n h3::after {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    background: url(Dup/img/meiryu_a.png) no-repeat;
    background-size: contain;
    right: -110px;
}

#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: rgba(255,201,79,0.5);
}
header.scr_header #logo {
    max-width: 300px;
}
#info_contact .con_img:before {
    background-color: rgba(161,161,161,0.5);
}
div#info_contact_wrap .con_title span{
    color:white;
}

#copyright.bg_color1 a{
    color:white;
}

#footer{
    background:none !important;
}

#intro_wrap{
    padding-top:0;
}

.back1{
    padding-top:30px;
}

.cms_title .txt_color1{
    color: #f9b51c;

}


#copyright.bg_color1 {
    background-color: #fbffd1;
    color: #832c00;
    line-height: 60px;
}
#copyright.bg_color1 a {
    color: #832c00;
}


#con1{
    width: 35vw;
    margin: auto;
}
#contents3n{
        margin-bottom: 200px;
}
.txt_white {
    color: #832c00;
}
#con3 {
    width: 50vw;
    margin: 150px auto;
}
h3 {
    color:#ab5f00;
}

#meiryu_r img {
    box-shadow: 32px 40px 31px #85858573;
    transform: rotate( 
4deg
 ) translate(-30px,250px);
}


 .more_btn:hover:after{
    background: rgba(196,95,44,0.05);
}
#pc_nav li, #top_pc_nav li, #footer_nav li{
    max-width:230px;
}
#pc_nav li a, #footer_nav li a{
    font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-size:18px;
    color:#832c00;
}
#top_pc_nav li a{
    font-size:18px;
    color:white;
    font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.txt_color1 {
    color:#ab5f00;
}

#contents1 .con_box {
    margin-top: 10%;
}

#meiryu_l img{
    box-shadow: -32px 40px 31px #85858573;
    transform: rotate(
-8deg
) translate(30px,100px);
}
#contents3n_wrap {
    display: flex;
    justify-content: space-around;
}
#contents3n_wrap .con_box {
    width: 400px;
    padding: 20px;
    box-sizing: border-box;
    background: none;
    margin: 0;
}
.meiryu{
    width:25%;
}
#contents1 figure {
    box-shadow: -32px 40px 31px #85858573;
}

#contents3_wrap:after{
    background:transparent !important;
}
#con2 {
    width: 40vw;
    opacity: 0.3;
    margin: auto;
    margin: 200px auto;
    margin-top: 0;
}
#intro .line:before, #contents3 .line:before{
    display:none;
}
.num{
    display:none;
}


   #main_img:before {
    background-color: rgba(145,145,145,0.45);

}
p.bg_white.square_box.width_400-max.width_200-max_tb.width_200-max_sp.d_flex{
    background:transparent;
    position:relative;
}
header {
    background-color: rgba(255,255,255,0.6) !important;
}
div#intro_wrap {
    background: none;
}
.back1:before, .back2:before{
    display:none;
}
body {
    background-image: url(Dup/img/new_bg.jpg);
    background-attachment: fixed;
    background-position: center;
}


/*-----------------------------ここから-------------------------------*/
@media screen and (max-width:768px){
    #main_img:before {
    background-color: rgba(247,247,247,0.5);
}

#con1 {
    width: 65vw;
}
#contents1 figure{
    max-height:350px;
    transform: rotate(
-4deg
) translateX(0px);
}
#contents2_wrap .con_img_tool.grid_5.grid_12_sp {
    box-shadow: -32px 40px 31px rgb(133 133 133 / 45%);
    transform: rotate(
-4deg
) translateX(-10px);
max-width: 80%;
    margin: auto;
    margin-top: 50px;

}
#con2 {
    width: 65vw;
}
#con3 {
    width: 63vw;
}
#contents3n_wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#contents3n_wrap .con_box {
    width: 90%;
    padding: 20px;
    box-sizing: border-box;
    background: none;
    margin: auto;
    order: 1;
}
div#meiryu_l{
    order:2;
}
div#meiryu_r{
    order:3;
}
.meiryu{
    width:30%;
}
#copyright.bg_color1{
    padding-bottom:120px;
}
h3.cate_title::before {
    content: "";
    width: 70px;
    height: 40px;
    background: url(Dup/img/meiryu_a.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: -30px;
    top: 17px;
}
.page_title_box h2{
    font-size: 28px;
}
}
/*-----------------------------ここまで-------------------------------*/

/*-----------------------------スマホ-------------------------------*/
@media screen and (max-width:667px){
    
#page5 h3.cate_title {
    position: relative;
    left: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
#page5 h3.cate_title::before{
    display:none;
}
#info_contact .con_img {
    max-height: 55vw;
}
#meiryu_l img {
    box-shadow: -10px 15px 11px rgba(133,133,133,0.45);
    transform: rotate( -8deg ) translate(30px,50px);
}
#meiryu_r img {
    box-shadow:10px 15px 11px rgba(133,133,133,0.45);
    transform: rotate( 
4deg
 ) translate(-30px,200px);
}

#contents2_wrap .con_img_tool.grid_5.grid_12_sp {
    box-shadow: -15px 15px 11px rgba(133,133,133,0.45);
    transform: rotate( 0deg) translateX(0);
}
#contents1 figure {
    box-shadow: -15px 15px 11px rgba(133,133,133,0.45);
    transform: rotate(0deg) translateX(0px);
}
#contents3n h3::after {
    content: "";
    width: 70px;
    height: 90px;
    position: absolute;
    background: url(Dup/img/meiryu_a.png) no-repeat;
    background-size: contain;
    right: -60px;
}
#con3 {
    margin: 25px auto;
}
#banner {
    max-width: 200px;
}
#con1 {
    margin-top: 50px;
}
#con2 {

    margin: 50px auto;
}
.meiryu{
    width:50%;
}
#copyright.bg_color1 {
    padding-bottom: 80px;
}
header.scr_header #logo {
    max-width: 200px;
}
h3.cate_title::before {
    content: "";
    width: 60px;
    height: 40px;
    background: url(Dup/img/meiryu_a.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: -20px;
    top: 15px;
    transform: scale(-1,1);
}
h3.cate_title{
    position:relative;
    left:0;
    padding:5px;
    padding-left:30px;
}
#contact_tel a {
    padding: 15px 5px;
    border: 0;
    color: #832c00;
    background: #f9b51c;
    font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-top:0;
}
#insta a{
    margin-top:0;
}
#con_wrap .width_400-max{
    margin-top:10px;
}
body{
    background:none;
}
body::before {
    width: 100%;
    height: 100vh;
    background: url(Dup/img/new_bg.jpg);

    position: fixed;
    content: "";
    background-position: center;
    z-index: -1;
}
.page_title_box h2 {
    font-size: 16px;
}
}
/*-----------------------------ここまで-------------------------------*/
