/*font-------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,.cms_title,li a,.box_title1,.box_title2,.con1_title,.con2_title,.con3_title,.cate_title,.more,.page_title_box p,#contact_tel,#contact_line,.info_title,.btn_container a,#contact_mail{
    font-family: 'Shippori Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif", serif;}
body {
    -webkit-text-size-adjust: 100%;
    font-size: 16px;}
/*font------------------------------------------------------------------*/
    
    
    
/* color-----------------------------------------------------------------*/
body,.txt_color_nomal{color: #1c1613;}
.txt_color1{color: #302723} /* メインカラー */
.txt_color2{color: #f5a331} /* サブカラー */
.txt_color3{color: #f5a331} /* アクセントカラー1 */
.txt_color4{color: #f0e9e4} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #302723} /* メインカラー */
.bg_color2{background-color: #f5a331} /* サブカラー */
.bg_color3{background-color: #fcb653} /* アクセントカラー1 */
.bg_color4{background-color: #f0e9e4} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #302723}
.border_color2{border-color: #f5a331}
.border_color3{border-color: #fcb653}
.border_color4{border-color: #f0e9e4}

/* hover ----------------------*/
.hvr_txt_color_nomal:hover{color: #1c1613;}
.hvr_txt_color1:hover{color: #f5a331} /* メインカラー */
.hvr_txt_color2:hover{color: #e8c99e} /* サブカラー */
.hvr_txt_color3:hover{color: #fcb653} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f0e9e4} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #f5a331} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e8c99e} /* サブカラー */
.hvr_bg_color3:hover{background-color: #fcb653} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f0e9e4} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f5a331}
.hvr_border_color2:hover{border-color: #e8c99e}
.hvr_border_color3:hover{border-color: #fcb653}
.hvr_border_color4:hover{border-color: #f0e9e4}

#top_cms .top_cms_bg,.pager li a,.under_page #footer,.main_filter,#footer .footer_bottom,div#header.grid_4,.con2_wrap,
#page07 p,#page09 .privacy_top,ul.footer_nav{ background-color: #fcfaf7;}

/*linkStyle*/
a.linkStyle {
    color: #1c1613;
    border-bottom:solid 1px;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #1c1613;
    border-bottom:solid 1px;
}

/* color-----------------------------------------------------------------*/


.trans_logo img {max-width: 80px;}

/*top-------------------------------------------------------------------------------------------------------*/
.filter {background-image: url(./Dup/img/back02.png);}
.con1_left .filter {background-image: url(./Dup/img/back.png);}

h1#logo span,h1#logo{background: transparent;}

nav#pc_nav ul li a {
    padding: 7px 0px;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    border: 0px;
}
nav#pc_nav ul li a::before {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
    max-width: 15px;
    opacity: 0.6;
    margin-right: 1rem;
    transition: 0.5s;
}
nav#pc_nav ul li a:hover::before {
    max-width: 20px;
    transition: 0.5s;}
    
div#header {padding-left: 70px;}

h1#logo img {
    margin: 0 auto;
    display: block;
    max-width: 200px;}
    
h1#logo {padding: 20px 40px 0px 0;}

 .con1_title p {
    color: #fcb653;
    font-size: 30px;
    margin: -15px 0 -33px 0px;
    opacity: 0.3;
    letter-spacing: 10px;
    filter: blur(1px);
 }

 
/*catchcopy----------------------------------------------------------------------------*/

.catchcopy01{
    z-index: 4;
    bottom: 57px;
    left: 35%;
    font-size: 60px;}
.catchcopy02{
    z-index: 4;
    bottom: 23px;
    left: 35.5%;
    font-size: 25px;}
/*以下フェードイン表示の指定*/
.fadein {
    opacity: 0;
    animation: fadein 4s ease forwards;}
@keyframes fadein {
    100% {  opacity: 1;}}
/*以下遅延の指定*/
.catchcopy01 {animation-delay: 1s;}
.catchcopy02 {animation-delay: 2.5s;}

/*catchcopy----------------------------------------------------------------------------*/
/*top-------------------------------------------------------------------------------------------------------*/

/*kasou-------------------------------------------------------------------------------------------------------*/
nav#pc_nav ul li a {padding: 7px 7px;}

@media screen and (max-width: 1300px){
 nav#pc_nav ul li a {
    padding: 7px 0px;}}
    
    
#cms_2-a .cate {margin-bottom: 100px;}

#cms_2-a h3.cate_title {
    padding: 0;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    border: 0px;
    color: #f5a331;
}

#cms_2-a h3.cate_title::before {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
    max-width: 35px;
    opacity: 0.6;
    margin-right: 1rem;
    margin-bottom: -4px;
}

.btn_container a { padding: 15px 10px;
    letter-spacing: 4px;
}

.btn_container a:hover {
  letter-spacing: 5px;
  background:#f5a331;
}


#cms_6-a .cate_title {
    background: transparent;
    border-left: solid 0px;
    color: #302723;
    padding: 0;}
    
#cms_6-a .cate_title span {
    border-bottom: solid 1px;
    padding-bottom: 10px;
}

#cms_6-a .box_wrap{
    border: transparent;
    background: #fcfaf7;
}

#contact_tel a:hover,#contact_mail a:hover {
  letter-spacing: 5px;
  background:#f5a331;
}

div#header.grid_12 h1#logo img {
    margin: 20px auto;
    display: block;
    max-width: 130px;}

/*タブレット*/
@media screen and (max-width: 768px){
    div#logo2 img {max-width: 130px;}
    #contact_tel a:hover, #contact_mail a:hover {letter-spacing: 3px;}
    .font_2dw_tb {
        font-size: -webkit-calc(1rem - 1px);
        font-size: calc(1rem - 1px);}
    .contents_wrap .contents_bg{width:100%;}
    
    .info_left,.footer_left{width: 37%!important;}
    div#map,.footer_right{width: 63%!important;}
    
    .catchcopy01 {
                z-index: 4;
                bottom: px;
                left: 3%;
                top: 59%;
                font-size: 42px;}
    
    .catchcopy02 {
                z-index: 4;
                top: 66%;
                left: 4%;
                font-size: 20px;}
    body {
        -webkit-text-size-adjust: 100%;
        font-size: 15px;}
}


/*スマホ*/
@media screen and (max-width: 667px){
    .catchcopy01 {
        z-index: 4;
        left: 5.4%;
        top: 42%;
        font-size: 28px;
        height: 0%;}   
    .catchcopy02 {
        z-index: 4;
        top: 49.5%;
        left: 6.5%;
        font-size: 13px;
        height: 0%;}
    .con1_title p {
        color: #fcb653;
        font-size: 25px;
        margin: -10px 0 -30px 0px;
        opacity: 0.3;
        letter-spacing: 5px;
        filter: blur(1px);}
    .con1_right,#contents2 .con2_wrap,.con3_wrap{
        padding-right: 30px;
        padding-left: 30px;}
    .font_10up {
        font-size: -webkit-calc(1rem + 8px);
        font-size: calc(1rem + 8px);}
    .con1_title h2 {
        font-size: -webkit-calc(1rem + 10px);
        font-size: calc(1rem + 10px);}
    .info_left,.footer_left,div#map,.footer_right {width: 100% !important;}
    #cms_2-a .cate {margin-bottom: 50px;}

}


/*IE*/
@media all and (-ms-high-contrast: none){
    .pager li a {line-height: 57px !important;}
    #contact_tel a,#contact_mail a{padding-top: 18px !important;}
    #tel_txt p{padding-bottom: 15px !important;}
    .more a{ padding-top: 21px !important;}

}