﻿/*--------------------------公開後修正--------------------------*/
a.width_300.width_100per_sp.tel_bt.d_inline_b.font_8up.txt_white.pd_10px.motion05s {
    display: none;
}
.menu_line img {
    min-width: 100px!important;
    max-width: 250px!important;
}
.banner {
    text-align: center;
    margin-top: 30px;
}
.banner img {
    width: 400px;
}
.banner .d_block {
    display: inline-block;
}
.banner_bottom{
display:none;
}
.banner_bottom {
    text-align: center;
    margin-top: 70px;
}
.banner_bottom img {
    width: 400px;
}
.banner_bottom .d_block {
    display: inline-block;
}




/*--------------------------IE--------------------------*/
@media all and (-ms-high-contrast: none) {
.head_menu{
margin-right: 5%!important;
  }
.head_menu li a::before{
top:30%!important;
}
}
@media all and (max-width: 900px) and (-ms-high-contrast: none){
.head_menu {
margin-right: 6%!important;
}
.head_menu li{
font-size:14px!important;
}
}
#cms_4-a .txt_color4 {
    color: #888888;
}


.pager li:not(.prev):not(.next) a:hover {
    background-color: rgb(220,220,220);
    border: solid 1px rgb(220,220,220);
}
.pager li:not(.prev):not(.next) a {
    background-color: rgb(239,220,196);
    border: solid 1px rgb(239,220,196);
color: #444444;
}
.pager li a {
color: #865000;
}
#sp_nav .txt_color_nomal {
color: #4e4e4e!important;
}
#top_info .txt_white {
color: #4e4e4e;
}
#sp_nav .grid_6 .txt_white {
    color: #4e4e4e;
}
#cms_2-b h3{
color:#4e4e4e;
}

