@charset "UTF-8";


.gmapArea{
width: 1024px;
margin: 10px auto 30px;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



/* ============================■■共通CLASS■■============================ */
/* clearfix */
.clearfix::after {
  display: block;
  visibility: hidden; 
  clear: both;
  height: 0;
  content: "";
}



/* ===========bgColor=========== */
.bg_color1{background-color: #f5f5f5 !important;}
.bg_color2{background-color: #fff !important;}
.bg_color3{background-color: #AA8E76 !important;}
.bg_color4{background-color: #78d297 !important;}

/* =========== flexSetting =========== */
/*flex-direction*/
.row-reverse{flex-direction: row-reverse !important;}
.column{flex-direction: column !important;}
.column-reverse{flex-direction: column-reverse !important;}

/* =========== 出現|削除 =========== */
.app768,.app480{display: none!important;}
/* 768px */
@media only screen and (max-width: 48em) {
.del768{display:none!important;}
.app768{display:block!important;}
}
/* 480px */
@media only screen and (max-width: 30em) {
.del480{display:none!important;}
.app480{display:block!important;}
}

/* =========== color =========== */
.white{ color:white !important;}
.black{ color:black !important;}
.brown1{color: #a17b30!important;}
.brown2{color: #AA8E76!important}
.blue{color: #00A3D9!important;}
.red{color: #B20000!important;}
.orange{color: #FF8000!important;}
.green{color: #78d297!important;}

/* =========== fontweight =========== */
.bold{font-weight: bold!important;}
.normal{font-weight: normal!important}

/* =========== limit =========== */
.limited{width:96%; margin:0 auto;}

.limit1600{max-width:1600px; margin:0 auto;}
.limit1400{max-width:1400px; margin:0 auto;}
.limit1200{max-width:1200px; margin:0 auto;}
.limit1050{max-width:1050px; margin:0 auto;}
.limit1024{max-width:1024px; margin:0 auto;}
.limit960{max-width:960px; margin:0 auto;}
.limit768{max-width:768px; margin:0 auto;}
.limit480{max-width:480px; margin:0 auto;}
.limit360{max-width:360px; margin:0 auto;}
.limit200{max-width:200px; margin:0 auto;}
.limit150{max-width:150px; margin:0 auto;}

/* =========== img limit =========== */
.img_limit300{max-width:300px; margin:0 auto;}
.img_limit200{max-width:200px; margin:0 auto;}
.img_limit150{max-width:150px; margin:0 auto;}
.img_limit100{max-width:100px; margin:0 auto;}
.img_limit50{max-width:50px; margin:0 auto;}
.img_limit35{max-width:35px; margin:0 auto;}

/* ========== margin ========== */
.m0{ margin:0 !important; }

/* ========== marginBottom ========== */
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }

/* ========== marginBottomParcent ========== */
.mb0p{ margin-bottom:0 !important; }
.mb01p{ margin-bottom:1% !important; }
.mb02p{ margin-bottom:2% !important; }
.mb03p{ margin-bottom:3% !important; }
.mb05p{ margin-bottom:5% !important; }
.mb10p{ margin-bottom:10% !important; }
.mb15p{ margin-bottom:15% !important; }
.mb20p{ margin-bottom:20% !important; }
.mb30p{ margin-bottom:30% !important; }
.mb40p{ margin-bottom:40% !important; }
.mb50p{ margin-bottom:50% !important; }
.mb60p{ margin-bottom:60% !important; }
.mb70p{ margin-bottom:70% !important; }
.mb80p{ margin-bottom:80% !important; }
.mb90p{ margin-bottom:90% !important; }
.mb100p{ margin-bottom:100% !important; }

/* ========== padding ========== */
.pd0{ padding:0 !important; }
.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }
.pd15{ padding:15px !important; }
.pd20{ padding:20px !important; }
.pd25{ padding:25px !important; }
.pd30{ padding:30px !important; }
.pd35{ padding:35px !important; }
.pd40{ padding:40px !important; }
.pd45{ padding:45px !important; }
.pd50{ padding:50px !important; }
.pd55{ padding:55px !important; }

/* ========== paddingTop ========== */
.pdt0{ padding-top:0 !important; }
.pdt01{padding-top:1px !important; }
.pdt02{padding-top:2px !important; }
.pdt03{padding-top:3px !important; }
.pdt05{padding-top:5px !important; }
.pdt10{padding-top:10px !important; }
.pdt15{padding-top:15px !important; }
.pdt20{padding-top:20px !important; }

/* ========== paddingTop&BottomParcent ========== */
.pdtb0p{ padding-top:0%!important; padding-bottom:0%!important; }
.pdtb01p{padding-top:1%!important; padding-bottom:1%!important;}
.pdtb02p{padding-top:2%!important; padding-bottom:2%!important;}
.pdtb03p{padding-top:3%!important; padding-bottom:3%!important;}
.pdtb05p{padding-top:5%!important; padding-bottom:5%!important;}
.pdtb10p{padding-top:10%!important; padding-bottom:10%!important;}
.pdtb15p{padding-top:15%!important; padding-bottom:15%!important;}
.pdtb20p{padding-top:20%!important; padding-bottom:20%!important;}
.pdtb30p{padding-top:30%!important; padding-bottom:30%!important;}
.pdtb40p{padding-top:40%!important; padding-bottom:40%!important;}
.pdtb50p{padding-top:50%!important; padding-bottom:50%!important;}
.pdtb60p{padding-top:60%!important; padding-bottom:60%!important;}
.pdtb70p{padding-top:70%!important; padding-bottom:70%!important;}
.pdtb80p{padding-top:80%!important; padding-bottom:80%!important;}
.pdtb90p{padding-top:90%!important; padding-bottom:90%!important;}
.pdtb100p{padding-top:100%!important; padding-bottom:100%!important;}

/* ========== paddingTop&BottomParcent ========== */
.pdtb0{ padding-top:0px!important; padding-bottom:0px!important; }
.pdtb0x{padding-top:1px!important; padding-bottom:1px!important;}
.pdtb02{padding-top:2px!important; padding-bottom:2px!important;}
.pdtb03{padding-top:3px!important; padding-bottom:3px!important;}
.pdtb05{padding-top:5px!important; padding-bottom:5px!important;}
.pdtb10{padding-top:10px!important; padding-bottom:10px!important;}
.pdtb15{padding-top:15px!important; padding-bottom:15px!important;}
.pdtb20{padding-top:20px!important; padding-bottom:20px!important;}
.pdtb30{padding-top:30px!important; padding-bottom:30px!important;}
.pdtb40{padding-top:40px!important; padding-bottom:40px!important;}
.pdtb50{padding-top:50px!important; padding-bottom:50px!important;}
.pdtb60{padding-top:60px!important; padding-bottom:60px!important;}
.pdtb70{padding-top:70px!important; padding-bottom:70px!important;}
.pdtb80{padding-top:80px!important; padding-bottom:80px!important;}
.pdtb90{padding-top:90px!important; padding-bottom:90px!important;}
.pdtb100{padding-top:100px!important; padding-bottom:100px!important;}

/* ========== padding setting ========== */
.pdset_A{padding:30px !important;}
/* 480px */
@media only screen and (max-width: 30em) {
.pdset_A{padding:10px !important;}
}

/* ========== txt-align ========== */
.txt_left{text-align:left !important;}
.txt_center{text-align:center !important;}
.txt_right{text-align:right !important;}
.txt_just{text-align:justify !important;}

/* ========== txt-align setting ========== */
.taset_A{text-align:center !important;}
/* 480px */
@media only screen and (max-width: 30em) {
.taset_A{text-align:left!important;}
}

/* ========== width ========== */
.wd100{width: 100%!important;}
.wd33{width: 33.33%!important;}

/* =========== border =========== */
.boder1{ border:1px solid #AA8E76 !important;}
.boder2{ border:1px solid #a98f76 !important;}

/* ============================■■共通CLASS■■============================ */



/* ======================parts====================== */

/* 1400px */
@media only screen and (max-width: 87.5em) {
}
/* 1200px */
@media only screen and (max-width: 75em) {
}
/* 1024px */
@media only screen and (max-width: 64em) {
}
/* 960px */
@media only screen and (max-width: 60em) {
}
/* 768px */
@media only screen and (max-width: 48em) {
}
/* 720px */
@media only screen and (max-width: 45em) {
}
/* 600px */
@media only screen and (max-width: 37.5em) {
}
/* 480px */
@media only screen and (max-width: 30em) {
}
/* 320px */
@media only screen and (max-width: 20em) {
}