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

/*__________________________基本項目__________________________*/

html {
    font-size : 75%;
	height: 100%;
}
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background-color: #fffffc;
	color: #221714;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: normal;
	line-height: 1.8;
	height: 100%;
}
.clearfix:after {
	 content:"";
	 display:block;
	 clear:both;
	 height:0;
	 visibility:hidden;
}
.md_only {
	display: none;
}
.sm_only {
	display: block;
}
a {
	color: #BB3739;
	text-decoration: none;
	border-bottom: 1px dashed #BB3739;
}
a:hover {
	color: #F93;
	border-bottom: 1px dashed #F93;
}
.w960 {
	width: 98%;
	margin: 0 auto;
}
.page-top{
	margin: 0 ;
	padding: 0 ;
} 
.page-top p{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
.move-page-top{
	display: block ;
	border-bottom: none;
	font-size: 300%;
	width: 50px ;
	height: 50px ;

	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover{
	border-bottom: none;
	opacity: 0.85 ;
}
.note {
	color: #C00;
	font-size: smaller;
	line-height: 1.2em;
}


/*__________________________共通項目__________________________*/


#header {
	background-color: #CBE8F6;
	padding: 15px;
}
header {
	position: relative;
}
#site_logo {
	height: 58px;
	overflow: hidden;
	position: relative;
	margin: 0;
	width: 150px;
}
#site_logo a {
	border-bottom: none;
}
#site_logo img {
	/*-- position: relative; --*/
	top: 0;
	width: 150px;
	height: auto;
	z-index: 30;
}
/* -- 2020/06/20 --*/
	#site_logo {
		height: 100px;
		margin-left: 30px;
		width: 100px;
	}
	#site_logo img {
		top: -101px;
		width: 270px;
	    height: 490px;
	}
/*-----------------*/
header button {
	margin-top: 25px;
	margin-right: 15px;
}
header div.bird {
	position: absolute;
	top: 35px;
	right: 85px;
}
header div.bird img{
	width: 60px;
	height: auto;
	z-index: 20;
}
header div.cloud2 {
	position: absolute;
	top: 30px;
	right: 40px;
}
header div.cloud2 img{
	width: 60px;
	height: auto;
	z-index: 20;
}
footer {
	margin-top: 100px;
}
footer p#copyright {
	font-size: 75%;
	margin-bottom: 5px;
	position: relative;
	text-align: right;
}
footer #footer_bg {
	background-color: #DEC89D;
	padding: 15px;
}
footer dl {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
footer dl#shopinfo>dt {
	font-size: 110%;
	font-weight: bold;
}
footer dl#shopinfo_detail dt {
	width: 6em;
	text-align: right;
	margin-right: 1em;
}
footer dl#shopinfo_detail dt:after {
	content: " :　";
}
footer dl#shopinfo_detail dd {
	margin-top: -1.8em;
	margin-left: 6em;
}

/*---------------
   タブレット用 

@media screen and (min-width : 768px){
	 ----------------*/
	html{ font-size : 87.5%; } 
	.md_only {
	display: block;
	}
	.sm_only {
		display: none;
	}
	.w960 {
		width: 960px;
		margin: 0 auto;
	}
	#header {
		height: 120px;
		margin-bottom: 15px;
		padding: 0;
	}
	header {
		position: relative;
	}
	#site_logo {
		height: 100px;
		margin-left: 30px;
		width: 100px;
	}
	#site_logo img {
		top: -101px;
		width: 270px;
	    height: 490px;
	}
	#gnav {
		height: 180px;
		overflow: hidden;
		position: absolute;
		top: 30px;
		left: 160px;
		width: 400px;
	}
	#gnav li {
		float: left;
		height: 180px;
		list-style: none;
		overflow: hidden;
		position: relative;
	}
	#gnav li img {
		position: absolute;
	}
	#gnav li#ln_aboutus,
	#gnav li#ln_access,
	#gnav li#ln_aruji,
	#gnav li#ln_blog,
	#gnav li#ln_contactus 	{ width: 56px; }
	#gnav li#ln_netshop 	{ width: 95px; }	
	#gnav li#ln_aboutus img 	{ top: 0; left: 0; }
	#gnav li#ln_access img 		{ top: 0; left: -64px; }
	#gnav li#ln_aruji img		{ top: 0; left: -128px; }
	#gnav li#ln_blog img		{ top: 0; left: -192px; }
	#gnav li#ln_netshop img		{ top: 0; left: -248px; }
	#gnav li#ln_contactus img 	{ top: 0; left: -343px; }
	#gnav li#ln_aboutus a:hover img 	{ top: -180px; left: 0; }
	#gnav li#ln_access a:hover img 		{ top: -180px; left: -64px; }
	#gnav li#ln_aruji a:hover img		{ top: -180px; left: -128px; }
	#gnav li#ln_blog a:hover img		{ top: -180px; left: -192px; }
	#gnav li#ln_netshop a:hover img		{ top: -180px; left: -248px; }
	#gnav li#ln_contactus a:hover img 	{ top: -180px; left: -343px; }
	
	#snsnav {
		list-style-type: none;
		position: absolute;
		top: 50px;
		left: 560px;
	}
	#snsnav li {
		display: inline-block;
	}
	#snsnav a {
		border-bottom: none;
		color: #FFF;
    }
	#snsnav a:hover {
		color: #FFC;
    }
    header div.cloud1 {
		position: absolute;
    	top: 75px;
    	left: -90px;
    }
    header div.cloud1 img{
    	width: 125px;
    	height: auto;
    }
    header div.bird {
    	top: 75px;
    	right: 180px;
    }
    header div.bird img{
    	width: 112px;
    	height: auto;
    }
    header div.cloud2 {
    	top: 15px;
    	right: 45px;
    }
    header div.cloud2 img{
    	width: 125px;
    	height: auto;
    }
    header div.cloud3 {
		position: absolute;
    	top: 400px;
    	left: -60px;
    }
    header div.cloud3 img{
    	width: 243px;
    	height: auto;
    }
    footer  p#copyright img {
    	right: 19em;
    	position: absolute;
    	top: -3em;
    	width: 8em;
    	height: auto;
    }
/*
}


   PC用 

@media screen and (min-width : 1024px) {
    html{ font-size : 100%; } 
}
 -----------*/