@charset "utf-8";

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　main3.css
　全ページ共通スタイルとトップページのスタイル
　最終更新日：2019年5月08日

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

*/


/* ▼▼▼▼▼▼▼▼▼▼ 共通（レイアウト）▼▼▼▼▼▼▼▼▼▼ */

body {
  margin: 0;
  padding:0;
  font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  background:-prefix-linear-gradient(bottom, #eee #fff);
  background:linear-gradient(to top, #dcdcdc, #fefefe);
  word-wrap:break-word;
  overflow-wrap:break-word; /* 20190227 追加 */
}

/* PAGE MARGINS */
main, footer, .header__menu {
  padding: 0 15px;
}

/* GRID */
.row:after {
  content: "";
  display: table;
  clear: both;
}

[class*='col-'] {
  float: left;
}

.col-100 { width: 100%; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.33%; }
.col-2-3 { width: 66.66%; }
.col-1-4 { width: 25%; }
.col-2-4 { width: 50%; }
.col-3-4 { width: 75%; }
.col-1-5 { width: 20%; }
.col-2-5 { width: 40%; }
.col-3-5 { width: 60%; }
.col-4-5 { width: 80%; }
.col-1-6 { width: 16.66%; }
.col-2-6 { width: 33.33%; }
.col-3-6 { width: 50%; }
.col-4-6 { width: 66.66%; }
.col-5-6 { width: 83.33%; }
.col-1-8 { width: 12.5%; }
.col-2-8 { width: 25%; }
.col-3-8 { width: 37.5%; }
.col-4-8 { width: 50%; }
.col-5-8 { width: 62.5%; }
.col-6-8 { width: 75%; }
.col-7-8 { width: 87.5%; }
.col-3-10 { width: 30%; }
.col-7-10 { width: 70%; }



/* パディング設定 */

.pl-20, .pl20 { padding-left: 20px; }

.pt-20 { padding-top: 20px; }

/* マージン設定 */
.mb-20 { margin-bottom: 20px; }

.mt-20 { margin-top: 20px; }

.ml-20 { margin-left:20px; }

.mr-20 { margin-right:20px; }


/* 最大幅（標準：1024px）のセンタリング */

.page-center {
  max-width: 1024px;
  margin: 0 auto;
  position:relative;
}

.box-ib {
	list-style: none;
}

.box-ib li{
	display:inline-block;
	margin-right:1.5em;
}

.text-box { /* 周りにマージンなしの箱 */
	border:1px solid #ccc;
	padding:1rem;
}

.text-box--type1 { /* 周りにマージンありの箱、スマホ設定あり */
	border:1px solid #ccc;
	padding:1rem;
	margin:1em;
}

.text-box--type2 {
	border:1px solid #ccc;
	padding:1rem;
	background-color:#efefef;
	padding:1rem;
}

img.right {
	float: right;
	margin: 0 0 0.5rem 1rem;
}

img.left {
	float:left;
	margin: 0 1rem 0.5rem 0;
}

section {
	padding-top:0.5rem;
}


/* ▼▼▼▼▼▼▼▼▼▼ 共通（装飾）▼▼▼▼▼▼▼▼▼▼ */

h1 { /* スマホ設定あり */
	color: #333;
	font-size: 1.7em;
	margin-top:0;
	padding-top:0.7em;
}

h1+p {
	padding-top: 1em;
}

h2 { /* スマホ設定あり */
  color: #333;
  font-size:1.5em;
}
a {
  color: inherit;
}
ul {
  list-style: none outside none;
}

dl {
	margin:1em 1em 1em 1.5em;
}

dt {
	font-weight:bold;
	margin-top:0.5em;
}

dd {
	margin-left:0.5em;
}

main {
  background-color:#fff;
  clear: both;
  font-size:1em;
  margin: 125px auto 0 !important;
  padding-bottom:3rem;
  position: relative;
}

main ul {
  padding-left: 0;
}
main a {
  color: #315694;
  overflow: hidden;
}
main a:hover {
  opacity: 0.8;

}

.anchor {
  display: block;
  padding-top: 125px !important;
  margin-top: -125px !important;
}

div.ma-container {
	clear:both;
	background-color:#fff;
	display:table;
	top:0 !important; 
	padding:20px 15px;
	width:100%;
}

div.ma-container > div > main {
	font-size:1em;
	background-color:#fff;
	display:block;
	padding:0 15px 0 0;
}

div.ma-container > div > aside {
	font-size:0.9em;
	background-color:#fff;
	display:block;
	box-sizing: border-box;
	background-color:#efefef;
	padding:0.5rem;
	margin:0 1rem 0 0.25rem; 
}

div.ma-container aside h2 {
	background-color:transparent;
	color:#333;
}

div.ma-container aside h2:first-child {
	margin-top: 0.5rem;
}

dl.dateList {
	overflow: hidden;
	zoom:1;
	margin:0.5rem 0;
}

dl.dateList dt { /* スマホ用設定あり */
	padding-bottom:0.5%;
	width:15%;
	font-weight:normal;
	margin-top:0;
	float:left;
	clear:both;
}

dl.dateList dd { /* スマホ用設定あり */
	margin-bottom:2px;
	padding:0 0 0.5% 8%;
}

dl.dateList--type2 { /* detailpage用XMLに適用 */
	overflow: hidden;
	zoom:1;
	margin:0 1rem;
}

dl.dateList--type2 dt { /* スマホ用設定あり */
	padding-top:1%;
	padding-bottom:1%;
	width:15%;
	font-weight:normal;
	margin-top:0;
	float:left;
	clear:both;
	font-size:0.95em;
}

dl.dateList--type2 dd { /* スマホ用設定あり */
	margin-bottom:2px;
	margin-left:0;
	padding:1% 0 1% 15%;
	border-bottom:1px #ddd solid;
	font-size:0.95em;
}

/* テキスト装飾 */

.td-kasen { /* 単純な下線 */
	text-decoration: underline; }
  .td-kasen-nijyu { /* 二重下線 IE11はNGの模様 */
   text-decoration-line: underline;
   text-decoration-style: double;
 }
 .td-kasen-nami { /* 波下線  IE11はNGの模様 */
   text-decoration-line:underline;
   text-decoration-style: wavy;
 }
 .td-torikeshi { /* 取消線 */
   text-decoration: line-through; }

   /* フォントサイズ */

   .fs-115 { font-size: 1.15em; }
   .fs-85 { font-size: 0.85em; }


   /* フォント太さ */

   .fw-bold { font-weight:bold; }
   .fw-normal { font-weight:normal; }


   /* フォント色 */
   .fc-red { color:#ff0000; }
   .fc-green { color:#006600; }
   .fc-blue { color:#0066cc; }


   /* 背景色 */
   .bgc-gray { background-color:#eee; }
   .bgc-yellow { background-color:#dcdc00; }


   /* 文字寄せ */

   .ta-left { text-align: left; }
   .ta-right { text-align: right; }
   .ta-center { text-align: center; }


   /* リンクアイコン */

   .pdfLink {
     background: url(../img/icn_pdf.gif) right center no-repeat;
     padding: 2px 25px 2px 0px;
   }

   .externalLink, .extarnalLink { /* 過去コンテンツにおけるスペルミスを包含 */
     background: url(../img/icn_link.gif) right center no-repeat;
     padding: 2px 25px 2px 0px;
   }

   .excelLink {
     background: url(../img/icn_excel.gif) right center no-repeat;
     padding: 2px 25px 2px 0px;
   }

   .wordLink {
     background: url(../img/icn_word.gif) right center no-repeat;
     padding: 2px 25px 2px 0px;
   }

   .rssLink {
     background: url(../img/icn_rss.gif) right center no-repeat;
     padding:2px 25px 2px 0px;
   }
   .jpgLink {
     background: url(../img/icn_fig.gif) right center no-repeat;
     padding: 2px 25px 2px 30px;
     margin-left:-30px;
   }

   .Linkarrow {
     background: url(../img/icn_more.png) left center no-repeat;
     padding: 2px 0px 2px 25px;
   }

/* XML機能のaタグの下線消去
合わせてaタグのhref属性にjavascript:(0)も設定する */

.noLink { 
	text-decoration: none !important;
	opacity:1 !important;
	cursor:default !important;
}


/* float解除系クラス */

.cb {
	clear:both;
}

.clearfix:after {
	clear:both;
	content:"";
	display:block;
	height:0;
}
/*-出しわけ--*/
.only-pc{
  display: block;
}
.only-sp{
  display: none;
}
@media screen and (max-width: 767px) {
  /*-出しわけ--*/
  .only-pc{
    display: none;
  }
  .only-sp{
    display: block;
  }
}

/* ▼▼▼▼▼▼▼▼▼▼ 共通（ヘッダー）▼▼▼▼▼▼▼▼▼▼ */

/* ロゴ・特定ページへのリンク */

header {
  background-color:#fff;
  position: fixed;
  top: 0;
  left: 0;
  /*min-width: 1024px;*/
  width: 100%;
  z-index: 999;
}

header > .page-center, nav > .page-center {
  max-width:1054px;
}

.header__conts,
.header__menu {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
}

.header__menu {
  text-align: right;
  margin: 0;
  font-size:0.9em;
  background-color:#fff;
  padding:5px 15px 10px;
}
.header__menu a {
  margin-left: 10px;
  text-decoration: none;
  display: inline-block;
}
.header__menu a:hover {
  text-decoration: underline;
}
.header__logo {
  margin: 10px 15px 0;
  position:relative;
  top:0;
  z-index:50;
}

.header__logo img {
  width:180px; /* w426pxの半分 スマホ設定は40% */
}

.search-input2 {
  width:31.5%; /* 20190313 レイアウト調整 */
  display:inline-block;
  vertical-align:middle;
  margin-top:10px;
  margin-left:10px;
  width: 320px;
}

.search-input2 input {
  line-height:normal !important;
  font-size:1.0em !important;
}

@media screen and (max-width: 767px) {

  header {
    min-width: auto;
  }

  .header__conts,
  .header__menu {
    display: inline-block;
    padding: 0;
  }

  .search-input2 {
    margin-top: -5px !important;
    padding: 0 2.5%;
    width: 95%;
  }
}


/* Googleカスタム検索エンジン（GCSE）枠 */

.search-input2 {
	/* width:31.5%;  20190313 レイアウト調整 */
	display:inline-block;
	vertical-align:middle;
	margin: 0 auto;
}

.search-input2 input {
	line-height:normal !important;
  font-size:1.0em !important;
}


/* ▼GCSE障害発生時用スタイル（ここから）▼
 ※GCSE障害発生時の応急対応。GSCE障害でスタイルが取れないため、
 GCSEで通常定義されているスタイルを重複で記載。
 本来不要なので、これによって別の不具合が発生する場合は、消去。 */
 .gsc-input-box { 
   border:1px solid #d9d9d9;
 }

 .gsc-search-button-v2 { 
   border-color:#fff;
   background-color:#666;
   background-image:none;
   font-size:0;
   padding:6px 27px;
   border:1px solid #666;
 }
 /* ▲GCSE障害発生時用スタイル（ここまで）▲ */


/* GCSE結果ページのみ：
　ページネーション調整（おおよそ最大幅320pxに収まる） */

.gsc-cursor-page { 
	margin-right: 10px !important;
	font-size:1.3em !important;
	border:1px solid #ddd !important;
	padding:0 3px !important;
}


/* メガメニュー （画面サイズ821px以上で表示） */

nav {
  background-color: #315694;
  font-size:0.9em;
}
.menu__items, .menu__links {
  background-color: #315694;
  text-align: center;
  vertical-align: middle;
  padding: 10px 4px;
}

.menu__items__box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding-left:0;
}

.menu__items {
  color: #fff;
  position: relative;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;    
  vertical-align:middle;
  border-left:1px solid #315694;
  border-right:1px solid #315694;
  border-top:1px solid #315694;
  padding:10px 5px;
}
.menu__items > a {
	text-decoration:none;
}

.dropdown-menu {
  display: none;
  background-color: #fafafa;
  position:absolute;
  width:100%;
  z-index:100;
  padding: 20px 40px;
  box-sizing: border-box;
  border-bottom:1px solid #315694;
  border-left:1px solid #315694;
  border-right:1px solid #315694;
}

.menu__items.active {
  background-color: #fafafa;
  color: #315694;
}
.menu__content--hidden {
  display: none;
}
.menu__content h2 {
  margin: 0;
  font-size: 1.3em;
  margin-bottom: 10px;
}
.menu__content a {
  padding-left: 20px;
  padding-right: 8px;
  text-decoration: none;
  border-left: 1px solid #333;
  margin-left: 5px;
  line-height: 1.8;
}
.menu__content h2 a {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

.menu__content a:hover {
  text-decoration: underline;
}

[class*='col'] > h2 {
  margin-top: 0;
}

.menu__links { /* only on mobile */
  display: none;
  box-sizing: border-box;
  border-bottom: 1px solid white;
  color: #fff;
}
.menu__links a {
  color: #fff;
  text-decoration: none;
}

.header__menu__subset:last-of-type {
  margin-top: 10px;
  text-align: center;
}
.header__menu__subset > a {
  display: block;
  margin-top: 5px;
}

/*
.header__menu__subset a:nth-of-type(2), .header__menu__subset a:nth-of-type(4), .header__menu__subset a:nth-of-type(5), .header__menu__subset a:nth-of-type(6) {
  border-radius: 20px;
  padding: 2px 10px;
  color: white;
}
*/

.header__menu__subset a:nth-of-type(2) {
  background-color: #f96b06;
  border-radius: 20px;
  padding: 2px 10px;
  color: white;
}

/*

.header__menu__subset a:nth-of-type(3) {
  background-color: #f96b06;
}

.header__menu__subset a:nth-of-type(4) {
  background-color: #315694;
}

.header__menu__subset a:nth-of-type(5) {
  background-color: #009944;
}

.header__menu__subset a:nth-of-type(6) {
  background-color: #920783;
}

*/

/* ▼▼▼▼▼▼▼▼▼▼ 共通（メインコンテンツ） ▼▼▼▼▼▼▼▼▼▼ */

.df {
	display:-webkit-box;
	display:-ms-flexbox;
  display:flex;
}

/* CARDS｜画像挿入のための設定 */
.card {
  background: #fff;
  border-radius: 2px;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  padding: 16px;
}

.card--type2 {
  box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0);
}

.card--type3 {
	background: #fff;
	box-shadow:none;
	margin-bottom:20px;
	border: 1px solid #eee;
}

.card--animated:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

/* SIDE MENU */
.side-menu {
  padding: 20px;
  max-height: 100%;
  border-right: 1px solid #ddd;
  margin-right: 40px;
    /*-webkit-box-shadow: 3px 3px 5px 6px #ccc;
       -moz-box-shadow: 0px 0px 5px 6px #ccc;
       box-shadow: 0px 0px 20px -5px #ccc;*/
       box-sizing: border-box;
       width: 100%;
     }
     .side-menu h2 {
      margin-top: 0;
    }
    .side-menu a {
      display: block;
      text-decoration: none;
      line-height: 2;
    }

    /* breadcrumb｜パンくずリスト */

    div.bc-container {
     display:block;
     background-color:#fff;
     margin:0 auto;
     padding:0 15px 30px;
   }

   .breadcrumb {
     position:relative;
     padding:8px 15px;
     margin:0;
     background-color: #f0f0f0;
     border-radius:5px;
     font-size:0.9em;
     top:10px;
     display:block;
   }

   .breadcrumb * {
    vertical-align: middle;
  }
  .breadcrumb a {
    text-decoration: none;
    color:#315694;
  }
  .breadcrumb img {
    display: inline-block;
    margin: 0 10px;
  }

/* コンテントカード：
（メインコンテンツでコンテントボックスを構成） */

.content-cards h2 {
  font-size: 1.3em;
  margin: 0 0 0.5em;
}

.content-cards h2 img {
	vertical-align:-10%;
}

.content-cards h3 {
  font-size: 1.1em;
  margin: 0.5em 0 1em;
  padding:1em 0 0.3em 0.5em;
  border-bottom:1px solid #aaa;
}

.content-cards h3:first-child {
	padding-top:0;
}

.content-cards a {
	padding-left:1em;
}

.col-1-2 .content-cards:first-of-type {
  margin-right: 20px;
}
.content-cards__links-wrapper {
  background-color: #fafafa;
  border:1px solid #eee;
  margin:0 10px;
  padding: 10px 20px;
}
.content-cards__cover {
  margin-left: -16px;
  margin-right: -16px;
}
.content-cards__links {
  display: inline-block;
}
.content-cards__links-wrapper, .content-cards__links, .content-cards__links-wrapper img, .content-cards__cover {
  margin-bottom: 10px;
}
.content-cards__links-wrapper img {
  max-width: 80%;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 2px 14px 5px rgba(0,0,0,0.1);
}
.content-cards > :last-child {
  margin-bottom: 0;
}

.content-cards__cover {
  position: relative;
  background-position: center;
  background-size: 80%;
  text-align: center;
}
.cover__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-color: rgba(255,255,255,0.6);
  z-index: 2;
}
.cover__title {
  display: block;
  margin: auto;
  font-weight: bold;
  color: #fff;
  font-size: 1.6em;
  padding: 30px 0;
  position:relative;
  z-index: 5;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}


/* ▼▼▼▼▼▼▼▼▼▼ 共通（フッター）▼▼▼▼▼▼▼▼▼▼ */

footer {
  padding :0;
  text-align: center;
  color: #fff;
  width:100%;
  background-color: #666;
  font-size:0.9em;
}
.footer__links a {
  display: inline-block;
  margin:2px 15px;
  line-height: 2;
  text-decoration:none;
}

.footer__links a:hover {
	text-decoration: underline;
}

.footer__address-and-map {
  margin-top: 5px;
  padding-top:20px;
  text-align: center !important;
  color:#000;
  background-color:#fff;
}

.footer__address-and-map .flame {
  max-width: 1024px;
  margin: 0 auto;
}

.footer__address-and-map .sns-bar {
  margin: 1rem;
}

@media screen and (min-width: 769px) {

  .footer__address-and-map .footer_address {
    text-align: left;
  }

  .footer__address-and-map .footer_address > a {
    float: left;
    margin: 0 1rem;
    text-decoration: none;
  }

  .footer__address-and-map .footer_address div {
    display: inline-block;
  }

  .footer__address-and-map .side-articles h3 {
    text-align: left;
    margin-top: 0;
  }

  .footer__address-and-map .sns-bar {
    text-align: right;
  }

  .footer__address-and-map .sns-bar a {
    margin: 0 10px;
  }
}

/* ▼▼▼▼▼▼▼▼▼▼ 詳細ページ ▼▼▼▼▼▼▼▼▼▼ */

/* DETAIL PAGE */
.detail-page {
  line-height: 1.8;
  position:relative;
  top:20px;
}

.detail-page img {
  max-width: 100%;
}

.detail-page p {
	font-size:1rem;
	margin-left:1.4rem;
  margin-right:1.4rem;
  margin-bottom: 2rem;
}

.detail-page ol {
	font-size:1em;
	margin-left:1rem;
	margin-right:1rem;
}

.detail-page ul {
	font-size:1em;
	margin-left:3rem;
	margin-right:1rem;
	list-style-type:disc;
}

.detail-page li {
	margin:0 0.5rem 0.5rem 0;
}
/*----*/

/*--画像丸める--*/
.detail-page figure img{
	border-radius:5px;		
}

ul.ls-none {
	list-style-type:none;
	padding-left:1rem;
}

ol.kakkoList--type1, ul.kakkoList--type1 { /* カッコつき数字の箇条書きリスト（全角数字）  */
	text-indent:-2em;
}

ol.kakkoList--type1 li, ul.kakkoList--type1 li { /* カッコつき数字の箇条書きリスト（全角数字）  */
	list-style-type: none;
}

ol.kakkoList--type2, ul.kakkoList--type2  { /* カッコつき数字の箇条書きリスト（全角数字）  */
	text-indent:-3em;
}

ol.kakkoList--type2 li, ul.kakkoList--type2 li { /* カッコつき数字の箇条書きリスト（全角数字）  */
	list-style-type: none;
}
/* ↑箇条書きリストの文字数によってバリエーション増やす */

ul.Listarrow {
	padding-top:0.5rem;
}


.type--linkbox > ul.Listarrow {
	padding-top:0;
}

.type--btnlink a{
	padding: 8px 8px 8px 40px;
  font-size: 1em;
  border: 1px solid #ddd;
  border-bottom: 5px;
  margin: 0.75rem 1.5rem 0 0.5rem;
  background:#ffe6ae url(/j/common/img/bg_arrow2.gif) center left no-repeat;
  color: inherit;
  width: 30%;
  display:block;
  font-weight:bold;
}
.type--linkicon a img {
  vertical-align: middle;
  padding-right:10px;
  display: inline-block;
  width:30px;
}
ul.Listarrow li {
	list-style:none;
	margin:0 0 0.75rem 0;
	background: url(../img/icn_more.png) left center no-repeat;
	padding: 2px 0px 2px 25px;
	line-height:1.3;
}

aside ul {
	margin-left:0.75rem !important;
}

aside ul.Listarrow {
	padding-left:1rem;

}

.detail-page h1 {
	color:#333;
	font-size:1.5em ;
	padding:0.15rem 0.65rem 0 ;
	margin:0 0 0.5rem 0.5rem;
	border-left:1rem solid #454545;

}

.detail-page h2 { /* 見出しタグ（デフォルト） */
	background-color:#696969;
	border-left:0.4rem solid #454545;
	margin:1.25rem 1rem 0 0.5rem;
  padding:0.35rem 0.5rem;
  font-size: 1.2em;
  color: #fff;
}

.detail-page h3 { /* 見出しタグ（デフォルト） */
	margin:	1.25rem 1rem 0 0.5rem;
  padding:0.3rem 0.9rem;
  font-size: 1em;
  background: linear-gradient(to top, #dcdcdc, #efefef);
}

.detail-page h4 { /* 見出しタグ（デフォルト） */
	margin:	1.25rem 1rem 0 0.5rem;
  padding:0.3rem 0.9rem;
  font-size: 1em;
  border-bottom:3px double #aaa;
}

.detail-page h2.type--link, .detail-page h3.type--link, .detail-page h4.type--link { /* 見出しタグ（リンクタイプ） */
	padding:8px 8px 8px 40px ;
	font-size:1em;
	border:1px solid #ddd;
	margin:0.75rem 1rem 0 0.5rem;
	background: url("../img/bg_arrow2.gif") center left no-repeat;
	color:inherit;
}

.detail-page h2.type--link a, .detail-page h3.type--link a, .detail-page h4.type--link a { /* 見出しタグ（リンクタイプ） */
	width:100%;
	display:block;
}


.type--linkbox {
	margin:0 1rem 1rem 0.5rem !important;
	border-top:none;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding: 8px 8px 8px 24px;
}

.type--linkbox2 {
	margin:0 1rem 0 0.5rem !important;
	border-top:none;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding: 8px 8px 8px 24px;
}
div.type--linkbox, p.type--linkbox {
	font-size:0.9em;
}

.type--linkbox ul {
	margin-left:1em;
}

.type--linkbox ol {
	margin-left:0;
}

.type--imgbox {
	margin:0 1rem 0 0.5rem !important;
	border-top:none;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding: 16px 8px 4px 8px;
	text-align: center;
}

.inbox { /* 20180813 */
	margin:0.5em !important;
}

.type--photo img {
	margin:0.5em;
}

div.daijin-photo { /* 20180814 大臣動静写真用 */
	margin: 0 auto;
}

div.daijin-photo > figure { /* 20180814 大臣動静写真用 */
	padding: 1em;
	margin: 0;
	box-sizing:border-box;
}

div.daijin-photo > figure:nth-of-type(odd) {  /* 20180814 大臣動静写真用 */
	clear:both;
}

.daijin-photo figure img {
  width: 100%;
}

@media screen and (min-width: 768px)  {
  .daijin-photo figure img {
    width: 40%;
  }

  .daijin-photo figure.col-1-2 img {
    width: 80%;
  }

  .daijin-photo figure.vertical img {
    width: 50%;
  }
}

.no_bb {
	border-bottom:none;
}

.kaiken p { /* 20180723 大臣会見用QAインデント */
	text-indent:-1em;
	margin-left:2em;
}

.kaiken-box {
	margin:1.5em 1em 1em;
	border:1px solid #ccc;
}


/* 二段目から一字分字下げ（汎用） */

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

/* 二段目から二字分字下げ（汎用） */

.indent-double {
	padding-left: 1em;
	text-indent: -2em;
}


/* 見出しタグカラーリング */

.h-color--type1 { /* 防衛省の取組（茶） */
	border-color:#8B4513 !important;
}
.h-color--type2 { /* 防衛省の組織（サイトの基本色：紺） */
	border-color:#315694 !important;
}
.h-color--type3 { /* 採用（エメラルドグリーン） */
	border-color:#009e96 !important;
}
.h-color--type4 { /* 報道（ダークオレンジ） */
	border-color:#FF8C00 !important;
}
.h-color--type5 { /* 広報・イベント（緑） */
	border-color:#009944 !important;
}
.h-color--type6 { /* 調達情報（薄い紫） */
	border-color:#E4007F !important;
}
.h-color--type7 { /* 所管法令等（青） */
	border-color:#0068b7 !important;
}
.h-color--type8 { /* 各種手続（空色） */
	border-color:#00a0e9 !important;
}
.h-color--type9 { /* 予算関連（紫） */
	border-color:#920783 !important;
}
.h-color--type0 { /* 緊急情報（赤） */
	border-color:#ff0000 !important;
}


.article-thumbnails {
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  background-color: #b9c6f8;
  background-size: auto 140px;
  height: 140px;
  width: 140px;
  border-radius: 5px;
  margin-top: 10px;
  margin-right: 10px;
  box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0);
  position:relative;
}

.thumbnails--vertical {
  background-size: 140px auto !important;
}

.thumbnails__hover_box {
  position: absolute;
  top: 140px;
  background-color: #EFF3FF;
  padding: 30px;
  width: 600px;
  z-index: 50;
  box-sizing: border-box;
  border: 1px solid #315694;
}
.thumbnails__hover_box img {
  vertical-align: middle;
}
.thumbnails__hover_box p {
  margin-bottom: 0;
}
.thumbnails__text {
  display: none;
}


/* table */

.tbl--type1, .tbl--type3{
	margin:1em;
	border:	1px solid #ccc;
	border-collapse: collapse;
	width:95%;
}

.tbl--type1{
	min-width:600px; /* 20181101 横スクロールとセット。tbl--type3は400px制限なし。横スクロールなし。 */
}

.yoko-scroll { 
  overflow-x:scroll;
  /* 20181101 tbl--type1とセット。テーブルを横スクロールさせる目的 */
}

.yoko-scroll::-webkit-scrollbar { 
	height:10px;
}

.yoko-scroll::-webkit-scrollbar-track { 
	margin:0 2px;
	background-color:#ccc;
	border-radius:5px;
}

.yoko-scroll::-webkit-scrollbar-thumb { 
	background-color:#666;
	border-radius:5px;
}

.tbl--type1 th, .tbl--type1 td, .tbl--type3 th, .tbl--type3 td {
	border:	1px solid #ccc;
	padding:0.25em 0.5em;
}

.tbl--type1 th, .tbl--type3 th {
	background-color: #eee;
}

table[class*='tbl--type2'] { /* 要人の出張予定日程・災派用 */
	margin:1em;
	border-collapse:collapse;
	width:90%;
}

table[class*='tbl--type2'] th {
	background-color:#efefef;
	border:5px solid #fff;
}

table[class*='tbl--type2'] th, table[class*='tbl--type2'] td  {
	padding:0.5em 0.5em;
}

.tbl--type2 th {
	text-align:right;
}

.tbl--type2_th27 th, .tbl--type2_saiha th {
	text-align:left;
	width:27.5%;
}

.tbl--type2_th40 th, .tbl--type2_daijin th {
	text-align:left;
	width:40%;
}

.tbl--type2_th50 th {
	text-align:left;
	width:50%;
}
/*--一行目が狭いテーブル--*/
.tbl-type_nar th:nth-child(1),.tbl-type_nar td:nth-child(1){
  width:30%;
  white-space: nowrap;
}
@media screen and (max-width: 850px)  {
/*  .tbl--type1{
    min-width:inherit;
    }*/

    .tbl--type1, .tbl--type3{
      margin:1em;
      border: 1px solid #ccc;
      border-collapse: collapse;
      width:auto;
    }
  }
  /* ▼▼▼▼▼▼▼▼▼▼ トップページのみ（メインコンテンツ）▼▼▼▼▼▼▼▼▼▼ */

  /*  スライダー機能 */

  .slider ul {
    padding-left: 0;
    margin-bottom:0;
  }
  .slider li {
    display: block;
    float: left;
    margin-right: 6px;
    /* cursor:pointer; */
  }
  .slider img {
    display: block;
    height: auto;
    max-width: 100%;
    border-radius: 5px;
  }
  .slider li {
    position: relative;
  }
  .slider__title {
    position:absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: 35px;
    line-height: 38px;
    background-color: rgba(254,254,254,0.95);
    /*    border-bottom:2px solid #315694; */
    text-align: center;
    margin: 0;
    font-size: 1em;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius:3px;
  }
  .slider__title {
    color: #132138;
    font-weight:bold;
    text-decoration:none;
  }
  .lSGallery {
    margin-top: 5px !important;
  }
  .lSGallery li {
    padding: 5px 5px;
    box-sizing: border-box;
  }
  .lSGallery li.active {
    background-color: #E5EAF8;
    border: 1px solid #5096FF;
    border-radius:0px !important;
  }
  /* TOPのみフォントサイズ */
  .top-fs{font-size:1rem!important;}

  /* SNS BAR */
  .sns-bar {
    text-align: center;
  }
  .sns-bar a {
    display: inline-block;
    margin: 0 8px;
    vertical-align: top;
  }
  .sns-bar a:hover {
    opacity: 0.8;
  }

  .card__top__slider {
    position: relative;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding: 15px 10px;
    margin-bottom:15px;
  }
  /*-TOPのみ-*/
  .lSSlideWrapper ul li a{
    overflow: none;
    display: block;
    border-radius: 5px;
  }
  .lSSlideWrapper ul li a img:hover{
    opacity: 0.8;
    overflow: none;
    border-radius: 8%;
    transition-duration: 0.5s;
    transform: scale(1.05);
  }

  .slider_stop {
   position: absolute;
   right:5px;
   bottom:10px;
 }

 .slider_stop button {
   background: none;
   border:none;
   outline:none;
   margin:0 3px;
   padding:0;
 }

 .slider_stop button img {
   width:18px;
   height:18px;
   border:none;
 }

 .slider_stop button img:hover {
   opacity:0.7;
 }

 .detail-page ul.js-slider {
   margin-left:0;
   margin-right:0;
   list-style-type:none;
 }
 .js-slider_box {
  margin: 0.75em 1em 0 0.5em;
  list-style-type:none;
  position: relative;
}


/* SIDE ARTICLES｜右サイド */
.side-articles {
	margin:15px 15px 10px;
  padding: 5px 18px 10px;
  border:1px solid #ccc;
  text-align:center;
  background-color: #fafafa;
  border-radius:5px;
}

.side-articles > a > span {
	text-decoration: underline;
}

.side-articles h2 {
  font-size: 1.2em;
  margin: 8px 0 12px;
  text-decoration: none;
  text-align:left;
  color:#111;
  border-left:8px solid #315694;
  padding-left:5px;
}
.side-articles img {
  max-width: 100%;
  border-radius: 5px;
}
.side-articles figure{
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  margin: 0px;
  padding: 0;
}
.side-articles figure img {
  border-radius:5px;
}
.side-articles figure img:hover {
  opacity: 0.8;
  overflow: none;
  border-radius: 10%;
  transition-duration: 0.5s;
  transform: scale(1.05);
}

.side-articles ul li {
  list-style-type: none;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em;
}

.side-articles ul li::before {
  content: "･";
  margin-right: 1px;
}

.side-articles ul li + li {
  margin-top: 5px;
}

@media screen and (max-width: 767px)  {
  .side-articles div{
    width:100%;
    height: auto;
  }
  .side-articles figure{
    width: 100%;
    height: auto;
  }
}

/* CLOSEUP */

.closeup h2 {
	margin:0 0 30px;
	border-left:10px groove #315694;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	font-size:1.3em;
}

.closeup {
	padding:0 5px 15px;
}

ul.closeup2 {
	margin-left:1rem;
	list-style-type:none !important;
	padding:0 5px 15px;
}

.closeup__item {
  border-bottom: 1px solid rgba(100,139,255,0.25);
  padding:8px 0;
  line-height: 1.4em;
}
.closeup__item .closeup__title {
  display: table-cell;
}
.closeup__title a {
  font-size:0.9em;
}
.closeup__item .date {
  display: inline;
  color: #333;
  margin-right: 10px;
  font-size: 0.8em;
}
.closeup__item .tags, .dateList--type2 .tags {
  display: inline-block;
  width: 85px;
  margin-right: 15px;
  height: 23px;
  font-size:0.8em;
  text-align: center;
  line-height: 1.9em;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color: #fafafa;
}

.closeup__item .tags {
	float: left; /* optional */
}
.close-articles2{
  margin:0px 0 10px;
  padding: 0px 10px;
  border:1px solid #ccc;
  background-color: #fafafa;
  border-radius:5px;
}
.close-articles2 ul{
  margin:10px 0 0;
  padding: 0px ;
}
.tags.color_0 { /* 白（無色） */
  border: none;
  padding-left:6px;
  background-color: #fff;
}
.tags.color_1 { /* 青色 */
  border-left: 6px solid #0066cc;
}
.tags.color_2 { /* 緑色 */
	border-left: 6px solid #006600;
}
.tags.color_3 { /* 黄色 */
	border-left: 6px solid #dcdc00;
}
.tags.color_4 { /* 赤色 */
	border-left: 6px solid #cc0000;
}
.tags.color_5 { /* 茶色 */
	border-left: 6px solid #5A280A;
}

.see-more-closeup-link {
  text-align: right;
  margin: -55px 0 12px;
  font-size:0.9em;
}


/* RELATED LINKS｜関係機関 */
.related-links-section {
	position:relative;
  text-align: center;
  background-color: #fafafa;
  padding: 5px;
  z-index:1;
  border-radius: 6px;
  border:1px solid #ccc;
}

.related-links {
  background-color: #ff9;
  display: inline-block;
  margin: 0 3px 12px 3px;
  width: 160px;
  height: 48px;
  box-sizing: border-box;
  padding: 0 !important;
}

.related-links a {
  display: inline-block;
}
.related-links img {
	width:160px;
	height:48px;
}

.related-links-type2, .related-links-type2 img {
	width: 160px;
	height:75px;
}


/* TABS SECTION｜お知らせ・更新情報 */
.tabs-section{
  margin-bottom: 30px;
}
.tab-labels-container {
  overflow: hidden;
} 

.tab-labels-container h2 {
	margin:0 0 10px;
	font-size:1.2em;
}

.tab-labels {
  background-color: #fafafa;
  float: left;
  border-top: 1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:none;
  border-radius: 5px 5px 0 0;
  outline: none;
  cursor: pointer;
  padding: 10px 20px 0;
  transition: 0.3s;
  color:black;
  position:relative;
}


.tab-labels:after {
  content: '';
  width: 0%;
  height: 3px;
  position: absolute;
  bottom:8px;
  left: 50%;
  margin-bottom:1px;
  background: #6f90b8;
  background: linear-gradient(to right, #6f90b8 0%,#0c1525 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f90b8', endColorstr='#0c1525',GradientType=1 ); 
  transition: all 0.5s ease-in-out;
}

.tab-labels.active:after{
  width: 80%;
  left: 10%;
  padding-left:1px;
}

.tab {
  display: none;
  padding: 15px 20px;
  border: 1px solid #ccc;
  background-color: #fafafa;
  animation:fade .4s  ease-in 1;
  -webkit-animation:fade .4s  ease-in 1;
}

.rss_icon{
	vertical-align:middle;
	margin:0 3px;
	line-height:10%;
}

@-webkit-keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0.2}
  66.666% { opacity: 0.2}
  100% { opacity: 1}
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0.2}
  66.666% { opacity: 0.2}
  100% { opacity: 1}
}
.tab .news { margin: 0; padding: 0; list-style: none; }
.news__item {
  display: block;
  border-top: 1px solid #d9dffc;
  padding: 10px 0;
  width:100%;  /* 20180531 */
}

.news__item .news__title {
  display: table-cell;
  width:77%; /* 20180531 */
}
.news__title a {
  color: #315694;
  padding-bottom: 2px;
  font-size:0.9em;
}

.news__item .date {
	font-size:0.9em;
	font-weight:bold;
  width: 18%;  /* 20181018　小画面は22%にする設定にした */ 
  margin: 0 5px 0 0; /* 20180531 */
  float: left;
}
.see-more-items {
  text-align: right;
  margin: 5px 0 15px;
  font-size: 0.9em;
}

.see-more-items a:hover {
  opacity: 0.8;
}
.news-tabs-header {
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;

}
.news-tabs-header.active {
  margin-bottom: 0;
}
.news-tabs-header:hover {
  opacity: 0.8;
}
.news-tabs-header:after {
  background-image: url(../img/icn_down_arrow.png);
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: center 9px;
  background-color: #f0f0f0;
  height: 36px;
  margin-top: 6px;
  cursor: pointer;
  content: "";
  display: block;
  transition: all 0.5s ease-in-out;

}
.news-tabs-header.active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


/* KEYWORDS BUTTON */
.keywords-buttons-container h2 {
	margin:0 0 5px;
	border-left:10px groove #315694;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	margin-bottom:15px;
	font-size:1.2em;
}

.keywords-buttons-container {
	margin: 30px;
	max-width:800px;
}
.keywords-buttons-container ul{
	margin: 0 auto;
	list-style: none;
	padding:0;
	max-width:100%;
}
.keywords_buttons__title {
  display: block;
  text-align: center;
}
.keywords_buttons__title:hover,.dropdown__keywords a:hover {
  cursor: pointer;
  opacity:0.8;
}
.keywords_buttons__title > img {
	width:100%;
	max-width:275px;
}

.keywords_buttons__dropdown ul:after{
	content: '';
	border:10px solid transparent;
	border-bottom-color: #5096FF;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -15px;
	z-index:100;
}
.keywords_buttons__dropdown ul:before{ 
	content: '';
	border:10px solid transparent;
	border-bottom-color: #E5EAF8;
	position: absolute;
	top: -19px ;
	left: 50%;
	margin-left: -15px;
	z-index: 100;
}

.keywords_buttons__dropdown {
	display: none;
	z-index:1;
  padding: 18px 0px;
}
.keywords_buttons {
  margin-bottom: 10px;
}
.keywords-buttons-container ul li {
	position: relative;
	z-index:99;
}
.dropdown__title h3 {
  margin: 0 0 10px;
}
.keywords_buttons__dropdown ul {
  display: block;
  position: relative;
  border:1px solid #5096FF;
  padding: 15px 18px;
  background:#E5EAF8;
  border-radius: 3px;
  transition: all 0.5s ease-in-out;
}

.dropdown__keywords a {
  background:#fff;
  border:1px solid #b9c6f8;
  margin-bottom: 10px;
  color: #315694;
  padding: 5px 15px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.dropdown__keywords p { margin: 0 0 10px; }
.dropdown__keywords a:hover, .dropdown__keywords a:focus { opacity: 0.7;}
.dropdown__keywords:last-child a { margin-bottom: 0; }



/* ▼▼▼▼▼▼▼▼▼▼ メディアクエリ ▼▼▼▼▼▼▼▼▼▼ */

/* 大ブレークポイント：820px */

@media screen and (max-width:1070px) {
  /* ma-containerで横スクロール出さない用（ブラウザのスクロールバーも含め） */
  div.ma-container { 
    box-sizing:border-box;
    max-width:1054px;
  }
  /*--ボタンサイズ変更--*/
  .type--btnlink a{
    width:auto;
  }
}

@media screen and (min-width: 768px) {

	.menu__content a {
		display:inline-block;
		margin-bottom: 3px;
	}

	.nav-area, .sp_nav {
		display:none;
	}

	.dropdown-menu.active {
   display: block;
 }
 .sp_nav {
  display: none !important;
}

.keywords-buttons-container {
  height:100px;
  overflow:visible;
  z-index:1;
}


}

@media screen and (max-width: 767px)  {

	body {
		background: none;
	}

  [class*='col-'] {
    float: none;
    width: 100%;
  }
  .detail-page {
    line-height: 1.5;
  }

  .df {
    display: block !important;
  }
  .side-menu {
    border-right: 0 !important;
  }

  .voice-player-btn {
    display: none !important;
  }

  .js-burger-on-mobile {
    display: none !important;
  }

  .breadcrumb {
    top:10px;
  }

  .menu__links {
    display: block;
  }

  .header__menu {
    font-size: 14px !important;
  }

  .header__logo img {
    width:170px;
  }

  .search-input2, .search-input {
    display: block;
    width: 90%;
    margin-top: 10px;
    margin-left: 0;
  }
  .switch-box {
    display: none;

    margin-top: 37px;
    margin-right: 4px;
  }
  .burger-button {
    display: block;
  }
  .sur-mobile-menu-area {
    display: block;
  }
  .top-link { display: none; }
  .tab { padding: 15px; }
  .news__item .date { 
    margin-top:2px; /* 20180531 */
    margin-right: 3px;
    font-size:0.8em; /* 20180531 */
  }
  .tab-labels { width:50%; box-sizing: border-box; text-align: center; }

  nav {
    display: none;
  }

  nav.breadcrumb {
   display:block;
 }

 .menu__items__box {
   display:block;
 }

 .menu__items {
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid white;
}
.menu__content a {
  display:block;
}

.dropdown-menu.active  {
 display: none;/* モバイル：ドロップダウンメニュー非表示 */
}

/* ハンバーガーメニュー（別途作成分） */

.nav-area {
  position:absolute;
  top:5px;
  right:10px;
  z-index:110;
}

.sp_nav{
  width: 100%;
  display: none;
  position: absolute;
  top:0;
  left: 0;
  z-index: 100;
  background-color: rgba(239,243,255,0.6);/* #EFF3FFの透過 */
  padding-top:67px;
}
.sp_nav a:hover{
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
}
.sp_nav ul{
  list-style-position: outside;
  list-style: none;
  padding-left:0;
  margin:0;
}
.sp_nav ul ul{
  margin-left:0;
}
.sp_nav > ul > li{
  width: 100%;
  display:block;
  background: #315694;
}
.sp_nav > ul > li > ul > li {
  width:100%;
  display:block;
}
.sp_nav ul li a{
  color: #fff;
  padding:10px 15px;
  position: relative;
  border-bottom:1px solid #fff;
  display: block;text-decoration: none;

}
.sp_nav ul li span.menu_icn{
  position: absolute;
  top:0;
  bottom:0;
  margin:auto;
  font-size: 2.0rem;
  height: 20px;
  width: 20px;
  right:10px;
  margin: auto;
  line-height: 1;
  font-weight: bold;
}
.sp_nav ul li span.menu_icn span{
  font-size: 1.5rem;
}

.sp_nav ul li.nav_choku a::after{
  display:block;
  content:"";
  position:absolute;
  top:50%;
  right:10px;
  width:6px;
  height:6px;
  margin:-4px 0 0 0;
  border-top:solid 3px #fff;
  border-right:solid 3px #fff;
  transform:rotate(45deg);
}
.sp_nav ul li span.on{
  display: none;
}
.sp_nav ul li span.off{
  display: block;
}
.sp_nav ul li.active span.on{
  display: block;
}
.sp_nav ul li.active span.off{
  display: none;
}
.sp_nav ul li.active {
  background: #8cbdcc;
}
.sp_nav ul li.active a{
  color: #1a1a1a;
}
.sp_nav .sp_sub{
  display: none;
}
.sp_nav .sp_sub li{
  position: relative;
}

.sp_nav .sp_sub li a{
  background: #EFF3FF;
  color: #333;
  padding-left: 20px;
  border-bottom: 1px solid #333;
}
.sp_nav .sp_sub li a{
  margin-bottom: 0;
}
.sp_nav .sp_sub li a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #315694;
  border-right: solid 2px #315694;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sp_nav .bottom_menu{
  padding:10px;
  font-size: 0;
  list-style: none;
  list-style-position: inside;
}
.sp_nav .bottom_menu li{
  width: calc(48% - 2px);
  display: inline-block;
  color: #006c8f;
  border: 1px solid #006c8f;
  vertical-align: top;
  margin-bottom: 10px;
  font-size: 1.6rem;
  list-style: none;
}
.sp_nav .bottom_menu li a{
  color: #006c8f;
  background: #fff;
  text-align: center;
  line-height: 2;
  vertical-align: middle;
}
.sp_nav .bottom_menu li:last-child a{
  line-height: 1;

}
.sp_nav .bottom_menu li:nth-child(even){
  margin-left: 4%;
}
.sp_nav a.close{
 text-align: center;
 background: #006c8f;
 color: #fff;
 text-decoration: none;
 padding:0;
 display: block;
 width: 100%;
}

a.sp_menu {
  font-size: 4.0rem;
  line-height: 1;

}
a.sp_menu span.menu_img , header .search_spbtn span.search_img{
  display: inline-block;
}
a.sp_menu span.menu_img_on , header .search_spbtn span.search_img_on{
  display: none;
}
a.sp_menu.active span.menu_img , header .search_spbtn.active span.search_img{
  display: none;
}
a.sp_menu.active span.menu_img_on , header .search_spbtn.active span.search_img_on{
  display: inline-block;
}

.menu__items {
  padding-left: 10px;
  padding-right: 10px;
}
.keywords_buttons__dropdown {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.keywords_buttons__dropdown ul {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.dropdown-menu {
  width: 100% !important;
}
.closeup__item .tags {
 float:none;
}

/* DETAIL PAGE（スマホ専用設定） */

.detail-page {
  top:10px;
}

.detail-page h1 {
  font-size:1.4em ;
}

.detail-page h2 { /* 見出しタグ（デフォルト） */
 font-size: 1.1em;
}

.detail-page h2.type--link, .detail-page h3.type--link, .detail-page h4.type--link { /* 見出しタグ（リンクタイプ） */
  padding:5px 5px 5px 40px ;
  font-size:1em;
  margin:0.75rem 1rem 0 0.5rem;
}

.detail-page ol {
  margin-left:0.5rem;
}
/*---スライダー文字サイズ-*/
.lSSlideWrapper ul li a{
  font-size: 0.77rem;
}
dl.dateList dt {
  padding-bottom:0;
  margin-bottom:0;
  float:none;
  width:50%;
}

dl.dateList dd {
  margin-left:0;
  padding-left:0;
}

dl.dateList--type2 dt { /* スマホ用設定 */
  padding-top:2%;
  padding-bottom:0;
  width:100%;
  margin-top:0;
  float:none;
  font-size:0.9em;
}

dl.dateList--type2 dd { /* スマホ用設定 */
  padding:0 0 2% 1%;
  font-size:0.9em;
}

div.ma-container { /* スマホ用設定 */
  padding:1rem 0 1rem 1rem;
  box-sizing:border-box;
}

div.ma-container > div > aside {
  display: block;
  margin-top: 1.5rem;
  margin-right:1.5rem;
}

ul.Listarrow {
  margin-left:1.5rem;
}

aside > ul > li{
  display:inline-block;
  padding-right:1.2rem;
}

.text-box--type1 { /* 周りにマージンありの箱、スマホ設定 */
  border:1px solid #ccc;
  padding:1rem 0.5rem;
  margin:1rem 0.5rem;
}

.text-box--type1 > ul, .text-box--type1 > ol {
  margin-left:1rem;
  padding-left:0.5rem;
  margin-right:0.5rem;
}

.text-box--type1 > ul li, .text-box--type1 >ol {
  margin-right:0;
}

.text-box--type1 > ul.Listarrow {
  margin-left:0.5rem;
}

ol.kakkoList--type1  { /* カッコつき数字の箇条書きリスト（全角数字）  */
  margin-left:2.5rem;
}

table[class*='tbl--type2'] { /* 要人出張用、災派用（報道資料）20180820 */
  margin:1em 0.5em;
}

table[class*='tbl--type2'] th { /* 要人出張用、災派用（報道資料）20180820 */
  text-align:center;
}

table[class*='tbl--type2'] th, table[class*='tbl--type2'] td{ /* 要人出張用、災派用（報道資料）20180820 */
  width:100%;
  display:block;
}

}

/* 小ブレークポイント */

@media screen and (max-width: 600px)  {
  .thumbnails__hover_box {
    width: 480px !important;
    padding: 20px !important;
  }

  .lSPager.lSpg {/* 小画面の場合、スライドショーページャーを左寄せ */
    text-align: left !important;
  }
}

@media screen and (max-width: 550px)  {

  .content-cards {
    margin-bottom:20px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .news__item .date {
   width: 22%;  /* 20181018　小画面は22%にする設定にした */ 
 }
}



@media screen and (max-width: 500px)  {
  .thumbnails__hover_box {
    width: 380px !important;
    padding: 10px !important;
  }

}

@media screen and (min-width: 420px) {
	.yoko-scroll{ 
    /* 420px未満の場合、右スクロールするdiv（配下table設置想定） */
    overflow-x: auto;
  }
}
@media screen and (max-width: 360px)  {
  .thumbnails__hover_box {
    width: 300px !important;
    padding:10px !important;
  }

}



/* ▼▼▼▼▼▼▼▼▼▼ 印刷画面専用メディアクエリ▼▼▼▼▼▼▼▼▼▼ 
（PC画面での印刷を想定。（逆にスマホ画面での印刷はできない）*/

@media print {
	body {
		width: 1054px; 
		background: #fff;
		font-size:1em; /* 20180817 印刷時のフォントサイズ調整 */
	}
	
	.nav-area, .sp_nav {
		display:none;
	}
	.detail-page p { /* 20180817 印刷時のフォントサイズ調整 */
		font-size:1em;
	}

}

/*-----------------------------------------------------------
month_link_header.htmlの設定
-----------------------------------------------------------*/

#month_link_header {
  margin: 20px 0 0 20px;
}

.col-link-month {
  float: none;
  width: 100%;
}

.col-link-month a {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 24%;
}

.col-link-month a.disabled-month {
  color: #ccc !important;
  text-decoration: none !important;
}

@media screen and (max-width: 767px) {
  .col-link-month {
    width: 100%;
  }
  .col-link-month a {
    width: 30%;
  }
}
/*-----------------------------------------------------------
「topへ戻るボタン」の設定　
-----------------------------------------------------------*/

.btn-to-top {
  background-color: #555;
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
  height: 50px;
  opacity: 0.7;
  position: fixed;
  right: 30px;
  bottom: 30px;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  width: 60px;
  z-index: 100;
}

.btn-to-top:hover {
  opacity: 1 !important;
}

.btn-to-top::after {
  border-right: solid 6px;
  border-top: solid 6px;
  content: "";
  height: 20px;
  margin: 0;
  position: absolute;
  top: 20px;
  left: 18px;
  transform: rotate(-45deg);
  width: 20px;
}

/*-----------------------------------------------------------
 ページ間リンクの設定　
 -----------------------------------------------------------*/
 .global-link {
  margin-bottom: 10px;
  text-align: right;
}

/* .global-link > a {
    display: block;
    text-align: right;
    } */

    .global-link > a::before {
      background: url('../img/icn_more.png') no-repeat;
      content:"";
      display: inline-block;
      height: 1rem;
      margin-right: 10px;
      vertical-align: middle;
      width: 1rem;
    }

    .global-link a::after {
      content:"\A";
      white-space: pre;
    }

    @media screen and (max-width: 420px) {
      .global-link {
        margin-bottom: 10px;
      }
      .global-link > a {
        font-size: 13px;
      } 
      .global-link > a + a {
        margin-top: 5px;
      }
    }

/*-----------------------------------------------------------
 動静ページの設定　
 -----------------------------------------------------------*/

 .dousei .type--linkbox {
  padding: 8px;
}

.dousei .detail-page li {
  list-style-type: none !important;
  margin: 0;
}

.dousei h3 {
  align-items: center;
  display: flex;
  height: 45px;
  line-height: 1.3;
}


.dousei .detail-page ul {
  list-style-type: none !important;
}


.month > .col-1-2:nth-child(2n+1) {
  clear: both;
}

@media screen and (max-width: 767px) {
  .dousei h3 {
    height: auto;
  }
  .col-link-month a {
    width: 30%;
  }
}

/*-----------------------------------------------------------
 災害派遣ページの設定　
 -----------------------------------------------------------*/
 .saigai-map {
  margin: 30px 0 0;
  text-align: center;
  width: 100%;
}

.saigai-map img {
  height: auto;
  width: 600PX;
}

.saigai-summary {
  margin-left: 2rem !important;
}

.saigai-summary > * {
  font-size: 1rem;
}

.saigai-summary + .photo-box {
  margin: 30px auto 0;
  width: 600px;
}


@media screen and (max-width: 767px) {
  .saigai-map img {
    width: 100%;
  }

  .saigai-summary + .photo-box {
    margin: 20px auto 0;
    width: 100%;
  }
}

/*-----------------------------------------------------------
 画像スライダー設定　
 -----------------------------------------------------------*/

 .lSPager {
  text-align: center;
}

.detail-page ul.img-slider {
  margin: 0 !important;
}

.img-slider li {
  position: relative;
  text-align: center;
  list-style-type: none !important;
}

.img-slider li span {
  display: block !important;
  line-height: 1.2;
}

.single-pic {
  height: auto;
  margin-bottom: 20px;
  transform: none !important;
  width: 454px !important;
}

.photo-box ul {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .single-pic {
    width: 100% !important;
  }
  .photo-box {
    margin: 0;
    width: 100%;
  }
}

/*-----------------------------------------------------------
 共通アコーディオン用Class
 -----------------------------------------------------------*/

 .accordion-click{
   cursor: pointer;
 }
 .accordion-click span{
   text-decoration: underline;
   float:right;
 }

/*-----------------------------------------------------------
 warpへのリンク用Class
 -----------------------------------------------------------*/

 .warp-link {
  align-items: center;
  display: flex !important;
  justify-content: space-between;
}

.warp-link span {
  margin-right: 20px;
}

.warp-link span img {
  vertical-align: bottom;
}

.warp-link + p {
  font-size: 12px;
  margin: 10px 0 0;
  text-align: right;
}

.warp-link + p span {
  font-weight: bold;
}