p#contact_tel {
    margin-bottom: 30px;
}
#contents1{
background-image:url(./dup/img/back.jpg);
background-size: 60% auto;
}
.c4_back{
background-image:url(./dup/img/back.jpg);
background-size: 60% auto;
}
#top_info{
background-image:url(./dup/img/back.jpg);
background-size: 60% auto;
}
/*
.cms_main{
background-image:url(./dup/img/back.jpg);
background-size: 60% auto;
}
*/
/* color */
body,.txt_color_nomal{color: #444444;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #BFF298} /* メインカラー */
.txt_color2{color: #865000} /* サブカラー */
.txt_color3{color: #C7C7C7} /* アクセントカラー1 */
.txt_color4{color: #ecf6f1} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #BFF298} /* メインカラー */
.bg_color2{background-color: #865000} /* サブカラー */
.bg_color3{background-color: #C7C7C7} /* アクセントカラー1 */
.bg_color4{background-color: #ecf6f1} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #BFF298}
.border_color2{border-color: #865000}
.border_color3{border-color: #C7C7C7}
.border_color4{border-color: #C7C7C7}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #BFF298} /* メインカラー */
.hvr_txt_color2:hover{color: #865000} /* サブカラー */
.hvr_txt_color3:hover{color: #C7C7C7} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ecf6f1} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #BFF298} /* メインカラー */
.hvr_bg_color2:hover{background-color: #865000} /* サブカラー */
.hvr_bg_color3:hover{background-color: #C7C7C7} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ecf6f1} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #BFF298}
.hvr_border_color2:hover{border-color: #865000}
.hvr_border_color3:hover{border-color: #C7C7C7}
.hvr_border_color4:hover{border-color: #ecf6f1}


/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #865000;}
.txt_color_nomal .linkStyle{color: #865000;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #865000;}
.bg_color3 .linkStyle{color: #865000;}
.bg_color4 .linkStyle{color: #865000;}

/*--------------------------HEAD--------------------------*/

#header{
justify-content: space-between;
}
.head_menu{
margin-right:8%;
}
.head_menu li{
margin-left: 40px;
font-size: 18px;
margin-bottom: 0px;
}
.head_menu li a{
position:relative;
}
.head_menu li a:hover{
color:#bff298;
}
.head_menu li a::before {
    content: "";
    position: absolute;
    top: 46%;
    left: -22px;
    width: 20px;
    height: 1px;
    background-color: #bff298;
    transition: .5s;
    transform: rotate(-45deg);
}
.head_menu li a:hover::before{
    background-color: #bff298;
}
header .menu_stick {
    top: 64px;
    right: 30px;
}
#pc_nav a {
    text-shadow: 0 4px 5px rgba(255,255,255,1);
    color: #444444;
}
#pc_nav{
display:none;
}

/*--------------------------TOP--------------------------*/
#wrap{
background-color: #efdcc4;
}
.font_serif {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
#sp_nav {
    background-color: #f5f5f5;
}
#sp_nav .bg_color1 {
    background-color: #e8d6bf;
}
.con_box::before {
    width: 2px;
    background-color: #bff298;
}
#header {
    background: -moz-linear-gradient(top, rgba(119,119,119,0.8), transparent);
    background: -webkit-linear-gradient(top, rgba(119,119,119,0.8), transparent);
    background: linear-gradient(to bottom, rgba(119,119,119,0.8), transparent);
}
#contents1{
background-color: #e8d6bf;
}
#contents1 .con_box{
border: 2px solid #fff;
background-color: #f5f5f5;
color:#444444;
}
#contents2{
color:#151515;
}
#contents3{
color:#151515;
}
#contents2 .txt_shadow_h {
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#contents3 .txt_shadow_h {
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#contents2 .con_box {
    background: -moz-linear-gradient(left, transparent,rgba(226,226,226,0.6)0%);
    background: -webkit-linear-gradient(left, transparent, rgba(226,226,226,0.6)0%);
    background: linear-gradient(to right, transparent, rgba(226,226,226,0.6)0%);
}
#contents3 .con_box {
    background: -moz-linear-gradient(left, rgba(232,214,191,0.6)100%, transparent);
    background: -webkit-linear-gradient(left, rgba(232,214,191,0.6)100%, transparent);
    background: linear-gradient(to right, rgba(232,214,191,0.6)100%, transparent);
}
#contents4 .txt_color2 {
color: #fff;
}
#contents4 .bg_black {
    background-color: #444444;
}
#top_cms {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: #f5f5f5;
    color:#444444;
    text-shadow: none;
}
#top_cms .txt_white {
    color: #444444;
}
.cms_title::before {
    background-color: #bff298;
    width: 2px;
}
.cms_title .txt_shadow_h {
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#top_cms h2{
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#top_cms .txt_color2 {
    color: #444444;
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.cms_4-a .opacity05 {
opacity: 0.9;
}
.cms_4-a .opacity05:hover {
opacity: 0.5;
}
.cms_1-c .txt_color4 {
    color: #444444;
}
#top_info .con_box{
    background-color: #f5f5f5;
    border: 2px solid #fff;
    color: #444444;
    text-shadow: none;
}
.more a:hover {
    background-color: rgba(191,242,152,.6);
}
.more a::before {
    border-top: solid 1px #bff298!important;
    border-right: solid 1px #bff298!important;
}
.more a::after {
    border-bottom: solid 1px #bff298!important;
    border-left: solid 1px #bff298!important;
}
#footer .bg_black {
    background-color: #444444;
}
#footer .opacity03 {
    opacity: 0.5;
}
.tel_bt:hover {
    background-color: rgba(224,224,224,.8);
    border: solid 1px rgba(224,224,224,.8);
}
.tel_bt {
    background-color: rgba(191,242,152,.8);
    border: solid 1px rgba(191,242,152,.8);
}
/*--------------------------CMS--------------------------*/

#page_title{
    background-color: #444444;
}
#page_title .opacity02 {
    opacity: 0.5;
}
#under_page{
color:#444444;
}
.under_box{
background-color:#f5f5f5;
}
.cate_list li a {
    color: #151515;
}
.cate_list {
    border-bottom: solid 1px #ddccb6;
}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before {
    background-color: #c7c7c7;
}
#cms_2-b .border_color3 {
    border-color: #ddccb6;
}
#cms_3-c .cate_title{
    border-left: 6px solid #BFF298;
