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


.mansion{
	font-weight: bold;
	font-size:0.8rem;
	background:#288bd1;
	padding: 0.3rem 0.5rem;
	color:#fff;
}

	
/* flexBox
--------------------------------------*/

/* flexBox
--------------------------------------*/

.fx_rn {
	display: flex;
	flex-wrap: wrap;
}

.fx-btw_rn{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	-webkit-justify-content: space-between; /* Safari */
	}
	
.fx-end_rn{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-end;
	-webkit-justify-content: flex-end; /* Safari */
	}


.fx-end_rnl{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	-webkit-justify-content: flex-end; /* Safari */
	}
	
.fx-ct_rn{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	-webkit-justify-content: center; /* Safari */	
	}

.fx-ev_ar{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	-webkit-justify-content: center; /* Safari */	
	}


/*2カラム*/
	
.fx2-one_rn{
	width:50%;
	}

/*3カラム*/

.fx3-one_rn{
	width:32%;
	}
	
.fx3-two_rn{
	width:66.6%;
	}
	
/*4カラム*/

.fx4-one_rn{
	width:24%;
	}
	
.fx4-two_rn{
	width:48%;
	}
	
/*5カラム*/

.fx5-one_rn{
	width:19%;
	}
	
.fx5-two_rn{
	width:39%;
	}
	
.fx5-three_rn{
	width:57%;
	}
	
.fx5-four_rn{
	width:78%;
	}
	
/*6カラム*/

.fx6-one_rn{
	width:15%;
	}

/* float
--------------------------------------*/
	
.left{
	float: left !important;
	}
.right{
	float: right !important;
	}
.flNone{
	float: none !important;
	}
	

/*　テキスト
-------------------------------------*/

.mincho{
	font-family:'Noto Serif Japanese','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;
	}
	
.gothic {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	}


.taC{
	text-align: center !important;
	}
.taR{
	text-align: right !important;
	}
.taL{
	text-align: left !important;
	}
.vab{
	vertical-align:bottom;
	}
	
.font-b {
	font-weight:bold;
	}
	
.vaB{
	vertical-align: bottom !important;
	}
	
.font06 {
	font-size:0.6em;
	}
	
.font08 {
	font-size:0.8em;
	}
	
.font10 {
	font-size:1em;
	}
	
.font12 {
	font-size:1.2em;
	}
	
.font14 {
	font-size:1.4em;
	}
	
.font16 {
	font-size:1.6em;
	}
	
.font18 {
	font-size:1.8em;
	}
	
.font20 {
	font-size:2.0em;
	}
	
.font24 {
	font-size:2.4em;
	}
	
.font30 {
	font-size:3em;
	}
	
.font40 {
	font-size:4em;
	}
	
.font_wh {
	color:rgba(255,255,255,1);
	}


.font_red {
	color:#ca4401;
	}
	
/*　余白
-------------------------------------*/
	
.pdn{ padding-bottom:none;
	}	

.mal10 {
	margin:0.625em;
	}

.mt05{
	margin-top: 0.312em !important;
	}
.mt10{
	margin-top: 0.625em !important;
	}
.mt16{
	margin-top: 1em !important;
	}
.mt20{
	margin-top: 1.25em !important;
	}
.mt32{
	margin-top: 2em !important;
	}
.mt40{
	margin-top: 2.5em !important;
	}
.mt48{
	margin-top: 3em !important;
	}
.mt80{
	margin-top: 5em !important;
	}
	
	
.mb0{
	margin-bottom: 0 !important;
	}
.mb05{
	margin-bottom: 0.312em !important;
	}
.mb10{
	margin-bottom: 0.625em !important;
	}
.mb16{
	margin-bottom: 1em !important;
	}
.mb20{
	margin-bottom: 1.25em !important;
	}
.mb32{
	margin-bottom: 2em !important;
	}
.mb40{
	margin-bottom: 2.5em !important;
	}
.mb48{
	margin-bottom: 3em !important;
	}
	
	
.ml05{
	margin-left: 0.312em !important;
	}
.ml10{
	margin-left: 0.625em !important;
	}
.ml20{
	margin-left: 1.25em !important;
	}	
.ml32{
	margin-left: 2em !important;
	}
.ml48{
	margin-left: 3em !important;
	}
	
	
.mr10{
	margin-right: 0.625em !important;
	}	
.mr32{
	margin-right: 2em !important;
	}

.pal10 {
	padding:0.625em;
	}
	
.pd-tb10 {
	padding-top:0.625em;
	padding-bottom:0.625em;
	}
	
.pd-lr10 {
	padding-left:0.625em;
	padding-right:0.625em;
	}

	

/*　テキスト
-------------------------------------*/

.font10 {
	font-size:10px;
	}
	

/* 背景色 */
.bg_beige {
    background: #efebe0;
	}	
.bg_beige02 {
    background:#E3DFDF;
	}	
.bg_beige03 {
    background:rgba(155,142,111,1);
	}	
.bg_beige04 {
    background:#ccb29b;
	}
.gb-gr{
	padding:0.5rem;
 background-color: #efebe0;
	color:#fc6147;
	}

.font_wh {
	color:#fff;
	}
.font_rd {
	color: #fc6147 ;
	}
.font_bk {
	color: #000000 ;
	}
.font_br {
	color:#9b8e6f;
	}
.font_or {
	color:rgba(234,96,0,1) ;
	}
.font_gr {
	color:#007440 ;
	}




@media screen and (min-width: 768px) {





/* flexBox
--------------------------------------*/

.fx {
	display: flex;
	flex-wrap: wrap;
}

.fx-btw{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	-webkit-justify-content: space-between; /* Safari */
	}
	
.fx-end{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-end;
	-webkit-justify-content: flex-end; /* Safari */
	}
	
.fx-ct{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	-webkit-justify-content: center; /* Safari */	
	}
	
/*2カラム*/
	
.fx2-one{
	width:40%;
	}
	
.fx2-one1{
	width:50%;
	}

/*3カラム*/

.fx3-one{
	width:31%;
	}
	
.fx3-two{
	width:66.6%;
	}
	
/*4カラム*/

.fx4-one{
	width:24%;
	}
	
.fx4-two{
	width:48%;
	}
	
/*5カラム*/

.fx5-one{
	width:19%;
	}
	
.fx5-two{
	width:39%;
	}
	
.fx5-three{
	width:57%;
	}
	
.fx5-four{
	width:78%;
	}
	
/*6カラム*/

.fx6-one{
	width:15%;
	}
	
.gb-gr{
	padding:1rem;
 background-color: #efebe0;
	}


}