body{font-size:12px;line-height:1.8em;margin:0px;background: url(commonimg/back01.jpg) repeat-x ;font-family:"Kazesawa-Regular" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
@media print {body {/zoom: 0.85;} }
a:link,a:visited,a:active,a:hover {overflow: hidden;outline: none;}
ul{list-style-type:none;}
a{color:#554b3a;text-decoration:none;}
a:hover{opacity: 0.8}
img{border:0px;margin:0px;padding:0px;}
hr{border:none;background: url(sitemapimg/hr.jpg) ;height:10px;margin:30px 0;}
table{border-collapse: collapse;}
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }

.header{width:1000px;margin:0 auto;background:#8b4513;border-bottom:5px solid black;height:95px;display:block;position: relative;}
img.header_logo{margin-left:10px;}
.header_title{width:610px;color:#c6ac9f;position: absolute;top:40px;right:20px;;text-align:right;font-size:10px;line-height:22px;}
.fontsize{position: absolute;top:10px;right:20px;text-align:right;color:white;font-size:12px;line-height:1.8em;}
.fontsize div{display:inline-block;margin:0 2px;vertical-align:top;}
.fontsize a{padding:2px 5px;background:white;border-radius:3px;text-align:center;height:16px;line-height:16px;font-size:10px;width:25px;display:inline-block;}

.topmain{clear:both;width:1000px;margin:10px auto 0;}
.topinfo{background:#8b4513;margin:0px;}
.topinfo marquee{background-color: rgba(255,255,255,0.5);margin:5px;border-radius:5px;}

.navi ul{margin:10px 0;padding:0px;}
.navi li{padding:0px;display:inline-block;width:196px;}
.navi li a{background:#8b4513;color:white;display:block;text-align:center;line-height:60px;border-bottom:3px solid black;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);padding:3px 0 0 24px;position: relative;}
.navi li:nth-child(1) a:before{content:url(commonimg/icon01.png);position: absolute;top:20px;left:20px;} 
.navi li:nth-child(3) a:before{content:url(commonimg/icon02.png);position: absolute;top:20px;left:40px;} 
.navi li:nth-child(5) a:before{content:url(commonimg/icon03.png);position: absolute;top:20px;left:20px;} 
.navi li:nth-child(7) a:before{content:url(commonimg/icon04.png);position: absolute;top:20px;left:40px;} 
.navi li:nth-child(9) a:before{content:url(commonimg/icon05.png);position: absolute;top:20px;left:20px;} 

.newlist ul{margin:10px 0;padding:0px;}
.newlist > ul > li{padding:2px;display:inline-block;width:240px;border:1px solid #8b4513;background:#eddfd5;vertical-align:top;}
a.newlistL, a.newlistR, a.newlistLR{background:#8b4513;color:white;display:block;text-align:center;line-height:1.6em;border-bottom:3px solid black;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);padding:3px 0 0;display:inline-block;}
a.newlistL{width:79%;}
a.newlistR{width:20%;margin-left:1%;}
a.newlistLR{width:100%;}
.newlist ul li ul{margin:0;padding:0px;}
.newlist ul li ul li{padding:3px 2px;font-feature-settings : "palt";font-size:11px;}
.newlist ul li ul li.new:before{content:"new";padding:2px;;color:white;animation: newtext 1s infinite;margin-right:3px;border-radius:3px;background: blue;}
@keyframes newtext {
  0% { background:blue }
  50% { background:#8b4513 }
  100% { background:blue; }
}
.newlist ul li ul li.kikan:before{content:"期間";padding:2px;;color:white;animation: kikantext 1s infinite;margin-right:3px;border-radius:3px;background: green;}
@keyframes kikantext {
  0% { background:#8b4513; }
  50% { background:green}
  100% { background:#8b4513; }
}
.newlist ul li ul li:nth-child(even) {background:#fbf3ed;}

.whats{padding:5px;display:block;width:988px;border:1px solid #8b4513;background:#eddfd5;height:120px;margin:20px 0 0;}
.whats h2{width:188px;text-align:center;line-height:90px;float:left;color:#8b4513;font-weight:normal;}
.whats ul{width:800px;float:right;height:120px;margin:0px;overflow:auto;padding:0px;}
.whats ul span{font-size:.9em;color:#8b4513;margin-right:10px;}
.whats ul li{padding:0 5px;margin:5px;}
.whats ul li:nth-child(even) {background:#fbf3ed;}

#footer{height:50px;line-height:50px;font-size:.8em;text-align:center;color:white;background: black;margin:20px 0 0;}



/* スライド */
.viewer {margin: 0 auto;width: 100%;position: relative;overflow: hidden;}
.viewer ul {width: 100%;overflow: hidden;position: relative;margin:0px;}
.viewer ul li {top: 0;left: 0;width: 100%;position: absolute;}
.viewer ul li img {width: 100%;}
.viewer ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
.viewer ul {display: inline-block;overflow: hidden;}

/* トップスライド */
ul.slider{margin:0px;padding:0px;background:#8b4513}
.slick-prev:before,.slick-next:before {color: #000;}
.slick-next {margin-right:75px;z-index: 99;}
.slick-prev {margin-left: 75px;z-index: 100;}
.slider img {max-width: 100%;height: auto;}
.topinfo{position: relative;}
.topinfo marquee{position: absolute;top:5px;z-index:10;background-color: rgba(255,255,255,0.6);width:990px;margin:0px 5px;border-radius:5px;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4) inset; }
.slider span{display:block;background:black;opacity: 0.8;color:white;height:50px;margin-top:-50px;width:700px;line-height:50px;text-indent:1em;font-size:20px;}
.bgleft{width:150px;height:420px;position: absolute;top:0px;left:0px;background:#8b4513;opacity: 0.8}
.bgright{width:150px;height:420px;position: absolute;top:0px;right:0px;background:#8b4513;opacity: 0.8}


.tww{width: 130px; height: 20px;float:left;margin:50px 20px;}
#twfb2{border-top:1pt solid #8b4513;margin-top:30px;padding-top:5px;}
#twfb3{border-top:1pt solid #334499;border-bottom:1pt solid #334499;margin:20px 0;padding:8px 0 20px 0;height:30px;}
#twfb4{border-top:1pt solid #334499;margin-top:20px 0;padding-top:8px;height:10px;}
.fbw{float:left;margin:50px 10px;}


.syuzai{font-size:12px;line-height:18px;text-align:right;}

.gotop{display:block;width:45px;height:45px;}
 a.gotop{background:#8b4513;text-align:center;font-size:20px;border-radius:10px;line-height:45px;margin:0 0 20px ;color:white;display:block;position: absolute;right:40px;}
 a.gotop:before{content:"▲";color:white;}
#footer{clear:both;height:50px;line-height:50px;font-size:.8em;text-align:center;color:white;background: black;margin:20px 0 0;}



@media all and (min-width: 0) and (max-width: 767px)  {
.header{position:relative;width:100%;display:block;height:auto;margin-bottom:10px;padding-bottom:10px;}
img.header_logo{margin:20px 2% 0;width:96%;}
.header_title{width:90%;line-height:12px;float:right;margin:-20px 2% 0;position: relative;height:115px;}
.header_title img{width:100%;margin-bottom:10px;}
.fontsize{margin:0px;position:absolute; top:5px; right:5px;}
.topmain{width:1000px;padding:0px;margin:0px;}

.navi li{padding:0px;display:inline-block;width:100%;margin-bottom:5px;font-size:16px;}
.navi li:nth-child(1) a:before{content:url(commonimg/icon01.png);position: absolute;top:12px;left:60px;} 
.navi li:nth-child(3) a:before{content:url(commonimg/icon02.png);position: absolute;top:12px;left:60px;} 
.navi li:nth-child(5) a:before{content:url(commonimg/icon03.png);position: absolute;top:12px;left:60px;} 
.navi li:nth-child(7) a:before{content:url(commonimg/icon04.png);position: absolute;top:12px;left:60px;} 
.navi li:nth-child(9) a:before{content:url(commonimg/icon05.png);position: absolute;top:12px;left:60px;} 
.navi li a{line-height:40px;}

.newlist > ul > li{width:98%;margin:5px 0;}
.newlist ul li ul li{font-size:13px;}

.whats{width:97%;height:220px;padding:5px 1%;}
.whats h2{width:100%;line-height:30px;}
.whats ul{width:100%;padding:0px;height:160px;}
.whats ul li{padding:0 1%;margin:5px 0;}

#footer{width:96%;padding:2%;height:auto;line-height:13px;}

/* トップスライド */
}