div.fl{
  float:left;
  height:140px;
}


div.clrb{
  clear:both;
}

body {
  margin:0px;
  padding:0px;
}

header {
  position: fixed;
  width:100%;
}

div.navbar-header{
  margin: 0 auto;
  width:94%;
  padding: 30px 0 0 0;
display:flex;
justify-content: space-between;
align-items: center;
}
div.navbar-header form{display:flex; margin-top:-20px;}


.footer {
  /*width:970px;*/
  margin-top:40px;
  text-align:center;
}

p.list {
  display: flex;
  margin: 0px 0px 60px 0px; justify-content:center; flex-wrap: wrap;
/*
  margin-block-start: 0px;
  margin-block-end: 60px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
*/
}

p.list  > a {
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  color: #00f;
margin-right:20px;
padding:0 10px;
}
p.list a:last-of-type{margin-right:0;}

div.main{
  padding-top: 140px;
  margin: 0 auto;
  width:78%;
}

div.search{
  width:700px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap : break-word;
}

p.all{
    display: block;
    margin-block-start: 0px;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size:14px;
}

p.title{
    margin-bottom:5px;
    display: block;
    margin-block-start: 0px;
    margin-block-end: 5px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.note {
  font-family: "Roboto Condensed", sans-serif;
  font-size:15px;
}
.title > a {
  text-decoration: none;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
  color: #00f;
}

.container{
  width:100%;
  height:140px;
  background-color:#fff;
  border-bottom:1px solid #46713f;
}

div.txt {
/*margin: 30px 0 0 20px;*/
}

div.txt > a {
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  text-decoration: none;
  font-size: 18px;
  font-weight:600;
  color: #cb5520;
}

div.txt > a:hover  {
  text-decoration: none;
  color:rgba(234,85,20,0.7);
}

.navbar-header .logo1{padding-right:40px;}
.navbar-header .logo1 img{width:80px; height:auto;}
.navbar-header .logo2{padding-right:56px;}
.navbar-header .logo2 img{width:400px; height:auto;}
@media screen and (max-width:1360px) {
.navbar-header .logo2{padding-right:2%;}
}
@media screen and (max-width:580px) {
.navbar-header .logo1{width:13%; padding-right:10px;}
.navbar-header .logo2{width:62%; padding-right:0;}
.navbar-header .logo1 img, .navbar-header .logo2 img{width:100%;}
}

.input-shinbun-head{
  margin:15px 0 0 10px;
  border:solid 1px #46713f;
/*  padding-left:10px;*/
  padding:0 20px 0 20px;
  height:50px;
  width:310px;
  font-size:18px;
  -webkit-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
}

.btn-shinbun-head{
  padding-top:3px;
  margin:15px 0 0 0;
  border:solid 1px #cb5520;
  background:#cb5520;
  height:52px;
  width:100px;
  font-size:16px;
  color:#fff;
  -webkit-border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px;
  text-transform:none;
}
.btn-shinbun-head:hover{
  background:rgba(234,85,20,0.7);
  color:#fff;
}
/* IE hack */
@media \0screen,
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm){
	.btn-shinbun-head{padding-top:0px;}
}
_:-ms-lang(x), .btn-shinbun-head{padding-top:0px;}
_:-ms-fullscreen, :root .btn-shinbun-head{padding-top:0px;}

@media screen and (max-width:1050px) {
.input-shinbun-head{width:100%;}
}


