@charset "utf-8";
/* toppage　202210カラー変更後 */

/*pr-area,pr-area2*/
.pr-area-wrap {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(241,223,221,1) 100%);
}

.pr-area,.pr-area2 {
}
.pr-area-inner {
    padding: 20px 20px 15px;
    margin: 58px auto 0;
    font-size: 0;
}
.pr-area-inner2 {
    padding: 0;
    margin: 0 auto;
    font-size: 0;
}
@media screen and (min-width:991px) {
    .pr-area-inner {
        max-width: 960px;
        padding: 25px 20px 10px;/*35px 20px 25px*/
        margin: 0 auto;
    }
    .pr-area-inner2 {
        max-width: 1160px;
        margin: 0 auto;
    }
}


/* メインイメージ */
.mainvisual-area-wrap {
}
#mainvisual-area {
    position: relative;
	z-index: 1;
    max-width: 1160px;
    margin: 0 auto;
    height: 1040px;
    background-image: url("../img/main_open_pc202210.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media screen and (max-width:1024px) {
    #mainvisual-area {
        height: 980px;
    }
}
@media screen and (max-width:800px) {/*タブレット調整*/
    #mainvisual-area {
        height: 690px;
        background-image: url("../img//main_open_md202210.jpg");
    }
}
@media screen and (max-width:500px) {/*スマホ調整*/
    #mainvisual-area {
        height: 390px;
        background-image: url("../img/main_open_sp.jpg");
    }
}
@media screen and (max-width:390px) {
    #mainvisual-area {
        height: 350px;
    }
}
@media screen and (max-width:360px) {
    #mainvisual-area {
        height: 340px;
    }
}
@media screen and (max-width:340px) {
    #mainvisual-area {
        height: 310px;
    }
}

/*ボタン追加*/
#mainvisual-area .btn-box {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    z-index: 1000;
    margin: 0 auto;
}
#mainvisual-area .btn a {/*共通ボタンを変更*/
	width: 250px;
	height: 60px;
    font-size: 1.4rem;
}

@media screen and (max-width:800px) {
    #mainvisual-area .btn-box {
    top: 90%;
    }
}
@media screen and (max-width:500px) {
    #mainvisual-area .btn-box {
        display: none;
    }
}


/* lead */
#lead {
    padding-top: 30px;
    margin-bottom: 30px;
}
#lead .lead-area {
    padding-top: 20px;
    margin-bottom: 40px;
}

#lead h3 {
    margin-bottom: 30px;
}

@media screen and (min-width:1024px) {
    #lead {
        padding-top: 50px;
        margin-bottom: 20px;
    }
    #lead .container-sm {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    img.dd {
        max-width: 330px;
    }
    #lead h3 {
        width: 485px;
    }
    #lead .lead-area p {
        line-height: 2;
    }
}
@media screen and (max-width:500px) {
    #lead .lead-area {
        margin-bottom: 20px;
    }
    #lead .lead-area p {
        font-size: .9rem;
    }
    .dd {
        margin: 0 auto;
        display: block;
    }
    img.dd {
        width: 45%;
    }
}

/* 先着予約受付 */
#top-open {
    padding-bottom: 30px;
    text-align: center;
}

#top-open h3 {
    max-width: 413px;
    margin: 20px auto 0;/*20px auto 10px*/
}
.shiharai {
    max-width: 590px;
    margin: 10px auto 30px;
}
#top-open h2 {
    font-size: 1.2rem;/*調整追加*/
    margin-top: 15px;
}

@media screen and (min-width:1024px) {
    #top-open {
        padding-bottom: 40px;
    }
    #top-open h3 {
        margin: 35px auto 15px;/*35px auto 25px*/
    }
    .shiharai {
        margin: 10px auto 50px;
    }
    #top-open h2 {
        font-size: 1.4rem;/*調整追加*/
        margin-top: 30px;
    }
}
#top-open .btn-box {
    max-width: 400px;
    margin: 10px auto;
}
@media screen and (max-width:500px) {
    #top-open {
        padding-bottom: 15px;
    }
    #top-open h3 {
        width: 88%;
    }
    #top-open .btn-box {
        max-width: 300px;
        margin: 10px auto;
    }
}


/*オーダーメイド*/
#top-order {
    background: #493e3a;
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
}
#top-order p {
    margin-top: 10px;
    color: #fff;
}
#top-order .btn-box {
    max-width: 400px;
    margin: 10px auto;
}
@media screen and (max-width:500px) {
    #top-order {
        padding-top: 35px;
    }
    #top-order p {
        font-size: .9rem;
        letter-spacing: 0.04em;
    }
   #top-order .btn-box {
        max-width: 300px;
        margin: 10px auto 25px;
    }
}

