@charset "utf-8";
/* パンくず */
/* .topic_path {
	width: 980px;
	margin: 20px auto 50px;
}

.topic_path ul {
	margin: 0;
	padding: 0;
}

.topic_path li {
	display: inline;
}

.topic_path li a {
	color: #06a3e0;
}

.topic_path li:after {
	content: ">";
	margin: 0 5px 0 10px;
}

.topic_path li:last-child::after {
	content: none;
}
/* パンくず */
.inner_block {
  width: 980px;
  margin: 0 auto 50px;
}
*/

/* その他 */
.news_detail .others {
  background: url(/img/mark_others.png) left repeat-y;
}

/* プレスリリース */
.news_detail .press {
  background: url(/img/mark_press.png) left repeat-y;
}

/* Dタイプ/Aタイプ */
.news_detail .sim_ad {
  background: url(/img/mark_sim_ad.png) left repeat-y;
}

/* タイプ共通 */
.news_detail .sim_all {
  background: url(/img/mark_sim_all.png) left repeat-y;
}

/* Aタイプ */
.news_detail .sima {
  background: url(/img/mark_sima.png) left repeat-y;
}

/* Dタイプ */
.news_detail .simd {
  background: url(/img/mark_simd.png) left repeat-y;
}

/* Sタイプ */
.news_detail .sims {
  background: url(/img/mark_sims.png) left repeat-y;
}

/* 端末 */
.news_detail .terminal {
	background: url(/img/mark_terminal.png) left repeat-y;
}

/* 重要 */
.news_detail .important {
	background: url(/img/mark_important.png) left repeat-y;
}

/* イベント */
.news_detail .event {
	background: url(/img/mark_event.png) left repeat-y;
}

/* キャンペーン */
.news_detail .campaign {
	background: url(/img/mark_campaign.png) left repeat-y;
}

/* サービス */
.news_detail .service {
	background: url(/img/mark_service.png) left repeat-y;
}

.news_detail .date {
  width: 45%;
  float: right;
  text-align: right;
  font-size: 16px;
}

.news_detail .category {
  width: 120px;
  margin-right: 5%;
  margin-bottom: 0;
  padding-left: 12px;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  float: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.end {
  margin-top: 40px;
  margin-bottom: 0;
  text-align: right;
  font-size: 16px;
}

.news_detail .list-category {
  display: flex;
  flex-wrap: wrap;
  float: left;
}
.news_detail .list-category li {
  margin-bottom: 10px;
}

.news_detail .list-category li .news_category{
	font-size: 1.3rem;
  line-height: 1.8;
	background: #fff;
	border: 2px solid #DEE1E5;
	padding: .4em 1em;
	margin-left: 10px;
	border-radius: 15px;
	display: inline-block;
}
.news_detail .list-category li .news_category.press{
	color: #3d43a3;
	border: 2px solid #3d43a3;
}
.news_detail .list-category li .news_category.simd{
	color: #cb1a17;
	border: 2px solid #cb1a17;
}
.news_detail .list-category li .news_category.sima{
	color: #ff6000;
	border: 2px solid #ff6000;
}
.news_detail .list-category li .news_category.sims{
	color: #5f5f5f;
	border: 2px solid #5f5f5f;
}
.news_detail .list-category li .news_category.terminal{
	color: #00b0f0;
	border: 2px solid #00b0f0;
}
.news_detail .list-category li .news_category.service{
	color: #85cd05;
	border: 2px solid #85cd05;
}
.news_detail .list-category li .news_category.shop{
	color: #0eaa30;
	border: 2px solid #0eaa30;
}
.news_detail .list-category li .news_category.others{
	color: #c98bd6;
	border: 2px solid #c98bd6;
}

@media only screen and (max-width: 736px) {
  /* .inner_block {
		width: 92%;
		margin: 0 auto 40px;
	}
	
	.topic_path {
		width: 92%;
		margin: 10px auto 20px;
	} */

  .news_detail .date {
    font-size: 14px;
  }

  .end {
    font-size: 14px;
  }
  
	.news_area .news_list li a p .news_category{
		font-size: 1.2rem;
	}
}
/* テキスト */
/* p {
  margin-bottom: 1em;
  font-size: 16px;
} */

@media only screen and (max-width: 736px) {
  /* p {
    font-size: 14px;
  } */
}
/* ボタン */
.btn_green {
  display: table;
  width: 100%;
  max-width: 300px;
  margin-bottom: 100px;
  border: 3px solid #fff;
  box-shadow: 4px 4px 7px -1px #b7b7b7;
  -moz-box-shadow: 4px 4px 7px -1px #b7b7b7;
  -webkit-box-shadow: 4px 4px 7px -1px #b7b7b7;
  border-radius: 10px;
  overflow: hidden;
  font-size: 16px;
}

.btn_large {
  max-width: 474px !important;
  min-width: 372px !important;
  margin: 0 auto;
}

.btn_green a {
  display: table-cell;
  width: 100%;
  height: 50px;
  background: #19a500;
  background: -webkit-linear-gradient(#19a500 0%, #179700 75%, #168f00 100%);
  background: -o-linear-gradient(#19a500 0%, #179700 75%, #168f00 100%);
  background: linear-gradient(#19a500 0%, #179700 75%, #168f00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19a500', endColorstr='#168f00',GradientType=0 );
  box-shadow: 0px 0px 6px 0px #b7b7b7 inset;
  -moz-box-shadow: 0px 0px 6px 0px #b7b7b7 inset;
  -webkit-box-shadow: 0px 0px 6px 0px #b7b7b7 inset;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none;
  padding: 0 15px 0 30px;
  transition: 0.3s;
  border-radius: 7px;
}

.btn_large a {
  height: 65px;
  font-size: 26px;
}

.btn_large a::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 15px;
  margin-right: 12px;
  vertical-align: 1px;
  background: url(/img/icon_triangle_arrow_white02.png) no-repeat;
}

@media only screen and (min-width: 737px) {
  .btn_green a:hover {
    opacity: 0.6;
  }
}

@media only screen and (max-width: 736px) {
  .btn_green {
    margin-bottom: 9%;
    font-size: 14px;
  }

  .btn_large {
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 auto;
  }

  .btn_large a {
    height: 50px;
    font-size: 20px;
  }

  .btn_large a::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 12px;
    margin-right: 10px;
    vertical-align: 0;
    background: url(/img/icon_triangle_arrow_white01.png) no-repeat;
  }
}
/* リンク */
.txt_link {
  margin-top: 12px;
  margin-bottom: 30px;
  margin-left: 20px;
  font-size: 16px;
}
.txt_link::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 11px;
  margin-right: 6px;
  vertical-align: 1px;
  background: url(/img/icon_triangle_arrow_gray01.png) no-repeat;
  background-size: 100%;
}

.txt_link a {
  font-size: 16px;
}

a.a_gaibu:after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 0.5em 0 0.3em;
  background: url(/img/icon_blank_g.png) no-repeat center center;
  background-size: 100%;
}

