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


*{
	margin: 0;
	padding: 0;

	
}





/* -----------------------------------------------------------
 フォントサイズ基本
----------------------------------------------------------- */

html {
  font-size: 16px;
  /*font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	
	
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;


}



	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:96%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		

.center{text-align:center;
}

#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;}



body{line-height:1.9em;
	color:#000;
	word-wrap: break-word;


}


.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	

#main{width:100%;
margin-left:auto;
margin-right:auto;}


h1{font-size: 10px;
padding: 0% 0% 0% 2%;
margin: 0;
color: #E3B02E;text-align: right;
line-height: 1.5em;
font-family: "Shippori Mincho B1",serif;}





/*-----------------------------
header
-------------------------------*/

#header{padding:2%;
}

#logo{width:70%;
float:left;
margin-top: 2%;}



.mail-top{width:13%;
float:left;
margin-left:4%;
margin-top: 2%;}




/*-----------------------------
key
-------------------------------*/

#key{margin-top: 20%;}



#key02{background:#FBF8EE;
padding: 15% 2%;
margin-top: 10%;}




.utit01{font-family: "Cormorant Garamond",serif;
font-size: 24px;
color: #D2A005;
line-height:2.5em;
font-weight: 300;}

.utit02{font-family: "Shippori Mincho B1",serif;
font-size: 28px;
font-weight: 300;
letter-spacing: 0.1em;}


/*-----------------------------
side
-------------------------------*/





/*-----------------------------
footer
-------------------------------*/


	.f-bnr{margin-left:auto;
    margin-right:auto;
    max-width:100%;
margin-top: 5%;}
	
	.f-bnr01{width:48%;
	float:left;}	
		.f-bnr02{width:48%;
	float:left;
margin-left: 2%;}


#footer01{margin-top:15%;}
#footer01 a{color: #000;}

#footer01 li{border-top: solid 1px #D2A005;
line-height: 5em;}



.logo-foot{width:100%;
margin: 6% auto;}


.fix-menu {
    width: 100%;
    margin: 0% auto;
	background: #E9D922;
}



.foot-fix02{
    width: 50%;
    float: right;}




.go-top{width:10%;
float: right;
padding: 2%;}


.copy{
    font-size: 10px;
    padding-top: 3%;
    text-align: center;
    padding-bottom: 25%;
    margin-bottom: 0px;
}







   
/*-------固定戻る---------*/  


#topbutton01 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: block;
      background: #fff;
} 



#topbutton02 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: block;
      background: #fff;
} 



#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 15%;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 6em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7
} 


nav{font-size:16px;}


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

	
html {
    font-size: 16px;
    overflow-y: scroll;
/*    font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}	
	
	
.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:1000px;}
		


	
	
#key02{background:#FBF8EE;
padding: 5% 2%;}
	
.tit01{
font-size: 30px;
line-height:2.5em;
}

.tit02{
font-size: 45px;
font-weight: 300;
letter-spacing: 0.1em;}	
	
	
/*-----------------------------
splendorx
-------------------------------*/

	.splendorx{width: 80%;
	margin: 0 auto;}
	
/*-----------------------------
header
-------------------------------*/


#header{padding:0% 0% 0% 0%;}	
	
#logo{width:35%;
float:left;
	padding-top: 0%;
	margin-top: 2%;}




.mail-top{width:25%;
float:right;
margin-left:1%;
margin-top:2%;
margin-bottom:1%;}



/*-----------------------------
gnav
-------------------------------*/
	
#gnav{margin-top:0%;}	

#gnav li{width:16.5%;
float:left;
padding:1% 0%;
font-size: 15px;
text-align: center;
font-weight: 500;}
	
	#gnav li a{color: #fff;
}
	

	
#gnav{background: #A89458;
	line-height: 4em;}
	

	
	

/*-----------------------------
key
-------------------------------*/
	
	
#key{margin-top: 0%;}

#key02{background:#FBF8EE;
padding: 12% 2%;
margin-top: 0%;}
	
	
.utit01{
font-size: 34px;
line-height:2.5em;
font-weight: 300;}

.utit02{
font-size: 38px;
font-weight: 300;
letter-spacing: 0.1em;}
	

/*-----------------------------
main
-------------------------------*/





/*-----------------------------
footer
-------------------------------*/
	.f-bnr{margin-left:auto;
    margin-right:auto;
    max-width:600px;
	margin-top: 2%;}
	
	
	
	
	#footer01{border-top: solid 2px #D2A005;
	border-bottom: solid 2px #D2A005;}
	
	.logo-foot{width:45%;
margin: 3% auto;
float: left;
		border-right: solid 1px #D2A005;
	padding-right: 3%;
		padding-top: 3%;
	height: 5em;}
	

	.foot-menu{float: right;width:50%;margin-top: 3%;}	
	
#footer01 li{border-top: none;
line-height: 2em;
	font-size: 14px;
	width:33%;
	float: right;
	
	}
	
	
	
	
.fix-menu {
    width: 50%;
    margin: 0% auto;
	
}



.foot-fix02{
    width: 50%;
    float: right;}

	

	
.copy{
    font-size: 10px;
    padding-bottom: 10%;
    text-align: center;
    
    margin-bottom: 0px;
}

	
/*-------固定戻る---------*/  
	
	

#topbutton01 {
      /* ▼表示位置を画面の右下に固定 */
      position: static; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: block;
      background: #fff;
	
} 
	
	
	
#topbutton02 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: block;
      background: #E9D922;
} 	
	
	
	
	
	
#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 3%;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 5em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7

      
   } 


}