/*修正051520*/
body{font-size:0.8em!important;color: #333!important; font-family: "Noto Sans JP", serif!important; }
.mincho,p.mincho { font-family: "Sawarabi Mincho", serif!important; }
a {
  color: #0073aa;
	text-decoration:underline;
}
p {color: #333!important;}
.lead {
    font-size: 0.7rem!important;
}
.font-large {
  font-size:1.5rem;
}
.nav-link{padding:0.5rem 0rem!important;}
.clear{clear:both;}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.pc_none{
		display:none;
	}
.sp_none{
		display:inline;
	}
.fa {font-size:1.5em;}

.navbar-light .navbar-toggler {
        border-color: rgba(0,0,0,0);
    }
.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30'xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 52, 52, 1)'stroke-width='2' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.center{text-align:center;}
.btn-secondary {
color: #fff;
background-color:#488fc7!important;
border-color: none!important;
}
/*修正051320*/
a.btn-white{
	background:#fff;
	color:#488fc7;
	text-decoration:none!important;
	padding:1em;
	font-size:0.8em!important;
	display:block;
	width:100%;
	margin:3em 0;
}
a.btn-white:hover{
	color:#488fc7;
	text-decoration:none!important;
	background:#fff;
}
a.btn-blue{
	background: #488fc7;
	color:#fff;
	text-decoration:none!important;
	padding:1em;
	font-size:0.8em!important;
	display:inline-block;
	width:100%;
	margin:3em auto!important;
}
a.btn-blue:hover{
	color:#fff;
	text-decoration:none!important;
	background:#488fc7;
}


/*修正051320*/
.btn-prenext{
	color:#488fc7;
	text-decoration:none!important;
	padding:0.3em 0em;
	font-size:0.8em!important;
	display:block;
	width:100%;
	margin:0.5em; 
	border:solid #fff; 
	border-width:1px;
	text-align: center; 
}

.btn-prenext:hover{
	color:#488fc7;
	display:block;
	text-decoration: none!important;
}


.bg-blue{
	background:#488fc7;
}

.bg-blue-textarea{
	background:#0172b1;
}

.bg-blue-sub{
	background:#0053a5;
}
.mitome_photo{
	max-width:70%;
}
.h2, h2 {
    font-size:1em!important;
		font-weight:normal!important;
}
.entry-content > *,.entry-summary > *{max-width:100%!important;margin:0!important;} 
.entry .entry-content, .entry .entry-summary {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.entry .entry-content section, .entry .entry-summary section{
    max-width: 80%;
    margin: 0 10%;
    padding:60px 60px 0 60px;
}
.sub_key{
	 max-width: 100%;
   margin: 0;
   padding:0;
}
.entry .entry-content p, .entry .entry-summary p{
	line-height:2;
}
main {
    margin-right: 0px!important;
}
.slider{
  margin:0;
  padding:0;
	z-index:0;
}
.slider img{
	width:400px;
	margin-left:4rem;
	margin-top:7rem;
	margin-bottom:7rem;
}
.slider.wrapper{
  width: 100%;
  height:70vh;
}
.slider div{
    height:100%;
    width:100%;
    position: absolute;
    background-size: cover;
    top:50px;
    left:0;
  }
.bg-slider,.bg-slider-sp {
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: left;
}
.bg-slider.sp_none{
	display:inline;
}
.bg-slider-sp.pc_none{
	display:none;
}
.mitome_about{
	background:#0172b1;
	position: relative;
}
a.about_link{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.mitome_about p{
	color:#fff!important;
	text-align:center;
	line-height:2.0em;
}
.mitome_about p strong {
   display: inline-block;
	font-weight:normal;
	font-size:1rem;
	margin-top: 15px;
}
.mitome_about .arrow{
	display:block;
	position: absolute;
	top:35%;
  right:2em;
	z-index: 100;
	width:80px;
}
.entry .entry-content section.history, .entry .entry-summary section.history{
	padding:50px 60px;
}
.history button{
	color:none;
	background:none;
}
.history button:hover{
	opacity:0.7;
}
.news{
	display: table;
}
.news div{
	float:left;
	padding-top:2em;
	display: table-cell;
}
.news h2{
	text-align:center;
	display:inline-block;
	padding:0 10px;
}
.news h2::before {
    background: none!important;
		height:0!important;
		margin:0!important;
		width:0!important;
		font-weight:normal;
}
.news table{
	float:left;
	margin:2em 0 0 0;
	border: 0!important;
}
.news table td{
	border-right:0!important;
	border-left:0!important;
	border-top:0!important;
	border-bottom:0!important;
}
.news table dl {
	margin-left:4em;
}
.news table dl dt{
	border-bottom:1px solid #cdcdcd!important;
	padding-top:1em;
	padding-bottom:1em;
	display:inline-block;
	width:10%;
}
.news table dl dd{
	border-bottom:1px solid #cdcdcd!important;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:2em;
	display:inline-block;
	width:80%;
}
.news th{
	text-align:center;
	border:none;
}
.news_title h2 img{
width:150px;
	margin-bottom:1rem;
}
.news table th,.news table td{
	padding:0;
	word-break:none;
}
.news .col-sm-2{
	padding-left:0;
	padding-top:2em;
}
.ec_store{
	padding-bottom:4em;
}
.ec_store,.ec_store section{
	background:#dde7ef;
}
.ec_store section.fdb-block{
	padding: 0 0 1em 0!important;
}
.ec_store section .container{
	background:#fff;
  box-shadow: 0px 0px 10px 0px rgba(77, 149, 203, 0.35);
}
.ec_store h2{
	background:#4d95cb;
	text-align:center;
	margin-bottom:4em!important;
}
.ec_store h2 img{
	max-width:1140px;
}
.ec_store a.btn-blue {
    margin:1em auto 3em!important;
}
.ec_store .textbox{
	text-align:center;
}
.ec_store img.original{
	border:1px solid #dae5ee;
}
.ec_store small{
	font-size:0.8em!important;
	color:#4d95cb!important;
	display:block;
	margin:0.8em 0 0.5em;
}
p.mt-4.arrow{
	display:inline-block;
	height:100%;
}
a.mitome_btn{
	display:inline-block;
	padding:110px 0;
}
a.btn-secondary.mitome_btn:hover{
	background-color:#1ea9e7!important;
}
a.mitome_btn img{
	width:2.5rem!important;
	margin:auto 1em;
}
.tag{text-align:left;}
.tag img{width:15px;}

.mitome_pickup h2 img{
	width:150px;
	margin:3em 0;
}
.mitome_pickup h3 {
	font-size:0.8em;
	text-align:left;
}
/*修正051520*/
.mitome_pickup h3 strong{
	font-family: "Sawarabi Mincho", serif!important;
	color:#488fc7;
	display:block;
	padding-bottom:3px;
	border-bottom:1px solid #488fc7;
	margin-bottom:3px;
	font-weight:normal;
}
.mitome_pickup p{
	font-size:0.8em;
	text-align:left;
}
.insta{
	margin:4em 0 8em;
	padding:0 4em;
}
footer#site_footer .fab{font-size:1.5em;}
footer.footer-large {
    padding-top:0!important;
	padding-bottom:0!important;
}
footer#site_footer{
	background-color:#163760!important;
	font-size:0.8em;
	text-align:left;
	padding:0!important;
}

/*修正050920*/
footer#site_footer .container{
	padding:3em 0;
}
footer#site_footer,footer#site_footer p,footer#site_footer a{
	color:#fff!important;
}


.footer_id{
	width:10%;
}

footer#site_footer h3{
	font-weight:normal;
	font-size:1em!important;
}
footer#site_footer .site_address{
	line-height:2;
	margin-top:10px;
}
footer#site_footer .flex-column .nav-link {
    padding-left:0.2rem!important;
	  padding-bottom:0.1rem;
}
footer#site_footer .footer_link{
	padding-top:3em!important;
}
.footer_mitome_original .nav-link {
	margin-left:1em;
}
footer#site_footer a:hover{
	text-decoration:underline;
}
.copyright{
	background:#f5f5f5;
	padding:1em;
	color:#666666;
}

