@charset "Shift_JIS";

*{ margin:0; padding:0; }
html { scroll-behavior: smooth; }
body{ text-align: center; font-size: 12px; line-height:220%; font-family: 'Comfortaa',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#000; letter-spacing:1px;}

img{ border: 0px; }
a img { border-style: none; border-width: 0px; line-height:1.0em;/*IE5*/ }
a:link,a:visited { color:#000; text-decoration:none; }
@media only screen and (max-width: 769px) {
a:link,a:visited { color:#000; text-decoration:underline; }
}
a:hover { color:#999; text-decoration:underline;}
.clearfix:after { content: "."; font-size: 0.1em; line-height: 0; display: block; height: 0.1px; visibility: hidden; clear: both; }
.clearfix-l:after { content: "."; font-size: 0.1em; line-height: 0; display: block; height: 0.1px; visibility: hidden; clear:left; }
.clearfix,.clearfix-l {display: inline-block;}
* html .clearfix,* html .clearfix-l {height: 1%;}
.clearfix,.clearfix-l {display: block;}


#wrap { text-align:left; width:100%; margin:0 auto 20px;}

/* ヘッダー */
#header {width:900px; margin:0 auto; }
@media only screen and (max-width: 769px) {
  #header {width:100%;}
}
h1 { margin-top:50px; font-size:xx-small; text-indent:-9999px; background:url(../images/garden-logo.jpg) no-repeat center top;  }
h1 a { display:block; width:900px; height:70px; overflow: hidden;}
h1 a:hover { text-decoration:none; }
@media only screen and (max-width: 769px) {
  h1 {height: 55px;
	width: 100%;
	background-image: url(../images/garden-logo.jpg);
    background-size: 171px 55px;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent:-9999px;
	margin:20px auto 20px;}
	h1 a  {
	display: block;
	width: 100%;
	height: 55px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
}
/*h1 { margin-top:90px; font-size:xx-small; text-indent:-9999px; background:url(../images/header-logo.gif) no-repeat center top;  }
h1 a { display:block; width:900px; height:30px; overflow: hidden;}
h1 a:hover { text-decoration:none; }
@media only screen and (max-width: 769px) {
  h1 {height: 21px;
	width: 320px;
	background-image: url(../images/header-logo.gif);
    background-size: 320px 21px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	margin:40px auto;}
	h1 a  {
	display: block;
	width: 100%;
	height: 21px;
}
}*/
/* グローバルナビ */
ul#globalnavi { width:900px; margin:30px auto 0; text-align:center; }
ul#globalnavi li { margin: 0 30px 0; display:inline; }
ul#globalnavi li a:hover img { opacity:0.4; filter: alpha(opacity=40); }
@media only screen and (max-width: 769px) {
ul#globalnavi li.nav { display:none; }
ul#globalnavi { width:100%; margin:0; }
ul#globalnavi li { margin: 0; }
ul#globalnavi li img { width:20%; }
ul#globalnavi li.navsns img { width:8%; }
}


/* メイン */
#main { padding:0; background:#fff; }
#detail { width:980px; margin:0 auto; }
@media only screen and (max-width: 769px) {
#detail { width:100%; margin:0; }
}
#main h2 { font-weight:normal; padding:40px 30px 30px; }
@media only screen and (max-width: 769px) {
#main h2 { padding:30px 20px 15px; text-align:center; }
}
.en { font-size:20px; font-family: 'Vollkorn',Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:0.07em;}
@media only screen and (max-width: 769px) {
.en { font-size:18px; letter-spacing:0.05em;}
}
#main img.ph { width:100%; }
#main img.phWide { width:100%; padding-bottom:20px; }
#main .contents { float:left; width:50%; margin-bottom:20px; }
@media only screen and (max-width: 769px) {
#main .contents { float:none; width:100%; }
}
.txt p { padding:0 30px 20px; }
.txt ul { padding:0 30px 0; }
.txt ul#pet { padding-top:45px; }
.txt ul li { margin-bottom:30px; }
.txtL { float:left; width:480px; }
.txtR { float:right; width:480px; }
@media only screen and (max-width: 769px) {
.txt p { padding:0 20px 20px; }
.txt ul { padding:0 20px 20px 40px; }
.txt ul#pet { padding-top:0; }
.txt ul li { margin-bottom:10px; }
.txtL,.txtR { float:none; width:100%; }
}
#main em { font-size:16px; font-weight:bold; font-style:normal; }
@media only screen and (max-width: 769px) {
#main em { font-size:13px; }
}
.categoryLink { text-align:center; margin:15px 0 10px;}
.categoryLink a { background:#000; padding:10px 25px 12px; color:#fff; font-size:16px;  }
@media only screen and (max-width: 769px) {
.categoryLink a { text-decoration:none; }
}
.categoryLink a:hover { color:#888; text-decoration:none; }
.fnt-s { font-size:10px; line-height:180%; }
.fnt-m {font-size:12px; line-height:180%; }


/* フッター */
#footer { text-align:center; padding-top:80px; }
#footer h2 { font-size:30px; font-family: 'Vollkorn',Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:0.05em; margin-bottom:25px;}
@media only screen and (max-width: 769px) {
#footer h2 { font-size:22px; }
}
#footer p { margin-bottom:25px; }
#footer #footerLink { font-size:14px; }
#footer #footerLink a { color:#000; text-decoration:none; margin:0 30px; }
#footer #footerLink a:hover { color:#999; text-decoration:none; }
@media only screen and (max-width: 769px) {
#footer #footerLink { font-size:11px; }
#footer #footerLink a { text-decoration:underline; margin:0 10px; }
}
address { font-style:normal; font-size:10px; padding-top:30px; }
@media only screen and (max-width: 769px) {
address a:link,address a:visited { text-decoration:none; }
}