.color_blue {
  color: #2fade2 !important;
}

@media only screen and (max-width: 736px) {
  .txt_link {
    font-size: 14px;
  }

  .txt_link::before {
    width: 6px;
    height: 8px;
    margin-right: 6px;
    vertical-align: 0px;
  }

  .txt_link a {
    font-size: 13px;
  }
}

/* 地図 */
.float_l_pc {
  float: left;
}

.float_r_pc {
  float: right;
}

@media only screen and (max-width: 736px) {
  .float_l_pc {
    float: none;
    margin-bottom: 10px;
  }
  .float_r_pc {
    float: none;
    margin-bottom: 10px;
  }
}

/* 見出し2 */
h2 {
  margin-top: 60px;
  margin-bottom: 35px;
  padding-bottom: 5px;
  font-size: 32px;
  border-bottom: 6px solid #aacd06;
}

.subtitle {
  font-size: 18px;
  display: inline-block;
}

@media only screen and (max-width: 736px) {
  h2 {
    font-size: 18px;
    border-bottom: 3px solid #aacd06;
    margin-bottom: 20px;
    margin-top: 35px;
  }

  .subtitle {
    font-size: 13px;
  }
}
/* 見出し3 */
h3 {
  margin: 0 0 25px;
  padding: 10px 20px;
  font-size: 25px;
  border-left: 8px solid #aacd06;
  background: #eeefe7;
}
@media only screen and (max-width: 736px) {
  h3 {
    border-left: 5px solid #aacd06;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 7px 5px 7px 15px;
    line-height: 1.3;
  }
}
/* 見出し4 */
h4 {
  margin: 0 0 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #138800;
  color: #138800;
  font-size: 18px;
}
/* 見出し5 */
h5 {
  font-weight: normal;
  font-size: 14px !important;
}
/* 見出し6 */
h6 {
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  font-size: 20px;
}

/* 幅指定 */
.w300 {
  width: 300px;
}
.w310 {
  width: 310px;
}
.w320 {
  width: 320px;
}
.w330 {
  width: 330px;
}
.w340 {
  width: 340px;
}
.w350 {
  width: 350px;
}
.w360 {
  width: 360px;
}
.w370 {
  width: 370px;
}
.w380 {
  width: 380px;
}
.w390 {
  width: 390px;
}
.w400 {
  width: 400px;
}
.w410 {
  width: 410px;
}
.w420 {
  width: 420px;
}
.w430 {
  width: 430px;
}
.w440 {
  width: 440px;
}
.w450 {
  width: 450px;
}
.w460 {
  width: 460px;
}
.w470 {
  width: 470px;
}
.w480 {
  width: 480px;
}
.w490 {
  width: 490px;
}
.w500 {
  width: 500px;
}
.w510 {
  width: 510px;
}
.w520 {
  width: 520px;
}
.w530 {
  width: 530px;
}
.w540 {
  width: 540px;
}
.w550 {
  width: 550px;
}
.w560 {
  width: 560px;
}
.w570 {
  width: 570px;
}
.w580 {
  width: 580px;
}
.w590 {
  width: 590px;
}
.w600 {
  width: 600px;
}
.w610 {
  width: 610px;
}
.w620 {
  width: 620px;
}
.w630 {
  width: 630px;
}
.w640 {
  width: 640px;
}
.w650 {
  width: 650px;
}
.w660 {
  width: 660px;
}
.w670 {
  width: 670px;
}
.w680 {
  width: 680px;
}
.w690 {
  width: 690px;
}
.w700 {
  width: 700px;
}

/*お知らせ一覧へ戻るのボタン*/
.list_back{
	text-align: center;
	margin: 6% auto 3%;
}
.list_back .btn a{
	max-height: 20px;
	background-color: #189e00;
	color: #fff;
	padding: 2% 5%;
	border-radius: 99em !important;
	text-decoration: none;
	font-weight: 700;
	border: 2px solid #189e00;
	font-size: 16px;
}
.list_back .btn a::after{
	content: '';
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.list_back .btn a:hover{
	color: #189e00;
    background-color: #fff;
	transition: 0.5s ;
	border: 2px solid #189e00;
}
	
@media only screen and (max-width:736px) {
	.list_back{
		width: 90%;
		margin: 10% auto 6%;
	}
	.list_back .btn a{
		padding: 4% 10%;
	}
	.list_back .btn a::after{
		right: 14px;
	}
}