﻿/*--------リンク・フォント--------*/
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/hiragino_min_r.woff') format('woff'),
        url('../Dup/img/hiragino_min_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/hiragino_min_b.woff') format('woff'),
        url('../Dup/img/hiragino_min_b.eot')  format('eot');
    font-display: swap;
}
body{font-family: "hiragino_min","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}

.linkStyle{color: #fff; text-decoration: underline;}

/*--------全体--------*/
#f_menu ul li a {
    font-size: 0.95em;
    letter-spacing: 1px;
}
#info_map .foot_tel_bt a:first-of-type {
    display: none;
}
.header .grid_3 a:first-of-type{display:none;}
#fixed_right_banner.border_so3-l {
    border-left: 2px solid #bbada3;
}
.portrait_img{
	display: block;
	overflow: hidden;
	position: relative;
	height: auto;
	box-shadow: rgba(225, 225, 225, 1) 0px 0px 0px 5px;
}

/*.portrait_img img{*/
/*	width: 100%;*/
/*    height: auto;*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	-ms-transform: translate(-50%,-50%);*/
/*	-webkit-transform: translate(-50%,-50%);*/
/*	transform: translate(-50%,-50%);*/
/*}*/

#main_img {position:relative;}
#main_img ::before{
    width: 100%;
    height: 25%;
    left: 50%;
    bottom: -22%;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/main_copy.png) no-repeat;
    background-size: contain;
    z-index: +1;
}

/*
#aisatsu h2{
  display: flex;
  align-items: center;
  white-space: nowrap; 
}
#aisatsu h2::after {
  content: '';
  display: block;
  background: #fff;
  width: 100%;
  height: 2px;
  margin-left: 20px;
}
*/
#top_contents h3{
    right: -6.5%;
    bottom: -3%;
    font-size: 4em;
    z-index: +5;
    font-weight: bold;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, .09);
    text-shadow: 0 0 7px #735c4e;
}
#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box {
    background-image: linear-gradient( 135deg, rgba(130, 107, 93, .7) 0%, rgba(105,82,68,1.0) 100%)!important;
    background-color: rgba(255, 255, 255, 0);
}

@media screen and (min-width: 667px){
#contents2 .contents_img{
    margin-left: auto;
}
#contents2 .contents_box{
    margin-left: 0%;
}
}

#contents2 h3 {
    right: auto;
    left: -5%;
}

#info_map .border_so5-l {
    border-left: 2px solid #937e6d;
}




/*--------下層--------*/
.cate_title{
  padding-bottom: 5px;
  border-bottom: solid 2px #917048;
  position: relative;
  font-weight: bold;
  font-size: calc(1rem + 12px);
}
.cate_title::after{
  content: '';
  display: block;
  background: linear-gradient(90deg, transparent, #784f36, transparent);
  width: 15%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -3px;
}
.cate_list li a{font-weight:bold;font-size:16.5px;}

#main_img2 h2.bg_color1 {    background-color: rgba(115, 92, 78, .65);}

#cms_3-f .cate_box {width: 100%;}
.cms_3-f .sub_cate{
    flex-basis: calc((95% - 20px) / 3)!important;
    background-color: #fff;
    text-align: center;
    padding-top: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}


#page4 .cate_title{border-bottom: 0;}
#page4 .cate_title::after{
    background: none;
}
#page4 #cms_3-f .cate_box{
    padding: 0;
    margin: 0 0 2% 0;
}
#page4 .cate_box:first-of-type{
    border-bottom:none;
}
#page4 .cate_box:first-of-type .box_item{
    background-color:#a1816e;
    color:#fff;
    padding: 10px;
}
#page4 .cate:not(:first-of-type) .cate_box:first-of-type .box_item .box_title1{
    border-bottom:none;
    border-right:1px solid;
}
#page4 .cate:not(:first-of-type) .cate_box:first-of-type .box_item .box_title2{
    border:none;
}

#page8 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 15px 20px 15px 20px;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
#page8 #line_contact a{
    background: url(./Dup/img/line_contact.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
        background-color: #f1f1f0;
}
#page8 #line_reserve a{
    background: url(./Dup/img/line_reserve.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
        background-color: #f1f1f0;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}

@media screen and (max-width: 667px){  
#page8 .tel_box a{
    font-size: 5.3vw;
    letter-spacing: 2px;    
}
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    
    #logo .width_200 {
        width: 150px;
}
#main_menu ul li p:first-of-type{font-size: 1.6vw;}
#main_menu ul li p:last-of-type{font-size:1.3vw;}
#f_menu li:nth-of-type(5){
    font-size: calc(1rem - 2px);
}
.cate_title{
    font-size: calc(1rem + 6px);
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    #logo .width_200 {
    width: 90px;
}

.portrait_img {
    height: 250px;
}
.portrait_img img{
	width: 100%;
    height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#top_contents h3 {
    right: 0;
    left: 0;
    top: -2.5%;
    bottom: auto;
    font-size: 9vw;
}
#contents2 h3 {
    right: 0;
    left: 0%;
}

}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){


}