body{overflow: auto !important;}

/*font---------------------------------------------------------------------------------*/
body{font-family: 'Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;}
h1,h2,h3,h4,h5,h6{font-family: 'Sawarabi Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;}

.font_2dw {
    font-size: -webkit-calc(1rem - 0px);
    font-size: calc(1rem - 0px);}
.font_100per {
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);}
.font_8up {
    font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);}
.font_10up {
    font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);}
    
p#copyright {
    font-size: -webkit-calc(1rem - 2px);
    font-size: calc(1rem - 2px);
}    

/*余白調整*/
.contact_box .header_contact_link a { padding: 7px 25px 8px;}
ul.pager li a span {
    padding-top: 1px !important;
    padding-bottom: 5px !important;}
.more a {
    padding-top: 10px;
    padding-bottom: 11px;}
section#page9 a { padding-top: 3px;
    padding-bottom: 4px;}
/*余白調整*/
/*font---------------------------------------------------------------------------------*/

/*color---------------------------------------------------------------------------------*/
/*薄#f5ebec*/
/*ピ#E8B9C1*/
/*濃#d69aa4*/


body, .txt_color_nomal { color: #696262;}
.txt_color1 { color: #d69aa4;}
.txt_color2 { color: #d69aa4;}
.txt_color3 { color: #696262;}
p#copyright { color: #696262;}
p#copyright a {
    color: #696262;
    font-weight: bold;}
nav#global-nav ul li a span {
    color: #696262 !important;}
section#contents2 .contents_txt h2 { color: #d69aa4;
                    font-weight:bold;}
section#contents2 .contents_txt p { color:  #696262;
    opacity: 0.9 !important;}
.fat-nav ul li a { color: #696262;}
h3.cate_title {color: #d69aa4;}
section#cms_3-c .box_txt1 { color:#d69aa4;}
div#cms_5-a .cate_box h4 { color: #d69aa4 !important;}

.bg_color1 { background-color: #f5ebec;
    background: url(dup/img/bg_gara.png);
    background-size: 300px;}
.bg_color2 {background-color: #E8B9C1;}
.bg_color3 { background-color: #E8B9C1;}
.bg_color4 {background-color: #f5ebec;}
a.hamburger { background: #E8B9C1;}
p.gotop a { background: #E8B9C1;}

.border_color1 { border-color: #edd8da;}
section#cms_3-c .cate_title {
    border-bottom: solid 2px #edd8da;}
.border_color2 { border-color: #E8B9C1;}
.border_color3 { border-color: #E8B9C1;}
.border_color4 {border-color: #f5ebec;}
.fat-nav li:last-child a {
    border-bottom: 1px solid #d69aa4;
    border-top: 1px solid #d69aa4;}

span.after.bg_color1 { background: #d69aa4;}
#footer_info .bg_white_opa { background-color: rgba(255,255,255,0.8);}
.catch_txt span {
    background: #d69aa4;
    opacity: 0.7;}
.hvr_bg_color1:hover {
    background-color: #d69aa4;}
    
    

.opacity07 { opacity: 0.9;}
/*linkStyle*/
a.linkStyle {
    color:#d69aa4 ;
    transition: 0.5s;}
a.linkStyle:hover {
    opacity: 0.8;}

section#page9 a {
    color: #fff;
    background: #d69aa4;
}
/*color---------------------------------------------------------------------------------*/

/*catch---------------------------------------------------------------------------------*/
.catch {
    display: block;
    opacity: 0;
    font-size: 45px;
    text-align: center;
    bottom: 45%;
    left: 3% !important;
    position: absolute;
    text-shadow: 1px 2px 5px #696262;}
.catch span {
  opacity: 0;
  -webkit-transition: 3.5s ease-in-out;
  transition: 3.5s ease-in-out;}

@media screen and (max-width: 1700px){
 .catch { font-size: 40px;}}
@media screen and (max-width: 1600px){
 .catch { font-size: 35px;}}
@media screen and (max-width: 1410px){
 .catch { font-size: 30px;}}
@media screen and (max-width: 1280px){
 .catch { font-size: 25px;}}
@media screen and (max-width: 1130px){
 .catch { font-size: 20px;}}
/*catch---------------------------------------------------------------------------------*/
 
/*background-image---------------------------------------------------------------------------------*/
#body {
  background-image: url('dup/img/bg_img.jpg');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;}
/*background-image---------------------------------------------------------------------------------*/

/*logo---------------------------------------------------------------------------------*/
h1.logo a img { width: 80% !important;}
#logo2 {max-width: 320px;}
/*logo---------------------------------------------------------------------------------*/


section#cms_3-c .cate_box {
    margin-bottom: 20px;}


/*contact【調整用】----------------------------------------------------------------------*/
@media screen and (max-width: 1400px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 5px) !important;
    font-size: calc(1rem + 5px) !important;
    padding: 25px 10px;}}
@media screen and (max-width: 1200px){
p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 4px) !important;
    font-size: calc(1rem + 4px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;}}

/*【タブレット】*/
@media screen and (max-width: 768px){
    p#contact_tel a, p#contact_mail a {
    font-size: -webkit-calc(1rem + 0px) !important;
    font-size: calc(1rem + 0px) !important;
    padding: 25px 5px;
    letter-spacing: 2px;
}}

/*【スマホ】*/
@media screen and (max-width: 667px){
p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 1px) !important;
    font-size: calc(1rem + 1px) !important;
    padding: 20px 5px;
    letter-spacing: 2px;}
}


@media screen and (max-width: 320px){
p#contact_tel a, p#contact_mail a {
    letter-spacing: 2px;
    font-size: -webkit-calc(1rem + 0px) !important;
    font-size: calc(1rem + 0px) !important;
    padding: 20px 5px;
    letter-spacing: 1px;}
}
/*contact【調整用】----------------------------------------------------------------------*/

/*【タブレット】*/
@media screen and (max-width: 768px){
.all_header #global-nav ul li {
    padding: 0 2%;
    display: block;
    width: auto;
    box-sizing: border-box;}
h1.logo a img {
    width: 100% !important;}
#fakeloader .fl {  max-width: 250px!important;}
div#logo2 img { width: 70% !important;}
.catch {
    font-size: 25px;
    display: block;
    opacity: 0;
    text-align: center;
    bottom: 3%;
    left: auto !important;
    right: 3% !important;
    position: absolute;
    text-shadow: 1px 2px 5px #696262;
}
.contact_box .header_contact_link a { padding: 6px 25px 8px;}
.index_header #logo {
    max-width: 260px;
    margin-bottom: 50px;}

#contents .contents_inner .contents_txt p {
    background: transparent !important;}
}

/*【スマホ】*/
@media screen and (max-width: 667px){
    
.font_10up {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);}
.font_8up {
    font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);}
.font_2dw {
    font-size: -webkit-calc(1rem - 1px);
    font-size: calc(1rem - 1px);}

.index_header #logo, #logo { max-width: 55px;}
.hamburger {
    top: 11px;
    right: 12px;
    padding: 12px;
    width: 50px;
    height: 42px;}
.index_header .nav_box, .nav_box { padding: 7px 10px 10px 15px;}

#fakeloader .fl { max-width: 150px!important;}
div#logo2 img { width: 85% !important;}
.index_header #logo, #logo {
    max-width: 55px;
    margin-bottom: 0px;}

section#main_img { padding-top: 72px !important;}
.catch { font-size: 18px;}

p.gotop {
    position: absolute;
    bottom: 45px !important;
    right: 13px;
    z-index: 99;}
}


/*IE*/
@media all and (-ms-high-contrast: none){
.contact_box .header_contact_link a { padding: 6px 25px 10px;}
.more a {padding-top: 9px !important;
         padding-bottom: 11px !important;}
ul.pager li a span {
    padding-top: 0px !important;
    padding-bottom: 9px !important;}
.all_header .contact_box .header_contact_link a {padding: 6px 25px 10px;}
#cms_6-a .cate .cate_title { padding-top: 13px !important;}
#cms_5-a .cate .cate_title span:last-of-type {padding-top: 2px !important;}
#contact_tel a, #contact_mail a{
    padding-top: 30px !important;
    padding-bottom: 32px !important;}
.fat-nav li:last-child a { padding-bottom: 13px !important;}
#page9 .box_wrap .box a { padding: 3px 10px 5px;}



}




/*2021/1126*/

@media screen and (max-width: 768px){
#main_img {
    top: 130px;}
}



.txt_red {
    color: #d90d30;
}