@charset "utf-8";

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

　main_en.css
　全ページ共通スタイルとトップページのスタイル
　最終更新日：2019年3月18日
　
　※日本語版　main3.cssより派生。フォント設定など多少差異あり。

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


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

body {
	margin: 0;
	padding:0;
	font-family: Segoe UI, Helvetica Neue, Arial, sans-serif;
	background:-prefix-linear-gradient(bottom, #eee #fff);
	background:linear-gradient(to top, #dcdcdc, #fefefe);
	word-wrap:break-word;
	overflow-wrap:break-word;
}

/* 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%; }


/* Flex (2020/11/06 main3.cssより追加)
/*--------------*/
[class*='flex-'] {
  margin: 1em 1em 0 0;
}
#contentslist [class*='flex-']:not(.flex-wrap) {
  padding: 1em;
}
[class*='flex-']:not(.flex-wrap) > *:first-child {
  margin-top: 0;
}
.flex-wrap { display: flex; flex-wrap: wrap; margin: 0;  padding: 0;}
.flex-100 { width: calc( 100%); }
.flex-1-2 { width: calc( 50% - 1em); }
.flex-1-3 { width: calc( 33.33% - 1em); }
.flex-2-3 { width: calc( 66.66% - 1em); }
.flex-1-4 { width: calc( 25% - 1em); }
.flex-2-4 { width: calc( 50% - 1em); }
.flex-3-4 { width: calc( 75% - 1em); }
.flex-1-5 { width: calc( 20% - 1em); }
.flex-2-5 { width: calc( 40% - 1em); }
.flex-3-5 { width: calc( 60% - 1em); }
.flex-4-5 { width: calc( 80% - 1em); }
.flex-1-6 { width: calc( 16.66% - 1em); }
.flex-2-6 { width: calc( 33.33% - 1em); }
.flex-3-6 { width: calc( 50% - 1em); }
.flex-4-6 { width: calc( 66.66% - 1em); }
.flex-5-6 { width: calc( 83.33% - 1em); }
.flex-1-8 { width: calc( 12.5% - 1em); }
.flex-2-8 { width: calc( 25% - 1em); }
.flex-3-8 { width: calc( 37.5% - 1em); }
.flex-4-8 { width: calc( 50% - 1em); }
.flex-5-8 { width: calc( 62.5% - 1em); }
.flex-6-8 { width: calc( 75% - 1em); }
.flex-7-8 { width: calc( 87.5% - 1em); }
.flex-3-10 { width: calc( 30% - 1em); }
.flex-7-10 { width: calc( 70% - 1em); }
.flex-1-4.no-border {
  border: none;
}

[class*='flex-'],[class*='pr-'],[class*='pl-'],[class*='pt-'],[class*='pb-'] {  box-sizing: border-box; }

@media screen and (max-width: 768px) {
  [class*='flex-']{ width: 100%; margin: 1em 0 0 0;}
  .flex-wrap { 
    margin: 1rem 0;
    padding: 0;
  }
}


/* パディング設定 */

.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:0.5rem 0;
}

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;
}

/*media all  youtubeLink*/
.pdfLink::after, .excelLink::after, .wordLink::after, .rssLink::after, .jpgLink::after, .youtubeLink::after {
	bottom: 0px;
	content: "";
	height: 24px;
	padding-left: 25px;
	height: 1em;
	bottom: -3px;
	position: relative;
	padding-left: 5px;
	display: inline-block;
}

/*media all  youtubeLink*/
.youtubeLink::after {
	background: url(../img/icn_youtube.png) right center no-repeat;
	background-size: contain;
	width: 22px;
	height: 16px;
}
/*media all  youtubeLink*/
.youtubeLink {
	padding-right: 10px;
}

/*media all  youtubeLink*/
.pdfLink, .excelLink, .wordLink, .rssLink, .jpgLink, .youtubeLink {
	position: relative;
}




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

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 {
	clear: both;
	position: relative;
	font-size:1em;
	background-color:#fff;
	margin:0 auto;
	padding-bottom:3rem;
}

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

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% 8%;
	border-bottom:1px #ddd solid;
	font-size:0.95em;
}

/* テキスト装飾 */