/*subpage*/
#sabpage .first_area{

}
h2.subpage{
	background:#0172b1;
	padding:2em 0;
	width:100%;
	color:#fff;
	font-size:4rem;
	text-align:left;
	border:10px solid #0172b1;
}
h2.subpage img{
	margin-left:7em;
	width:340px;
}
/*修正051520*/
#subpage h3{
	margin:3em 0 2em 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
  font-family: "Sawarabi Mincho", serif!important;
	padding:1em 0;
	text-align:center;
	color: #000;
}
/*修正051520*/
#subpage h4{
	margin:3em 0 2em 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
  font-family: "Sawarabi Mincho", serif!important;
	padding:0.5em 0;
	text-align:center;
	color: #000;
}
/*修正051520*/
#subpage h5{
	margin:3em 0 2em 0;
	padding:0.5em;
	color: #333;
	background:#f5f5f5;
	font-family: "Sawarabi Mincho", serif!important;
}
.about_text_area {
	position:relative;
	text-align:center;
}
.about_text_area img{
	position:absolute;
	top:-160px;
	right:0;
	width:500px;
}
/*修正051320*/
section .pickup_article{
	border-top:4em solid #dde7ef;
	border-bottom:4em solid #dde7ef;
	border-right:8em solid #dde7ef;
	border-left:8em solid #dde7ef;
	padding:0em 8em 0em 8em;
}
section .pickup_article .photo{
	margin:2em;
}