/* logo msg */
.top-logo-msg{font-family: "Yu Mincho", "YuMincho", serif; color:#8f82bc; font-size:30px; letter-spacing:8px; padding-left:30px;}

/* logo */
.top-logo-area{width:826px; margin:0 auto 32px auto; text-align:left; display:flex;}
.top-logo-area div:last-of-type{padding-left:48px;}
@media only screen and (max-width: 860px) {
	.top-logo-msg{font-size:3vw;}
	.top-logo-area{width:96%;}
	.top-logo-area div{display:block; text-align:center;}
	.top-logo-area div:last-of-type{padding-left:4%; margin:0 0 0 0;}
	.top-logo-area div img{width:100%;}
	.home-section{background-size:cover;}
}
@media only screen and (max-width: 590px) {
	.top-logo-area div:last-of-type img{width:90%; height:auto;}
}

/* login */
.login-form-area{width:720px; margin:0 auto; background:#46713f; border-radius:20px; padding:50px 80px; font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
.login-logo{/*margin-left:-120px;*/}
.login-input{padding:0 20px; height:56px; width:100%; font-size:1.6em; vertical-align:middle;}
.login-joutai{text-align:left; color:#fff; font-size:16px;}
.login-joutai input{width:20px; height:20px; cursor:pointer;}
.login-joutai label{font-weight:normal; position:relative; top:-4px; cursor:pointer;}
.login-btn{background:#00cc00; border:none; height:50px; width:100%; font-size:1.8em; font-weight:600; letter-spacing:2px; color:#fff; border-radius:30px; vertical-align:middle;}
.login-btn:hover{background:rgba(0,204,0,0.6); color:#fff;}
@media screen and (max-width: 770px) {
.login-form-area{width:90%;}
}
@media screen and (max-width: 600px) {
.login-form-area{padding:40px 30px;} 
.login-logo img{width:90%;}
}

/* tango nendai */
.tango-nendai-area{display:flex; width:414px; margin:80px auto 0 auto; position:relative; left:20px;}
.tango-nendai-area a{width:207px; height:59px; display:block;}
.tango-nendai-area div{width:207px; height:59px; text-indent:-9999px;}
.tango-nendai-area div.btn-tango{background:url("../images/btn_tango2.png") no-repeat; position:absolute; top:0; left:0;}
.tango-nendai-area div.btn-tango-a{background:url("../images/btn_tango1.png") no-repeat; position:absolute; top:0; left:0;}
.tango-nendai-area div.btn-tango:hover{background:url("../images/btn_tango1.png") no-repeat;}
.tango-nendai-area div.btn-tango:hover + .btn-nendai-a{background:url("../images/btn_nendai2.png") no-repeat;}
.tango-nendai-area div.btn-nendai{background:url("../images/btn_nendai2.png") no-repeat; position:relative; top:0; left:207px;}
.tango-nendai-area div.btn-nendai-a{background:url("../images/btn_nendai1.png") no-repeat; position:relative; top:0; left:207px;}
.tango-nendai-area div.btn-nendai:hover{background:url("../images/btn_nendai1.png") no-repeat;}
.tango-nendai-area div.btn-nendai:hover + .btn-tango-a{background:url("../images/btn_tango2.png") no-repeat;}

.kensaku-area{width:680px; margin:0 auto 50px auto;}
.kensaku-area div{text-align:left; width:680px; margin-left:150px;}
@media screen and (max-width: 750px) {
.tango-nendai-area{left:0;}
.kensaku-area{width:100%;}
.kensaku-area div{margin:0 auto;width:100%; text-align:center;}
}
@media screen and (max-width: 700px) {
.kensaku-area div{width:100%; text-align:center;}
}
@media only screen and (max-width: 590px) {
	.kensaku-area{width:92%;}
	.kensaku-area div{width:100%;}
	.kensaku-area input{width:78%;}
	.kensaku-area button{width:22%;}
}
@media only screen and (max-width: 450px) {
	.tango-nendai-area{width:90%; padding-left:0%; margin-bottom:10px!important;}
	.tango-nendai-area div.btn-tango-a{width:50%; background-size:100%;}
	.tango-nendai-area div.btn-nendai{width:50%; background-size:100%; left:50%;}
	.tango-nendai-area div.btn-nendai:hover{background-size:100%;}
	.tango-nendai-area div.btn-nendai:hover + .btn-tango-a{background-size:100%;}

	.tango-nendai-area div.btn-tango{width:50%; background-size:100%;}
	.tango-nendai-area div.btn-nendai-a{width:50%; background-size:100%; left:50%;}
	.tango-nendai-area div.btn-tango:hover{background-size:100%;}
	.tango-nendai-area div.btn-tango:hover + .btn-nendai-a{background-size:100%;}
}

/* panel */
.panel-group-size{width:455px; padding-left:40px;}
.panel-heading-sub a{padding:8px 20px 0px 20px; min-height:40px;}
.panel-heading-sub hover{padding-top:4px;}
@media only screen and (max-width: 750px) {
	.panel-group-size{width:420px; padding-left:0px;}
}
@media only screen and (max-width: 480px) {
	.panel-group-size{width:100%;}
}

/* search list */
@media only screen and (max-width: 1310px) {
	div.navbar-header{justify-content:flex-start;  padding: 40px 0 0 0;}
	.navbar-header div.txt{display:none;}
	div.main{width:100%; padding-left:0; box-sizing: border-box;}
	div.search{ padding:0 150px 0 150px; width:100%; box-sizing: border-box;}
	.footer{width:100%;}
}
@media only screen and (max-width: 1120px) {
	.navbar-header{width:100%!important;}
	div.main{width:100%; margin:0;}
	.container{width:98%;}
	div.search{padding:0 120px;}
}
@media only screen and (max-width: 950px) {
	div.main{padding-top:180px;}
	.container{/*height:180px;*/}
	div.fl{/*height:66px;*/}
	.navbar-header{/*padding-top:16px!important;*/}
	.navbar-header .logo1{margin-left:10px;}
/*
	.navbar-header form div:first-of-type{clear:both; margin-top:6px; margin-left:130px; text-align:left;}
	.navbar-header form div:first-of-type input{margin-left:0;}
	.navbar-header form div:nth-of-type(1) {width:250px;}
	.navbar-header form div:nth-of-type(2) {width:90px; margin-top:6px; margin-left:44px;}
	.navbar-header form div:nth-of-type(1) input{width:100%;}
	.navbar-header form div:nth-of-type(2) button{width:100%;}
*/
}
@media only screen and (max-width: 850px) {
	.navbar-header div.logo2{width:46%;}
	.navbar-header div.logo2 img{width:100%!important;}
	.navbar-header form{width:40%;}
}
@media only screen and (max-width: 740px) {
	div.navbar-header{flex-wrap: wrap; padding:10px 0 0 20px;}
	div.navbar-header div.logo2{width:100%;}
	div.navbar-header div.logo2 img{width:auto!important;}
	.navbar-header form{width:100%;}
}
@media only screen and (max-width: 500px) {
	div.navbar-header div.logo2{width:80%; padding-top:14px;}
	div.navbar-header div.logo2 img{width:100%!important;}
	.navbar-header form{width:80%;}
}
@media only screen and (max-width: 420px) {
	div.main{padding-top:170px!important;}
	.container{height:170px!important;}
/*
	.navbar-header form div:nth-of-type(1) input{width:100%; margin-top:10px;}
	.navbar-header form div:nth-of-type(2) button{width:100%; margin-top:10px;}
*/
	div.main{padding-top:140px;}
	.container{height:140px;}
	div.fl{height:56px;}
	div.search{width:71%; padding:0; margin:0 auto;}
}
@media only screen and (max-width: 350px) {
	div.main{padding-top:140px!important;}
	.container{height:140px!important;}
/*
	.navbar-header form div:nth-of-type(1) input{width:100%; margin-top:-4px; height:40px;}
	.navbar-header form div:nth-of-type(2) button{width:100%; margin-top:-4px; height:44px;}
*/
	div.main{padding-top:120px;}
	.container{height:120px;}
	div.fl{height:56px;}
}

/************ humberger menu ************/
@media only screen and (min-width: 1310px) {
	#nav-open{display:none!important;}
}
@media only screen and (max-width: 1309px) {
	#nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
	  position:absolute;
	  top:34px;
	  right:0;
	  cursor: pointer;
	}
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  transition: all 0.4s;
  height: 5px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #333;
  display: block;
  content: '';
  cursor: pointer;
  z-index: 9999;/*最前面*/
}

#nav-open span:before {
  bottom: -8px;
}

#nav-open span:after {
  bottom: -16px;
}


/*中身*/
#nav-content {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  transition: .2s ease-in-out;
}

#nav-content.open {
  display: block;
  opacity: 1;
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9998;
  width: 300px;
  height: 100%;
  background: rgba(0,0,0, 0.4);/*背景色*/
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
border:solid 1px #666;
}
@media only screen and (max-width: 350px) {
	#nav-content.open {width:100%;}
}


/*:beforeにぼかし効果を設定する*/
#nav-content.open:before {
  content: '';
  overflow: hidden;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  z-index: -1;/*重なり順序を一番下にしておく*/
}


/*チェックが入ったら表示する内容*/

.hamburger-top {
  height: 40px;/*×ボタンと被らないように*/
}

.category {
  text-align: left;
  margin-top: 2rem;
padding:0;
background:rgba(0,0,0,0.9);
}

.category-title {
  padding: 0;
  list-style:none;
}

.category-title a {
  color: #fff;
  text-decoration: none;
display:block;
padding:1rem 0.5rem;
border-bottom:solid 1px #fff;
}


/*三本線を動かす*/
#nav-open.active span {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}

#nav-open.active span:before {
  -webkit-transform: translateY(-8px) rotate(45deg);/*打ち消す*/
  transform: translateY(-8px) rotate(45deg);/*打ち消す*/
  opacity: 0;
}

#nav-open.active span:after {
  -webkit-transform: translateY(-16px) rotate(90deg);
  transform: translateY(-16px) rotate(90deg);
}

.bgShow{background:#dbdecf;}