.td-kasen { /* 単純な下線 */
	text-decoration: underline; }
	.td-kasen-nijyu { /* 二重下線 */
		text-decoration-line: underline;
		text-decoration-style: double;
	}
	.td-kasen-nami { /* 波下線 */
		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 !important;
		}

		.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;
		}

		.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;
}


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

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

header {
	background-color:#fff;
}

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

.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;
	float: left;
	position:relative;
	top:0;
	z-index:50;
}

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

/* SWITCH-BOX｜文字拡大機能 */
.switch-box {
	display: inline-block;
	vertical-align: middle;
	margin-top: 8px;
}
.switch-box > span {
	display: inline-block;
	vertical-align: middle;
}
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 27px;
	vertical-align: middle;
}
.switch input { display: none; }
.switch__frame {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 0 2px  #ccc;
	transition: .4s;
}
.switch__frame:before {
	position: absolute;
	content: "";
	height: 25px;
	width: 25px;
	left: 2px;
	bottom: 1px;
	background-color: #ccc;
	transition: .4s;
}
input:checked + .switch__frame {
	box-shadow: 0 0 0 2px #315694;
}
input:focus + .switch__frame {
	box-shadow: 0 0 1px #315694;
}
input:checked + .switch__frame:before {
	-webkit-transform: translateX(21px);
	transform: translateX(21px);
	background-color: #315694;
}
.switch__frame.round {
	border-radius: 12px;
}
.switch__frame.round:before {
	border-radius: 50%;
}

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

.search-input2 {
	width:30%;
	display:inline-block;
	vertical-align:middle;
	margin-top:10px;
	margin-left:10px;
}

.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;
	margin-left: 5px;
	line-height: 1.8;
}
.menu__content h2 a {
	margin-top: 0;
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

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

[class*='col'] > h2 {}


/*--アクセシビリティ対応--*/
    .menu__content .navnone{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;

    }
    .menu__content .navnone li{
        margin: 0;
        padding: 0;
        display: inline;
    }

    .menu__content li a {
      line-height: 1.8;
      margin-left: 5px;
      padding-left: 20px;
      padding-right: 8px;
      text-decoration: none
    }

    .menu__content h2 a {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .menu__content li a:hover {
      text-decoration: underline;
    }
.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;
}
.header__menu__subset > a {
	display: inline-block;
	margin-top: 5px;
}

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

.header__menu__subset a:focus,
.header__menu__subset a:active {
	opacity: 0.5
}
/*--アクセシビリティ対応--*/

.menu__items dl,
.menu__items dl dt,
.menu__items dl dd {
    margin: 0;
    padding: 0;
    display: inline;
}
.menu__items dl dt a {
	text-decoration:none;
}
.mega-icons li {
  display: inline-block;
}

.mega-icons li + li {
  margin-left: 10px;
}

.mega-icons li a {
  border: none !important;
}

.mega-icons li img {
  height: auto;
  transition: all .3s 0s ease;
  width: 100%;
}

.mega-icons li:hover img {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .6);
  opacity: 0.7;
  width: 105%;
}
 
    .menu__content .navnone{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;

    }
    .menu__content .navnone li{
        margin: 0;
        padding: 0;
        display: inline;
    }

    .menu__content li a {
      line-height: 1.8;
      margin-left: 5px;
      padding-left: 20px;
      padding-right: 8px;
      text-decoration: none
    }

    .menu__content li + li {
      border-left: 1px solid #333;
    }

    .menu__content h2 a {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .menu__content li a:hover {
      text-decoration: underline;
    }
@media screen and (max-width: 768px) {
  .mega-icons li {
    width: 22%;
  }
  .sp_nav ul li dl,
  .sp_nav ul li dl dt,
  .sp_nav ul li dl dd{
    margin: 0;
    padding: 0;
    display: inline; 
  }
}


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

.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: baseline; /* 20190318 英語のみ、日本語は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);
}

/* WARP */
.warp {
	margin-bottom: 30px !important;
	text-align: right;
}

.warp-text {
	padding-bottom: 10px !important;
	font-weight: bold !important;
}

.warp-img {
	width: 150px !important;
}

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

footer {
	padding :15px 0 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: 15px;
	padding-top:20px;
	text-align: center !important;
	color:#000;
	background-color:#fff;
}

.footer__sns{
	padding: 1rem 0;
}
/*--アクセシビリティ対応-*/
.footer__links ul {    
      list-style: none;
      margin: 0;
      padding: 0;
      display: inline;
  }
  .footer__links ul li {
      display: inline;
      margin: 0;
      padding: 0;

  }
  .footer__links ul li a {
    display: inline-block;
    margin:2px 15px;
    line-height: 2;
    text-decoration:none;
  }

  .footer__links ul li a:hover {
      text-decoration: underline;
  }
  .sns-bar ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: inline;
  }
  .sns-bar ul li{
      display: inline;
      margin: 0;
      padding: 0;
  }
