@charset "utf-8";

.top-loading {
	width: 100%;
	height: 100%;
	background: rgba(197,197,197,1.0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
	text-align:center;
}

.top-loading figure {
	width: 100px;
	height: 100px;
	position: absolute;
	display:block;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
	top: 50%;
	left: 50%;
}

.top-svg-position{
	position:absolute;
	z-index:50;
	top:60%;
	left:50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}

.top-oshie{
	text-align:center;
	margin-top:9%;
	}
.top-oshie span{
	font-size:2.0em;
	font-family: 'Sawarabi Mincho', sans-serif;
	letter-spacing:5px;
	display:block;
	}
.top-oshie p{
	/*font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;*/
	line-height:2.1em;
	font-size:1.1em;
	}
.top-oshie figure{
	margin:auto;
	width:100px;
	}
.top-oshirase{
	display:flex;
	justify-content: space-between;
	align-items: center;
	width:90%;
	margin:5% auto auto auto;
	max-width:750px;
	}
.top-oshirase > p{
	border:solid 1px #7d5c27;
	display: grid;
 	 place-items: center;
	/*font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;*/
	font-size:1.3em;
	color:#7d5c27;
	width:150px;
	height:150px;
	margin-right:30px;
	}
	
.top-sns-container{
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, "メイリオ", sans-serif;
	margin:8% auto auto auto;
	width:90%;
	display:flex;
	justify-content: space-between;
	max-width:1100px;
	flex-wrap: wrap;
	}
.top-sns-container > table {
	margin:auto auto 40px auto;
	}
	
.top-calendar{
	margin:auto;
	position:relative;
	background-image:url(../img/calendar.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:100%;
	max-width:742px;
	height:98px;
	}

.top-button01{
	display:block;
	position:relative;
	margin:30px auto;
	width:200px;
	padding:10px;
	color:#FFF;
	background-color:#72815a;
	border: 2px solid #72815a;
	letter-spacing:3px;
	}
.top-button01:hover{
	background-color: #fff;
	color: #72815a;
	}
.top-three{
	margin:30px auto 100px auto;
	max-width:1500px;
	height:420px;
	width:100%;
	position:relative;
	display:block;
	}
.top-three-container{
	width:80%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:0px;
	}
.top-three-frame{
	background-image:url(../img/washi.jpg);
	background-repeat:repeat;
	width:50%;
	max-width:400px;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	padding:30px;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
	height:auto;
	}
.top-three-l{
	left:0px;
	}
.top-three-r{
	right:0px;
	}
.top-three-frame > h3{
	font-size:1.4em;
	font-family: 'Sawarabi Mincho', sans-serif;
	letter-spacing:15px;	
	}
.top-three-frame >p{
	color:#ad9950;
	font-size:1.1em;
	}
	
.top-three-list li{
	border-bottom:solid 1px #555;
	padding:15px;
	display:flex;
	justify-content: space-between;
	}
.top-three-list li > span{
	display:block;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, "メイリオ", sans-serif;
	}
.top-insta-margin{
	margin:10% auto;
	}
	
	
	

@media all and (-ms-high-contrast: none) {
  /* IEのみに適用 */
  .top-oshirase {
	  display:none;
  }
}

@-moz-document url-prefix() {
	/*firefoxのみに適用*/
  .top-oshirase {
    display:none;
  }
}	

	
	
@media screen and (min-width: 769px) {
	 /*　画面サイズが768px以上はここを読み込む　*/
	 

}

@media screen and (max-width: 768px) {
	 /*　画面サイズが768px以下はここを読み込む　*/
	 
.top-oshie span{
	font-size:1.8em;
	line-height:1.1em;
	}	 
.top-oshie p > br{
	display:none;
	}

.top-three{
	height:490px;
	}
.top-three-container{
	width:100%;
	height:300px;
	}	
.top-three-frame{
	left:50%;
	transform: translate(-50%,-20px);
	padding:20px 40px;
	height:auto;
	width:75%;
	max-width:700px;
	}
	
.top-three-list li{
	padding:15px 0px;
	}

.top-insta-margin{
	margin:35% auto 10% auto;
	}

	 
 
  }
  
@media screen and (max-width:480px) { 
 /*　画面サイズが480pxからはここを読み込む　*/
 
.top-oshirase{
	display:block;
	margin:50px auto auto auto;
	
	}
.top-oshirase > p{
	display: grid;
 	 place-items: center;
	font-size:1.1em;
	width:100%;
	height:30px;
	margin:auto;
	}	
.top-three-frame > h3{
	letter-spacing:5px;	
	}
.top-button01{
	margin:30px auto 60px auto;	
	}
.top-insta-margin{
	margin:45% auto 10% auto;
	}


 }