/*修正051520*/
section .pickup_article h2{
	background:#0172b1;
	padding:2em;
	font-size:24px;
	font-weight:bold!important;
	letter-spacing:5px;
	text-align:center;
	color:#fff;
	 font-family: "Sawarabi Mincho", serif!important;
}
section .pickup_article h2 span{
	display:block;
	font-weight:bold;
	color:#fff;
	font-size:80%;
	padding-bottom:5px;
}
section .pickup_textarea{
	max-width:1000px;
	margin:0 auto;
}
.pickuptitle{
	width:250px;
	margin:0 auto;
}
.pickup_list_text{
	line-height:2;
}
.entry .entry-content a.btn-blue{
	text-decoration:none!important;
	font-size:1em;
}
.pickup_article_list section.pickup_article{
	border:none;
  padding:0;
}

/*修正051520*/
.pickup_article_list section.pickup_article h2{
	background:none;
	padding:0;
	font-size:14px;
	font-weight:bold!important;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	 font-family: "Noto Sans JP", serif!important;
	word-wrap: break-word;
}
.pickup_article_list ul{
	list-style:none;

}
.pickup_article_list ul li:nth-child(odd){
background:#488fc7;
	text-align:center;
}
.pickup_article_list ul li:nth-child(even){
	background: #fff;
	text-align:center;
}
.pickup_article_list ul li {
	position:relative;
	z-index:0;
}
.pickup_article_list ul li a{
	display:inline-block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.pickup_article_list dl dt img{
	width:270px;
	padding:2em 0;
}
.pickup_article_list dl dd{
	color:#fff;
	padding-bottom:1.5em;
} 
.pickup_article_list ul li:nth-child(even) dl dd{
	color:#488fc7;
}
.pickup_article_list dl dd span.btn-white{
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	padding:0.3em 8em;
	font-size:0.8em;
	display:inline-block;
	margin:1em 0 0 0;
}
.pickup_article_list dl dd span.btn-white:hover{
	color:#488fc7;
	text-decoration:none;
	background:#fff;
}

.pickup_article_list ul li:nth-child(even) dl dd span.btn-white{
	border:1px solid #488fc7;
	color:#488fc7;
}
.pickup_article_list ul li:nth-child(even) dl dd span.btn-white:hover{
	color:#fff;
	background:#488fc7;
}

/*修正051520*/
.pickup_textarea{
  line-height:2;
  font-size:1em;
  font-family:Roboto;
}

.pickup_textarea p{
  margin-bottom:2em;
}
.post-navigation,.entry-footer{
	display:none;
}
.pagination a.pager,.pagination a.next,.pagination a.last,.pagination a.first,.pagination a.prev{
  display: inline;
  margin: 0 2px;
  padding:10px 0 0 0;
  display: inline-block;
  background:#fff;
	border:1px solid #0053a5;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}
.pagination .pager.current{
	background: #0053a5;
	color:#fff;
	display: inline;
  margin: 0 2px;
 padding:10px 0 0 0;
  display: inline-block;
	border:1px solid #0053a5;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}
.pagination a.pager:hover,.pagination a.next:hover,.pagination a.last:hover,.pagination a.first:hover,.pagination a.prev:hover{
	text-decoration:none;
	background: #0053a5;
	color:#fff;
}
/*GLOBALS*/

#wrapper{
    width:700px;
    margin:50px auto;
    height:552px;
    position:relative;
    color:#fff;
    text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;    
}

#slider-wrap{
    width:700px;
    height:552px;
    position:relative;
    overflow:hidden;
}

#slider-wrap ul#slider{
    width:100%;
    height:100%;
    
    position:absolute;
    top:0;
    left:0;     
}