border-bottom: none;
}
#cms_3-c .shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
#cms_1-c .border_color4 {
border-color: #c7c7c7;
}
#cms_1-c .txt_color4 {
color: #969696;
}
#cms_4-a h3{
    border-left: 6px solid #bff298;
    padding-left: 10px;
}
#under_page .info_box .d_flex:first-of-type {
    border-top: solid 1px #865000;
}
#contact_tel a{
color:#444444!important;
}
.page9 h3 {
    border-color: #c7c7c7;
}
.page9 .txt_white {
    color: #865000;
}
.hvr_txt_white:hover {
    color: white;
}
.site_sab_title{
    color: #ddccb6;
}
p.site_title.motion1s {
    color: #444444;
}
.more a::before {
    border-top: solid 1px #c7c7c7;
    border-right: solid 1px #c7c7c7;
}
.more a::after {
    border-bottom: solid 1px #c7c7c7;
    border-left: solid 1px #c7c7c7;
}

/* ---------- 1000---------- */
@media screen and (max-width: 1000px){
.head_menu li {
    margin-left: 25px!important;
    font-size: 16px;
}
.head_menu {
    margin-right: 8%;
}
}
/* ---------- 900---------- */
@media screen and (max-width: 900px){
.head_menu li {
    margin-left: 20px!important;
}
.head_menu {
    margin-right: 8%;
}
.head_menu li {
    font-size: 16px;
}
#header .height100per {
    height: 95%;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header .menu_stick {
    top: 37px;
}
#pc_nav {
    display: block;
    background-color: rgba(221,204,182,.8);
    width: 35%;
    padding: 20px 10px;
}
#pc_nav a::before {
    background-color: #444444;
}
.head_menu{
display:none;
}
.more a:hover {
    background-color: rgba(255,255,255,0.5);
}
.more a {
    background-color: rgba(191,242,152,.6);
}
.cate_list li:nth-child(4n + 1)::before {
    background-color: #c7c7c7;
}
#cms_3-c .box_item .width_60per {
    width: 40%!important;
}
#cms_3-c .box_item .width_40per {
    width: 60%!important;
    font-size: 16px;
}
#cms_3-c #cate6 .box_item .width_60per {
    width: 60%!important;
}
#cms_3-c #cate6 .box_item .width_40per {
    width: 40%!important;
}
#contents1 {
    background-size: auto 50%;
}
#top_info{
    background-size: auto 50%;
}
.c4_back {
    background-size: auto 50%;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#cms_3-c .cate_title {
    border-left: none;
  position: relative;
}
#cms_3-c .cate_title:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    display: inline-block;
    width: 50px;
    height: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #BFF298;
}
#cms_3-c .box_item .width_60per {
    width: 100%!important;
}
#cms_3-c .box_item .width_40per {
    width: 100%!important;
font-size: 14px;
padding-left: 10px;
}
#pc_nav{
display:none;
}
.cate_list li a {
    position: relative;
}
.cate_list li a::before {
    content: "";
    position: absolute;
    top: 46%;
    left: 0px;
    width: 20px;
    height: 1px;
    background-color: #c7c7c7;
    transition: .5s;
    transform: rotate(-45deg);
}
#cms_3-c #cate6 .box_item .width_60per {
    width: 100%!important;
}
#contents1 {
    background-size: auto 50%;
}
#top_info {
    background-size: auto 50%;
}
.c4_back {
    background-size: auto 50%;
}
#sp_nav .grid_6 a{
    font-size: 16px;
}
#top_info a{
    font-size: 16px;
}
#contact_tel {
font-size: -webkit-calc(1rem + -1px);
    font-size: calc(1rem + -1px);
}
#contact_tel .pd_30px {
    padding: 30px 0px;
}
.banner img {
    width: 290px;
    margin-top: 50px;
}
}