@media screen and (min-width:1024px) {
    .top-order-copy {
        max-width: 860px;
    }
}

/*202210GDバナー追加*/
.gdesign_area {
    margin-top: 30px;
}
@media (max-width: 500px) {
    .gdesign_area {
       margin-top: 20px;
    }
}


/* top-map 地図 */
#top-map {
    padding-top: 40px;
    padding-bottom: 40px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(241,223,221,1) 100%);
}
#top-map h2 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    color: #111;
    letter-spacing: 0.2em;
    text-align: center;
}
#top-map .btn-box {
    max-width: 400px;
    margin: 5px auto 30px;
}

@media screen and (max-width:500px) {
    #top-map {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #top-map h2 {
        font-size: 1.5rem;
    }
    #top-map .btn-box {
        max-width: 300px;
        margin: 5px auto 10px;
    }
}

@media screen and (max-width:500px) {
    #top-map p { 
        letter-spacing: 0;
    }
}


/*------- ordermade オーダーメイド -------*/
#top-ordermade {
    background: #049630;
}
.top-ordermade-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width:767px) {
    .top-ordermade-inner {
        padding-top: 7px;
        padding-bottom: 5px;
    }
}


/* menu */
#menu {
    margin: 0 0 50px 0;
}

/* トップページ： 記事一覧 */
.menu-list {
	padding: 15px 0;
}
.menu-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.menu-list article {
	padding: 0;
	width: 48%;/*1列100%　2列になったら48%*/
	flex: none;
    position: relative;
    margin-bottom: 5px;
}
.menu-list article:not(:nth-last-child(-n+2)) {
	margin-bottom: 5px;
}

.menu-list article a {
    display: block;
}
.menu-list article a h3 {
	margin: 0 0 10px 0;
	font-size: 0.8rem;
    letter-spacing: 0.04em;
    line-height: 1.4;
}
.menu-list article a h3:hover {
    color: #b48376;
}
.menu-list article figure {
    line-height: 1.2;
}

.new-m {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 0.7rem;
  background: #c7161d;
  z-index: 100;
}

/* PC版 */
@media screen and (min-width:1024px) {
    .menu-list article {
        width: 31%;/*4列23%*/
    }
    .menu-list article:not(:nth-last-child(-n+2)) {
        margin-bottom: 0;
    }
    .menu-list article a h3 {
        font-size: 0.9rem;
    	margin: 0 0 20px 0;
    }
}



/* newsお知らせ */
#news {
    width:100%;
    z-index: 2;
    padding: 40px 40px 40px;
    margin-bottom: 50px;
    background: #eee;
}
#news h2 {
    position: relative;
    font-size: 1.3rem;
    color: #111;
    letter-spacing: 0.3em;
    margin: 0 0 25px 0;
}
#news h2::before{
    content:'';
    position: absolute;
    width: 30px;
    height:1px;
    background: #111;
    left:0;
    bottom:-5px;
}
#news li {
    margin:0 0 5px 0;
}
#news li a {
    transition: all .3s;
}
#news li a:hover{
     color: #a3685b;
}
#news li time {
    display: inline-block;
    padding: 0 20px 0 0;  
    font-size: 0.8rem;
    color: #333;
}

p.covid {
    margin-top: 20px;
    color: #111;
    line-height: 1.5;
}
p.covid a {
    color: #111;
}
p.covid a:hover {
    transition: all .3s;
    color: #a3685b;
}

.tx-bg {
    color: #c7161d;
    font-weight: bold;
}

@media screen and (max-width:960px) {
    #news {
        padding: 35px 25px;
        margin-bottom: 30px;
    }
    #news li {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    #news li time {
        display: block;
    } 
}


/*-------- outline物件概要 --------*/
.outline {
    background: #fff;
}
@media screen and (min-width: 1200px) {
    .outline_box {
        max-width: 930px;
        margin: 0 auto;
    }
}

.outline_box table {
	font-size: 1rem;
    color: #111;
	margin: 40px 0;
    line-height: 1.4;
}
.outline_box table th {
	background: #f1dfdd;
	width: 30%;
    padding: 0.5rem 0.8rem;
    text-align: left;
}
.outline_box table td {
	background: #f2f2f2;
    padding: 0.5rem;
}
.table>tbody>tr>td, .table>tbody>tr>th {
}

@media (max-width: 680px) {
    .outline_box table {
        font-size: 0.85rem;
    	margin: 0 0 40px;
    }
	.outline_box table th {
	    width: 32%;
        font-weight: normal;
        padding: 0.4rem;
	}
    .outline_box table td {
        padding: 0.4rem;
    }
} 

.outline_inner {
	margin-bottom: 30px;
	line-height: 1.4;
	font-size: 0.8rem;
	color: #444;
}