#slider-wrap ul#slider li{
    float:left;
    position:relative;
    width:700px;
    height:552px;   
}

#slider-wrap ul#slider li > div{
    position:absolute;
    bottom:70px;
    left:5px;  
}

#slider-wrap ul#slider li > div h3{
    font-size:36px;
    text-transform:uppercase;   
}

#slider-wrap ul#slider li > div span{
    font-family: Neucha, Arial, sans serif;
    font-size:80%;
}

#slider-wrap ul#slider li i{
    text-align:center;
    line-height:400px;
    display:block;
    width:100%;
    font-size:90px; 
}
#slider-wrap ul#slider li span{
	font-size:80%;
	display:block;
	margin:1em 2em 0 1em;
}
#slider-wrap #pagination-wrap{
	margin-top:500px;
}
/*history*/

.history_one{
	background-image:
      url("images/about/history1.jpg");background-size:cover;
}
.history_two{
	background-image:
      url("images/about/history2.jpg");background-size:cover;
}
.history_three{
	background-image:
      url("images/about/history3.jpg");background-size:cover;
}
.history_four{
	background-image:
      url("images/about/history4.jpg");background-size:cover;
}
.history_five{
	background-image:
      url("images/about/history5.jpg");background-size:cover;
}
/*btns*/
.btns{
    position:absolute;
    width:50px;
    height:60px;
    top:50%;
    margin-top:-25px;
    line-height:57px;
    text-align:center;
    cursor:pointer; 
    background:rgba(0,0,0,0.1);
    z-index:100;
    
    
    -webkit-user-select: none;  
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none;
    
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.btns:hover{
    background:rgba(0,0,0,0.3); 
}
#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
    top: 30px; 
    right:35px; 
    width:auto;
    position:absolute;
}
#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}

/*bar*/
#pagination-wrap{
    min-width:20px;
    margin-top:350px;
    margin-left: auto; 
    margin-right: auto;
    height:15px;
    position:relative;
    text-align:center;
}
#pagination-wrap ul {
    width:100%;
}
#pagination-wrap ul li{
    margin: 0 4px;
    display: inline-block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
    opacity:0.5;
    position:relative;
  top:0;
}
#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
    opacity:1;
    box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; 
}
/*インスタグラム*/
.insta_btn3 {/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 14px;/*角丸に*/
  position: relative;
  display: block;
  height: 120px;/*高さ*/
  width: 120px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  padding-top: 12px;/*上側との余白*/
  box-sizing: border-box;
  font-size: 19px;/*文字のサイズ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn3:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn3 div {
  position: relative;
}

.insta_btn3 .fa-instagram {
    font-size: 70px;/*アイコンサイズ*/
    position: relative;
    display:inline-block;
    position: relative;
    transition: .5s
}