/* ▼▼▼▼▼▼▼▼▼▼ 詳細ページ ▼▼▼▼▼▼▼▼▼▼ */

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

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

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

.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;
}

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

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

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

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

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

ol.kakkoList--lv1,
ol.kakkoList--lv2 {
  counter-reset: num;
}
ol.kakkoList--lv2 {
  padding-left: 70px;
}
ol.kakkoList--lv1 li,
ol.kakkoList--lv2 li {
  list-style-type: none;
  text-indent: -2em;
}
ol.kakkoList--lv1 li {
  text-indent: -2em;
}
ol.kakkoList--lv1 li:before,
ol.kakkoList--lv2 li:before {
  counter-increment: num;
  content: "("counter(num)") ";
}

/* ↑箇条書きリストの文字数によってバリエーション増やす */

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

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

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;
	text-align: left;
}

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


.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: 821px)  {
	.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インデント */
	margin-left:1.5em;
}

.kaiken p:first-line{ /* 20190213 大臣会見用QA装飾 */
	font-weight:bold;
}

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

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

.h-color--type1 { /* Defense Activities（茶） */
	border-color:#8B4513 !important;
}
.h-color--type2 { /* About Ministry（サイトの基本色：紺） */
	border-color:#315694 !important;
}
/*.h-color--type3 {  欠番（エメラルドグリーン） 
	border-color:#009e96 !important;
	}*/
	.h-color--type4 { /* Press Resources（ダークオレンジ） */
		border-color:#FF8C00 !important;
	}
	.h-color--type5 { /* Publications ならびに Public Affairs（緑） */
		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:400px;
	}

	.yoko-scroll { 
		overflow-x:scroll;
	}

	.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%;
	}



	/* ▼▼▼▼▼▼▼▼▼▼ トップページのみ（メインコンテンツ）▼▼▼▼▼▼▼▼▼▼ */

	/*  スライダー機能 */

	.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%;
	}
	.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;
	}

	.mainbnr {
		padding: 15px 0;
		margin-bottom: 15px;
	}
	.mainbnr img {
		width: 100%;
	}

	/* 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;
	}

	.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;
	}

	/* 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%;
	}

	/* 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 > div {
		margin-bottom: 30px;
	}

	.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 */
	}

	#topics > * {
		margin-right: 10px;
	}
	#movie> * {
		margin-left: 10px;

	}
	#book2 > * {
		margin-left: 20px;
	}
	#movie a, #topics a, #book2 a {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	#movie a img, #topics a img {
		max-width: 80%;
	}
	#book2 > div {
		display: flex;
	}
	#book2 ul {
		margin-left: 20px;
		padding-left: 10px;
		text-align: left;
	}
	#book2 ul li {
		padding: 3px 5px;
	}
	#book2 a {
		display: table;
		text-align: left;
		width: 100%;
	}
	#book2 > a span {
		display: table-cell;
		vertical-align: middle;
		padding: 0 5px;
	}
	#book2 > a span:first-child {
		width: 35%;
		text-align: right;
	}
	#book2 > a span:last-child {
		width: 65%;
		text-align: left;
	}

	#book2 > div > img {
		height: 230px;
		width: auto;
	}

	.burette-ul li a,
	.burette-list li a span.txt {
		position: relative;
	}

	.burette-list ul {
		text-align: center;
	}

	.burette-list ul li {
		display: block !important;
		width: 100% !important;
		text-decoration: none;
	}

	.burette-list ul li a:last-child span.txt {
		margin-top: 10px;
	}


	.burette-list ul li a span.txt {
		text-align: left;
		margin: 0 20px;
	}

	.burette-ul li a span::before,
	.burette-list li a span.txt::before {
		content: "・";
		position: absolute;
		top: 0.1em;
		left: -20px;
		text-decoration: none;
	}

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

		#book2 > div {
			align-items: center;
		}

		#book2 > div > img {
			height: 141px;
			width: 100px;
		}

		#book2 ul {
			width: 50%;
		}

		.burette-list ul li {
			display: inline-block !important;
		}

		.burette-list ul li:first-child {
			text-align: center !important;
			width: 35% !important;
		}

		.burette-list ul li:last-child {	
			width: 65% !important;
		}


		.burette-list ul li a span {
			text-align: left !important;
		}

		.burette-list li a span.txt::before {
			left: -10px;
		}

		.burette-list ul li a + a {
		margin-top: 10px;
	}

	}

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

	#publication {
		margin-bottom: 50px;
	}
	#publication ul {
		display: flex;
		width: 100%;
	}
	#publication ul li {
		text-align: center;
		padding:0 5px;
	}
	#publication ul li span {
		display: block;
	}

	#publication > div:first-of-type {
    	margin-right: 3%;
    	width: 30%;
	}
	
	#links ul, #information ul {
		display: table;
		width: 100%;
	}
	#links ul li, #information ul li {
		display: table-cell;
		text-align: center;
	}
		
	/* 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 {
		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-labels span {
		display: block;
		margin-bottom: 10px;
	}

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

	#top-tab .tab,
	#top-tab .tab-labels {
		background-color: #fafafa;
	}

	.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; }
		/*-----------------------------------------------------------
		 共通アコーディオン用Class
		 -----------------------------------------------------------*/

		 .accordion-click {
		   cursor: pointer;
		 }

		 .accordion-click span {
		   text-decoration: underline;
		   float:right;
		 }
		@media screen and (max-width: 767px) {
			#topics > * {
				margin-right: 0;
			}
			#movie> * {
				margin-left: 0;
			}
			#book2 > * {
				margin-left: 0;
			}
			#publication ul {
				flex-direction: column;
				width: 100%;
			}
			#publication ul li {
				align-items: center;
				display: flex;
				width: 100%;
				text-align: left;
				padding: 10px 0;
			}

			#publication ul li a span {
				padding: 0 5px;
			}

			#publication ul li span + span {
				margin-left: 10px;
			}

			#links ul li, #information ul li {
				display: inline-block;
				width: 100%;
				text-align: center;
				padding: 10px 0;
			}

			#publication > div:first-of-type {
    			margin-right: 0;
    			width: 100%;
			}
		}

		.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;
		}

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

			.see-more-closeup-link {
				text-align: left;
				margin: -25px 0 5px;
				font-size:0.9em;
			}
			.closeup > div.see-more-closeup-link {
				margin-bottom: 10px;
			}
		}

		/* 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 */
		}
		li.news__item{
			display: table;
		}
		li.news__item span {
			display: table-cell;
		}

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

		.news__item .date {
			font-size:0.9em;
			font-weight:bold;
			width: 10%;  /* 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 20px;
		}
		.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;
			}
		}

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

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

			.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%;
			}

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

			.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: 100%;
				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;
			}

		

	    .menu__content li a:hover {
	      text-decoration: underline;
	    }
			.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.nav_choku{
				font-weight: bold;
				background-color: #001699;
			}
			.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 ul li ul.sp_sub li a:focus, .sp ul li ul.sp_sub li a:active {
				opacity:0.5 
			}
			.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: 3.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;
			}

			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 {
				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;
	width: 24%;
}

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

@media screen and (max-width: 820px) {
	.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;
 }

 .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;
 }

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

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

 .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: 820px) {
 	.single-pic {
 		width: 100% !important;
 	}
 	.photo-box {
 		margin: 0;
 		width: 100%;
 	}
 }

 /*-----------------------------------------------------------
/*  2020.11.06 「自由で開かれたインド太平洋」ビジョンにおける防衛省の取組
 -----------------------------------------------------------*/
  .exchange .exchange-title {
    border-bottom: 4px solid #557dbf!important;
    border-left: none;
    background-color: transparent;
    color: #000;
  }

  .exchange .title-exchange-primary {
    padding: 0.5em;
    line-height: 1.5em;
    background: none;
    background-color:#69a3d8;
    color:#fff;
    border-left:none;
    border-radius: 40px;
  }

  .exchange .title-exchange-primary::before {
    content: url(../../d_act/exc/india_pacific/images/global-icon_white.png);
    margin-right:15px;
  }

  .exchange .title-exchange-secondary {
    padding: 0.5em;
    line-height: 1.5em;
    background: none;
    background-color:#e5edf8;
    border-left:none;
    border-radius: 40px;
    box-shadow:3px 5px 10px 0px #557dbf;
  }

  .exchange .title-exchange-secondary::before {
    content: url(../../d_act/exc/india_pacific/images/global-icon.png) ;
    margin-right:15px;
  }

  .exchange .title-exchange-small {
    padding: 0.7em;
    line-height: 1em;
    background-color:#0054A7!important;
    color:#fff;
    border-left:none;
    border-radius: 40px;
  }

  h4.title-exchange-small.blue {
    display:inline-block;
    width:70%;
  }

  .exchange .title-green {
    background-color:#fff!important;
    box-shadow:3px 5px 10px 0px #73c3a1!important;
  }

  .exchange .title-pale-green {
		display: flex;
    background-color:#73c3a1!important;
		line-height: 1.2;
		align-items: center;
  }

  .exchange .list-circle {
    list-style-type: circle;
    margin-left: 0;
    padding-left:3em!important;
  }

  .exchange .list-disc {
    list-style-type: disc;
    margin-left: 0;
    padding-left:3em!important;
    padding-right:3em!important;
  }

  .exchange li + li {
    margin-top:10px;
  }

  .exchange .point {
    margin:30px 0;
  }

  .exchange-caption {
    background-color:#009cb3;
    padding:10px;
    color:#fff;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
  }

  .caption-title {
    color:#ffea00;
    display: block;
    margin-bottom:5px;
  }

  .img_2-2 {
    border:1px solid #ccc;
    box-sizing: border-box;
  }

  .no-radius {
    border-radius:0!important;
  }

  .exchange-example {
    border-left:none;
  }

  .title-inner {
    color:#73c3a1;
    background-color:#fff;
		margin-left: 0.5em;
    padding :0.2em 1em;
    border-radius:40px;
  }

  .exchange-foip-img {
    width: 80%;
  }

  .example_title_wrapper {
    background-color:#00448d;
    background: linear-gradient(to bottom, #00448d, #3b9bcb);
    padding: 40px 0;
    padding: 10px 0 30px;
    margin-top:40px;
  }
  .exchange.en .example_title_wrapper {
    padding: 40px 0;
  }

  .foip-wrap > div > ul {
    width: 70%!important;
    margin: 0 auto!important;
  }

  .exchange .language-buttons {
    display: flex;
    margin: 20px auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
  }

  .exchange .language-buttons .language-button {
    display: flex;
    margin: 0 10px 10px;
    justify-content: center;
    align-items: center;
  }

  .exchange .language-buttons .language-button a {
    padding: 4px 10px;
    border-bottom: 3px solid #DB9241;
    text-decoration: none;
  }

  .exchange .language-buttons .inactive a {
		padding: 4px 10px;
		border-bottom: 3px solid #ccc;
		color:#ccc;
		text-decoration: none;
		pointer-events: none;
	}

  .exchange .language-buttons .inactive:not([lang="ar"]) a::after {
		display: inline;
		content: '*';
	}

  .exchange .language-buttons .inactive[lang="ar"] a::before {
		display: inline;
		content: '*';
	}

  .exchange .language-buttons .language-button a.on {
    font-weight: bold;
    font-size: 1.1em;
  }

.exchange .text-small {
  font-size: 0.9rem;
}


  @media screen and (max-width: 767px) {
    .exchange .list-disc {
      padding-left:1.5em!important;
    }
    .exchange .img_1 {
      width:400px;
    }
    .exchange .sp-mg0 {
      margin:0;
    }
    .exchange .title-exchange-primary {
      font-size:16px;
      padding:10px 20px 10px 45px;
      line-height: 1.6em;
      position: relative;
    }
    .exchange .title-exchange-primary::before {
      margin-left: -30px;
      position: absolute;
    }

    .exchange .title-exchange-secondary {
      font-size:18px;
      padding:10px 20px 10px 50px;
      line-height: 1.6em;
      position: relative;
      border-radius: 80px;
    }

    .exchange .title-exchange-secondary::before {
      margin-left: -30px;
      top: 12px;
      position: absolute;
    }
    .title-inner {
      line-height: 1.8em;
    }
    .exchange .title-exchange-small {
      padding-left:20px;
      padding-right: 20px;
    }
  }

 /*-----------------------------------------------------------
/*  2020.11.10 「自由で開かれたインド太平洋」ビジョンにおける防衛省の取組 多言語対応
 -----------------------------------------------------------*/
	.fc-lightgreen {
		color: #00ad49;
	}
	.fc-lightblue {
		color: #004fe0;
	}
	
	.example_title_wrapper p {
		font-size: 2.3em;
		font-weight: bold;
		color: #fff;
	}

	.exchange .title-exchange-primary {
		line-height: 1.9em;
	}

	.exchange .extend-wrap {
		max-width: 950px;
		width: 100%;
		margin: 0 auto;
		border-radius: 60px;
		background: #deebf7;
		position: relative;
		min-height: 100px;
		box-sizing: border-box;
		padding: 10px 40px 15px;
		font-weight: bold;
	}

	.exchange .extend-wrap:before {
		content: "";
		display: block;
		position: absolute;
		left: 10px;
		top: 6px;
		height: 90px;
		width: 93px;
		background: url("../../d_act/exc/india_pacific/images/icon_point.png")no-repeat;
		background-size: cover;
	}

	.exchange .extend-wrap p {
		font-size: 2em;
		margin: 0;
		text-shadow:
			3px 3px 1px #fff,
			-3px 3px 1px #fff,
			3px -3px 1px #fff,
			-3px -3px 1px #fff,
			3px 0px 1px #fff,
			0px 3px 1px #fff,
			-3px 0px 1px #fff,
			0px -3px 1px #fff;
	}

	.exchange .pl-set {
		color: red;
		width: 100%;
		display: inline-block;
		text-align: right;
	}

	.exchange .extend-wrap ul {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 2.5rem;
	}

	.exchange .extend-wrap ul li {
    list-style-type: none;
		font-size: 32px;
		margin: 0;
		text-shadow:
			3px 3px 1px #fff,
			-3px 3px 1px #fff,
			3px -3px 1px #fff,
			-3px -3px 1px #fff,
			3px 0px 1px #fff,
			0px 3px 1px #fff,
			-3px 0px 1px #fff,
			0px -3px 1px #fff;
		position: relative;
	}
	.exchange .extend-wrap ul li:before {
		content: "◇";
		display: inline;
		position: absolute;
		left: -39px;
		font-size: 32px;
	}
	.exchange .extend-wrap.circle ul li:before {
		content: "○";
	}
	.exchange.zh .extend-wrap ul li:before {
		font-size: 2em;
		line-height: 0.77;
	}
	
	.extend-wrap.ud-center p {
		position: relative;
		top: 50%;
		transform: translateY(34%);
	}

	@media screen and (max-width: 767px) {
		.exchange.en .example_title_wrapper,
		.example_title_wrapper {
			padding: 20px 0 ;
		}
		.extend-wrap.ud-center p {
			transform: translateY(0%);
		}
		.example_title_wrapper p {
			font-size: 1rem;
			margin-left: 1rem;
			margin-right: 1rem;
		}

		.exchange .extend-wrap {
			padding: 15px 27px 15px 47px;
		}

		.exchange .extend-wrap ul {
			margin: 0;
		}

		.exchange .extend-wrap ul li,
		.exchange .extend-wrap p {
			font-size: 20px!important;
			margin: 0;
		}

		.exchange .pl-set {
			display: inline;
			padding-left: 0%;
		}

		.exchange .pc {
			display: none;
		}

		.exchange .extend-wrap ul li:before {
			left: -26px;
			top: 2px;
			font-size: 20px !important;
		}
		.exchange.zh .extend-wrap ul li:before {
			font-size: 20px !important;
			top: 7px;
			left: -26px;
		}
		.exchange .extend-wrap.circle ul li:before {
			top: 0px;
		}
	}