@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('icon/style.css');
@font-face {
    font-family: 'magnolia_scriptregular';
    src: url('font/magnolia-script.regular-webfont.woff2') format('woff2'),
         url('font/magnolia-script.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*
font-family: 'Noto Sans JP', sans-serif; */

/*//// default ////*/
html{
	/* font-size:62.5%; 10px */
	/* font-size:87.5%;  14px */
	font-size:93.75%;
	line-height: 1.7;
	color:#443107;
  font-family: 'Noto Sans JP','メイリオ','Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo ,sans-serif;
	font-weight: 400;
	}

*{box-sizing:border-box;}
body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt,figure{margin:0;padding:0px;}


img {border:0;vertical-align: middle;max-width: 100%;max-height: 100%;}
p {text-align: left; margin:1.5rem 0;font-size:1rem;}
a {text-decoration: none; color: #0084ff;  transition: .2s ease-in-out;}
a:hover {color: #4eaaff;}

h2,h3,h4,h5,h6{line-height: 1.5;}

ul,li{
	list-style: none;
	}
a img {
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
a:hover img {
  /* -webkit-filter: brightness(130%);
  filter: brightness(130%); */
}
html,body{
	width:100%;
	height: 100%;
	}

.en {font-family: 'magnolia_scriptregular';}
.disnone{display: none;}

.imgfull{
	width:100%;
}
/* clearfix */
.clear:after{
	content:" ";
	display: block;
	clear: both;
	}

/*  global layout */
.phl{float: left;}
.phr{float: right;}
.txc{text-align: center;}
.txr{text-align: right;}
.txl{text-align: left;}


/*/ flex /*/


	.youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25% ;
		}
	.youtube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.googlemap{
		position: relative;
		width: 100%;
		padding-top: 40% ;
		box-sizing:border-box;
		}
	.googlemap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		}
/*/// responsible /*/
.sp,
.visible640,
.visible480,
.visible834,
.brsp640,
.brsp480,
.brsp{
	display: none ;
	}