.insta_btn3 .fa-instagram:hover {/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
a.insta_btn3:visited {
	color:#fff;
	text-decoration:none;
}
/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
    -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    transition: all 0.3s cubic-bezier(1,.01,.32,1); 
}
/*sp*/
@media screen and (max-width:991px) {
.pickup_article_list ul li:nth-child(2n+1) {
    background: #fff;
}
.pickup_article_list dl dd {
    color: #488fc7;
}
.pickup_article_list dl dd span.btn-white {
   background:#488fc7;
	  color:#fff;
    text-decoration: none;
    padding: 0.3em 8em;
    font-size: 0.8em;
    display: inline-block;
    margin: 1em 0 0 0;
}
.pickup_article_list ul li:nth-child(2n) dl dd span.btn-white {
    background:#488fc7;
	  color:#fff;
}
}
@media screen and (min-width:768px) and ( max-width:1024px){
		.collapse:not(.show) {
    display:none!important;
}
	footer#site_footer .flex-column .nav-link{
		float:left;
		margin:0 0.5em;
	}
	.pickuptitle{
		width:200px;
	}
}
@media screen and (max-width:786px) {
	/*.collapse:not(.show) {
    display:inline!important;
}
	.navbar-expand-md .navbar-collapse{
			display: block!important;
	}
	.navbar-expand-md .navbar-toggler {
    display: inline!important;
}*/
body{
		font-size:0.7em!important;
	}
.pc_none{
		display:inline;
	}
.sp_none{
		display:none;
	}
a.mitome_btn{
		display:none;
}
	.fa {font-size:2em;}
.slider.wrapper{
  width: 100%;
  height:50vh;
}
.mitome_photo{
max-width:100%;
} 
	.mitome_about{
		padding:0 1em;
	}
.mitome_about p strong {
    display: inline-block;
    font-weight: normal;
    font-size: 0.7rem;
    margin-top: 15px;
}
	.mitome_about a.btn-white{
		margin-top:0;
	}
.news_title h2 img{
width:100px;
margin-bottom:0.5rem;
}
.news table dl {
	margin-left:0;
}
.news table dl dd{
		display:block;width:100%;padding-left:0;
	}
.news table dl dt{
		display:block;width:100%;
		border-bottom:0!important;
	}
.ec_store h2 {
    margin-bottom: 1em !important;
}
.ec_store .row{
padding:0;
} 
.ec_store section.fdb-block{
padding:0em 1em !important;
} 
	.ec_store section .pb-5,.ec_store section .py-5{
		padding:0 !important;
	}
	h2.subpage{
		text-align:center;
	}
h2.subpage img {
    margin-left: 1em;
	margin-right:1em;
    width: 80%;
}
.flexbox{
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.box1{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.box2{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}	
.box3{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
} 
.mitome_pickup h2 img{
	width:100px;
	margin:1em 0;
}
.entry .entry-content section, .entry .entry-summary section{
max-width:100%;
margin:0;
padding:2em;
} 
	.lead{
		font-size:0.8em!important;
	}
.about_text_area{
		text-align:center;
	}
.about_text_area img{
position:static;
top:0;
right:0;
	margin:0 auto 1em;
width:60%;
} 
#subpage #access h3{
		width:50%;
	margin:0 auto;
	}
	.pickup_list_text{
		margin:0 1em;
	}
	.tag{
		margin-top:0.5em;
		width:130px;
	}
section .pickup_article h2 {
padding: 2em 1em;
letter-spacing: 0;
}
footer#site_footer{text-align:center;}
	
/*修正050920*/
footer#site_footer .container{
		padding:3rem 0 1rem 0;
	}
	footer .container .row{
		margin:0;
	}
	footer#site_footer nav{
		margin-top:1em;
		display:inline-block;
		margin:0 auto;
		text-align:center;
	}
	section .pickup_article{
		border:0;
	}
	.pickuptitle{
		width:150px;
	}
/*GLOBALS*/

#wrapper{
    width:400px;
    margin:50px auto;
    height:316px;
    position:relative;
    color:#fff;
    text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;    
}

#slider-wrap{
    width:400px;
    height:316px;
    position:relative;
    overflow:hidden;
}

#slider-wrap ul#slider{
    width:100%;
    height:100%;
    
    position:absolute;
    top:0;
    left:0;     
}

#slider-wrap ul#slider li{
    float:left;
    position:relative;
    width:400px;
    height:316px;   
}

#slider-wrap ul#slider li > div{
    position:absolute;
    bottom:70px;
    left:5px;  
}

#slider-wrap ul#slider li > div h3{
    font-size:36px;
    text-transform:uppercase;   
}

