@charset "utf-8";
/* CSS Document */

/*ナビ*/
#navi{
background-color:#DBC9C3;
padding:20px 10px 20px;
    box-sizing: border-box;}

.pagelink-list {
    margin-bottom: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    background-color: #dbc9c3;
}

/*タイトル*/
.title{display: flex;
justify-content: center;
flex-direction: column;
position: relative;
margin:0 0 20px;
}
.title-h2 {
 color: #333333;
  font-size: 21px;
padding:30px 0px 30px;
text-align: center;
border-top:2px solid #333333;
border-bottom:2px solid #333333;
background-color: #FFFDFD;
}

.title .icon_tent{
display:block;	
position: relative;	
margin: 0px auto 3px;
width:auto;	
top:10px;
}
.subtitle{
    color: #444444;
    font-size: 13px;
	    font-weight: bold;
    text-align: center;
    margin-bottom:10px;
}
.title_no {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.title_item{
color: #333333;
font-size: 16px;
font-weight: bold;
text-align: center;	
}

.title .icon_sun{
display:block;	
position: relative;	
margin: 0px auto 3px;
width:54px;
  height: 26px;		
top:-20px;
}

.title .icon_comment{
display:block;	
position: relative;	
margin: 0px auto 3px;	
top:15px;
left:10%;	
}


.headline03{color:#333;}
.no1 .headline03{background-color: #D3B061;margin-bottom:20px;}
.no2 .headline03{background-color: #C9C9C9;margin-bottom:20px;}

.title-bg03 {
    background-color: #f9f79d;
    color: #222;
}
.title-bg01 {
	font-size:16px;
    color: #333;
    background-color:#FFFDFD;
	border-bottom:2px dashed #222;
}
.index-tit,.headline05{color:#333;}
.check-list__item {font-size:16px;
	text-align: center;}


.txt-sho{font-size:13px;}

/*アクティブ*/
.product-content01{background-color: #fff;}
.product-content01__body .detail-btn02{margin:15px auto 0px;}


/*動画*/
.youtube {
    display: block;
    margin: 0 auto 30px;
    box-sizing: border-box;
    max-width: 85%;
    aspect-ratio: 16 / 9;
}

/*装飾*/
.circle{border-radius: 50%;}
.shadow {
    box-shadow: rgba(0,0,0,0.2) 0 0 8px;
    border-radius: 4px;}
.opa{opacity:0.5}
.vis{visibility: visible;}



.tag-or {
  display: inline-block;
  padding: 4px 8px;
margin-right:5px;
  background: #f08336;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1;
}


.tag-brown {
    display: inline-block;
    padding: 4px 8px;
    margin: 10px 3px 10px;
    background: #429D68;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1;
	border-radius:3px;
}
.tag-brown2 {
    display: inline-block;
    padding: 4px 8px;
    margin: 10px 3px 10px;
border-radius:3px;
    color: #429D68;
    font-size: 12px;
    line-height: 1;
	    border:1px solid #429D68;
}

/*ボタン*/
.detail-btn02 {
  margin: 15px auto 30px;
  display: flex;
  justify-content: center;
  border-radius: 25px;
  align-items: center;
  box-sizing: border-box;
  width: 210px;
  max-width: 100%;
  height: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background: url(/assets/vendor/fonts/stylesheet/images/icon/white/arrow.svg) right 15px center / 10px no-repeat #42260D;
}

/*背景*/
	
.bk-beige{background-color: #FBF4EA;padding:30px 0 20px;}	
#first.bk-beige{background-color: #FBF4EA;padding:0;}	



.bk-wh{
	padding:20px 15px;
background-color:  #FFF;
}

/*調整*/
.border-box{margin: 30px 10px 50px;
box-sizing: border-box;
background-color:#FFFDFB;}

.info-content{background-color:#ECCFA6;align-items: center;}
.info-content__heading{color:#EC6640;}
.content-link__txt a {
  color: #444;
  font-size: 11px;
	font-weight:bold;
}
.monitor{align-items: center;}
.monitor__img {
  flex: 0 0 auto;
  max-width: 250px;
  max-height: 250px;
margin-right:15px;	
}
.monitor__img img{width:100%;}
.item_center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.item_center_inner {
    width: 90%;
}
.mb50{margin-bottom:50px}
.mb80{margin-bottom:80px}
.mb100{margin-bottom:100px}
.p5{padding:10px 15px;}


@media print, screen and (max-width: 767px){
	.youtube {
        width: auto;
        aspect-ratio: 16 / 9;
        margin: 0 auto;
    }
  }