/* ========== default */
@page {margin:.5em .8em;}
a{color: #222;}
a:hover{color: #FF6F00;}
ul{margin: 0;padding: 0;list-style-type: none;}
.secondary h3 {padding: .5em 0 .5em .6em;color: #b77622;border-left:3px solid #b77622;}
/* ========== header */
.home header {height:50px;background: #b77622;position: relative;}
.titles {width: 100%;height: 500px;margin: 50px 0 0 0;position: absolute;}
.titles img {top:0;left:0;position: absolute;}
/* ========== side */
/* ========== main */
/* ==================== home /// */
.home main{margin: 550px 0 0 0;}
.home-points {width: 540px;}
.home-report {width: 630px;}
.home-report .thumb {padding: 0 .5em 0 0;display:table-cell;}
.home-report .thumb img {width: 120px;}
.home-report .detail {line-height: 1.6;vertical-align: top;display:table-cell;}
.home-arealink {width: 440px;}
.home-report h3,.home-arealink h3{margin: 0;padding: 0 0 .5em 0;color: #b77622;border-bottom: 2px solid #b77622;}
.home-arealink ul.other {display: none;}
.catnav {width: 94px;height: 94px;margin: 0 .5em;display: inline-block;overflow: hidden;text-indent: -9999px;white-space: nowrap;overflow: hidden;}
.catnav:hover {background-position: left bottom;}
.subnav a {width:45%;margin:.8em 1.5% .8em 1.5%;padding:1%;color: #fff;font-weight: bold;text-align:center;text-decoration: none;background:#23b8bc;display:inline-block;}
.aomori {background: url("../images/home/aomori.png")0 0 no-repeat;}
.iwate {background: url("../images/home/iwate.png")0 0 no-repeat;}
.miyagi {background: url("../images/home/miyagi.png")0 0 no-repeat;}
.akita {background: url("../images/home/akita.png")0 0 no-repeat;}
.yamagata {background: url("../images/home/yamagata.png")0 0 no-repeat;}
.fukushima {background: url("../images/home/fukushima.png")0 0 no-repeat;}
.niigata {background: url("../images/home/niigata.png")0 0 no-repeat;}
/* ==================== secondary /// */
.contents h1 {padding: 0 0 .5em 0;border-bottom: 5px solid #b77622;}
.contents h2 {padding: 0 0 .3em 0;border-bottom: 3px solid #b77622;}
.reportlist {margin: 0 0 0 1.6em;padding: 0;line-height: 1.8;list-style-type: disc}
.reportlist li {padding: 0 0 .6em 0;}
/* ========== footer */
.ptops {bottom: 170px;right:20px;position: fixed;z-index:100;}
.foots {min-height: 230px;margin: 3em 0 0 0;background: url("../images/bg/bg-foot.png")top center repeat-x;position: relative;}
.foots img{margin: 0 .5em 0 0;}
.copyrights {width: 1100px;bottom: 10px;color: #b77622;font-size: 90%;text-align: center;position: absolute;}
/* ========== widget */
.tags {margin: 0 .6em 0 0;padding: .3em .5em;color: #fff;font-size: 80%;font-weight: bold;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

.infoblock {padding: 1.2em 1.2em 0.6em 1.2em;background: #fcf2e5;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

#gallery a{display: inline-block;position: relative;}
#gallery a:before {content: url("../images/zoom.png");top: 3px;right: 3px;position: absolute;}
#gallery a:nth-child(2):before {top: 3px;right: 43px;}
#gallery img {width: 324px;}
#gallery img.centerthumb {margin: 0 40px;}

.lists {width:100%;}
.lists .lefts {width: 3%;vertical-align: top;}
/* .lists .rights {width: 97%;} */

.listset a {padding: .5em 0;border-bottom: 2px solid #ddd;text-decoration: none;display: block;}

.linkbtn {width:100%;margin:.3em 0;padding:.6em;color:#fff;background:#ff6f00;border:0;outline:none;}

.tx-main {color: #b77622;}
.bg-main {background: #b77622;}
.bg-aqua {background: #03A8F3;}
.bg-brown {background: #b77622;}
.bg-lightgreen {background: #F0F7E8;}
.bg-lightbrown {background: #fcf2e5;}
.typo-color {color:#b77622;}

.navbtn {margin:0 .6em 0 0;padding:0 .5em;color:#fff;font-family:'Lobster',cursive;font-size:1.3em;background:#b77622;display:inline-block;}
.navbtn.active {color: #222;background: #fff;border-bottom: 2px solid #b77622;}
.navbtn:hover {color: #fff;}
.navbtn.active:hover {color: #222;}

/* ==================== material icon /// */
.material-icons {margin: -2px 0 0 0;vertical-align: middle;}
.material-icons.fz12{font-size: 12px;}
.material-icons.fz14{font-size: 14px;}
.material-icons.fz18{font-size: 18px;}
.material-icons.fz24{font-size: 24px;}
.material-icons.fz36{font-size: 36px;}
.star {color: #FDD835;}

/* ========== responsive */
@media only screen and (min-width: 669px) and (max-width: 1100px) {
	.titles {width: 1100px;}
}
@media only screen and (max-width: 668px) {
	.titles {height: 260px;margin: 20px 0 0 0;}
	.home header {height:20px;}
	.home main{margin: 280px 0 0 0;}
	.home-points,.home-report,.home-arealink,.copyrights {width:100%;}
	.home-arealink {margin: 20px 0 0 0;}
	.infoblock {padding-top:5.3em;}
	.copyrights {width: 95%;margin: 0 auto;}
	.ptops {bottom: 60px;right:0;}
	.ptops img {max-width: 70%;}
	#gallery a:nth-child(2):before {top: 3px;right: 3px;}
	#gallery img.centerthumb {margin: 0;}
}
@media only screen and (max-width: 480px) {

}
/* ==================== iPhone5 /// */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}
/* ==================== iPhone6 /// */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.titles {height: 265px;margin: 20px 0 0 0;}
}
/* ==================== iPhone6+ /// */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.titles {height: 290px;margin: 20px 0 0 0;}
	.home main{margin: 310px 0 0 0;}
}