#slider-wrap ul#slider li > div span{
    font-family: Neucha, Arial, sans serif;
    font-size:80%;
}

#slider-wrap ul#slider li i{
    text-align:center;
    line-height:400px;
    display:block;
    width:100%;
    font-size:90px; 
}
#slider-wrap ul#slider li span{
	font-size:80%;
	display:block;
	margin:1em 2em 0 1em;
}
#slider-wrap #pagination-wrap{
	margin-top:250px;
}
.pickup_article_list dl dd span.btn-white {
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    width: 100%;
    padding: 0.3em 0;
    font-size: 0.8em;
    display: inline-block;
    margin: 1em 0 0 0;
}
	.pickup_article_list .row {
		margin-right:0;
	}
}

/*修正051320*/
.position_parent{
  /*親要素*/
  position: relative;
  height: 200px;
}

/*追加：お知らせ(dd.lead)を左寄せに固定。
  祖先要素に.text-center/.centerが付いていても中央寄せにならないよう、
  dd自体とdd内のpタグの両方にtext-align:leftを明示しています。*/
.news dl dd,
.news dl dd.lead,
.news table dl dd,
.news table dl dd.lead{
	text-align:left!important;
}
.news dl dd p,
.news table dl dd p{
	text-align:left!important;
	margin:0 0 0.5em 0;
}

/*追加：リンクの下線を非表示に。
  上記の「a{text-decoration:underline;}」（元サイトのデータに元々あった指定）を
  ここで打ち消しています。ボタン類（.btn-blue等）は元々個別にnoneを指定済みなので
  影響ありません。*/
a{
	text-decoration:none!important;
}
a:hover{
	text-decoration:none!important;
}

/* ==========================================================================
   ヘッダー / ナビゲーション（ロゴ＋メニュー）まとめ
   これ以前は .navbar 関連の指定が複数箇所（float:right、position:absolute、
   width:100%、メディアクエリ内のtop/left/right/margin:autoでの再配置など）に
   分散していて、互いに矛盾する指定が後から追加されるたびに
   「メニューが中央に寄る」「余白ができる」といった問題を繰り返していました。
   ヘッダー・ロゴ・メニューに関する指定をここに一本化しています。
   このブロックより前に .navbar / .navbar-collapse / .site-title / header
   の位置に関する指定が出てきた場合は、重複・競合の原因になるので
   削除してください。
   ========================================================================== */

/* 土台：ロゴとメニューをflexboxで横一列に。
   画面が狭くなったら折り返してハンバーガーメニュー側に切り替わる。 */
header.clearfix{
	display:flex!important;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:0.8rem 1rem;
	position:relative;
	font-family:"Sawarabi Mincho", serif;
	background:#fff;
	z-index:100;
}
/* 重要：.clearfix::after（float時代の高さ崩れ防止用の空要素）が
   header.clearfixがdisplay:flexになったことで「見えない3つ目の
   flexアイテム」として扱われ、ロゴ・メニューの2つに加えて3分割の
   space-betweenが発生し、メニューが右端まで届かない原因になっていました。
   headerに限ってこの::afterを無効化します。 */
header.clearfix::after{
	content:none!important;
	display:none!important;
}

/* ロゴ側：float/absoluteはすべて解除し、flexアイテムとして自然な幅に */
.site-title{
	display:inline-block;
	float:none!important;
	width:auto;
	margin:0!important;
}
.title_img_sp{
	width:150px;
}

/* メニュー側：絶対配置をやめてflexアイテムとして右側に収まるようにする */
.navbar{
	position:static!important;
	top:auto!important;
	right:auto!important;
	left:auto!important;
	bottom:auto!important;
	margin:0!important;
	padding:0!important;
	background:transparent;
	font-size:0.8em;
	flex:0 0 auto!important;
	width:auto!important;
	justify-content:flex-end!important;
}
.navbar-expand-md .navbar-nav .nav-link{
	padding-left:0.6rem!important;
	padding-right:0.6rem!important;
}
header .navbar-nav a.nav-link{
	color:#333!important;
}

