body{margin:0;padding:0;color:#444;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:17px;line-height:1.5;background:#fff url(https://www.shara-grass.com/images/xbg.jpg.pagespeed.ic.gXXsjM2RD_.jpg);-webkit-text-size-adjust:none}h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{margin:0;padding:0}ul{list-style-type:none}img{border:none;max-width:100%;height:auto}table{border-collapse:collapse;font-size:100%;border-spacing:0}iframe{width:100%}a{color:#444;-webkit-transition:.5s;transition:.5s}a:hover{color:#554431;text-decoration:none}header{width:100%}header .inner{width:900px;height:140px;margin:0 auto;position:relative}#top header .inner{height:350px;background:url(https://www.shara-grass.com/images/xheader_bg.png.pagespeed.ic.awF_QQfcg-.png) no-repeat left bottom}header #logo{position:absolute;left:30px;top:45px;width:600px}header #mainimg{width:480px;position:absolute;right:0;bottom:-30px}header h1{font-size:30%;font-color:silver;font-weight:normal;padding-left:10px}#menubar{position:absolute;right:0;top:0}#menubar li{float:left;text-align:center;margin-left:10px}#menubar li a{display:block;text-decoration:none;background:#554431;background:#554431 padding-box;border:10px solid #fff;border:10px solid rgba(85,68,49,.5);margin-top:0;color:#fff;width:95px;line-height:40px;overflow:hidden}#menubar a:hover,#menubar li.current a,#menubar-s li.current a{background:#fff;color:#554431;border:10px solid #554431}#menubar-s{display:none}#menubar_hdr{display:none}#contents{background:#554431;color:#fff}#contents a{color:#fff}#contents .inner{width:900px;margin:0 auto;padding-top:30px}#main{float:right;width:650px}.c1 #main{float:none;width:auto}#main h2{clear:both;margin-bottom:15px;font-size:105%;background:#fff;color:#333;padding:7px 15px;-webkit-box-shad rgba(0,0,0,0.2);border-radius:30px;ow:2px 2px 6px rgba(0,0,0,.2);box-shadow:2px 2px 6px}#main h2::first-letter{border-left:3px solid #554431;padding-left:10px}#main h3{clear:both;margin-bottom:15px;font-size:105%;background:#261e16;color:#fff;padding:6px 15px;-webkit-box-shad rgba(0,0,0,0.2);border-radius:30px;ow:2px 2px 6px rgba(0,0,0,.2);box-shadow:2px 2px 6px}#main p{padding:7px 15px 14px}#main p+p{padding-top:0}#main h2+p,#main h3+p{padding-top:0;margin-top:-5px}#main section.list{width:auto;margin-bottom:20px;margin-left:20px;position:relative;overflow:hidden;background:#fff;padding:2%;color:#333}#main section.list h4{color:#554431;font-weight:bold;background: url(../images/mark1.png) no-repeat left 5px/15px;padding-left:18px;margin-left:33%}#main section.list p{padding:0;margin-left:35%}#main section.list figure img{float:left;width:30%}#main section.list.compact{width:23%;height:220px;float:left;margin-left:2.5%}.c1 #main section.list.compact{height:250px}#main section.list.compact h4{margin-left:0}#main section.list.compact p{margin-left:0;font-size:11px;line-height:1.4;margin-bottom:5px}#main section.list.compact figure img{float:none;width:auto;margin:0}.osusume{position:absolute;left:5px;top:5px;background:#f891b5;background:rgba(246,68,130,.6);color:#fff;border-radius:50px;width:50px;line-height:50px;text-align:center;font-size:9px;overflow:hidden;transform:rotate(-30deg);border:1px solid #fff}#main ul.imagebox_album li{border:none;background-color:#f5f5f4;padding:1px;margin-left:12px;margin-bottom:15px;float:left}* html #main ul.imagebox_album li{display:inline}#main ul.imagebox_album img{width:155px;vertical-align:bottom;margin-bottom:10px;border:none}#main ul.name{font-size:.9rem;line-height:16px;height:20px;margin-bottom:28px;text-align:center;color:#000}#menu{width:800px}#menu li a{float:left;border-radius:20px;width:109px;height:30px;line-height:32px;text-decoration:none;text-align:center;display:block;padding-left:0;margin-left:2px;margin-bottom:10px;color:#000;background-color:#ffe4e1;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ffe4e1));background-image:-webkit-linear-gradient(#fff,#ffe4e1);background-image:linear-gradient(#fff,#ffe4e1);-webkit-box-shadow:1px 2px 5px #999;box-shadow:2px 2px 6px #999;-webkit-transition:.5s;transition:.5s;font-weight:bold;font-size:15px}#menu li a:hover{border-radius:20px;background-color:#300;color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#300));background-image:-webkit-linear-gradient(#fff,#300);background-image:linear-gradient(#fff,#300);-webkit-box-shadow:1px 2px 5px #999;box-shadow:2px 2px 6px #999;text-align:center;letter-spacing:1px;font-size:14px}#menu a:hover,#menu li.current a,#main menu-s li.current a{background:#f0ffff;color:#000;border:1px solid #554431}#menu-s{display:none}#menu_hdr{display:none}#menu02{width:600px}#menu02 li a{float:left;border-radius:20px;width:200px;height:30px;text-decoration:none;text-align:center;display:block;padding-left:3px;line-height:32px;margin-bottom:15px;color:#000;background-color:#e0ffff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0ffff));background-image:-webkit-linear-gradient(#fff,#e0ffff);background-image:linear-gradient(#fff,#e0ffff);-webkit-box-shadow:1px 2px 7px #999;box-shadow:2px 2px 6px #999;-webkit-transition:.5s;transition:.5s;font-weight:bold;font-size:15px}#menu02 li a:hover{border-radius:20px;background-color:#300;color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#300));background-image:-webkit-linear-gradient(#fff,#300);background-image:linear-gradient(#fff,#300);-webkit-box-shadow:1px 2px 7px #999;box-shadow:2px 2px 6px #999;text-align:center;letter-spacing:2px;font-size:14px}#menu02 a:hover,#menu02 li.current a,#main menu02-s li.current a{background:#f5fffa;color:#300;border:1px solid #554431;font-weight:bold}#menu02-s{display:none}#menu02_hdr{display:none}#sub{float:left;width:230px}.c1 #sub{display:none}#sub h2{font-size:100%;text-align:center;color:#fff;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f1ec));background:-webkit-linear-gradient(#fff,#f3f1ec);background:linear-gradient(#fff,#f3f1ec);border-radius:10px 10px 0 0;padding:10px 10px;margin-bottom:4px;margin-left:-20px}#sub ul.submenu{margin-bottom:5px}#sub ul.submenu li a{height:30px;line-height:30px;text-decoration:none;display:block;text-align:center;padding:5px 0;background:#271e16;margin-bottom:4px;border-radius:20px}#sub ul.submenu li a:hover{background:#fff;color:#150c01;font-weight:bold}h2#openclosebox1_hdr.open{background:url(https://www.shara-grass.com/images/xbtn_minus.png.pagespeed.ic.s-sDZGJFBO.png) no-repeat left center}h2#openclosebox1_hdr.close{background:url(https://www.shara-grass.com/images/xbtn_plus.png.pagespeed.ic.XkRe17uRwX.png) no-repeat left center}h2#openclosebox2_hdr.open{background:url(https://www.shara-grass.com/images/xbtn_minus.png.pagespeed.ic.s-sDZGJFBO.png) no-repeat left center}h2#openclosebox2_hdr.close{background:url(https://www.shara-grass.com/images/xbtn_plus.png.pagespeed.ic.XkRe17uRwX.png) no-repeat left center}h2#openclosebox3_hdr.open{background:url(https://www.shara-grass.com/images/xbtn_minus.png.pagespeed.ic.s-sDZGJFBO.png) no-repeat left center}h2#openclosebox3_hdr.close{background:url(https://www.shara-grass.com/images/xbtn_plus.png.pagespeed.ic.XkRe17uRwX.png) no-repeat left center}h2#openclosebox4_hdr.open{background:url(https://www.shara-grass.com/images/xbtn_minus.png.pagespeed.ic.s-sDZGJFBO.png) no-repeat left center}h2#openclosebox4_hdr.close{background:url(https://www.shara-grass.com/images/xbtn_plus.png.pagespeed.ic.XkRe17uRwX.png) no-repeat left center}h2#openclosebox5_hdr.open{background:url(https://www.shara-grass.com/images/xbtn_minus.png.pagespeed.ic.s-sDZGJFBO.png) no-repeat left center}h2#openclosebox5_hdr.close{background:url(https://www.shara-grass.com/images/xbtn_plus.png.pagespeed.ic.XkRe17uRwX.png) no-repeat left center}h2#openclosebox6_hdr.open{background:url(https://www.shara-grass.com/images/xbtn_minus.png.pagespeed.ic.s-sDZGJFBO.png) no-repeat left center}h2#openclosebox6_hdr.close{background:url(https://www.shara-grass.com/images/xbtn_plus.png.pagespeed.ic.XkRe17uRwX.png) no-repeat left center}h2#openclosebox7_hdr.open{background:url(https://www.shara-grass.com/images/xbtn_minus.png.pagespeed.ic.s-sDZGJFBO.png) no-repeat left center}h2#openclosebox7_hdr.close{background:url(https://www.shara-grass.com/images/xbtn_plus.png.pagespeed.ic.XkRe17uRwX.png) no-repeat left center}footer{clear:both;text-align:center}footer a{text-decoration:none}footer .pr{display:block;font-size:80%}#new dl{background-color:#fff;color:#554431;padding-left:20px;margin-bottom:15px;overflow:auto;height:200px}#new dt{font-weight:bold;float:left;width:8em}#new dd{font-size:16px;padding-left:0;font-weight:600}.ta1{width:100%;margin-bottom:15px}.ta1,.ta1 td,.ta1 th{border:1px solid #fff;padding:10px;word-break:break-all}.ta1 th.tamidashi{width:auto;text-align:left;background:#261e16}.ta1 th{width:140px;text-align:center}#pagetop{clear:both;padding-top:40px}#pagetop a{font-size:20px;background:#fff;color:#333;width:80px;line-height:80px;text-decoration:none;text-align:center;display:block;float:right;border-radius:50px}#pagetop a:hover{background:#000;color:#fff}.newicon{background:red;color:#fff;font-size:10px;border-radius:2px;padding:0 5px;margin:0 5px}.look{background:#333}.mb15,.mb1em{margin-bottom:15px}.clear{clear:both}ul.disc{padding:0 25px 1em;list-style:disc}.color1{color:#ffde00}.pr{font-size:10px}.wl{width:96%}.ws{width:50%}.c{text-align:center}.r{text-align:right}.l{text-align:left}@media screen and (max-width:800px){header .inner{width:auto;height:220px;margin:0 10px}#top header .inner{background: url(../images/header_bg.png) no-repeat left bottom/50%}header #logo{position:static;margin:10px auto}header #mainimg{width:60%}#menubar{position:static;width:530px;margin:0 auto}#contents .inner{width:auto;padding:10px}#main,#sub{float:none;width:auto}body.s-n #sub{display:none}}@media screen and (max-width:570px){header .inner{height:auto;padding-bottom:0}#top header .inner{height:auto;padding-bottom:80px}#menubar-s{display:block;background:#fff;background:rgba(255,255,255,.7);padding:20px;-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2);box-shadow:2px 2px 6px rgba(0,0,0,.2)}#menubar-s li{margin:10px}#menubar-s li a{display:block;text-decoration:none;width:100%;background:#554431 padding-box;border:10px solid rgba(85,68,49,.5);color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px}#menubar-s li a::before{content:"→";padding-right:10px}#menubar{display:none}#menubar_hdr{display:block;position:absolute;top:0;right:10px;width:30px;border:1px solid #000;border-top:none;border-radius:0 0 4px 4px;padding:12px 10px 5px;background:#fff}#menubar_hdr span{display:block;border-top:2px solid #000;border-radius:2px;margin-bottom:7px}section#new h2.open{background: #fff url(../images/btn_minus.png) no-repeat right center/34px 34px}section#new h2.close{background: #fff url(../images/btn_plus.png) no-repeat right center/34px 34px}}@media screen and (max-width:480px){header #logo{width:70%}header #mainimg{position:absolute;right:0;bottom:0;width:50%}#main section.list.compact{width:39%}#main section.list.compact h4{font-size:11px;background: url(../images/mark1.png) no-repeat left 5px/10px;padding-left:12px}#main section.list p{margin-left:0}#main section.list figure img{float:none;width:70%!important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#main section.list h4{margin-left:0}.ta1 th{width:100px;padding:5px}.ta1 td{width:auto;padding:5px}.ws,.wl{width:90%}}