/* メニューのul自体：Bootstrapの.navbar-collapseはデフォルトで
   flex-basis:100%; flex-grow:1; を持っており、これが原因で
   メニュー全体がnavの中で幅いっぱいに広がり、その中のul（mr-auto/ml-auto付き）
   が中央に来てしまいます。flex-basis/flex-grow/flex-shrinkをすべて
   明示的に「伸び縮みしない・中身の幅なり」に固定し、nav内での揃え位置も
   右（flex-end）に固定します。 */
.navbar-collapse{
	flex:0 0 auto!important;
	flex-basis:auto!important;
	flex-grow:0!important;
	flex-shrink:0!important;
	width:auto!important;
	justify-content:flex-end!important;
}
.navbar-nav.mr-auto,
.navbar-nav.ml-auto{
	margin-left:0!important;
	margin-right:0!important;
}

/* タブレット幅（768〜1024px）：メニュー項目の左右余白だけ少し詰める。
   以前ここで.navbarをtop/left/right/margin:autoで再配置していたのが
   中央寄せ再発の原因だったので、位置の指定はもう行わない。 */
@media screen and (min-width:768px) and (max-width:1024px){
	header.clearfix{
		padding-bottom:1em;
		background:none;
	}
	.navbar-expand-md .navbar-nav .nav-link{
		padding-left:0.35rem!important;
		padding-right:0.35rem!important;
	}
	.title_img_sp{
		width:133px!important;
		margin-top:1em;
		margin-bottom:0;
	}
}

/* スマホ幅（786px以下）：ロゴを中央に、メニューはハンバーガーボタンで開閉 */
@media screen and (max-width:786px){
	header.clearfix{
		justify-content:center;
		text-align:center;
	}
	.site-title{
		width:auto;
	}
	.site-title a{
		display:inline-block;
	}
	.title_img_sp{
		width:100px;
	}
	.navbar{
		padding:0!important;
		margin-top:0.5em!important;
	}
}

/*追加：お知らせを dl/dt/dd から div構造に変更したことに伴うスタイル。
  日付とテキストをそれぞれ独立したdivで囲み、1つの.news-itemの中で
  flexboxで横並びにしています。同じ親の中の子要素なので、
  日付側の高さは自動的にテキスト側の高さに合わせて引き伸ばされ、
  下線(border-bottom)は.news-item自体に1本だけ引かれるので、
  本文が何行になってもズレません。*/
.news-list{
	border-top:1px solid #cdcdcd;
	float:none!important;
	display:block!important;
	padding-top:0!important;
	clear:both;
}
.news .news-item,
.news-item{
	float:none!important;
	display:flex!important;
	align-items:flex-start;
	padding:0.8em 0!important;
	border-bottom:1px solid #cdcdcd;
	text-align:left;
	font-size:0.7rem!important;
	line-height:1.6;
	width:100%!important;
	clear:both;
}
.news .news-date,
.news-date{
	float:none!important;
	display:block!important;
	padding-top:0!important;
	flex:0 0 100px;
	padding-right:1.5em;
	color:#333;
}
.news .news-text,
.news-text{
	float:none!important;
	display:block!important;
	padding-top:0!important;
	flex:1 1 auto;
	text-align:left;
}
.news-text p{
	text-align:left!important;
	margin:0 0 0.3em 0;
}
@media screen and (max-width:600px){
	.news-item{
		flex-direction:column;
	}
	.news-date{
		flex:none;
		padding-right:0;
		margin-bottom:0.2em;
	}
}

/*修正051420*/
.position_parent div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: auto;
  text-align: center;/*一応BOX内の文字も中央寄せ*/
}

.pagelist{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:6px;
	margin:2em 0;
	text-align:center;
}
.pagelist a,
.pagelist strong{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:36px;
	height:36px;
	padding:0 6px;
	border:1px solid #0053a5;
	color:#0053a5;
	text-decoration:none!important;
	background:#fff;
	box-sizing:border-box;
	font-weight:normal;
}
.pagelist a:hover{
	background:#0053a5;
	color:#fff;
}
.pagelist span{
	display:flex;
	align-items:center;
	justify-content:center;
	height:36px;
	padding:0 10px;
}
.pagelist span a{
	border:none;
	min-width:auto;
	height:auto;
	padding:0;
}