@charset "utf-8";
/* ==========================================================

title : 生活施設検索
scope : 読み物コンテンツ最新版

========================================================== */

/* ----------------------------
 content
------------------------------ */

html {
 height: 100%;
}
body {
  min-height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.global_header .font_resize_wrap {
  display: none;
}

* > #content {
  display:block;
  /*overflow:visible;*/
  width:850px;
  margin:10px auto;
  padding:0;
  text-align:left;
  letter-spacing: 0.1em;
  flex-grow: 1;
}

* > #content a {
  text-decoration:none;
}

* > #content article a {
  font-weight: 400;
  color: #1825ce;
}
* > #content article a:hover {
  opacity: .7;
}
.blue {
  color:#000099;
  }
.orange {
  color:#CC3300;
  }
.grey {
  color: #666666;
  }
.reset{
  clear: both;
  }
#footer {
  clear:both;
}
.font_bold{
  font-weight: 600;
}
.font_italic{
  font-style: italic;
}
.small_text_h2 {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .small_text_h2 {
    font-size: 15px;
  }
}

.small_text_h3 {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
.small_text_h3 {
    font-size: 12px;
  }
}

.w10 {
  width: 10%!important;
}

.w15 {
  width: 15%!important;
}

.w20 {
  width: 20%!important;
}

.w25 {
  width: 25%!important;
}

.w30 {
  width: 30%!important;
}

.w37 {
  width: 37%!important;
}

.w90 {
  width: 90%!important;
}

@media print, screen and (min-width: 768px) {
  .hide_pc {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hide_sp {
    display: none !important;
  }
}
/* ----------------------------
 article
------------------------------ */
:root {
  --mv-inner-b: 2px;
  --mv-inner-t: 2px;
}
* > [class^="con_box"] > [class^="con_box"]:last-child,
* > section[class^="con_box"] > section[class^="con_box"]:last-child {
  overflow: hidden;
  clear: both;
  margin: 0px;
}

* > article#article {
  float:left;
  overflow: visible;
  width:830px;
  margin:0 0 0 10px;
  padding:0;
}

/* ----------------------------
 カテゴリトップbutton
------------------------------ */

* > article#article .category_search{
  position: relative;
  top: 5px;
  display: inline-block;
  float: left;
  margin: 12px 0 15px 5px;
  padding: 0;
  text-decoration: none;
}

* > article#article .category_search::after {
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto 0;
  position: absolute;
  right: 15px;
  top: 0;
  width: 0;
}

* > article#article .category_search a{
  display: inline-block;
  background: -webkit-linear-gradient(top, #ee2b2b 0%,#ee2b2b 50%,#d20f0f 500%,#d20f0f 100%);
  background: linear-gradient(to bottom, #ee2b2b 0%,#ee2b2b 50%,#d20f0f 50%,#d20f0f 100%);
  border-radius: 20px;
  box-shadow: 0 3px 0 1px #700, 0 5px 5px 2px rgba(180,180,180,1);
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  height: 45px;
  letter-spacing: .1em;
  line-height: 46px;
  min-width: 280px;
  padding: 0 40px 0 50px;
  position: relative;
  text-align: left;
  text-shadow: 0 1px 2px #700;
}

* > article#article .category_search a::before {
  background: url(/useful/image_cmn/bg_category_search_left.png) no-repeat 0 0;
  bottom: 1px;
  content: "";
  height: 24px;
  right: 35px;
  position: absolute;
  width: 54px;
}

* > article#article .category_search a::after {
  background: url(/useful/image_cmn/bg_category_search_right.png) no-repeat 0 0;
  bottom: 1px;
  content: "";
  height: 22px;
  position: absolute;
  right: 95px;
  width: 34px;
}

* > article#article .category_search a:hover {
  opacity: 0.8 ;
}

* > article#article .category_search img {
  bottom: 0;
  left: 15px;
  margin: auto;
  position: absolute;
  top: 0;
}

* > article#article .category_search a.cate_text_long {
  letter-spacing: -0.04em;
  font-size: 20px;
}

* > article#article .category_search a.cate_text_long img {
  margin-bottom:-2px;
}

/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #con_menu .category_search a.cate_text_long {
  letter-spacing: -0.12em;
  }
}

/* 下部ボタンのセンター */

* > aside.main_category {
  width: 780px;
  font-size:17px;
  font-weight: 600;
  margin: 20px auto 0;
  padding: 40px 0 0;
  text-align: center;
  border-top: 1px solid #FFA5C9;
}

* > article#article aside.main_category .category_search {
  top: 6px;
  float: none;
}

/* ----------------------------
 フォントサイズbutton
------------------------------ */

#control-wrap{
  margin: 35px 5px 15px 0;
  overflow: hidden;
  width: 230px;
  float: right;

}
#control-wrap ul{
  display: block;
  background-image: url(/useful/image_cmn/font-bg.gif);
  height: 33px;
  width: 220px;
  float: right;

}
#control-wrap ul li{
  padding:0px 3px 0px 13px;
  float:right;
}

/*-------- p.lead 1行のとき------------*/
* > article#article > p.lead{
  font-size:16px;
  line-height: 1.5;
  letter-spacing: 0.07em;
  margin:0 15px 15px 15px;
}

/*--------div lead ------------*/
div.lead {
  border-top: 1px solid #727272;
  clear: both;
  overflow: hidden;
  padding-top: 20px;
}
* > article#article > div.lead > figure.img_r{
  float:right;
  margin:0 15px 15px 25px;
}
* > article#article > div.lead > figure.img_l{
  float:left;
  margin:0 25px 15px 15px;
}
* > article#article > div.lead > figure.img_c{
  text-align:center;
  margin:10px auto 15px;
}
* > article#article > div.lead > p{
  font-size:16px;
  line-height: 1.5;
  letter-spacing: 0;
  margin:0 15px 10px 15px;
}
* > article#article > div.lead > p:last-child {
  margin:0 15px 15px 15px;
}
/*-----------------------------*/


* > article#article section.con_box {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  overflow:hidden;
}

* > article#article > section.con_box:last-of-type  {
  margin-bottom:0px;
}

* > article#article section.con_box p{
  margin:0 7px 10px 12px;
  font-size:16px;
  line-height: 1.5;
  letter-spacing: 0;
/*  overflow: hidden;*/
}
* > article#article section.con_box p:last-child{
  margin-bottom:20px;
}

* > article#article section.con_box p + section.con_box{
  margin-top:20px;
}
* > article#article section.con_box p + dl.uf_list{
  margin-top:15px;
}
* > article#article section.con_box figure.img_r + dl.uf_list,
* > article#article section.con_box figure.img_l + dl.uf_list{
  margin-top:15px;
}
* > article#article section.con_box p.lead{
  margin:0 20px 15px 20px;
}

* > article#article section.con_box figure.img_l{
  clear:both;
  float:left;
  margin-right:25px;
  margin-bottom:10px;
}

* > article#article section.con_box figure.img_r{
  clear:both;
  float:right;
  margin:0 20px 10px 25px;
}

* > article#article section.con_box figure.img_l figcaption,
* > article#article section.con_box figure.img_r figcaption{
  text-align:center;
  font-size: 10pt;
}

* > article#article section.con_box .font_s{
  margin:0 20px 10px 20px;
  font-size:13px;
}

/* ----------------------------
  カテゴリ表示用版のh1
------------------------------*/

* > article#article div.ttl {
  min-height: 38px;
  width:820px;
  margin: 0 auto 15px;
  padding: 15px 10px 15px 0px;
  text-align: center;
  background: url("/useful/image_cmn/h1_bg.gif") no-repeat bottom;
}
* > article#article div.ttl h1 {
  display: inline-block;
  margin: 4px 0 0 7px;
  font-size: 25px;
}

* > article#article div.ttl h1 span {
  display: inline-block;
  font-size: 19px;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: normal;
}

* > article#article div.ttl p {
  margin: 10px 10px 5px 15px;
  font-size: 18px;
  font-weight: 600;
}

/*カテゴリボックス*/


* > article#article div.category_box {
  display : block;
  float : right;
  background : #f63c6c;
  padding : 0px;
}

* > article#article div.category_box p{
  background : #f63c6c;
  border : #FFFFFF 2px solid;
  margin : 1px 1px 1px 1px;
  padding : 5px;
  font-size:17px;
  font-weight : bold;
  color : #FFFFFF;
}

/* ----------------------------
  見出し
------------------------------ */
* > article#article section.con_box h2 {
  background: url("/useful/image_cmn/bg_ttl.gif") no-repeat scroll 0 0 transparent;
  margin: 0 auto 12px;
  text-align: left;
  width:805px;
  height:36px;
  padding:7px 0 0 35px;
  font-size:20px;
  color:#f63a74;
  clear:both;
}

* > article#article section.con_box h2.ttl_long {
  background-image: url("/useful/image_cmn/bg-ttl-line.png"), url("/useful/image_cmn/ico-ttl-flower.png");
  background-position: left 0 bottom 0, 2px 10px;
  background-repeat: no-repeat, no-repeat;
  height: auto;
  line-height: 25px;
  margin-bottom: 17px;
  padding-bottom: 6px;
  width: auto;
}

* > article#article section.con_box h2 ~ figure,
* > article#article section.con_box h2 ~ dl,
* > article#article section.con_box h2 ~ p ~ dl,
* > article#article section.con_box h2 ~ ul,
* > article#article section.con_box h2 ~ p ~ ul,
* > article#article section.con_box h2 ~ ol,
* > article#article section.con_box h2 ~ p ~ ol {
  margin-left:20px;
}

* > article#article section.con_box h3 {
  margin: 0 auto 20px;
  text-align: left;
  width:820px;
  height:32px;
  padding:4px 0 0 26px;
  font-size:17px;
  clear:both;
}
* > article#article section.con_box h3 ~ p,
* > article#article section.con_box h3 ~ figure,
* > article#article section.con_box h3 ~ dl,
* > article#article section.con_box h3 ~ p ~ dl,
* > article#article section.con_box h3 ~ ul,
* > article#article section.con_box h3 ~ p ~ ul,
* > article#article section.con_box h3 ~ ol,
* > article#article section.con_box h3 ~ p ~ ol {
  margin-left:30px;
}

* > article#article section.con_box h4 {
  margin: 0 0 12px 30px;
  text-align: left;
  width:780px;
  height:23px;
  padding:1px 0 0 11px;
  font-size:16px;
  clear:both;
  border-left:5px solid #fb91b1;
  border-bottom:1px solid #FDADC5;
}
* > article#article section.con_box h4 ~ p,
* > article#article section.con_box h4 ~ figure{
  margin-left:40px;
}
* > article#article section.con_box h4 ~ dl,
* > article#article section.con_box h4 ~ p ~ dl,
* > article#article section.con_box h4 ~ ul,
* > article#article section.con_box h4 ~ p ~ ul,
* > article#article section.con_box h4 ~ ol,
* > article#article section.con_box h4 ~ p ~ ol {
  margin-left:40px;
}

* > article#article section.con_box h3 ~ figure ~ p ~ dl{
  margin-left:20px;
}

* > article#article section.con_box .link_ttl{
  padding:0px 5px 0px 23px;
  background: url("/useful/image_cmn/list_mark_l.gif") no-repeat scroll 5px 5px transparent;
  color:#f08ba2;
  font-size:17px;
  margin:0 0 10px 0;
}

/* ----------------------------
  column
------------------------------ */
.flex_col li {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 8px;
}

.flex_col li span {
  min-width: 55px;
}

/* ----------------------------
  dl[class^="uf_list"]
------------------------------ */

* > dl[class^="uf_list"] {
  display: block;
  line-height: 1.4;
  margin: 10px 15px 0px 20px;
  padding: 0;
}
* > dl[class^="uf_list"] > dt,
* > dl[class^="uf_list"] > dt.lst_02 {
  border-left: 7px solid #F8598A;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px;
  padding: 0 0 0 7px;
  overflow: hidden;
}
* > dl[class^="uf_list"] > dt.lst_02 {
  display: inline-block;
}
.useful_wrap * > article#article section.con_box > dl[class^="uf_list"] > dt.ind {
  padding-left: 30px;
  text-indent: -24px;
}
* > dl[class^="uf_list"] > dd,
* > dl[class^="uf_list"] > dd.lst_02 {
  border-bottom: 0;
  display: block;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 5px 10px 10px 0;
  padding: 0 0 13px 10px;
}
* > dl[class^="uf_list"] > dd.lst_02 {
  display: inline-block;
}
* > dl[class^="uf_list"].lst_03 > dd {
  padding: 0 0 0 10px;
}
* > dl[class^="uf_list"] > dd:last-child {
  border-bottom: none;
  padding: 0 0 6px 10px;
  margin-bottom: 15px;
}
* > dl[class^="uf_list"] > dd.border_non {
  border-bottom: none;
  margin:0;
  padding: 0 0 6px 10px;
}

* > dl[class^="uf_list"] > dd.border_on {
  border-bottom: 1px solid #BBBBBB;
  margin:0;
  padding: 0 0 6px 10px;
}
* > dl[class^="uf_list"] > dd > ul[class^="disc"]{
  margin: 5px 0 10px -5px;
}
* > dl[class^="uf_list"] > dd > ol[class^="number"]{
  margin: 0;
}
* > dl[class^="uf_list"] > dd > dl[class^="uf_list"]{
  margin: 0;
}
* > dl[class^="uf_list"] > dd > ol[class^="ol_number_list"]{
  margin: 0 0 8px;
}
* > dl[class^="uf_list"] > dd >  dl[class^="mini_topic"]{
  margin: 0;
}


/* ----------------------------
 dl[class^="uf_list"] dd > dl[class^="list_in"] 入れ子
------------------------------ */
* > dl[class^="uf_list"] > dd > dl[class^="list_in"] {
  margin-top: 10px
}

* > dl[class^="uf_list"] > dd > dl[class^="list_in"] > dt{
  display:block;
  font-weight:bold;
  /*border-bottom:1px dotted  #aaaaaa;*/
  padding:4px 5px 4px 10px;
  overflow:hidden;
}

* > dl[class^="uf_list"] > dd > dl[class^="list_in"] > dd{
  display:block;
  padding: 5px 10px 9px 10px;
/*  overflow:hidden;*/
}

* > dl[class^="uf_list"] > dd > dl[class^="list_in"] > dd > ol[class^="ol_number_list"]{
  margin: 0 0 8px;
}
/* ----------------------------
 dl ddにpを入れたとき
------------------------------ */
* > article#article section.con_box dl[class^="uf_list"] > dd p{
  margin:0 0 10px 0;
  }
* > article#article section.con_box dl[class^="uf_list"] > dd p:last-child{
  margin-bottom: 0px;
  }
/* ----------------------------
 dl ddのなかに画像
------------------------------ */
* > article#article section.con_box dl[class^="uf_list"] > dd figure.img_l {
  margin-left: -10px;
  margin-bottom: 7px;
  }
* > article#article section.con_box dl[class^="uf_list"] > dd figure.img_r {
  margin-right: 0px;
  margin-bottom: 7px;
  }
/* ----------------------------
 dl[class^="number_list"]画像番号用
------------------------------ */
* > dl[class^="number_list"] {
  font-size: 16px;
  display: block;
  line-height: 1.4;
  margin: 0px 15px 0 0;
  padding: 0;
}

* > dl[class^="number_list"] > dt {
  display:block;
  font-weight:bold;
  /*border-bottom:1px dotted  #aaaaaa;*/
  padding:4px 5px 4px 10px;
  overflow: hidden;
}

* > dl[class^="number_list"] > dd {
  display:block;
  padding: 5px 10px 5px 26px;
}
* > dl[class^="number_list"] > dd:last-child {
  margin-bottom: 15px;
  padding: 5px 10px 10px 26px;
}
* > dl[class^="number_list"] > dd+dt{
  margin-top: 10px;
}
/* ----------------------------
ol[class^="ol_number_list"]画像番号用
------------------------------ */
* > ol[class^="ol_number_list"] {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 20px 10px;
/*  overflow: hidden;*/
  white-space: nowrap;
}

* > ol[class^="ol_number_list"] li {
  float: left;
  margin: 0 0 5px;
  padding: 0 5px 0 10px;
  white-space: nowrap;
}

/* ----------------------------
  ul disc
------------------------------ */
ul[class^="disc"] {
  line-height: 1.4;
  margin:0 10px 10px;
/*  overflow:hidden;*/
  font-size: 16px;
}

ul[class^="disc"] li {
  letter-spacing: 0;
  margin:0 0 5px 15px;
  padding:0px 5px 0px 15px;
  background: url("/useful/image_cmn/disc_blue.gif") no-repeat scroll 0px 8px transparent;
  white-space: normal;
  text-align: left;
}
ul[class^="disc"] li.longtxt {
  width: 400px;
}
ul[class^="disc"] li span{
  font-size: 13px;
}
ul[class^="disc"] li span.outlink {
  background: url("/useful/image_cmn/mrk_outlink.png") no-repeat scroll 0 0 transparent;
  color: #777777;
  height: 26px;
  margin: 0 0 0 10px;
  padding: 1px 0 0 15px;
  text-align: left;
}
ul[class^="disc_left"] li {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .useful_wrap ul[class^="disc_left"] li {
    vertical-align: top;
  }
}
ul[class^="disc_left_w2"] li {
  width:270px;
}
@media screen and (min-width: 768px) {
  .useful_wrap ul[class^="disc_left_w2"] li {
    width: 318px;
  }
}
ul[class^="disc"] li.bk_none {
  background:none;
}

ul[class^="disc_left_w3"] li {
  width:185px;
}
ul[class^="disc_left_w4"] li {
  width:135px;
}
ul[class^="disc_left_w5"] li {
  width: 100px;
}
ul[class^="disc_left_w2_arrow"] li {
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 5px transparent;
  /*border-bottom: 1px dashed #BBBBBB;*/
  padding: 0 5px 4px 18px
}
ul[class^="disc_left_w3_arrow"] li {
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 5px transparent;
  /*border-bottom: 1px dashed #BBBBBB;*/
  padding: 0 5px 4px 18px
  }
ul[class^="disc_arrow"] li {
  background: url("/useful/image_cmn/list_mark_l.gif") no-repeat scroll 2px 5px transparent;
  padding: 2px 5px 4px 25px;
  /*border-bottom: 1px dashed #BBBBBB;*/
  margin: 0 15px 5px 15px;

}

/* ----------------------------
  ul disc_1col
------------------------------ */
ul[class^="disc_1col"] {
  margin-bottom: 20px;
}

ul[class^="disc_1col"] li {
  float: none;
  width: inherit;
}

/* ----------------------------
  ul arrow_link
------------------------------ */
ul[class^="arrow_link"] li {
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 5px transparent;
  padding: 0 12px 4px 18px;
  float:left;
}
ul[class^="arrow_link"] li.bk_non {
  background: none;
  font-weight:bold;
  padding:0 20px 4px 18px;
}

/* ----------------------------
 ol　数字はテキストで
 ------------------------------ */
ol[class^="number"],
ol[class^="number"].nb_01,
ol[class^="number"].nb_02 {
  line-height: 1.4;
  margin:0 10px 13px;
/*  overflow:hidden;*/
  font-size: 16px;
}
/*ol[class^="number_dd"] {
  margin:0 10px 0px;
}*/
ol[class^="number"] li {
  margin:0 0 5px 26px;
  padding:0px 5px 0px 0;
  white-space:normal;
  text-indent: -17px;
  letter-spacing: 0;
}
ol[class^="number_left"] li {
  float:left;
  white-space: nowrap;
}

ol[class^="number"].nb_01 li {
  text-indent: -32px;
}

ol[class^="number"].nb_02 li {
  text-indent: -40px;
}
/* ----------------------------
 dl[class^="mini_topic"]
 ------------------------------ */

* > dl[class^="mini_topic"] {
  background: none repeat scroll 0 0 #FFE8F3;
  clear: both;
  display: block;
  font-size: 14px;
  display: block;
  margin: 0 15px 20px;
  padding: 7px 10px 5px;
  overflow:hidden;
}
* > dl[class^="mini_topic"] dt{
  border-bottom: 1px solid #AAAAAA;
  display: block;
  font-weight: 600;
  padding: 0px 5px 3px 8px;
}
* > dl[class^="mini_topic"] > dd{
  display: block;
  padding: 5px 10px 0;
}
* > dl[class^="mini_topic"] > dd > ul {
  margin: 0 10px 13px 10px;
}
* > dl[class^="mini_topic"] > dd > ul li{
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 4px transparent;
  float: left;
  margin: 0;
  padding: 0 13px 0 18px;
  font-size: 14px;
}
* > dl[class^="mini_topic"] > dd > ul li span {
  font-size: 14px;
}

/* ----------------------------
 nav
------------------------------ */

* > article#article nav#con_nav {
  margin: 0 0 15px 5px;
  padding: 0;
  width:100%;
  height:auto;
  overflow:hidden;
  font-size:15px;
  text-align:center;
}
* > article#article nav#con_nav ul {
  margin-right: -10px;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}
* > article#article nav#con_nav ul li {
  float:left;
  color: #333333;
  margin: 0 10px 5px 0;
}
* > article#article nav#con_nav ul li.act,
* > article#article nav#con_nav ul li.nolink a,
* > article#article nav#con_nav ul li a {
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #f6336f;
  box-shadow: inset 0 0 5px rgba(246,51,111,.35);
  color: #f6336f;
  display: flex;
  line-height: 18px;
  padding: 4px 9px 4px 20px;
  position: relative;
  text-align: left;
  text-decoration: none;
}
* > article#article nav#con_nav.con_nav_row2 ul:first-child li.act,
* > article#article nav#con_nav.con_nav_row2 ul:first-child li.nolink a,
* > article#article nav#con_nav.con_nav_row2 ul:first-child a {
  height: 50px;
}

* > article#article nav#con_nav ul li.act,
* > article#article nav#con_nav ul li a.act {
  background-color: #f6336f;
  color: #fff;
}

* > article#article nav#con_nav ul li.nolink a {
  background-color: #b8b8b8;
  box-shadow: none;
  color: #fff;
  border-color: #8f8f8f;
}
* > article#article nav#con_nav ul li.nolink a:before,
* > article#article nav#con_nav ul li.act:before,
* > article#article nav#con_nav ul li a:before {
  border-color: transparent transparent transparent #f55f00;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  content: "";
  height: 0;
  left: 7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
* > article#article nav#con_nav ul + br + ul li.nolink a:before,
* > article#article nav#con_nav ul + br + ul li a:before {
  transform: translateY(-50%) rotate(90deg);
}
* > article#article nav#con_nav ul li.nolink a:before,
* > article#article nav#con_nav ul li.act:before,
* > article#article nav#con_nav ul li a.act:before {
  border-color: transparent transparent transparent #fff;
}
* > article#article nav#con_nav ul li a:hover {
  opacity: .7;
}
* > article#article nav#con_nav ul li.nolink a:hover {
  background: #b8b8b8!important;
  opacity: 1;
}
* > article#article nav#con_nav ul li.act a:before {
  opacity: 1;
}

* > article#article nav#con_nav_b {
  margin: 0 0 15px 5px;
  padding: 0;
  width:100%;
  height:auto;
  overflow:hidden;
  font-size:15px;
  text-align:center;
}
* > article#article nav#con_nav_b ul {
  margin: 0px;
  padding: 0px;
  overflow:hidden;
  display:inline-block;
}
* > article#article nav#con_nav_b ul li {
  float:left;
  border-left:1px solid #F63A74;
/*  color: #333333;*/
  margin: 0 0 5px;
  white-space:nowrap;
}

/*nav 2陦後・縺ｨ縺阪€€border_right繧・陦檎岼縺ｫ縺､縺代ｋ*/
* > article#article nav#con_nav_b ul li.border_right {
  border-right:1px solid #F63A74;
}
* > article#article nav#con_nav_b ul li:last-child {
  border-right:1px solid #F63A74;
}

* > article#article nav#con_nav_b ul li.act {
  height:21px;
  padding: 2px 9px 0 20px;
  background: url("/useful/image_cmn/1st_nav_ac.gif") no-repeat scroll 8px 6px transparent;
  color: #F63A74;
}
* > article#article nav#con_nav_b ul li a {
  display: block;
  height: 21px;
  padding: 2px 9px 0 20px;
  background: url("/useful/image_cmn/1st_nav.gif") no-repeat scroll 8px 6px transparent;
  color: #333333;
  text-decoration: none;
}
* > article#article nav#con_nav_b ul li a:hover {
  background: url("/useful/image_cmn/1st_nav_ov.gif") no-repeat scroll 8px 6px #fee9f0;
}

* > article#article .con_nav_blank ul {
  margin: 0 0 15px 30px;
  padding: 0;
  width:100%;
  height:auto;
  overflow:hidden;
  font-size:15px;
}
* > article#article .con_nav_blank ul li {
  margin-bottom: 10px;
}
* > article#article .con_nav_blank ul li a {
/*  background: url("/useful/image_cmn/link_blank.png") no-repeat right center;*/
  position: relative;
  padding: 0 20px 0 15px;
}
* > article#article .con_nav_blank ul li a::after {
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #025b7f;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
}

/* ----------------------------
  table基本
------------------------------ */
* > article#article section.con_box table {
  border: 2px solid #FF72B8;
  border-collapse: collapse;
  letter-spacing: 0;
  margin: 0 auto 10px;
}
* > article#article section.con_box table caption {
  font-size: 15px;
  font-weight: 600;
  margin: 0 auto 5px;
}
* > article#article section.con_box table th {
  background: none repeat scroll 0 0 #F1F1F1;
  border: 1px solid #FF99CC;
  padding: 7px 4px;
  text-align: center;
}
* > article#article section.con_box table td {
  border: 1px solid #FF99CC;
  padding: 7px 4px;
  text-align: center;
}

/* ----------------------------
  bottom_bnr (家庭の医学百科)
------------------------------ */
* > article#article figure.bottom_bnr{
  margin:20px auto 20px;
  overflow:hidden;
  }
* > article#article figure.bottom_bnr img{
  float:left;
  padding:0 10px 0 40px;
  width:260px;
  height:37px;
  }
* > article#article figure.bottom_bnr figcaption{
  float:left;
  padding:0 0 0 10px;
  font-size:14px;
  white-space:normal;
  color:#575656;
  width:340px;
  }

/* ----------------------------
 side_lnk
------------------------------ */

/* 右カラム非表示 */
* > aside#side_lnk {
  display: none;
}

/* ----------------------------
 sns_box
------------------------------ */

/* ----------------------------
 bnr_box_sports
------------------------------ */

.bnr_box_sports {
  display: flex;
  justify-content: center;
}

article.bnr_all_sports_baseball,
article.bnr_all_sports_soccer {
  width: 300px;
  margin: 21px 7.5px 4px;
}

@media screen and (min-width: 768px) {
  article.bnr_all_sports_baseball:nth-of-type(1),
  article.bnr_all_sports_soccer:nth-of-type(1) {
    margin-left: 4px;
  }
}

@media screen and (max-width: 767px) { 
  .bnr_box_sports {
    flex-wrap: wrap;
    margin: 0 auto 1.15em;
  }
  article.bnr_all_sports_baseball,
  article.bnr_all_sports_soccer {
    width: 18em;
    margin: 0.93em auto 0;
  }
}

/* ----------------------------
 related_link
------------------------------ */
* > aside.related_link {

  border:1px solid #f08ba2;
  margin:45px auto 30px;
  font-size:13px;
  overflow:hidden;
  clear:both;
}
* > aside.related_link > p{
  letter-spacing:0.15em;
  background:#fbd5da;
  padding:5px 0 5px 20px;
  margin:0 0 10px 0;
  text-align:left;
  font-weight:bold;
}
* > aside.related_link dl{
  /*  clear:both; */
  margin:0px 10px 5px 20px;
  overflow:hidden;
}
* > aside.related_link dt{
  color:#555;
  font-size:13px;
  float:left;
  margin:5px 0 5px 10px;

}
* > aside.related_link dd{
  font-size:13.5px;
  float:left;
  margin:5px 5px 5px 15px;
  padding:0px 5px 0px 20px;
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 5px 4px transparent;
  color:#888;
}
* > aside.related_link dd a {
  font-weight: 600;
}
* > aside.related_link dl.tayori dd a {
  font-weight: normal;
}


.related_link + figure img {
  display: block;
  margin: 0 auto;
}

/*リサチャンと施設詳細リンクバナーとプロチームリンク*/
* > aside.related_link figure {
  position: relative;
  width: 540px;
  text-align: center;
  margin: 22px auto 25px;
}

.bnr_risachan {
  position: relative;
  width: 540px;
  height: 75px;
  margin: 12px auto 0;
  background: url(/search/image/dtl_new/bnr_risachan01.jpg) 0 0 no-repeat;
}

.bnr_shousai {
  position: relative;
  width: 540px;
  height: 75px;
  margin: 12px auto 0;
  background: url(/useful/cmn/image/shousai-link.gif) 0 0 no-repeat;
}

.bnr_proteam {
  position: relative;
  width: 540px;
  height: 75px;
  margin: 12px auto 0;
  background: url(/useful/cmn/image/pro-team1.jpg) 0 0 no-repeat;
}
.bnr_proteam2 {
  position: relative;
  width: 540px;
  height: 75px;
  margin: 12px auto 0;
  background: url(/useful/cmn/image/pro-team2.jpg) 0 0 no-repeat;
}
.bnr_proteam3 {
  position: relative;
  width: 540px;
  height: 75px;
  margin: 12px auto 0;
  background: url(/useful/cmn/image/pro-team3.jpg) 0 0 no-repeat;
}
.bnr_risachan .txt_area, .bnr_shousai .txt_area, .bnr_proteam .txt_area, .bnr_proteam2 .txt_area, .bnr_proteam3 .txt_area{
  overflow: hidden;
  position: absolute;
  width: 280px;
  height: 42px;
  top: 15px;
  left: 244px;
  background: #FFF;
  border: 1px solid #ccc;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  opacity: 0.8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  behavior: url(/css/PIE.php);
  zoom: 1;
}

.bnr_risachan .txt_area p, .bnr_shousai .txt_area p, .bnr_proteam .txt_area p, .bnr_proteam2 .txt_area p, .bnr_proteam3 .txt_area p{
  display: table-cell;
  width: 332px;
  height: 38px;
  padding: 2px 5px 2px 30px;
  vertical-align: middle;
  background: url(/search/image/dtl/icon_bnr_risachan_arrow.gif) 10px 12px no-repeat;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

* > aside.related_link a:hover{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7 !important;
}

/* ----------------------------
 nav .page_tab
 ------------------------------ */
#content .page_tab {
  clear: both;
  margin: 20px auto 25px;
  overflow: hidden;
  width: 280px;
}
#content .page_tab ul {
  clear:both;
  overflow:hidden;
}
#content .page_tab li {
  background: none repeat scroll 0 0 #fee9f0;
  float: left;
  font-size: 15px;
  font-weight: 600;
  margin-right: 15px;
  text-align: center;
  width: 27px;
  height:23px;
}
#content .page_tab li.no {
  background: none repeat scroll 0 0 transparent;
  overflow: hidden;
  text-indent: -9999px;
}
#content .page_tab li a {
  background: none repeat scroll 0 0 #F5F5F5;
  font-weight:normal;
  display: block;
  width: 27px;
  height:23px;
}
/* ----------------------------
 cite
 ------------------------------ */
* > article#article cite {
  display:block;
  margin: 0 20px 0px 20px;
  font-size: 15px;
  font-style:normal;
  overflow: hidden;
}

#side_lnk > .ttl_format,
#side_lnk  .box_b10{
  display:none;
}
/* ----------------------------
  footerキーワード　commonにほぼ依存
------------------------------ */
* > .mo_box {
  width: 800px;
}

* > .mo_box p span:last-child {
  font-size: 12px;
  font-weight: 600;
}

/* ----------------------------
 資格を取ろう！関連するその他の資格 ul
------------------------------ */
* > article#article section.con_box ul.shikaku_link{
  width:390px;
  float:right;
  margin:0 0 10px;
}
* > article#article section.con_box ul.shikaku_link li{
  background: url("/useful/image_cmn/list_mark_l.gif") no-repeat scroll 2px 5px transparent;
  padding: 2px 5px 4px 25px;
  float:left;
  width:160px;
  font-size: 15px;
}

/* -------------------------
 メニューページ バナー設置用
-------------------------- */

/* div.banner はfacilityからメニュー移動後は削除OK */

div.banner {
  margin: 10px 0px 30px;
  padding: 20px 18px 5px;
}

div.banner a:first-child {
  margin-right: 45px;
}

div[class^="banner_"] {
  margin: 25px 75px 0;
  text-align: center;
}
div[class^="banner_"] a {
  display: inline-block;
  margin-bottom: 10px;
  line-height: 0;
}
div[class^="banner_"] a:nth-child(2n) {
  margin-left: 23px;
}

div.menu_naviline div[class^="banner_"] {
  margin-right: 95px;
}

div[class^="banner_"] + div[class^="banner_"] {
  margin-top: 0px
}

.separator {
  border-top: solid #F9C 1px;
}

/* 高さの違うバナー並置時の対応 → <p><a></a><p>記述 class名を "banner_画像幅" に */
div[class^="banner_"] p:not(.comment) {
  height: 100px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 0;
}
div[class^="banner_"] p a {
  margin: 0;
}

div[class^="banner_"] p:nth-child(2) a {
  margin-left: 29px;
}

div.banner_l p:nth-child(2n+1) a {
  margin-left: 35px;
}
div.banner_260 p:nth-child(2n+1) a {
  margin-left: 75px;
}
div.banner_250 p:nth-child(2n+1) a {
  margin-left: 85px;
}
div.banner_240 p:nth-child(2n+1) a {
  margin-left: 95px;
}

div.menu_naviline div.banner_l p:nth-child(2n+1) a {
  margin-left: 0px;
}
div.menu_naviline div.banner_260 p:nth-child(2n+1) a {
  margin-left: 40px;
}
div.menu_naviline div.banner_250 p:nth-child(2n+1) a {
  margin-left: 50px;
}
div.menu_naviline div.banner_240 p:nth-child(2n+1) a {
  margin-left: 60px;
}

/* バナーに付随するテキスト */
div[class^="banner_"] p.comment {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
div[class^="banner_"] p.comment span {
  color:#000099;
  font-weight: 600;
}

div[class^="banner_"] p.comment:nth-child(2n+1) {
  margin: 0 0 20px 0 !important;
}
div[class^="banner_"] p.comment:nth-child(2n) {
  margin: 0px 0 20px -5px !important;
}

div.banner_l p.comment {
  width: 300px;
}
div.banner_260 p.comment {
  width: 260px;
}
div.banner_250 p.comment {
  width: 250px;
}
div.banner_240 p.comment {
  width: 240px;
}

div[class^="banner_"] p.comment:nth-child(2n+1):not(:only-child) {
  padding-right: 28px;
}

/* ----------------------------
 300サイズのバナー2カラム
------------------------------ */
.bnr_2col_300 {  
  display: block;
  margin: 25px auto 15px;
  width: 93.4%;
}
.bnr_2col_300 li {
  width: auto;
}
.bnr_2col_300 li + li {
  margin-top: 15px;
}
.bnr_2col_300 li a {
  display: block;
  height: auto;
  width: 100%;
}
.bnr_2col_300 .bnr_cup {
  font-size: 15px;
  line-height: 1.375;
  margin-top: 4px;
}

@media screen and (min-width: 768px) {
  .bnr_2col_300 {  
    display: flex;
    flex-wrap: wrap;
    font-feature-settings: "palt" 1;
    justify-content: space-between;
    margin: 30px auto 15px;
    width: 615px;
  }
  .bnr_2col_300 li {
    width: 300px;
  }
  .bnr_2col_300 li + li {
    margin-top: 0;
  }
  .bnr_2col_300 .bnr_cup {
    font-size: 16px;
    margin-top: 7px;
  }
}

.img_2col {
  display: flex;
  flex-wrap: wrap;
  height: 160px;
  justify-content: space-between;
  margin: 30px auto;
  width: 492px;
}

.img_3col {
  display: flex;
  flex-wrap: wrap;
  height: 160px;
  justify-content: space-between;
  margin: 30px auto 50px;
  width: 744px;
}

.img_c {
  text-align: center;
}

@media screen and (max-width: 767px) {
.img_2col,
.img_3col {
  margin: 0;
  width: 100%;
}

.img_2col img,
.img_3col img {  
  margin-bottom: 15px;
  margin-top: 15px;
}
}

/* ----------------------------
  下部バナースペース
------------------------------ */
#content .ad_bnrbox, .ad_bnrbox.col2 {
  width: 800px;
  border: none;
  padding-top: 0;
}

/* ----------------------------
  SNS_Box
------------------------------ */
* > aside[class^="sns_box_"] {
  position: relative;
  width: 464px;
  border: 1px solid #9ED472;
  background: #FFFFE5;
}

* > aside.sns_box_top {
  height: 60px;
  margin: 25px auto 0;
}

* > aside.sns_box_bottom {
  height: 90px;
  margin: 45px auto 0px;
}

* > aside.sns_box_bottom p{
  margin: 13px 0 0 35px;
}

* > aside[class^="sns_box_"] div[class^="button_"] {
  display: inline-block;
  position: absolute;
  bottom: 14px;
  width: 120px;
  height: 32px;
  background: #EEE;
}

* > aside[class^="sns_box_"] div[class^="button_"] iframe {
  width: 120px !important;
  height: 32px !important;
}

* > aside[class^="sns_box_"] div.button_hatebu {
  left: 36px;
}

* > aside[class^="sns_box_"] div.button_facebook {
  left: 172px;
}

* > aside[class^="sns_box_"] div.button_twitter {
  left: 308px;
}

* > aside[class^="sns_box_"] div.button_googleplus {
  left: 444px;
}

* > aside[class^="sns_box_"] div[class^="button_"]:hover {
  opacity:0.7;
  -ms-filter: "alpha(opacity=70)";
}

/* ----------------------------
  施設ごとのリンクバナー
------------------------------ */
* > article[class^="bnr_dtl_"] {
  margin: 21px auto 4px;
  width: 464px;
}

.useful_wrap * > article[class^="bnr_dtl_"] {
  clear: both;
}

article.bnr_dtl_sports_baseball,
article.bnr_dtl_sports_soccer {
  margin: 21px 7.5px 4px;
  width: 300px;
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article[class^="bnr_dtl_"] {
    background-size: cover;
  }
}

* > article[class^="bnr_dtl_"] a{
  color: #fff;
  display: block;
  height: 75px;
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 25, 45, 1);
  width: 100%;
}

* > article[class^="bnr_dtl_"]:hover{
  opacity: 0.7;
}

* > article[class^="bnr_dtl_"] a span{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  margin-left: 49.78%;
  height: 75px;
  width: 50.21%;
}

* > article[class^="bnr_dtl_"].fz14 a span {
  font-size: 14px;
}

* > article[class^="bnr_dtl_"].fz15 a span {
  font-size: 15px;
}

* > article[class^="bnr_dtl_"].fz16 a span {
  font-size: 16px;
}

* > article[class^="bnr_dtl_"].fz17 a span {
  font-size: 17px;
}

* > article[class^="bnr_dtl_"].fz18 a span {
  font-size: 18px;
}

* > article[class^="bnr_dtl_"].fz19 a span {
  font-size: 19px;
}

* > article[class^="bnr_dtl_"].r5 a span {
  box-sizing: border-box;
  padding-right: 5px;
}

/* textl */
* > article.bnr_dtl_textl a span{
  font-size: 19px;
  letter-spacing: 0;
  line-height: 1.3;
}

/* ZOO */
article.bnr_dtl_zoo {
  background: url("/useful/banner/dtl/bnr-dtl-zoo.png") no-repeat;
  background-size: contain;
}
/* AQUARIUM */
article.bnr_dtl_aquar {
  background-image: url("/useful/banner/dtl/bnr-dtl-aquar.png");
}
article.bnr_dtl_aquar a {
  text-shadow: 0 2px 8px #065460, 0 2px 8px #065460;
}
/* PLANT */
article.bnr_dtl_plant {
  background-image: url("/useful/banner/dtl/bnr-dtl-plant.png");
}
article.bnr_dtl_plant a {
  text-shadow: 0 2px 8px #204403, 0 2px 8px #204403;
}
/* DEPARTMENT-STORE */
article.bnr_dtl_shopping_department {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-department.png");
}
article.bnr_dtl_shopping_department a {
  text-shadow: 0 2px 8px #9a1e4d, 0 2px 8px #9a1e4d;
}
/* HOMECENTER */
article.bnr_dtl_shopping_homecenter {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-homecenter.png");
}
article.bnr_dtl_shopping_homecenter a {
  text-shadow: 0 2px 8px #0f4693, 0 2px 8px #0f4693;
}
/* CAR-SHOP */
article.bnr_dtl_shopping_car {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-car.png");
}
article.bnr_dtl_shopping_car a {
  text-shadow: 0 2px 8px #082a86, 0 2px 8px #082a86;
}
/* KEIRIN */
article.bnr_dtl_rese_keirin {
  background-image: url("/useful/banner/dtl/bnr-dtl-rese-keirin.png");
}
article.bnr_dtl_rese_keirin a {
  text-shadow: 0 2px 8px #014099, 0 2px 8px #014099;
}
/* GYM */
article.bnr_dtl_sports_gym {
  background-image: url("/useful/banner/dtl/bnr-dtl-sports-gym.png");
}
article.bnr_dtl_sports_gym a {
  text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
}
/* SKI */
article.bnr_dtl_sports_ski {
  background-image: url("/useful/banner/dtl/bnr-dtl-sports-ski.png");
}
article.bnr_dtl_sports_ski a {
  text-shadow: 0 2px 8px #1a557e, 0 2px 8px #1a557e;
}
/* INSURER */
article.bnr_dtl_facil {
  background-image: url("/useful/banner/dtl/bnr-dtl-facil.png");
}
article.bnr_dtl_facil a {
  text-shadow: 0 2px 8px #045f33, 0 2px 8px #045f33;
}
/* RENT-A-CAR */
article.bnr_dtl_rentacar {
  background-image: url("/useful/banner/dtl/bnr-dtl-rentacar.png");
}
article.bnr_dtl_rentacar a {
  text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
}
/* FERRY */
article.bnr_dtl_ferry {
  background-image: url("/useful/banner/dtl/bnr-dtl-ferry.png");
}
article.bnr_dtl_ferry a {
  text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
}
/* SHOPPING CONVINI */
article.bnr_dtl_convenience_store {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-conveni.png");
}
article.bnr_dtl_convenience_store a {
  text-shadow: 0 2px 8px #973b04, 0 2px 8px #973b04;
}
/* DRUGSTORE */
article.bnr_dtl_drugstore {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-drugstore.png");
}
article.bnr_dtl_drugstore a {
  text-shadow: 0 2px 8px #a42f85, 0 2px 8px #a42f85;
}
/* SHOPPING SUPER */
article.bnr_dtl_shopping_super {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-super.png");
}
article.bnr_dtl_shopping_super a {
  text-shadow: 0 2px 8px #a23a03, 0 2px 8px #a23a03;
}
/* STUDY PREP */
article.bnr_dtl_study_prep {
  background-image: url("/useful/banner/dtl/bnr-dtl-study-prep.png");
}
article.bnr_dtl_study_prep a {
  text-shadow: 0 2px 8px #136b57, 0 2px 8px #136b57;
}
/* KEIBA */
article.bnr_dtl_keiba {
  background-image: url("/useful/banner/dtl/bnr-dtl-rese-keiba.png");
}
article.bnr_dtl_keiba a {
  text-shadow: 0 2px 8px #136b57, 0 2px 8px #136b57;
}
/* SPORTS SOCCER */
article.bnr_dtl_sports_soccer {
  background-image: url("/useful/banner/dtl/bnr-dtl-sports-soccer.png");
}
article.bnr_dtl_sports_soccer a {
  text-shadow: 0 2px 8px #137e46, 0 2px 8px #137e46;
}
/* SPORTS ATHLETIC */
article.bnr_dtl_sports_athletic {
  background-image: url("/useful/banner/dtl/bnr-dtl-sports-athletic.png");
}
article.bnr_dtl_sports_athletic a {
  text-shadow: 0 2px 8px #137e46, 0 2px 8px #137e46;
}
/* COMPANY */
article.bnr_dtl_company {
  background-image: url("/useful/banner/dtl/bnr-dtl-company.png");
}
article.bnr_dtl_company a {
  text-shadow: 0 2px 8px #114269, 0 2px 8px #114269;
}
/* STREETCAR */
article.bnr_dtl_streetcar {
  background-image: url("/useful/banner/dtl/bnr-dtl-streetcar.png");
}
article.bnr_dtl_streetcar a {
  text-shadow: 0 2px 8px #a35500, 0 2px 8px #a35500;
}
/* BUS */
article.bnr_dtl_bus {
  background-image: url("/useful/banner/dtl/bnr-dtl-bus.png");
}
article.bnr_dtl_bus a {
  text-shadow: 0 2px 8px #0e5e98, 0 2px 8px #0e5e98;
}
/* IC */
article.bnr_dtl_ic {
  background-image: url("/useful/banner/dtl/bnr-dtl-ic.png");
}
article.bnr_dtl_ic a {
  text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
}
/* LIBRARY */
article.bnr_dtl_library {
  background-image: url("/useful/banner/dtl/bnr-dtl-library.png");
}
article.bnr_dtl_library a {
  text-shadow: 0 2px 8px #a35500, 0 2px 8px #a35500;
}
/* INFRA */
article.bnr_dtl_infra {
  background-image: url("/useful/banner/dtl/bnr-dtl-infra.png");
}
article.bnr_dtl_infra a {
  text-shadow: 0 2px 8px #a35500, 0 2px 8px #a35500;
}
/*L PUBLIC */
article.bnr_dtl_public {
  background-image: url("/useful/banner/dtl/bnr-dtl-public.png");
}
article.bnr_dtl_public a {
  text-shadow: 0 2px 8px #7a2c3a, 0 2px 8px #7a2c3a;
}
/* STATION */
article.bnr_dtl_station {
  background-image: url("/useful/banner/dtl/bnr-dtl-station.png");
}
article.bnr_dtl_station a {
  text-shadow: 0 2px 8px #062c73, 0 2px 8px #062c73;
}
/* SPORTS BASEBALL */
article.bnr_dtl_sports_baseball {
  background-image: url("/useful/banner/dtl/bnr-dtl-sports-baseball.png");
}
article.bnr_dtl_sports_baseball a {
  text-shadow: 0 2px 8px #295804, 0 2px 8px #295804;
}
/* TRAVEL_THEMEPARK */
article.bnr_dtl_travel_themepark{
  background-image: url("/useful/banner/dtl/bnr-dtl-travel-themepark.png");
}
article.bnr_dtl_travel_themepark a {
  text-shadow: 0 2px 8px #9d1c41, 0 2px 8px #9d1c41;
}
/* HOT_SPRING */
article.bnr_dtl_hot_spring {
  background-image: url("/useful/banner/dtl/bnr-dtl-hot-spring.png");
}
@media screen and (max-width: 767px) {
  .useful_wrap article.bnr_dtl_hot_spring {
    background-image: url("/useful/banner/dtl/bnr-dtl-hot-spring-sp.png");
  }
}
article.bnr_dtl_hot_spring a {
  text-shadow: 0 2px 8px #5a5400, 0 2px 8px #5a5400;
}
/* TRAVEL_AGENT */
article.bnr_dtl_travel_agent {
  background-image: url("/useful/banner/dtl/bnr-dtl-travel-agent.png");
}
article.bnr_dtl_travel_agent a {
  text-shadow: 0 2px 8px #d52632, 0 2px 8px #d52632;
}
/* SHOPPING_MALL */
article.bnr_dtl_shopping_mall {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-mall.png");
}
@media screen and (min-width: 768px) {
  .useful_wrap article.bnr_dtl_shopping_mall {
    background-size: cover;
  }
}
article.bnr_dtl_shopping_mall a {
  text-shadow: 0 2px 8px #d52632, 0 2px 8px #d52632;
}
/* RESE_KYOTE */
article.bnr_dtl_rese_kyote {
  background-image: url("/useful/banner/dtl/bnr-dtl-rese-kyote.png");
}
article.bnr_dtl_rese_kyote a {
  text-shadow: 0 2px 8px #012f71, 0 2px 8px #012f71;
}
/* SPORTS_POOL */
article.bnr_dtl_sports_pool {
  background-image: url("/useful/banner/dtl/bnr-dtl-sports-pool.png");
}
article.bnr_dtl_sports_pool a {
  text-shadow: 0 2px 8px #2c73a4, 0 2px 8px #2c73a4;
}
/* STOCK */
article.bnr_dtl_stock {
  background-image: url("/useful/banner/dtl/bnr-dtl-stock.png");
}
article.bnr_dtl_stock a {
  text-shadow: 0 2px 8px #114269, 0 2px 8px #114269;
}
/* BANK */
article.bnr_dtl_bank {
  background-image: url("/useful/banner/dtl/bnr-dtl-bank.png");
}
article.bnr_dtl_bank a {
  text-shadow: 0 2px 8px #114269, 0 2px 8px #114269;
}
/* AIRPORT */
article.bnr_dtl_airport {
  background-image: url("/useful/banner/dtl/bnr-dtl-airport.png");
}
article.bnr_dtl_airport a {
  text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
}
/* HELIPORT */
article.bnr_dtl_heliport {
  background-image: url("/useful/banner/dtl/bnr-dtl-heliport.png");
}
article.bnr_dtl_heliport a {
  text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
}
/* TELCO */
article.bnr_dtl_telco {
  background-image: url("/useful/banner/dtl/bnr-dtl-telco.png");
}
article.bnr_dtl_telco a {
  text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
}
/* FESTIVAL */
article.bnr_dtl_festival {
  background-image: url("/useful/banner/dtl/bnr-dtl-festival.png");
}
article.bnr_dtl_festival a {
  text-shadow: 0 2px 8px #bf4300, 0 2px 8px #bf4300;
}
/*CASTLE */
article.bnr_dtl_castle {
  background-image: url("/useful/banner/dtl/bnr-dtl-castle.png");
}
article.bnr_dtl_castle a {
  text-shadow: 0 2px 8px #760a08, 0 2px 8px #760a08;
}
/* SHOPPING APPAREL */
article.bnr_dtl_apparel {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-apparel.png");
}
article.bnr_dtl_apparel a {
  text-shadow: 0 2px 8px #8c2b79, 0 2px 8px #8c2b79;
}
/* SPORTS BASEBALL */
article.bnr_dtl_shopping_station {
  background-image: url("/useful/banner/dtl/bnr-dtl-shopping-station.png");
}
article.bnr_dtl_shopping_station a {
  text-shadow: 0 2px 8px #037648, 0 2px 8px #037648;
}
/* HOTEL */
article.bnr_dtl_hotel {
  background-image: url("/useful/banner/dtl/bnr-dtl-hotel.png");
}
article.bnr_dtl_hotel a {
  text-shadow: 0 2px 8px #8c6f14, 0 2px 8px #8c6f14;
}
/* PARK */
article.bnr_dtl_park {
  background-image: url("/useful/banner/dtl/bnr-dtl-park.png");
}
article.bnr_dtl_park a {
  text-shadow: 0 2px 8px #8c6f14, 0 2px 8px #8c6f14;
}
/* HALL */
article.bnr_dtl_hall {
  background-image: url("/useful/banner/dtl/bnr-dtl-hall.png");
}
article.bnr_dtl_hall a {
  text-shadow: 0 2px 8px #971d25, 0 2px 8px #971d25;
}
/* travel_museum */
article.bnr_dtl_travel_museum {
  background-image: url("/useful/banner/dtl/bnr-dtl-travel-museum.png");
}
article.bnr_dtl_travel_museum a {
  text-shadow: 0 2px 8px #642f0c, 0 2px 8px #642f0c;
}
/* travel_museum */
article.bnr_dtl_study {
  background-image: url("/useful/banner/dtl/bnr-dtl-study.png");
}
article.bnr_dtl_study a {
  text-shadow: 0 2px 8px #4b2766, 0 2px 8px #4b2766;
}

.cat_bnr{
  display: block;
  text-align: center;
  width: 100%;
  margin: 15px auto;
}
.cat_bnr .bnr_caption{
 padding-top: .5em;
}

/* ----------------------------
  UL:MENU
------------------------------ */
ul[class^="menu_list"] {
  clear:both;
  width: 800px;
  margin: 0 auto 10px;
  background: #F0F0F0;
  font-size: 15px;
}

ul[class^="menu_list"] li {
  float: left;
  padding: 0 0 10px 20px;
}

ul[class^="menu_list"] li:not(.image) {
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 5px transparent;
}
ul[class^="menu_list_2"] li.image {
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 190px transparent;
}
ul[class^="menu_list_3"] li.image {
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 190px transparent;
}
ul[class^="menu_list_4"] li.image {
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 142px transparent;
}

ul.menu_list_2l_d li:not(.image),ul.menu_list_3l_d li:not(.image),ul.menu_list_4l_d li:not(.image),ul.menu_list_5l_d li:not(.image),
ul.menu_list_2c_d li:not(.image),ul.menu_list_3c_d li:not(.image),ul.menu_list_4c_d li:not(.image),ul.menu_list_5c_d li:not(.image) {
  background: url("/useful/image_cmn/disc_blue.gif") no-repeat scroll 4px 6px transparent !important;
}
ul.menu_list_2l_d li.image,ul.menu_list_2c_d li.image {
  background: url("/useful/image_cmn/disc_blue.gif") no-repeat scroll 4px 191px transparent !important;
}
ul.menu_list_3l_d li.image,ul.menu_list_3c_d li.image {
  background: url("/useful/image_cmn/disc_blue.gif") no-repeat scroll 4px 191px transparent !important;
}
ul.menu_list_4l_d li.image,ul.menu_list_4c_d li.image {
  background: url("/useful/image_cmn/disc_blue.gif") no-repeat scroll 4px 143px transparent !important;
}

ul[class^="menu_list"] li.image img{
  position: relative;
  left: -20px;
}

ul[class^="menu_list_2"] li.image img{
  width: 240px;
  margin-right: 100px;
}
ul[class^="menu_list_3"] li.image img{
  width: 240px;
  margin-right: 12px;
}
ul[class^="menu_list_4"] li.image img{
  width: 175px;
  margin-right: 5px;
}

ul[class^="menu_list"] li.cl {
    clear: both;
}

/* 2-Column */
ul[class^="menu_list_2"] li {
  width: 320px;
}
ul[class^="menu_list_2c"] li {
  margin-left: 40px;
}
ul[class^="menu_list_2l"] li {
  margin-right: 40px;
}
ul[class^="menu_list_2"] li.image {
  height: 225px;
}

/* 3-Column */
ul[class^="menu_list_3"] li {
  width: 232px;
}
ul[class^="menu_list_3c"] li {
  margin-left: 11px;
}
ul[class^="menu_list_3l"] li {
  margin-right: 11px;
}
ul[class^="menu_list_3"] li.image {
  height: 225px;
}

/* 4-Column */
ul[class^="menu_list_4"] li {
  width: 160px;
}
ul[class^="menu_list_4c"] li {
  margin-left: 16px;
}
ul[class^="menu_list_4l"] li {
  margin-right: 16px;
}
ul[class^="menu_list_4"] li.image {
  height: 174px;
}

/* フォントサイズ「大」で2行まで表示 */
ul[class^="menu_list_2"] li:not(.image) {
  height: 37px;
}
ul[class^="menu_list_3"] li:not(.image) {
  height: 37px;
}
ul[class^="menu_list_4"] li:not(.image) {
  height: 36px;
}

/* ----------------------------
  DIV:MENU
------------------------------ */
div.menu_naviline {
  clear:both;
  margin: 0 0 0 30px;
  font-size: 15px;
}

div.menu_naviline div.line {
  position: relative;
  width: 790px;
  height: 210px;
  margin-top: 10px;
  background: #FFF;
}

div.menu_naviline div.line:not(:last-child) {
  border-bottom: solid 2px #CCC;
}

div.menu_naviline div.line:not(.image_3col) img {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  clear: both;
  width: 240px;
  margin: 10px 7px;
}

div.menu_naviline div.line:not(.image_3col) a {
  float: left;
  margin: 14px 0 0 267px !important;
  padding-left: 20px;
  background: url("/useful/image_cmn/list_mark.gif") no-repeat scroll 2px 7px transparent;
  font-size: 18px !important;
}

div.menu_naviline div.line:not(.image_3col) p.nolink {
  float: left;
  font-size: 18px !important;
  margin: 14px 0 0 267px !important;
  line-height: 1.4 !important;
}

div.menu_naviline div.line:not(.image_3col) a.fz17 {
  font-size: 17px !important;
}

div.menu_naviline div.line.noimg a {
  color: #666;
  pointer-events: none;
}
div.menu_naviline div.line.nolink a {
  color: #666;
  pointer-events: none;
}

div.menu_naviline div.line p.topix {
  position: absolute;
  top: 0;
  left: 240px;
  float: left;
  width: 480px;
  height: 125px;
  margin: 45px 30px 0 40px !important;
}

div.menu_naviline div.line p.enter {
  position: absolute;
  bottom: 10px;
  right: 30px;
  height: 27px;
  margin: 0 !important;
  padding: 3px 10px 0 16px;
  background: url(/useful/image_cmn/list_mark.gif) 0 6px no-repeat;
  font-size: 13px !important;
  font-weight: 600;
}

@media screen and (min-device-width: 1024px) {
  div.menu_naviline div.line:not(.nolink) a:hover {
    opacity:0.75;
    -ms-filter: "alpha(opacity75)";
    filter: alpha(opacity=75);
  }
  div.menu_naviline div.line:not(.nolink) p.enter:hover {
    color: #F00;
  }
}

/* グリーティングメール・待受画面用3カラム表示 */
div.menu_naviline div.line.image_3col {
  float: left;
  height: auto;
}

div.menu_naviline div.line.image_3col.border {
  border-bottom: solid 2px #CCC;
}

div.menu_naviline div.line.image_3col div.image {
  float: left;
  width: 240px;
  height: 230px;
}
div.menu_naviline div.line.image_3col div.image {
  margin-left: 20px;
}
div.menu_naviline div.line.image_3col div.image:nth-child(3n+1) {
  margin-left: 15px;
}

div.menu_naviline div.line.image_3col.nolink div.image a {
  color: #666;
  pointer-events: none;
  cursor: default;
}

* > article#article section.con_box div.menu_naviline div.line.image_3col div.image.nolink a {

    color: #666;
    pointer-events: none;
    cursor: default;

}

* > article#article section.con_box div.menu_naviline div.line.image_3col div.image p {
  margin: 0 0 5px 0 ;
  font-weight: 600;
}

* > article#article section.con_box div.menu_naviline div.line.image_3col div.image p.txt_sm {
  font-size: 17px !important;
}

* > article#article section.con_box div.menu_naviline div.line.image_3col div.gyou {
  margin:20px 0 0 20px ;

}

/* ----------------------------
  h1 Category
  font-size: 25px
------------------------------*/
/*
 * shopping
 */
* > article#article div.ttl.ttl-department-store,
* > article#article div.ttl.ttl-bookstore,
* > article#article div.ttl.ttl-drugstore,
* > article#article div.ttl.ttl-homecenter,
* > article#article div.ttl.ttl-apparel,
* > article#article div.ttl.ttl-sport-shop,
* > article#article div.ttl.ttl-outlet,
* > article#article div.ttl.ttl-shopp,
* > article#article div.ttl.ttl-supermarket,
* > article#article div.ttl.ttl-convenience-store,
* > article#article div.ttl.ttl-discount-shop,
* > article#article div.ttl.ttl-car-goods,
* > article#article div.ttl.ttl-car-shop,
* > article#article div.ttl.ttl-roadside-station,
* > article#article div.ttl.ttl-pet-shop {
  align-items: flex-start;
  background: url("/useful/image_cmn/bg-h1-shopping.png") no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 150px;
  padding: 0 320px 0 25px;
  width: 830px;
}
* > article#article div.ttl.ttl-department-store h1,
* > article#article div.ttl.ttl-bookstore h1,
* > article#article div.ttl.ttl-drugstore h1,
* > article#article div.ttl.ttl-homecenter h1,
* > article#article div.ttl.ttl-apparel h1,
* > article#article div.ttl.ttl-sport-shop h1,
* > article#article div.ttl.ttl-shopp h1,
* > article#article div.ttl.ttl-supermarket h1,
* > article#article div.ttl.ttl-convenience-store h1,
* > article#article div.ttl.ttl-discount-shop h1,
* > article#article div.ttl.ttl-car-goods h1,
* > article#article div.ttl.ttl-car-shop h1,
* > article#article div.ttl.ttl-roadside-station h1,
* > article#article div.ttl.ttl-pet-shop h1 {
  color: #fff;
  font-size: 26px;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #ff205a;
  padding-left: .5rem;
}
* > article#article .ttl-department-store div.category_box,
* > article#article .ttl-bookstore div.category_box,
* > article#article .ttl-drugstore div.category_box,
* > article#article .ttl-homecenter div.category_box,
* > article#article .ttl-apparel div.category_box,
* > article#article .ttl-sport-shop div.category_box,
* > article#article .ttl-shopp div.category_box,
* > article#article .ttl-supermarket div.category_box,
* > article#article .ttl-convenience-store div.category_box,
* > article#article .ttl-discount-shop div.category_box,
* > article#article .ttl-car-goods div.category_box,
* > article#article .ttl-car-shop div.category_box,
* > article#article .ttl-roadside-station div.category_box,
* > article#article .ttl-pet-shop div.category_box {
  background : #ffde00;
  border-radius: 2px;
  display : block;
  float : none;
  margin-top: 10px;
  padding : 2px;
}
* > article#article .ttl-department-store div.category_box p,
* > article#article .ttl-bookstore div.category_box p,
* > article#article .ttl-drugstore div.category_box p,
* > article#article .ttl-homecenter div.category_box p,
* > article#article .ttl-apparel div.category_box p,
* > article#article .ttl-sport-shop div.category_box p,
* > article#article .ttl-shopp div.category_box p,
* > article#article .ttl-supermarket div.category_box p,
* > article#article .ttl-convenience-store div.category_box p,
* > article#article .ttl-discount-shop div.category_box p,
* > article#article .ttl-car-goods div.category_box p,
* > article#article .ttl-car-shop div.category_box p,
* > article#article .ttl-roadside-station div.category_box p,
* > article#article .ttl-pet-shop div.category_box p {
  background : #ffde00;
  border: #ffea96 1px solid;
  border-radius: 2px;
  color: #d80038;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 4px 20px;
}

/*
 * doctor-map
 */
* > article#article div.ttl.ttl-doctor-map {
  align-items: flex-start;
  background: url("/useful/image_cmn/bg-h1-doctor-map.png") no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 150px;
  padding: 5px 315px 0 55px;
  width: 830px;
}
* > article#article div.ttl.ttl-doctor-map h1 {
  color: #fff;
  font-size: 25px;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #005563;
}
* > article#article .ttl-doctor-map div.category_box {
  background : #fff7d5;
  border-radius: 2px;
  box-shadow: 0 2px 0 #006a6a;
  display : block;
  float : none;
  margin-top: 5px;
  padding : 3px;
}
* > article#article .ttl-doctor-map div.category_box p {
  background : #fff7d5;
  border: #d0c980 1px solid;
  border-radius: 2px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 4px 20px;
}

/*
 * pet-clinic
 */
 * > article#article div.ttl.ttl-pet-clinic {
  align-items: flex-start;
  background: url("/useful/image_cmn/bg-h1-pet-clinic.png") no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 150px;
  padding: 0 340px 0 30px;
  width: 830px;
}
* > article#article div.ttl.ttl-pet-clinic h1 {
  color: #fff;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 25px;
  line-height: 1.3;
  margin: 0;
  text-align: left;
}
* > article#article .ttl-pet-clinic div.category_box {
  align-items: center;
  background : url("/useful/image_cmn/bg-petclinic-category-box.png") no-repeat 0 0;
  background-size: 331px auto;
  display : flex;
  float : none;
  height: 50px;
  justify-content: center;
  margin-top: 5px;
  padding : 0;
  width: 331px;
}
* > article#article .ttl-pet-clinic div.category_box p {
  background : none;
  border: none;
  color: #333;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin: -1px 0 0 0;
  padding: 0;
}

/*
 * happy-pair
 */
 * > article#article div.ttl.ttl-happy-pair {
  align-items: flex-start;
  background: url("/useful/image_cmn/bg-h1-happy-pair.png") no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 150px;
  padding: 0 370px 0 60px;
  width: 830px;
}
* > article#article div.ttl.ttl-happy-pair h1 {
  color: #fff;
  font-size: 25px;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #cb0034;
}
* > article#article .ttl-happy-pair div.category_box {
  background : #8d7133;
  border-radius: 2px;
  display : block;
  float : none;
  margin-top: 10px;
  padding : 2px;
}
* > article#article .ttl-happy-pair div.category_box p {
  background : #8d7133;
  border: #fff 1px solid;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 6px 20px;
}

/*
 * bigcompany
 */
 * > article#article div.ttl.ttl-bigcompany {
  align-items: flex-start;
  background: url("/useful/image_cmn/bg-h1-bigcompany.png") no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 150px;
  padding: 0 280px 0 40px;
  width: 830px;
}
* > article#article div.ttl.ttl-bigcompany h1 {
  color: #fff;
  font-size: 25px;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #0451a3;
}
* > article#article .ttl-bigcompany div.category_box {
  background : #fff;
  border: 1px solid #044e9f;
  border-bottom: 2px solid #044e9f;
  border-radius: 3px;
  display : block;
  float : none;
  margin-top: 10px;
  padding : 3px;
}
* > article#article .ttl-bigcompany div.category_box p {
  background : #fff;
  border: #43bdee 1px dashed;
  border-radius: 3px;
  color: #0451a3;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 4px 20px;
}

/*
 * study
 */
* > article#article div.ttl.ttl-kindergarten,
* > article#article div.ttl.ttl-elementary-school,
* > article#article div.ttl.ttl-junior-high-school,
* > article#article div.ttl.ttl-high-school,
* > article#article div.ttl.ttl-college,
* > article#article div.ttl.ttl-senmon,
* > article#article div.ttl.ttl-cram,
* > article#article div.ttl.ttl-driving-school {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-study.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 370px 0 45px;
  width: 830px;
}
* > article#article div.ttl.ttl-kindergarten h1,
* > article#article div.ttl.ttl-elementary-school h1,
* > article#article div.ttl.ttl-junior-high-school h1,
* > article#article div.ttl.ttl-high-school h1,
* > article#article div.ttl.ttl-college h1,
* > article#article div.ttl.ttl-senmon h1,
* > article#article div.ttl.ttl-cram h1,
* > article#article div.ttl.ttl-driving-school h1 {
  color: #fff;
  font-size: 27px;
  letter-spacing: .1em;
  line-height: 1.2;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #007eaf;
}
* > article#article .ttl-kindergarten div.category_box,
* > article#article .ttl-elementary-school div.category_box,
* > article#article .ttl-junior-high-school div.category_box,
* > article#article .ttl-high-school div.category_box,
* > article#article .ttl-college div.category_box,
* > article#article .ttl-senmon div.category_box,
* > article#article .ttl-cram div.category_box,
* > article#article .ttl-driving-school div.category_box {
  background: #ffe400;
  border-radius: 2px;
  box-shadow: 0 2px 0 #dc8406;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 2px;
}
* > article#article .ttl-kindergarten div.category_box p,
* > article#article .ttl-elementary-school div.category_box p,
* > article#article .ttl-junior-high-school div.category_box p,
* > article#article .ttl-high-school div.category_box p,
* > article#article .ttl-college div.category_box p,
* > article#article .ttl-senmon div.category_box p,
* > article#article .ttl-cram div.category_box p,
* > article#article .ttl-driving-school div.category_box p {
  background: #ffe400;
  border: #fff 1px dashed;
  border-radius: 2px;
  color: #00597d;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 4px 10px;
}

/*
 * tour
 */
* > article#article div.ttl.ttl-tour,
* > article#article div.ttl.ttl-theme-park,
* > article#article div.ttl.ttl-zoo,
* > article#article div.ttl.ttl-plant,
* > article#article div.ttl.ttl-aquarium,
* > article#article div.ttl.ttl-religious-building,
* > article#article div.ttl.ttl-festival,
* > article#article div.ttl.ttl-hot-spring,
* > article#article div.ttl.ttl-travel-agent {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-tour.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 350px 0 45px;
  width: 830px;
}
* > article#article div.ttl.ttl-tour h1,
* > article#article div.ttl.ttl-theme-park h1,
* > article#article div.ttl.ttl-zoo h1,
* > article#article div.ttl.ttl-plant h1,
* > article#article div.ttl.ttl-aquarium h1,
* > article#article div.ttl.ttl-religious-building h1,
* > article#article div.ttl.ttl-festival h1,
* > article#article div.ttl.ttl-hot-spring h1,
* > article#article div.ttl.ttl-travel-agent h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #007eaf;
}
* > article#article .ttl-tour div.category_box,
* > article#article .ttl-theme-park div.category_box,
* > article#article .ttl-zoo div.category_box,
* > article#article .ttl-plant div.category_box,
* > article#article .ttl-aquarium div.category_box,
* > article#article .ttl-religious-building div.category_box,
* > article#article .ttl-festival div.category_box,
* > article#article .ttl-hot-spring div.category_box,
* > article#article .ttl-travel-agent div.category_box {
  background: #ffe400;
  border-radius: 2px;
  box-shadow: 0 3px 0 #dc8406;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 2px;
}
* > article#article .ttl-tour div.category_box p,
* > article#article .ttl-theme-park div.category_box p,
* > article#article .ttl-zoo div.category_box p,
* > article#article .ttl-plant div.category_box p,
* > article#article .ttl-aquarium div.category_box p,
* > article#article .ttl-religious-building div.category_box p,
* > article#article .ttl-festival div.category_box p,
* > article#article .ttl-hot-spring div.category_box p,
* > article#article .ttl-travel-agent div.category_box p {
  background: #ffe400;
  border: #fff 1px dashed;
  border-radius: 2px;
  color: #4b4000;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 4px 10px;
}

/*
 * castle
 */
* > article#article div.ttl.ttl-castle {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-castle.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 380px 0 30px;
  width: 830px;
}
* > article#article div.ttl.ttl-castle h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.2;
  margin: 0;
  text-align: left;
  text-shadow: 1px 2px 0 #5c0100;
}
* > article#article .ttl-castle div.category_box {
  background: url(/useful/image_cmn/bg-castle-category-box.png) no-repeat 0 0;
  background-size: 100% auto;
  display: block;
  float: none;
  height: 34px;
  margin-top: 10px;
  width: 103px;
}
* > article#article .ttl-castle div.category_box p {
  background: transparent;
  border: none;
  color: #a81a18;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 8px 15px;
}

/*
 * hotel
 */
* > article#article div.ttl.ttl-hotel {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-hotel.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 300px 0 20px;
  width: 830px;
}
* > article#article div.ttl.ttl-hotel h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #876200;
}
* > article#article .ttl-hotel div.category_box {
  background: #cd341b;
  border-radius: 3px;
  box-shadow: 0 2px 0 #a21700;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 3px 4px;
}
* > article#article .ttl-hotel div.category_box p {
  background: #cd341b;
  border: #fff 1px dashed;
  border-radius: 3px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 3px 10px;
  text-shadow: 1px 1px 1px #ad1800;
}

/*
 * entertainment
 */
* > article#article div.ttl.ttl-hall,
* > article#article div.ttl.ttl-cinema {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-entertainment.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 370px 0 20px;
  width: 830px;
}
* > article#article div.ttl.ttl-hall h1,
* > article#article div.ttl.ttl-cinema h1 {
  color: #fff;
  font-size: 27px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0 0 0 10px;
  text-align: left;
  text-shadow: 2px 2px 0 #90000c;
}

* > article#article .ttl-hall div.category_box,
* > article#article .ttl-cinema div.category_box {
  background: #fffeab;
  border-radius: 2px;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 3px;
}
* > article#article .ttl-hall div.category_box p,
* > article#article .ttl-cinema div.category_box p {
  background: #fffeab;
  border: #ee0d2c 1px dashed;
  border-radius: 2px;
  color: #ad1800;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 3px 15px;
}

/*
 * mediapo
 */
 * > article#article div.ttl.ttl-tv-station,
 * > article#article div.ttl.ttl-radio-station,
 * > article#article div.ttl.ttl-newspaper-office {
   align-items: flex-start;
   background: url(/useful/image_cmn/bg-h1-mediapo.png) no-repeat 0 0;
   background-size: 830px 150px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column-reverse;
   height: 150px;
   justify-content: center;
   padding: 0 350px 0 30px;
   width: 830px;
 }
 * > article#article div.ttl.ttl-tv-station h1,
 * > article#article div.ttl.ttl-radio-station h1,
 * > article#article div.ttl.ttl-newspaper-office h1 {
   color: #fff;
   font-size: 25px;
   line-height: 1.3;
   margin: 0;
   text-align: left;
   text-shadow: 0 2px 0 #004c88;
 }
 * > article#article .ttl-tv-station div.category_box,
 * > article#article .ttl-radio-station div.category_box,
 * > article#article .ttl-newspaper-office div.category_box {
   background: #c2def3;
   border: 1px #d5087a solid;
   border-radius: 5px;
   display: block;
   float: none;
   margin-top: 10px;
   padding: 2px;
 }
 * > article#article .ttl-tv-station div.category_box p,
 * > article#article .ttl-radio-station div.category_box p,
 * > article#article .ttl-newspaper-office div.category_box p {
   background: #d90078;
   border: none;
   border-radius: 4px;
   color: #fff;
   font-size: 17px;
   font-weight: 600;
   letter-spacing: .1em;
   line-height: 1;
   margin: 0;
   padding: 10px 20px;
   text-shadow: 0 2px 0 rgba(0, 0, 0, .4);
 }

/*
 * racemap
 */
* > article#article div.ttl.ttl-keiba,
* > article#article div.ttl.ttl-kyotei,
* > article#article div.ttl.ttl-keirin {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-racemap.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 300px 0 30px;
  width: 830px;
}
* > article#article div.ttl.ttl-keiba h1,
* > article#article div.ttl.ttl-kyotei h1,
* > article#article div.ttl.ttl-keirin h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #227700;
}
* > article#article .ttl-keiba div.category_box,
* > article#article .ttl-kyotei div.category_box,
* > article#article .ttl-keirin div.category_box {
  background: #f8ff85;
  border-radius: 2px;
  box-shadow: 0 2px 0 #569300;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 3px;
}
* > article#article .ttl-keiba div.category_box p,
* > article#article .ttl-kyotei div.category_box p,
* > article#article .ttl-keirin div.category_box p {
  background: #f8ff85;
  border: #569300 1px dashed;
  border-radius: 2px;
  color: #2a4a00;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 3px 20px;
}

/*
 * sport
 */
* > article#article div.ttl.ttl-baseball,
* > article#article div.ttl.ttl-soccer,
* > article#article div.ttl.ttl-athletic-field,
* > article#article div.ttl.ttl-pool,
* > article#article div.ttl.ttl-gym,
* > article#article div.ttl.ttl-ski {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-sport.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 330px 0 30px;
  width: 830px;
}
* > article#article div.ttl.ttl-baseball h1,
* > article#article div.ttl.ttl-soccer h1,
* > article#article div.ttl.ttl-athletic-field h1,
* > article#article div.ttl.ttl-pool h1,
* > article#article div.ttl.ttl-gym h1,
* > article#article div.ttl.ttl-ski h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #0451a3;
}
* > article#article .ttl-baseball div.category_box,
* > article#article .ttl-soccer div.category_box,
* > article#article .ttl-athletic-field div.category_box,
* > article#article .ttl-pool div.category_box,
* > article#article .ttl-gym div.category_box,
* > article#article .ttl-ski div.category_box {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 0 #2f98ca;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 3px;
}
* > article#article .ttl-baseball div.category_box p,
* > article#article .ttl-soccer div.category_box p,
* > article#article .ttl-athletic-field div.category_box p,
* > article#article .ttl-pool div.category_box p,
* > article#article .ttl-gym div.category_box p,
* > article#article .ttl-ski div.category_box p {
  background: #fff;
  border: #2f98ca 1px dashed;
  border-radius: 3px;
  color: #024fa3;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 3px 20px;
}

/*
 * stock
 */
* > article#article div.ttl.ttl-stock {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-stock.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 380px 0 50px;
  width: 830px;
}
* > article#article div.ttl.ttl-stock h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 1px 2px 0 #002878;
}
* > article#article .ttl-stock div.category_box {
  background: transparent;
  border: 1px solid #7cdbf3;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 2px 2px 4px;
}
* > article#article .ttl-stock div.category_box p {
  background: #fff;
  border: #fff 1px dashed;
  box-shadow: 0 2px 0 #bababa;
  color: #904400;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 4px 10px;
}


/*
 * finance
 */
* > article#article div.ttl.ttl-finance {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-finance.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 300px 0 65px;
  width: 830px;
}
* > article#article div.ttl.ttl-finance h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.2;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #002878;
}
* > article#article .ttl-finance div.category_box {
  background: #ffe400;
  box-shadow: 3px -3px 0 #b8a100;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 2px;
}
* > article#article .ttl-finance div.category_box p {
  background: #ffe400;
  border: none;
  color: #191815;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 4px 10px;
}

/*
 * insurer
 */
* > article#article div.ttl.ttl-insurer {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-insurer.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 400px 0 65px;
  width: 830px;
}
* > article#article div.ttl.ttl-insurer h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.2;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #005315;
}
* > article#article .ttl-insurer div.category_box {
  background: transparent;
  border: 1px dashed #fff;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 2px;
}
* > article#article .ttl-insurer div.category_box p {
  background: #ffe73d;
  border: none;
  color: #007a3f;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 4px 10px;
}

/*
 * public
 */
* > article#article div.ttl.ttl-public,
* > article#article div.ttl.ttl-police,
* > article#article div.ttl.ttl-fire-department,
* > article#article div.ttl.ttl-library,
* > article#article div.ttl.ttl-park,
* > article#article div.ttl.ttl-hellowork,
* > article#article div.ttl.ttl-health-center,
* > article#article div.ttl.ttl-tax,
* > article#article div.ttl.ttl-infra,
* > article#article div.ttl.ttl-telco {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-public.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 320px 0 20px;
  width: 830px;
}
* > article#article div.ttl.ttl-public h1,
* > article#article div.ttl.ttl-police h1,
* > article#article div.ttl.ttl-fire-department h1,
* > article#article div.ttl.ttl-library h1,
* > article#article div.ttl.ttl-park h1,
* > article#article div.ttl.ttl-hellowork h1,
* > article#article div.ttl.ttl-health-center h1,
* > article#article div.ttl.ttl-tax h1,
* > article#article div.ttl.ttl-infra h1,
* > article#article div.ttl.ttl-telco h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0;
  text-align: left;
  text-shadow: 2px 2px 0 #90000c;
}
* > article#article .ttl-public div.category_box,
* > article#article .ttl-police div.category_box,
* > article#article .ttl-fire-department div.category_box,
* > article#article .ttl-library div.category_box,
* > article#article .ttl-park div.category_box,
* > article#article .ttl-hellowork div.category_box,
* > article#article .ttl-health-center div.category_box,
* > article#article .ttl-tax div.category_box,
* > article#article .ttl-infra div.category_box,
* > article#article .ttl-telco div.category_box {
  background: #fffeab;
  border-radius: 2px;
  box-shadow: 0 2px 0 #90000c;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 3px;
}
* > article#article .ttl-public div.category_box p,
* > article#article .ttl-police div.category_box p,
* > article#article .ttl-fire-department div.category_box p,
* > article#article .ttl-library div.category_box p,
* > article#article .ttl-park div.category_box p,
* > article#article .ttl-hellowork div.category_box p,
* > article#article .ttl-health-center div.category_box p,
* > article#article .ttl-tax div.category_box p,
* > article#article .ttl-infra div.category_box p,
* > article#article .ttl-telco div.category_box p {
  background: #fffeab;
  border: #f39d3c 1px solid;
  border-radius: 2px;
  color: #ad1800;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 3px 10px;
}

/*
 * routenavi
 */
* > article#article div.ttl.ttl-station,
* > article#article div.ttl.ttl-streetcar,
* > article#article div.ttl.ttl-bus,
* > article#article div.ttl.ttl-ic,
* > article#article div.ttl.ttl-airport,
* > article#article div.ttl.ttl-heliport,
* > article#article div.ttl.ttl-ferry {
  align-items: flex-start;
  background: url(/useful/image_cmn/bg-h1-routenavi.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 350px 0 30px;
  width: 830px;
}
* > article#article div.ttl.ttl-station h1,
* > article#article div.ttl.ttl-streetcar h1,
* > article#article div.ttl.ttl-bus h1,
* > article#article div.ttl.ttl-ic h1,
* > article#article div.ttl.ttl-airport h1,
* > article#article div.ttl.ttl-heliport h1,
* > article#article div.ttl.ttl-ferry h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.2;
  margin: 0;
  text-align: left;
  text-shadow: 1px 2px 0 #005086;
}
* > article#article .ttl-station div.category_box,
* > article#article .ttl-streetcar div.category_box,
* > article#article .ttl-bus div.category_box,
* > article#article .ttl-ic div.category_box,
* > article#article .ttl-airport div.category_box,
* > article#article .ttl-heliport div.category_box,
* > article#article .ttl-ferry div.category_box {
  background: #c00000;
  box-shadow: 0 2px 0 #7a2323;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 2px;
}
* > article#article .ttl-station div.category_box p,
* > article#article .ttl-streetcar div.category_box p,
* > article#article .ttl-bus div.category_box p,
* > article#article .ttl-ic div.category_box p,
* > article#article .ttl-airport div.category_box p,
* > article#article .ttl-heliport div.category_box p,
* > article#article .ttl-ferry div.category_box p {
  background: #c00000;
  border: #e9afaf 1px solid;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 5px 15px;
}

/*
 * rentacar
 */
* > article#article div.ttl.ttl-rent-a-car {
  align-items: center;
  background: url(/useful/image_cmn/bg-h1-rentacar.png) no-repeat 0 0;
  background-size: 830px 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  height: 150px;
  justify-content: center;
  padding: 0 410px 0 30px;
  width: 830px;
}
* > article#article div.ttl.ttl-rent-a-car h1 {
  color: #fff;
  font-size: 25px;
  letter-spacing: .1em;
  line-height: 1.3;
  margin: 0;
  text-align: center;
  text-shadow: 1px 2px 0 #005086;
}
* > article#article .ttl-rent-a-car div.category_box {
  background: #fecc03;
  box-shadow: 0 3px 0 #a36500;
  display: block;
  float: none;
  margin-top: 10px;
  padding: 2px;
}
* > article#article .ttl-rent-a-car div.category_box p {
  background: #fecc03;
  border: #fff 1px dashed;
  color: #004d81;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 4px 10px;
}

/* リンク用バナー */

.lst_bnr_lnk{
  text-align: center;
}

.lst_bnr_lnk li{
  margin: 35px auto 0;
}

.lst_bnr_lnk li:first-child{
  margin: 0 auto;
}

.lst_bnr_lnk p{
  font-size: 17px;
  line-height: 1.5;
  margin: 0 auto;
  width: 518px;
}


/*城ワールド・武将と城ページのみのclass*/
.box_bnr_lnk.castle{
  margin: 30px auto;
}


/*エンタメ・歌舞伎と刀剣ページのみのclass*/
.box_bnr_lnk.kabuki{
  margin: 30px auto 0;
}

.box_bnr_lnk.kabuki .lst_bnr_lnk p{
  width: auto;
}

/*汎用型テキストバナー外枠*/
.bnr_box{
  box-sizing: border-box;
  font-size: 17px;
  height: auto;
  min-height: 90px;
  margin: 15px auto 5px;
  position: relative;
  width: 500px;
}
.bnr_box:hover{
  opacity: .7;
}
.bnr_box .bnr_box_inner{
  color: #000;
  display: block;
  font-size: 17px;
  min-height: 90px;
  width: 100%;
}
.bnr_box .box_name{
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 30%;
  position: absolute;
  top: 0;
  width: 350px;

}
.bnr_box .txt_name{
  align-items: center;
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bg_bnr_bf.png) no-repeat 0 0 / cover;
  box-shadow: 1px 1px 5px rgba(0,0,0,.5);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
  padding: 7px 26px;
  position: relative;
  text-align: center;
  min-width: 55%;
  width: auto;
}
.bnr_box .txt_name::before,
.bnr_box .txt_name::after{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/ico_bnr_bf.png) no-repeat 0 0 /cover;
  bottom: 0;
  content: "";
  display: block;
  height: 9px;
  margin: auto 0;
  top: 0;
  position: absolute;
  width: 14px;
}
.bnr_box .txt_name::before{
  left: 4%;
}
.bnr_box .txt_name::after{
  right: 4%;
}

/*城ワールド用各種バナー*/
.bf_old{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_old.png) no-repeat 0 0 / cover;
}
.bf_chronology{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_chronology.png) no-repeat 0 0 / cover;
}
.sb_historian{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-bg-historian.png) no-repeat 0 0 / cover;
}
.sb_historian_js{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-bg-historian-js.png) no-repeat 0 0 / cover;
}
.sb_historian_celebrity_js{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-bg-historian-celebrity-js.png) no-repeat 0 0 / cover;
}
.bf_old,
.bf_chronology,
.sb_historian,
.sb_historian_js,
.sb_historian_celebrity_js{
font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
}

/*banner link*/
* > article#article section.con_box .feature_banner {
  margin: 30px auto 0;
  text-align: center;
  width: 594px;
}
* > article#article section.con_box .feature_banner.w_500 {
  width: 500px;
}
* > article#article section.con_box .feature_banner.w_496 {
  width: 496px;
}
* > article#article section.con_box .feature_banner.w_300 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 630px;
}
* > article#article section.con_box .feature_banner li {
  margin-bottom: 20px;
}
* > article#article section.con_box .feature_banner li.w_300  {
  max-width: 300px;
}
* > article#article section.con_box .feature_banner p {
  font-size: 16px;
  line-height: 1.5;
  margin: 8px 0 0;
}

.useful_wrap * > article#article .feature_banner {
  margin: 30px auto 0;
  text-align: center;
  width: 594px;
}
.useful_wrap * > article#article .feature_banner.w_500x2:nth-of-type(2) {
  margin-top: 10px;
}
.useful_wrap * > article#article .feature_banner.w_500 {
  width: 500px;
}
.useful_wrap * > article#article .feature_banner.w_496 {
  width: 496px;
}
.useful_wrap * > article#article .feature_banner.w_300 {
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 630px;
}
.useful_wrap * > article#article .feature_banner.w_500x2 {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  text-align: left;
  width: 760px;
}
.useful_wrap * > article#article .feature_banner li {
  margin-bottom: 20px;
}
.useful_wrap * > article#article .feature_banner li a {
  display: inline-block;
}
.useful_wrap * > article#article .feature_banner.w_300 li {
  max-width: 300px;
}
.useful_wrap * > article#article .feature_banner.w_500x2 li {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .useful_wrap * > article#article .feature_banner.w_500x2 li {
    width: 370px;
  }
}
.useful_wrap * > article#article .feature_banner p {
  font-size: 16px;
  line-height: 1.5;
  margin: 8px 0 0;
}
@media screen and (max-width: 768px) {
  .useful_wrap * > article#article .feature_banner.w_500x2 p {
    font-size: 15px;
  }
}

/* SNS box top */
* > article#article .category_search_btn_group aside.sns_box_top {
  background: none;
  border: none;
  float: left;
  height: 55px;
  margin: 0;
}

* > article#article .category_search_btn_group aside.sns_box_top div[class^="button_"] {
  bottom: 10px;
}

* > article#article .category_search_btn_group aside.sns_box_top div.button_hatebu {
  left: 5px;
}

* > article#article .category_search_btn_group aside.sns_box_top div.button_facebook {
  left: 135px;
}

* > article#article .category_search_btn_group aside.sns_box_top div.button_twitter {
  left: 265px;
}

.category_search_btn_group #control-wrap {
  margin: 0 5px 8px 0;
}

.category_search_btn_group #control-wrap ul {
  margin-top: 14px;
}

/* category search */
.category_search_wrapper {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.category_search_block {
  display: block;
  clear: both;
  margin-bottom: 10px;
}

* > article#article .category_search_btn_group .category_search_wrapper .category_search {
  margin: 5px 0 22px 0;
}

* > article#article .category_search_btn_group .category_search_block .category_search {
  margin: 5px 0 16px 16px;
}

* > article#article .category_search_btn_group .category_search a {
  background: #ef4040;
  border-bottom: 1px solid #ffe9e9;
  box-shadow: 0 4px 0 1px #b15b5b, 0 0px 5px 0px rgba(180,180,180,1);
  height: 43px;
  letter-spacing: 0;
  line-height: 43px;
  min-width: 200px;
  padding-left: 69px;
  padding-right: 58px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 2px #b15b5b;
}

* > article#article .category_search_btn_group .category_search a::after,
* > article#article .category_search_btn_group .category_search a::before {
  content: none;
}

* > article#article .category_search_btn_group .category_search::after {
  border-color: transparent transparent transparent #ffeb46;
  top: -1px;
}

* > article#article .category_search_btn_group .category_search img {
  left: 35px;
}

* > article#article .category_search_btn_group .category_search_right img {
  left: 31px;
}

* > article#article .category_search_btn_group .category_search_wrapper .category_search_right {
  margin-left: 42px;
}

* > article#article .category_search_btn_group .category_search_right a {
  background: #f75586;
  box-shadow: 0 4px 0 1px #bb8caf, 0 0px 5px 0px rgba(180,180,180,1);
  min-width: 260px;
  padding-left: 65px;
  padding-right: 58px;
  text-shadow: 0 1px 2px #bb8caf;
}

* > article#article .category_search_btn_group + aside.sns_box_bottom {
  margin-top: 35px;
}

* > article#article .category_search_btn_group + p.lead {
  clear: both;
}

#con_nav_b + .category_search_btn_group .category_search_wrapper,
.born + .category_search_btn_group .category_search_wrapper,
.con_box + .category_search_btn_group .category_search_wrapper {
  display: block;
}

/* category search long button */
@media screen and (max-device-width: 1024px) {
  .category_search_btn_long {
    display: flex;
    flex-direction: column;
  }

  * > article#article .category_search_btn_group .category_search_wrapper.category_search_btn_long .category_search_right {
    margin-left: 0;
  }

  * > article#article .category_search_btn_group .category_search_wrapper.category_search_btn_long .category_search {
    margin-top: 5px;
    margin-bottom: 16px;
    width: max-content;
  }
}

/* category search news layout */
.born > .category_search_btn_group {
  margin-top: -22px;
  margin-bottom: 3px;
  width: 100%;
}

* > .useful_bnr_area{
  max-width: 680px;
  margin: 35px auto 5px;
  text-align: center;
  font-size: 16px;
}
* > .useful_bnr_area img{
  max-width: 100%;
  height: auto;
}

/* ----------------------------
  .con_box
------------------------------ */

.detail_section .detail_content_inner {
  padding: 16px 12px 26px;
  font-size: 15px;
}

.detail_content_inner {
  padding-left: 20px;
  padding-right: 0;
}

.txt_detail_main {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}

.txt_detail_main:before {
  background: #000;
  content: "";
  height: 10px;
  width: 10px;
  left: 0;
  position: absolute;
  top: 6px;
}

.txt_detail {
  margin-top: 0;
}

/* ----------------------------
  useful new layout
------------------------------ */
.useful_wrap {
  font: initial;
  line-height: inherit;
  letter-spacing: normal;
}
.useful_wrap,
.useful_wrap button, 
.useful_wrap input, 
.useful_wrap select, 
.useful_wrap textarea {
  color: #000;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, "メイリオ", YuGothic, "游ゴシック", sans-serif;
}
.useful_wrap .category_search_wrapper {
  margin-top: 8px;
  flex-wrap: wrap;
}
.useful_wrap .category_search_btn_group .category_search_wrapper:not(:first-child) {
  margin-top: 0;
}
.useful_wrap {
  position: relative;
  background: #f9f7f0;
  color: #000;
  text-align: left;
}
.useful_wrap #content {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-spacing-trim: space-all;
}
.useful_wrap * > article#article div.ttl {
  background: url("/useful/image_cmn/bg-h1-useful.png") no-repeat 0 0;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 17px;
  padding: 10vw 30vw 10vw 20px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  border: 3px solid #e85f4a;
  border-radius: 5px;
}
.useful_wrap #content {
  max-width: 100%;
  width: 925px;
}
.useful_wrap * > article#article section.con_box .ind {
  text-indent: -18px;
  padding-left: 18px;
}
.useful_wrap * > article#article section.con_box .ind_2 {
  text-indent: -50px;
  padding-left: 50px;
}
.useful_wrap * > article#article section.con_box .ind_3 {
  text-indent: -20px;
  padding-left: 20px;
}
.useful_wrap * > article#article section.con_box .ind_4 {
  padding-left: 16px;
  text-indent: -35px;
}
.useful_wrap * > article#article section.con_box .ind_5 {
  padding-left: 62px;
  text-indent: -72px;
}
.useful_wrap * > article#article section.con_box span.ind {
  display: block;
}
.useful_wrap * > article#article section.con_box table .ind {
  text-indent: -18px;
  padding-left: 18px;
}
.useful_wrap * > article#article .lead_block {
  display: block;
}
@media screen and (min-width: 768px) {
  .useful_wrap * > article#article .lead.con_box {
    max-width:  800px;
  }
  .useful_wrap * > article#article .lead.con_box > dl[class^="uf_list"] > dd, 
  .useful_wrap * > article#article .lead.con_box > dl[class^="uf_list"] > dd.lst_02,
  .useful_wrap * > article#article .lead.con_box > p {
    letter-spacing:  .07em;
  }
  .useful_wrap * > article#article .lead.con_box > figure.img_r {
    margin-right: 6px;
  }
  .useful_wrap * > article#article .lead.con_box > dl[class^="uf_list"] {
    margin-left: 16px;
  }
}
.useful_wrap #siteroute li > a {
  color: #1825ce;
}
.useful_wrap #siteroute li > a:hover {
  color: #f00;
}
.useful_wrap * > article#article {
  margin: 0 auto;
  max-width: 100%;
  width: 925px;
}
.useful_wrap * > article#article div.ttl h1 {
  color: #000;
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 29px;
  letter-spacing: 0.07em;
  margin: 0 20px;
  text-shadow: none;
}

.useful_wrap * > article#article div.ttl h1.w100 {
  width: 100%;
}

.useful_wrap * > article#article div.ttl h1.h1_sm {
  font-size: 29px;
}

.useful_wrap * > article#article div.ttl h1.h1_xs {
  font-size: 29px;
}

.useful_wrap * > article#article .ttl div.category_box {
  background-color: #e85f4a;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 18px;
  padding: 10px 12px;
  margin-top: 0;
}

.useful_wrap * > article#article .ttl div.category_box p {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  margin: 0;
  padding: 0;
  text-shadow: none;
}
.useful_wrap * > article#article section.con_box {
  margin-left: auto;
  margin-right: auto;
  max-width: 830px;
}
.useful_wrap * > article#article section.con_box .al_cen {
  text-align: center;
}
.useful_wrap * > article#article section.con_box:last-child {
  margin-bottom: 0;
}
.useful_wrap * > article#article section.con_box figure.img_r {
  margin: 7px 20px 10px 25px;
}
.useful_wrap * > article#article section.con_box p {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.7;
  margin: 0 30px 10px 30px;
}
.useful_wrap * > article#article section.con_box h4 ~ p, 
* > article#article section.con_box h4 ~ figure {
  margin-left: 40px;
}
.useful_wrap #footer {
  border-top: none;
}
.useful_wrap * > article#article section.con_box__2_2 {
  background-color: transparent;
}
.useful_wrap * > article#article section.con_box h4 {
  height: auto;
  padding-bottom: 3px;
  max-width: 100%;
}
.useful_wrap .center_mw {
  border: 1px solid #cfc5ac;
  display: flex;
  max-width: 830px;
  flex-wrap: wrap;
}

.useful_wrap .center_mw p {
  font-size: 17px;
  width: 100%;
}
.useful_wrap * > article#article nav#con_nav.con_nav_mt {
  margin-top: 20px;
}
.useful_wrap * > dl[class^="mini_topic"] > dd > ul li {
  background: url(/useful/image_cmn/list_mark.gif) no-repeat scroll 2px 7px transparent;
}
.useful_wrap * > article#article nav#con_nav_b ul li a {
  line-height: 18px;
}
.useful_wrap * > article#article nav#con_nav_b ul li.act {
  line-height: 18px;
}
.useful_wrap .clear_h_auto {
  height: auto;
}
.useful_list_box {
  overflow: auto;
}
.useful_list_box li {
  width: 25%;
  float: left;
}

/* siteroute */
@media screen and (min-width: 768px) {
  .useful_wrap .siteroute_wrap:after {
    clear: both;
    content: "";
    display: block;
  }
}
.useful_wrap .siteroute_wrap #siteroute, 
.useful_wrap .siteroute_wrap .breadcrumb {
  padding: 5px 0;
  width: auto;
}
.useful_wrap .siteroute_wrap #siteroute li, 
.useful_wrap .siteroute_wrap .breadcrumb li {
  margin: 0 3px 5px 0;
}
.useful_wrap .siteroute_wrap #siteroute li span, 
.useful_wrap .siteroute_wrap .breadcrumb li span {
  font-weight: normal;
}
.useful_wrap .siteroute_wrap {
  margin: 0 auto;
  max-width: 100%;
  width: 899px;
}
.useful_wrap .siteroute_wrap nav {
  float: left;
  width: 75%;
}

/* control wrap */
.useful_wrap .siteroute_wrap #control-wrap {
  margin: -4px 3px 0 0;
}
.useful_wrap .siteroute_wrap #control-wrap ul {
  background: url(/useful/image_cmn/font-bg.png) no-repeat 9px;
  margin-top: 0;
}
.useful_wrap #control-wrap ul li {
  padding: 0 2px 0 14px;
}

/* lead */
.useful_wrap div.lead {
  border-top: none;
  flex-direction: column;
  margin: 9px auto 6px;
  max-width: 686px;
  padding-top: 24px;
}

.useful_wrap div.lead p {
  letter-spacing: 0;
  line-height: 1.7;
}
.useful_wrap div.lead p:nth-child(n + 2) {
  margin-top: 10px;
}

.useful_bnr_middle {
  max-width: 450px;
  margin: 30px auto 20px;
}

@media screen and (max-width: 767px) {
  .useful_bnr_middle {
    max-width: 400px;
    margin-bottom: 30px;
  }
}

.useful_bnr_middle figcaption {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .useful_bnr_middle figcaption {
    font-size: 15px;
    letter-spacing: normal;
  }
}

.useful_wrap.plant_garden div.lead{
  max-width: 800px;
}
.useful_wrap.plant_garden div.lead + .img_c{
  margin-bottom: 30px;
}

.useful_wrap * > article#article > div.lead > p {
  letter-spacing: 0;
  line-height: 1.7;
  margin: 0 15px 10px 15px;
}
.useful_wrap * > article#article .ind {
  text-indent: -16px;
  padding-left: 16px;
}
/* category search button */
.useful_wrap .category_search_btn_long {
  flex-direction: row;
}
.useful_wrap .category_search_btn_group {
  clear: both;
  padding-top: 1px;
  width: 100%;
}
.useful_wrap .btn_category_wrap .category_search {
  display: inline-block;
  position: relative;
  top: 5px;
}
.useful_wrap .btn_category_wrap .category_search img {
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
}
.useful_wrap .btn_category_wrap {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 24px;
  padding: 20px 45px 0;
}
.useful_wrap .btn_category_wrap > * {
  max-width: 1090px;
  width: 100%;
}
.useful_wrap .btn_category_wrap .category_search a {
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  position: relative;
}
.useful_wrap .btn_category_wrap .category_search::after {
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto 0;
  position: absolute;
  right: 15px;
  top: 0;
  width: 0;
}
.useful_wrap .btn_category_wrap .category_search_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 9px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search ,
.useful_wrap .btn_category_wrap .category_search {
  margin: 5px 5px 13px 5px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search a,
.useful_wrap .btn_category_wrap .category_search a {
  align-items: center;
  background-color: #c82121;
  border-bottom: none;
  border-radius: 0;
  box-shadow: inset 0 0 0 2px #860000, 0px 4px 8px 0 #a5a18e;
  display: flex;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  height: auto;
  justify-content: center;
  letter-spacing: normal;
  line-height: normal;
  min-width: 266.11px;
  padding: 14px 44px 14px 74px;
  text-shadow: none;
  width: auto;
}
.useful_wrap * > article#article .category_search_btn_group .category_search_right a,
.useful_wrap .btn_category_wrap .category_search_right a {
  background-color: #f75586;
  box-shadow: inset 0 0 0 8px #f75586, 0px 4px 8px 0 #a5a18e;
  padding: 14px 44px 14px 61px;
  text-shadow: none;
}
.useful_wrap * > article#article .category_search_btn_group .category_search_home a,
.useful_wrap .btn_category_wrap .category_search_home a {
  background-color: #0168b7;
  box-shadow: inset 0 0 0 8px #0168b7, 0px 4px 8px 0 #a5a18e;
  padding-left: 50px;
  padding-right: 30px;
}
.useful_wrap .btn_category_wrap .category_search a:hover {
  opacity: 0.8;
}
.useful_wrap * > article#article .category_search_btn_group .category_search a::before,
.useful_wrap .btn_category_wrap .category_search a::before {
  background-image: none;
  border: 1px solid #fff;
  content: "";
  height: calc(100% - 8px);
  left: 4px;
  position: absolute;
  top: 4px;
  width: calc(100% - 8px);
}
.useful_wrap * > article#article .category_search_btn_group .category_search::after,
.useful_wrap .btn_category_wrap .category_search::after {
  border-color: transparent transparent transparent #fff;
  right: 10px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search img,
.useful_wrap * > article#article .category_search_btn_group .category_search_right img,
.useful_wrap .btn_category_wrap .category_search img,
.useful_wrap .btn_category_wrap .category_search_right img {
  left: 17px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search_right,
.useful_wrap .btn_category_wrap .category_search_right {
  margin-left: 7.5px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search img {
  width: 23px;
}

/* 全国の○○検索ボタンをユニークに */
.useful_wrap * > article#article .category_search_wrapper:not(.category_search_castle) .category_search_btn_group .category_search:not(.category_search_right):first-child a::before,
.useful_wrap * > aside.main_category .category_search a::before {
  border: 2px solid #fff;
  content: "";
  height: calc(100% - 4px);
  left: 2px;
  position: absolute;
  top: 2px;
  width: calc(100% - 4px);
}
.useful_wrap * > article#article .category_search_castle .category_search::before,
.useful_wrap * > aside.main_category .category_search_castle .category_search::before {
  background: none;
}
.useful_wrap * > article#article .category_search::before,
.useful_wrap_news * > article#article .category_search:first-child::before,
.useful_wrap * > aside.main_category .category_search::before,
.useful_wrap_news * > aside.main_category .category_search::before,
.useful_wrap * > article#article .category_search_btn_group .category_search_zoo .category_search::before {
  content: "";
  display: inline-block;
  margin: auto 0;
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  width: 33px;
  height: 33px;
  z-index: 2;
}

.useful_wrap * > article#article .category_search_2col .category_search::before,
.useful_wrap * > article#article .category_search.category_search_right::before,
.useful_wrap * > article#article .category_search.category_search_home::before {
  content: none;
}

/* title */
.useful_wrap * > article#article section.con_box h2 {
  background: none;
  border-bottom: 2.5px solid #d17b75;
  color: #000;
  font-size: 23px;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  height: auto;
  line-height: 1.13;
  margin: 0 auto 30px;
  padding: 27px 0 15px 70px;
  position: relative;
  width: auto;
  text-shadow: none !important;
}
.useful_wrap * > article#article section.con_box h2::before {
  background: url(/useful/image_cmn/ico-heading.png) no-repeat;
  background-size: contain;
  content: "";
  left: 14px;
  top: 50%;
  position: absolute;
  text-shadow: none;
  transform: translateY(-50%);
  z-index: 1;
  width: 48px;
  height: 49px;
}
.useful_wrap * > article#article section.con_box h2::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: calc(100% - 7px);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.useful_wrap * > aside.main_category {
  border-bottom: 2px solid #3cb9ba;
  border-top: none;
  margin: 17px auto 9px;
  padding: 0 138px 39px;
  width:  100%;
}
.useful_wrap * > aside.main_category p {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 18px;
  margin-bottom: 2px;
  line-height: 1.15;
}
.useful_wrap #line_box_footer .color_p {
  height: 17px;
}

/* ad box */
.useful_wrap .ad_bnrbox_token.ad_bnrbox_token_useful {
  border-top: none;
  justify-content: center;
  margin: 0 auto;
  padding-top: 32px;
}
@media screen and (min-width: 768px) {
  .useful_wrap .ad_bnrbox_token.ad_bnrbox_token_useful .ad_box {
    margin: 0 12px;
  }
}

.useful_wrap .ad_bnrbox_token_useful_wrap {
  background-color: #fff;
  padding-bottom: 36px;
}
.useful_wrap footer {
  margin-top: 0;
}

/* banner footer */
.useful_wrap .bnr_footer_useful {
  background: #fff url(/useful/image_cmn/bg-footer-useful.png) repeat;
  width: 100%;
  height: 66px;
  margin-bottom: 1px;
}
.header_public~.bnr_footer_useful ,
.header_finance~.bnr_footer_useful ,
.header_pet_clinic~.bnr_footer_useful ,
.header_doctor_map~.bnr_footer_useful ,
.header_race_map~.bnr_footer_useful ,
.header_sports~.bnr_footer_useful {
  margin-top: 95px;
  position: relative;
  z-index: 2;
}
.useful_wrap * > article#article section.con_box table td {
  background-color: #fff;
  text-align: left;
  padding: 7px 10px;
}

.useful_wrap * > ol[class^="ol_number_list"] {
  display: flex;
  flex-direction: column;
  white-space: normal;
}

.useful_wrap * > article#article section.con_box table th {
  background-color: #ffbfd8;
  color: #000;
}
.useful_wrap * > article#article section.con_box table,
.useful_wrap * > article#article section.con_box table.tb2 {
  border-color: #f57aaa;
}
.useful_wrap * > article#article section.con_box table th,
.useful_wrap * > article#article section.con_box table td {
  border-color:#f57aaa;
}
.useful_wrap * > article#article section.con_box figure.img_l figcaption, 
.useful_wrap * > article#article section.con_box figure.img_r figcaption {
  margin-top: 6px;
}
.useful_wrap div.menu_naviline div.line:not(:last-child) {
  border-bottom: solid 2px #cfc5ac;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  * > aside.main_category br {
    display: none;
  }
  .useful_wrap * > article#article .siteroute_wrap #nav {
    display: inline;
    width: 100%;
  } 
  .useful_wrap * > article#article * > aside.main_category br {
    display: none;
  }
  .useful_wrap * > article#article #siteroute li:not([class]):last-child > a span, 
  .useful_wrap * > article#article #siteroute li .last_crumbs {
    font-size: 16px;
    padding-top: 1px;
  }
  .useful_wrap .ttl_cate {
    display: none;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ol, 
  .useful_wrap * > article#article section.con_box h2 ~ p ~ ol,
  .useful_wrap * > article#article section.con_box h3 ~ ol, 
  .useful_wrap * > article#article section.con_box h3 ~ p ~ ol{
    margin-left: 50px;
  }
  .useful_wrap * > ol[class^="ol_number_list"] li {
    padding-left: 20px;
    text-indent: -20px;
  }
  .useful_wrap * > article#article section.con_box p + section.con_box {
    margin-bottom: 0;
  }
  .useful_wrap * > article#article section.con_box p:last-child {
    margin-bottom: 20px;
  }
  .useful_wrap * > article#article section.con_box .wrap_con p {
    margin: 0 7px 10px 12px;
  }
  .useful_wrap * > article#article section.con_box .wrap_con p:last-child {
    margin-bottom: 20px;
  }
  .useful_wrap span.ind {
    display: block;
    padding-left: 16px;
    text-indent: -16px;
  }
  .useful_wrap * > article#article section.con_box h4 ~ ul[class^="disc"] li {
    margin-left: 20px;
  }
  .useful_wrap * > article#article section.con_box ul[class^="disc"].disc_01 li span.ind {
    font-size: inherit;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ul, 
  .useful_wrap * > article#article section.con_box h2 ~ p ~ ul {
    margin-left: 40px;
  }
  .useful_wrap * > article#article section.con_box p + section.con_box {
    margin-top: 20px;
  }
  .useful_wrap * > article#article section.con_box figure.img_r,
  .useful_wrap * > article#article section.con_box figure.img_c {
    margin-bottom: 33px;
  }
  .useful_wrap * > article#article section.con_box h2 ~ p + dl.uf_list {
    margin-left: 40px;
  }
  .useful_wrap * > article#article section.con_box h4 ~ p ~ ol {
    margin-left: 50px;
  }
  .useful_wrap * > article#article section.con_box h3 {
    height: 33px;
    font-size: 20px;
    margin-top: 10px;
  }
  .useful_wrap div.menu_naviline div.line {
    background: transparent;
    clear: both;
    height: 265px;
  }
  .useful_wrap div.menu_naviline div.line.image_3col {
    height: auto;
    padding-bottom: 5px;
  }
  .useful_wrap div.menu_naviline div.line p.enter {
    line-height: 17px !important;
  }
  .useful_wrap ul[class^="disc w2"] li {
    width: 235px;
  }
  .useful_wrap * > article#article section.con_box h4 {
    width: calc(100% - 40px);
    font-size: 19px;
  }
  .useful_wrap * > article#article section.con_box h3 ~ ul.disc {
    margin-bottom: 20px;
  }
  .useful_wrap * > article#article section.con_box h2 {
    margin-top: 20px;
  }
  .useful_wrap * > article#article section.con_box table th,
  .useful_wrap * > article#article section.con_box table td {
    font-size: 17px;
  }
  .useful_wrap * > article#article section.con_box table th br {
    display: none;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji_pc .top_cell,
  .useful_wrap * > article#article section.con_box table.tbl_kanji_pc th,
  .useful_wrap * > article#article section.con_box table.tbl_kanji_pc td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji_pc .right_cell {
    border-right-width: 2px;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji_pc .bottom_cell {
    border-bottom-width: 2px;
  }
  .useful_wrap * > article#article section.con_box .ml_no_nbsp {
    margin-left: 25px;
  } 
  .useful_wrap * > article#article section.con_box .scroll_block_pc {
    display: inline-block;
  } 
  .useful_wrap * > article#article section.con_box .scroll_block_pc table {
    margin-top: 0;
  } 
  .useful_wrap #content article#article section.con_box h3 {
    background: url("/useful/image_cmn/bg_ttls.png") no-repeat scroll 0 0 transparent;
    background-size: cover;
    padding: 3px 0 0 26px;
    height: 35px;
  }
  .useful_wrap #content article#article section.con_box h3::before {
    content: none;
  }
  .useful_wrap #content article#article section.con_box h3 {
    font-size: 20px !important;
  }
  .useful_wrap #content article#article section.con_box h3.ttl_sm {
    font-size: 18px !important;
  }
  .useful_wrap #content article#article section.con_box h3.ttl_xs {
    font-size: 17px !important;
  }
  .useful_wrap * > dl.uf_list_full_width > dt,
  .useful_wrap * > dl.uf_list_full_width > dd {
    width: 100%;
  }
  .useful_wrap * > article#article section.con_box h4 ~ ul.disc:last-child {
    margin-bottom: 25px;
  }
  .useful_wrap * > article#article section.con_box section.con_box:last-child h3 ~ figure.img_r {
    margin-bottom: 15px;
  }
  .useful_wrap .siteroute_wrap #siteroute li, 
  .useful_wrap .siteroute_wrap .breadcrumb li,
  .useful_wrap .siteroute_wrap #siteroute li a, 
  .useful_wrap .siteroute_wrap .breadcrumb li a,
  .useful_wrap .siteroute_wrap #siteroute li span, 
  .useful_wrap .siteroute_wrap .breadcrumb li span {
    display: inline;
    float: left;
  }
  .useful_wrap .siteroute_wrap #siteroute li span, 
  .useful_wrap .siteroute_wrap .breadcrumb li span
  .useful_wrap .siteroute_wrap {
    margin-right: 0;
  }
  .useful_wrap .siteroute_wrap #control-wrap {
    width: 24%;
  }
  .useful_wrap .siteroute_wrap #siteroute {
    position: relative;
    padding-left: 10px;
  }
  .useful_wrap ul[class^="disc_left_w2_arrow"] li {
    background-position-y: 7px;
  }
  .useful_wrap .con_box + dl.mini_topic_mt_20 {
    margin-top: 20px;
  }
  .useful_wrap * > article#article nav#con_nav {
    margin: 15px auto;
    max-width: 830px;
  }
  * > article#article .category_search_btn_group +  nav#con_nav {
    margin-top: 30px !important;
  }
  .useful_wrap * > article.bnr_dtl_travel_themepark a span {
    font-size: 17px;
  }
  .useful_wrap * > dl[class^="uf_list"] > dd.lst_02 {
    width: 100%;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .useful_wrap .ttl div.category_box {
    padding-top: 9px;
    padding-bottom: 11px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search a, 
  .useful_wrap * > article#article .btn_category_wrap .category_search a {
    padding-bottom: 13px;
    padding-top: 15px;
  }
}

@media screen and (max-width: 767px) { 
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search {
    margin: 0 auto 12px;
    width: 93.912%;
  }
  .useful_wrap .btn_category_wrap .category_search {
    display: block;
    margin: 0 0 13px 0;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search_left, 
  .useful_wrap * > article#article .btn_category_wrap .category_search_left, 
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search_right, 
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search_home {
    margin-left: auto;
    margin-right: auto;
  }
  .useful_wrap * > aside.main_category,
  .useful_wrap #content {
    margin-top: 0;
  }
  .useful_wrap * > aside.main_category {
    border-bottom: 0;
    padding: 0 0 15px 0;
    width: 83%;
  }
  .useful_wrap * > article#article .ad_bnrbox_useful_wrap {
    display: none;
  }
  .useful_wrap * > article#article div.ttl h1 br {
    display: none;
  }

  .useful_wrap * > article#article div.ttl h1.w100 > br {
    display: block;
  }

  .useful_wrap * > article#article .ttl div.category_box p {
    font-size: 15px;
    line-height: 1.5;
  }
  .useful_wrap * > article#article .ttl-cram div.category_box p {
    font-size: 15px;
  }
  .useful_wrap * > article#article .ttl-soccer div.category_box p {
    letter-spacing: normal;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_left a, 
  .useful_wrap * > article#article .btn_category_wrap .category_search_left a,
  .useful_wrap * > article#article .category_search_btn_group .category_search_right a,
  .useful_wrap * > article#article .category_search_btn_group .category_search_home a {
    padding-left: 55px;
    padding-right: 35px;
    width: 100%;
  }
  .useful_wrap * > article#article .category_search_wrapper {
    flex-direction: column;
    margin-top: 0;
  }
  .useful_wrap * > article#article .category_search_wrapper .category_search_zoo {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .useful_wrap * > article#article div.lead {
    padding-top: 11px;
    margin-bottom: 0;
  }
  .useful_wrap * > article#article div.lead p {
    font-size: 15px !important;
    line-height: 1.6;
    margin: 0 0 10px 0;
    width: auto;
  }
  .useful_wrap * > article#article div.lead.con_box p {
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap * > article#article div.lead.con_box dl.uf_list {
    margin-left: 0;
  }
  .useful_wrap #content article#article .con_box.con_box_01 {
    padding-left: 0;
    padding-right: 0;
  }
  .useful_wrap * > article#article .con_box figure.img_r {
    float: none;
    padding: 0;
    margin: 0 0 10px 0;
  }
  .useful_wrap * > article#article .con_box figure img {
    width: 100%;
  }
  .useful_wrap * > article#article .con_box p {
    margin: 0;
  }
  .useful_wrap * > article#article .siteroute_wrap #siteroute li, 
  .useful_wrap * > article#article .siteroute_wrap .breadcrumb li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: none;
    margin: 0;
  }
  .useful_wrap * > article#article .siteroute_wrap #control-wrap {
    display: none;
  }
  .useful_wrap * > article#article #siteroute {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden;
    padding: 0;
    width: auto;
  }
  .useful_wrap * > article#article #siteroute li > a {
    color: #1825ce;
    position: relative;
  }
  .useful_wrap * > article#article #siteroute li > a:after {
    background: url(/useful/image_cmn/ico-arrow-red.png) no-repeat;
    content: "";
    position: absolute;
    right: 0px;
    width: 7px;
    height: 7px;
    background-size: 7px;
    transform: translateY(-50%);
    top: 50%;
  }
  .useful_wrap * > article#article #siteroute li:last-child > a:after {
    content: none;
  }
  .useful_wrap * > article#article #siteroute li:first-child > a {
    background: url(/useful/image_cmn/ico-route-home-red.png) no-repeat center;
    background-size: auto;
    margin-left: -5px;
    width: 13px;
    padding-right: 36px;
  }
  .useful_wrap * > article#article #siteroute li:first-child > a > span {
    display: none;
  }
  .useful_wrap * > article#article #siteroute li > a > span,
  .useful_wrap * > article#article #siteroute li:last-child > span {
    background: none;
    padding: 0 13px 0 4px;
  }
  .useful_wrap * > article#article #siteroute li span {
    font-size: 12px;
  }
  .useful_wrap * > article#article .siteroute_wrap {
    background-color: transparent;
    margin-top: 0;
  }
  .useful_wrap * > article#article .useful_ttl_wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .useful_wrap * > article#article .siteroute_wrap #siteroute,
  .useful_wrap * > article#article .siteroute_wrap .breadcrumb {
    padding: 0;
    margin: 0;
  }
  .useful_wrap * > article#article .ttl div.category_box {
    font-size: 16px;
    margin-left: 20px;
    margin-top: 4px;
    padding: 4px 3px 4px 6px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_left img, 
  .useful_wrap * > article#article .btn_category_wrap .category_search_left img,
  .useful_wrap * > article#article .category_search_btn_group .category_search img, 
  .useful_wrap * > article#article .category_search_btn_group .category_search_right img {
    left: 18px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search::after, 
  .useful_wrap * > article#article .btn_category_wrap .category_search::after {
    right: 17px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search a, 
  .useful_wrap * > article#article .btn_category_wrap .category_search a,
  .useful_wrap .btn_category_wrap .category_search a {
    box-shadow: inset 0 0 0 1px #d61a1a, 0px 2px 4px 0 #a5a18e;
    font-size: 16px;
    padding: 7px 44px 7px 57px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_right a {
    box-shadow: inset 0 0 0 1px #f75586, 0px 2px 4px 0 #a5a18e;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_home a {
    box-shadow: inset 0 0 0 1px #0168b7, 0px 2px 4px 0 #a5a18e;
  }
  .useful_wrap * > article#article section.con_box h2 {
    background: #fff;
    font-size: 18px;
    line-height: 1.13;
    margin: 17px auto 15px;
    padding: 17px 10px 13px 50px;
  }
  .useful_wrap * > article#article section.con_box h2::before {
    background: url(/useful/image_cmn/ico-heading.png) no-repeat;
    background-size: contain;
    content: "";
    height: 42px;
    left: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    z-index: 1;
  }
  .useful_wrap * > article#article section.con_box p {
    font-size: 15px !important;
    line-height: 1.6;
  }
  .useful_wrap * > article#article section.con_box p.nolink {
    font-size: 18px !important;
  }
  .useful_wrap * > article#article section.con_box:last-child {
    padding-bottom: 0;
  }
  .useful_wrap * > article#article .btn_category_wrap {
    background-color: transparent;
    padding: 0 20px 0;
    margin-top: 20px;
  }
  .useful_wrap * > article#article * > aside.main_category {
    margin: 5px 0;
  }
  .useful_wrap * > article#article * > aside.main_category p {
    font-size: 16px;
    margin-bottom: 0;
    letter-spacing: normal;
  }
  .useful_wrap * > article#article .btn_category_wrap .category_search {
    display: block;
    margin: 5px 0 13px 0 !important;
  }
  .useful_wrap * > article#article .btn_category_wrap .category_search a {
    padding-left: 55px;
    padding-right: 35px;
  }
  .useful_wrap * > article#article .category_search_btn_group {
    margin-top: 0;
    width: 100%;
  }
  .useful_wrap .bnr_footer_useful {
    background: #fff url(/useful/image_cmn/bg-footer-useful-sp.png) repeat;
    background-position: top left 17px;
    background-size: cover;
    height: 66px;
    margin-bottom: 0;
    margin-top: 0;
  }
  .useful_wrap * > article#article section.con_box {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .useful_wrap * > article#article h2 ~ .con_box,
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ dl[class^="number_list"] > dt {
    padding-right: 10px;
  }
  .useful_wrap .con_box h2 ~ p {
    padding-top: 10px;
  }
  .useful_wrap * > article#article section.con_box h3,
  .useful_wrap #content article#article section.con_box h3 {
    background-color: #FDEAEE;
    background-position: 10px 8px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #EB627B;
    border-left: 10px solid #EB627B;
    clear: both;
    font-size: 17px !important;
    font-weight: 600;
    height: auto;
    line-height: 1.2;
    margin: 10px auto 15px;
    padding: 9px 0 7px 10px;
    text-align: left;
    width: auto;
  }
  .useful_wrap #content article#article section.con_box h3::before {
    content: none;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p ~ .con_box h4 {
    height: auto;
    line-height: 1.2;
    margin: 0 0 15px 0;
    padding: 1px 0 5px 11px;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p ~ .con_box h4 ~ dl.uf_list dd {
    margin-left: 0;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p ~ .con_box h4 ~ p {
    margin: 0;
  }
  .useful_wrap * > article#article h2 ~ dl.uf_list,
  .useful_wrap * > article#article h2 ~ dl.uf_list dd {
    margin-left: 0;
  }
  .useful_wrap * > article#article h3 ~ dl.uf_list,
  .useful_wrap * > article#article h4 ~ dl.uf_list {
    margin-left: 20px;
  }
  .useful_wrap * > article#article h2 ~ dl.uf_list dd:not(:last-child) {
    margin-bottom: 0;
  }
  .useful_wrap ul.disc {
    margin: 0 0 20px 0;
  }
  .useful_wrap * > article#article section.con_box figure.img_r,
  .useful_wrap * > article#article section.con_box figure.img_l,
  .useful_wrap * > article#article section.con_box p {
    margin: 0 0 5px 0;
  }
  .useful_wrap * > article#article section.con_box figure.img_l {
    margin-bottom: 10px;
    float: none;
  }
  .useful_wrap * > article#article section.con_box figure.img_r {
    margin-bottom: 10px;
    float: none;
  }
  .useful_wrap * > article#article section.con_box h3 ~ p, 
  .useful_wrap * > article#article section.con_box h3 ~ figure, 
  .useful_wrap * > article#article section.con_box h3 ~ dl,
  .useful_wrap * > article#article section.con_box h3 ~ p ~ dl, 
  .useful_wrap * > article#article section.con_box h3 ~ ul, 
  .useful_wrap * > article#article section.con_box h3 ~ p ~ ul, 
  .useful_wrap * > article#article section.con_box h3 ~ ol, 
  .useful_wrap * > article#article section.con_box h3 ~ p ~ ol {
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ul {
    margin-left: 0;
    margin-top: 15px;
  }
  .useful_wrap * > article#article section.con_box h3 ~ ul, 
  .useful_wrap * > article#article section.con_box h3 ~ p ~ ul {
    width: auto;
    min-width: 200px;
  }
  .useful_wrap * > article#article section.con_box h3 ~ ul[class^="disc"] {
    margin-top: 15px;
    margin-right: 10px;
  }
  .useful_wrap * > article#article section.con_box h3 ~ ul[class^="disc"] li {
    margin-bottom: 10px;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ul.disc > li:not(:last-child) {
    margin-bottom: 10px;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p,
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p ~ .con_box {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap * > article#article section.con_box h3 ~ figure.img_l {
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ figure.img_r {
    margin-top: 15px;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 {
    margin-top: 0;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ dl.uf_list dd {
    margin-left: 0;
    margin-bottom: 15px;
    padding-bottom: 0;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ dl.uf_list dd.dd_ind_01 {
    padding-left: 42px;
    text-indent: -44px;
  }
  .useful_wrap * > article#article section.con_box .wrap_con {
    width: auto;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ figure + p {
    margin-top: 10px;
  }
  .useful_wrap * > dl[class^="number_list"] {
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap * > ol[class^="ol_number_list"] {
    line-height: 1.7;
  }
  .useful_wrap * >  h2 ~ .con_box h3 ~ol[class^="ol_number_list"] {
    margin-top: 10px;
  }
  .useful_wrap * >  h2 ~ .con_box h3 ~ol[class^="ol_number_list"] li {
    margin-left: 10px;
  }
  .useful_wrap * > dl[class^="number_list"] > dd {
    padding: 5px 0;
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap section.con_box .scroll_block {
    overflow-x: auto;
    padding-bottom: 10px;
    padding-left: 1px;
  }
  .useful_wrap * > [id^="header"] {
    height: 17.7vw;
  }
  .useful_wrap .main_header {
    height: 17.7vw;
  }
  .useful_wrap .main_header .site_logo {
    left: 8px;
  }
  .useful_wrap .main_header .site_logo span {
    width: 174px;
  }
  .useful_wrap .main_header .site_logo a {
    width: 174px;
  }
  .useful_wrap .header_buttons {
    top: 11px;
  }
  .useful_wrap .sub_nav_menulist li {
    text-align: left;
  }
  .useful_wrap .btn_category_wrap {
    margin-top: 8px;
    padding: 14px 0 0;
  }
  .useful_wrap .ad_bnrbox_token.ad_bnrbox_token_useful {
    display: block;
    padding: 14px 17px 9px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    border-top: none;
  }
  .useful_wrap .ad_bnrbox_token .pc {
    display: none;
  }
  .useful_wrap .ad_bnrbox_token .sp {
    display: block;
  }
  .useful_wrap .ad_bnrbox_token.ad_bnrbox_token_useful .ad_box {
    display: block;
    margin-bottom: 15px !important;
    margin-left: 0;
    padding: 0 20px;
    width: auto;
  }
  .useful_wrap .footer_basic {
    margin-top: 32px;
  }
  .useful_wrap .footer_basic li {
    text-align: left;
  }
  .useful_wrap #footer {
    padding-bottom: 0;
  }
  .useful_wrap.is-open {
    height: auto;
    max-height: 100%;
    transition: max-height 1s;
  }
  .useful_wrap .sizeable {
    font-size: 15px !important;
  }
  .useful_wrap .ad_bnrbox_token_useful_wrap {
    padding-bottom: 20px;
  }
  .useful_wrap ol.number_list li {
    padding-left: 20px;
    text-indent: -20px;
  }
  .useful_wrap ol.number_list li {
    padding-left: 16px;
    text-indent: -16px;
  }
  .useful_wrap .siteroute_wrap nav {
    padding: 0;
    width: 100%;
  }
  .useful_wrap article.bnr_dtl_company {
    background-image: none;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
  .useful_wrap * > article[class^="bnr_dtl_"] {
    background: none;
    border: none;
    height: auto;
    margin: 0.93em auto 1.15em;
    text-shadow: none;
    width: 18em;
  }
  .useful_wrap * > article[class^="bnr_dtl_"] a:after {
    border-style: solid;
    border-width: 0 0 .75em .75em;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
  }
  .useful_wrap * > article.bnr_dtl_hot_spring a:after {
    border-color: transparent transparent #877d00 transparent;
  }
  .useful_wrap * > article[class^="bnr_dtl_"] a {
    height: auto;
    position: relative;
  }
  .useful_wrap * > article[class^="bnr_dtl_"] a span {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: auto;
    letter-spacing: 0.095em;
    line-height: 1.4;
    margin-left: 0;
    padding: 3.125em 0.5em 0.468em;
    position: relative;
    text-align: center;
    width: auto;
  }
  .useful_wrap * > article.bnr_dtl_hot_spring a {
    background: #b2aa23 url(/useful/image_cmn/bnr-dtl-hot-spring-sp.png) no-repeat center top / contain;
    border: #877d00 solid 2px;
    text-shadow: 0 2px 8px #5a5400, 0 2px 8px #5a5400;
  }
  .useful_wrap * > article.bnr_dtl_company a {
    background: #0098dc url(/useful/image_cmn/bnr-dtl-company-sp.png) no-repeat center top;
    background-size: contain;
    border: #114269 solid 2px;
    text-shadow: 0 2px 8px rgb(17 66 105), 0 2px 8px rgb(17 66 105);
  }
  .useful_wrap * > article.bnr_dtl_company a:after {
    border-color: transparent transparent #114269 transparent;
  }
  .useful_wrap * > article.bnr_dtl_library a {
  background: #f3a108 url(/useful/image_cmn/bnr-dtl-library-sp.png) no-repeat center top;
  background-size: 100% auto;
  border: #a35500 solid 2px;
  text-shadow: 0 2px 8px rgba(163, 85, 0, 1), 0 2px 8px rgba(163, 85, 0, 1);
  }
  .useful_wrap * > article.bnr_dtl_library a:after{
    border-color: transparent transparent #a35500 transparent;
  }
  .useful_wrap * > article.bnr_dtl_public a {
    background: #d56a7d url(/useful/image_cmn/bnr-dtl-public-sp.png) no-repeat center top;
    background-size: contain;
    border: #983949 solid 2px;
    text-shadow: 0 2px 8px rgba(122, 44, 58, 1), 0 2px 8px rgba(122, 44, 58, 1);
  }
  .useful_wrap * > article.bnr_dtl_public a:after{
    border-color: transparent transparent #983949 transparent;
  }
  .useful_wrap * > article.bnr_dtl_plant a {
    background: #6baa2d url(/useful/image_cmn/bnr-dtl-plant-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #0c5f2d solid 2px;
    text-shadow: 0 2px 8px #0c5f2d, 0 2px 8px #0c5f2d;
  }
  .useful_wrap * > article.bnr_dtl_plant a:after{
    border-color: transparent transparent #0c5f2d transparent;
  }
  .useful_wrap * > article.bnr_dtl_hotel a {
    background: #b68604 url("/useful/image_cmn/bnr-dtl-hotel-sp.png") no-repeat center top / 100%;
    border: 2px solid #8c6f14;
    text-shadow: 0 2px 8px #8c6f14, 0 2px 8px #8c6f14;
  }
  .useful_wrap * > article.bnr_dtl_hotel a:after{
    border-color: transparent transparent #8c6f14 transparent;
  }
  .useful_wrap * > article.bnr_dtl_study a {
  background: #9b5cd5 url("/useful/image_cmn/bnr-dtl-study-sp.png") no-repeat center top / 100%;
  border: 2px solid #5b2f7c;
  text-shadow: 0 2px 8px #4b2766, 0 2px 8px #4b2766;
  }
  .useful_wrap * > article.bnr_dtl_study a:after {
    border-color: transparent transparent #5b2f7c transparent;
  }
  .useful_wrap * > article.bnr_dtl_travel_themepark a {
    background: #fa5a87 url(/useful/image_cmn/bnr-dtl-travel-themepark-sp.png) no-repeat center top;
    background-size: contain;
    border: #f61656 solid 2px;
    text-shadow: 0 2px 8px rgb(157 28 65), 0 2px 8px rgb(157 28 65);
  }
  .useful_wrap * > article.bnr_dtl_travel_themepark a:after {
    border-color: transparent transparent #f61656 transparent;
  }
  .useful_wrap * > article.bnr_dtl_aquar a {
    background: #42bdc8 url(/useful/image_cmn/bnr-dtl-aquar-sp.png) no-repeat center top / 100%;
    border: 2px solid #008b9c;
    text-shadow: 0 2px 8px #065460, 0 2px 8px #065460;
  }
  .useful_wrap * > article.bnr_dtl_aquar a:after{
    border-color: transparent transparent #008b9c transparent;
  }
  .useful_wrap * > article.bnr_dtl_zoo a {
    background: #066dbd url(/useful/image_cmn/bnr-dtl-zoo-sp.png) no-repeat center top;
    background-size: contain;
    border: #0101ff solid 2px;
    text-shadow: 0 2px 8px rgba(0, 25, 45, 1);
  }
  .useful_wrap * > article.bnr_dtl_zoo a:after{
    border-color: transparent transparent #0101ff transparent;
  }
  .useful_wrap * > article.bnr_dtl_bank a {
    background: #177cf2 url(/useful/image_cmn/bnr-dtl-bank-sp.png) no-repeat center top;
    background-size: contain;
    border: #1835a3 solid 2px;
    text-shadow: 0 2px 8px #1835a3, 0 2px 8px #1835a3;
  }
  .useful_wrap * > article.bnr_dtl_bank a:after{
    border-color: transparent transparent #1835a3 transparent;
  }
  .useful_wrap * > article.bnr_dtl_festival a {
    background: #f69c3c url(/useful/image_cmn/bnr-dtl-festival-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #ee6500 solid 2px;
    text-shadow: 0 2px 8px rgba(191, 67, 0, 1), 0 2px 8px rgba(191, 67, 0, 1), 0 2px 8px rgba(191, 67, 0, 1);
  }
  .useful_wrap * > article.bnr_dtl_festival a:after {
    border-color: transparent transparent #ee6500 transparent;
  }
  .useful_wrap * > article.bnr_dtl_castle a {
    background: #da2a2d url(/useful/image_cmn/bnr-dtl-castle-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #9a0b05 solid 2px;
    text-shadow: 0 2px 8px rgb(118 10 8), 0 2px 8px rgb(118 10 8);
  }
  .useful_wrap * > article.bnr_dtl_castle a:after {
    border-color: transparent transparent #9a0b05 transparent;
  }
  .useful_wrap * > article.bnr_dtl_travel_agent a {
    background: #fb6c6d url(/useful/image_cmn/bnr-dtl-travel-agent-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #e94d58 solid 2px;
    text-shadow: 0 2px 8px #d52632, 0 2px 8px #d52632, 0 2px 8px #d52632;
  }
  .useful_wrap * > article.bnr_dtl_travel_agent a:after {
    border-color: transparent transparent #e94d58 transparent;
  }
  .useful_wrap * > article.bnr_dtl_shopping_mall a {
    background: #ffaa94 url(/useful/image_cmn/bnr-dtl-shopping-mall-sp.png) no-repeat center top / contain;
    border: 2px solid #ed573c;
    text-shadow: 0 2px 8px #ed573c, 0 2px 8px #ed573c;
  }
  .useful_wrap * > article.bnr_dtl_shopping_mall a:after {
    border-color: transparent transparent #ed573c transparent;
  }
  .useful_wrap * > article.bnr_dtl_shopping_super a {
    background: #ffb87d url(/useful/image_cmn/bnr-dtl-shopping-super-sp.png) no-repeat center top / contain;
    border: #c94804 solid 2px;
    text-shadow: 0 2px 8px rgb(162 58 3);
  }
  .useful_wrap * > article.bnr_dtl_shopping_super a:after {
    border-color: transparent transparent #c94804 transparent;
  }
  .useful_wrap * > article.bnr_dtl_shopping_department a {
    background: #e25f90 url(/useful/image_cmn/bnr-dtl-shopping-department-sp.png) no-repeat center top / 100%;
    border: 2px solid #a62656;
    text-shadow: 0 2px 8px #a62656, 0 2px 8px #a62656, 0 2px 8px #a62656;
  }
  .useful_wrap * > article.bnr_dtl_shopping_department a:after {
    border-color: transparent transparent #a62656 transparent;
  }
  .useful_wrap * > article.bnr_dtl_sports_soccer a {
    background: #459905 url(/useful/image_cmn/bnr-dtl-sports-soccer-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #137e46 solid 2px;
    text-shadow: 0 2px 8px #137e46, 0 2px 8px #137e46;
  }
  .useful_wrap * > article.bnr_dtl_sports_soccer a:after {
    border-color: transparent transparent #137e46 transparent;
  }
  .useful_wrap * > article.bnr_dtl_sports_athletic a {
    background: #2da767 url(/useful/image_cmn/bnr-dtl-sports-athletic-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #137e46 solid 2px;
    text-shadow: 0 2px 8px #137e46, 0 2px 8px #137e46, 0 2px 8px #137e46;
  }
  .useful_wrap * > article.bnr_dtl_sports_athletic a:after {
    border-color: transparent transparent #137e46 transparent;
  }
  .useful_wrap * > article.bnr_dtl_sports_ski a {
    background: #0b98c7 url(/useful/image_cmn/bnr-dtl-sports-ski-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #2c73a4 solid 2px;
    text-shadow: 0 2px 8px #2c73a4, 0 2px 8px #2c73a4, 0 2px 8px #2c73a4;
  }
  .useful_wrap * > article.bnr_dtl_sports_ski a:after {
    border-color: transparent transparent #2c73a4 transparent;
  }
  .useful_wrap * > article.bnr_dtl_sports_pool a {
    background: #19b4d3 url(/useful/image_cmn/bnr-dtl-sports-pool-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #2c73a4 solid 2px;
    text-shadow: 0 2px 8px #2c73a4, 0 2px 8px #2c73a4;
  }
  .useful_wrap * > article.bnr_dtl_sports_pool a:after {
    border-color: transparent transparent #2c73a4 transparent;
  }
  .useful_wrap * > article.bnr_dtl_sports_gym a {
    background: #2e78de url(/useful/image_cmn/bnr-dtl-sports-gym-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #002f7e solid 2px;
  }
  .useful_wrap * > article.bnr_dtl_sports_gym a:after {
    border-color: transparent transparent #002f7e transparent;
  }
  .useful_wrap * > article.bnr_dtl_sports_baseball a {
    background: #459905 url(/useful/image_cmn/bnr-dtl-sports-baseball-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #3c8404 solid 2px;
    text-shadow: 0 2px 8px rgb(41 88 4), 0 2px 8px rgb(41 88 4);
  }
  .useful_wrap * > article.bnr_dtl_sports_baseball a:after {
    border-color: transparent transparent #3c8404 transparent;
  }
  .useful_wrap * > article.bnr_dtl_park a {
    background: #8ec816 url(/useful/image_cmn/bnr-dtl-park-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #4c8a1c solid 2px;
    text-shadow: 0 2px 8px #4c8a1c, 0 2px 8px #4c8a1c;
  }
  .useful_wrap * > article.bnr_dtl_park a:after {
    border-color: transparent transparent #4c8a1c transparent;
  }
  .useful_wrap * > article.bnr_dtl_hall a {
    background: #dd403c url(/useful/image_cmn/bnr-dtl-hall-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #ae212a solid 2px;
    text-shadow: 0 2px 8px #d52632, 0 2px 8px #d52632;
  }
  .useful_wrap * > article.bnr_dtl_hall a:after {
    border-color: transparent transparent #ae212a transparent;
  }
  .useful_wrap * > article.bnr_dtl_bus a {
    background: #17b9d7 url(/useful/image_cmn/bnr-dtl-bus-sp.png) no-repeat center top;
    background-size: contain;
    border: #0e5e98 solid 2px;
    text-shadow: 0 2px 8px rgba(14, 94, 152, 1), 0 2px 8px rgba(14, 94, 152, 1);
  }
  .useful_wrap * > article.bnr_dtl_bus a:after {
    border-color: transparent transparent #0e5e98 transparent;
  }
  .useful_wrap * > article.bnr_dtl_facil a {
    background: #41d38d url(/useful/image_cmn/bnr-dtl-facil-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #045f33 solid 2px;
    text-shadow: 0 2px 8px #045f33, 0 2px 8px #045f33;
  }
  .useful_wrap * > article.bnr_dtl_facil a:after {
    border-color: transparent transparent #045f33 transparent;
  }
  .useful_wrap * > article.bnr_dtl_infra a {
    background: #f3a108 url(/useful/image_cmn/bnr-dtl-infra-sp.png) no-repeat center top;
    background-size: 100% auto;
    border: #a35500 solid 2px;
    text-shadow: 0 2px 8px rgb(163 85 0), 0 2px 8px rgb(163 85 0);
  }
  .useful_wrap * > article.bnr_dtl_infra a:after {
    border-color: transparent transparent #a35500 transparent;
  }
  .useful_wrap * > article.bnr_dtl_travel_museum a {
    background: #8a4111 url(/useful/image_cmn/bnr-dtl-travel-museum-sp.png) no-repeat center top / 100%;
    border: 2px solid #642f0c;
    text-shadow: 0 2px 8px #642f0c, 0 2px 8px #642f0c;
  }
  .useful_wrap * > article.bnr_dtl_travel_museum a:after {
    border-color: transparent transparent #642f0c transparent;
  }
  .useful_wrap * > article.bnr_dtl_heliport a {
    background: url(/useful/image_cmn/bnr-dtl-heliport-sp.png) center top / contain no-repeat rgb(32, 119, 227);
    border-color: rgb(0, 48, 115);
    border-image: initial;
    border-style: solid;
    border-width: 2px;
    text-shadow: rgb(0, 48, 115) 0px 2px 8px, rgb(0, 48, 115) 0px 2px 8px;
  }
  .useful_wrap * > article.bnr_dtl_heliport a:after {
    border-color: transparent transparent rgb(0, 48, 115);
  }
  .useful_wrap * > article.bnr_dtl_airport a {
    background: #2178E4 url(/useful/image_cmn/bnr-dtl-airport-sp.png) no-repeat center top / contain;
    border: 2px solid #003073;
    text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
  }
  .useful_wrap * > article.bnr_dtl_airport a:after {
    border-color: transparent transparent #003073 transparent;
  }
  .useful_wrap * > article.bnr_dtl_telco a {
    background: #2177e3 url(/useful/image_cmn/bnr-dtl-telco-sp.png) no-repeat center top / contain;
    border: 2px solid #003073;
    text-shadow: 0 2px 8px #003073, 0 2px 8px #003073;
  }
  .useful_wrap * > article.bnr_dtl_telco a:after {
    border-color: transparent transparent #003073 transparent;
  }
  .useful_wrap * > article.bnr_dtl_ic a {
    background: #177df3 url(/useful/image_cmn/bnr-dtl-ic-sp.png) no-repeat center top;
    background-size: contain;
    border: #1835a3 solid 2px;
    text-shadow: 0 2px 8px rgba(0, 48, 115, 1), 0 2px 8px rgba(0, 48, 115, 1);
  }
  .useful_wrap * > article.bnr_dtl_ic a:after {
    border-color: transparent transparent #003073 transparent;
  }
  .useful_wrap * > article.bnr_dtl_station a {
    background: #2076e3 url(/useful/image_cmn/bnr-dtl-station-sp.png) no-repeat center top;
    background-size: contain;
    border: #1835a3 solid 2px;
    text-shadow: 0 2px 8px rgba(6, 44, 115, 1), 0 2px 8px rgba(6, 44, 115, 1);
  }
  .useful_wrap * > article.bnr_dtl_station a:after {
    border-color: transparent transparent #0e3b90 transparent;
  }
  * > aside.main_category br {
    display: none;
  }
  .useful_wrap * > aside.main_category br {
    display: block;
  }
  .useful_wrap .btn_category_wrap .category_search_btn_group {
    min-width: 100%;
  }
  .useful_wrap * > ol[class^="ol_number_list"] li {
    line-height: 1.6;
    padding-left: 20px;
    text-indent: -20px;
    white-space: normal;
    width: auto;
  }
  .useful_wrap * > dl[class^="uf_list"] {
    margin-right: 0;
    margin-left: 0;
  }
  .useful_wrap .sub_nav_item:visited {
    color: #ff3e6f;
  }
  .useful_wrap * > article#article section.con_box h4 {
    margin: 0 0 12px 0;
  }
  .useful_wrap * > article#article section.con_box h4 ~ p, 
  * > article#article section.con_box h4 ~ figure {
    margin-left: 0;
  }
  .useful_wrap ol[class^="number"] {
    margin:0 0 13px;
  }
  .useful_wrap .lead_box dl.uf_list dd, 
  .useful_wrap .con_box dl.uf_list dd {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .useful_wrap ol[class^="number"] li {
    margin:0 0 5px 17px;
  }
  .useful_wrap ol[class^="number"].number_01 li {
    text-indent: -27px;
  }
  .useful_wrap ol[class^="number"].number_01 li {
    text-indent: -27px;
  }
  .useful_wrap ol[class^="number"].number_01 li {
    text-indent: -27px;
  }
  .useful_wrap table tr {
    vertical-align: top;
  }
  .useful_wrap * > article#article section.con_box h4 ~ ul {
    margin-left: 5px;
    margin-top: 10px;
  }
  .useful_wrap * > article#article section.con_box h4 ~ ol {
    margin-left: 10px;
    margin-top: 10px;
  }
  .useful_wrap * > article#article section.con_box h4 ~ dl {
    margin-left: 0;
    margin-top: 15px;
  }
  .useful_wrap * > dl[class^="uf_list"] > dd:last-child {
    margin-bottom: 0;
  }
  .useful_wrap * > article#article section.con_box h4 ~ dl {
    margin-left: 0;
  }
  .useful_wrap  * > article#article section.con_box h4 ~ ol, 
   .useful_wrap  * > article#article section.con_box h4 ~ p ~ ol {
    margin-left: 0;
  }
  .useful_wrap * > article#article section.con_box h4 ~ dl, 
  .useful_wrap * > article#article section.con_box h4 ~ p ~ dl {
    margin-left: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ol,
  .useful_wrap * > article#article section.con_box h2 ~ p ~ ol {
    margin-left: 12px;
    margin-right: 0;
    margin-top: 10px;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ol.number_list,
  .useful_wrap * > article#article section.con_box h2 ~ ol.number_list.nb_lst_01 {
    margin-left: 10px;
  }
  .useful_wrap * > article#article section.con_box h2 + figure + p + ol.number_list {
    margin-bottom: 15px;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ol.number_list li {
    margin-left: 0;
  }
  .useful_wrap * > article#article section.con_box h4 ~ ul[class^="disc"] li {
    margin-left: 10px;
  }
  .useful_wrap * > dl[class^="uf_list"] > dd {
    border-bottom: none;
  }
  .useful_wrap * > article#article section.con_box h2 ~ p ~ ul.disc + p {
    padding-top: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ p ~ ol.ol_number_list + p {
    padding-top: 5px;
  }
  .useful_wrap * > article#article section.con_box h4 ~ dl.uf_list {
    margin-left: 0;
  }
  .useful_wrap * > article#article section.con_box h3 ~ .con_box {
    margin-top: 0;
    padding-top: 15px;
  }
  .useful_wrap footer .navi_footer_nav a {
    line-height: 17.25px;
  }
  .useful_wrap footer {
    background-color: #fff;
    padding-top: 45px;
  }
  .useful_wrap #siteroute::-webkit-scrollbar {
    display: none;
  }
  .useful_wrap #siteroute {
    -ms-overflow-style: none;  
    scrollbar-width: none; 
  }
  #content .useful_wrap * > article#article .category_search_btn_group .category_search a::before, 
  #content .useful_wrap .btn_category_wrap .category_search a::before {
    content: "";
    height: calc(100% - 7px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 7px);
  }
  .useful_wrap * > article#article .category_search:first-child::before,
  .useful_wrap * > aside.main_category .category_search::before {
    left: 15px;
  }
  .useful_wrap .mod_pagetop a:hover {
    color: #0075d8;
  }
  .useful_wrap ul[class^="disc"].right {
    float: left;
  }
  .useful_wrap * > article#article .con_nav_blank ul {
    margin-left: 12px;
    margin-right: 12px;
    padding-left: 20px;
    text-indent: -20px;
    width: auto;
  }
  .useful_wrap ul.horizontal_list li {
    width: 100%;
  }
  .useful_wrap * > article.bnr_dtl_company_sm a span {
    font-size: 15px;
    height: 53px;
  }
  .useful_wrap .center_mw dl[class^="number_list"] {
    width: auto;
  }
  .useful_wrap .center_mw {
    background-image: none;
    margin: 20px 0 0;
    padding: 25px 15px 0 15px;
    width: auto;
  }
  .useful_wrap .center_mw dl[class^="number_list"] > dd {
    padding-left: 50px;
  }
  .useful_wrap div.menu_naviline {
    margin: 0;
  }
  .useful_wrap div.menu_naviline div.line {
    width: auto;
  }
  .useful_wrap div.menu_naviline div.line:not(.image_3col) a,
  .useful_wrap div.menu_naviline div.line:not(.image_3col) p.nolink {
    margin: 14px 0 0 0 !important;
    width: 100%;
    height: auto;
    display: flex;
    float: none;
    clear: both;
    flex-direction: column-reverse;
  }
  .useful_wrap * > article#article nav#con_nav.con_nav_mt {
    margin-top: 20px;
  }
  .useful_wrap div.menu_naviline div.line p.topix {
    position: initial;
    top: 20px;
    left: 0;
    width: auto;
    float: none;
    display: block;
    z-index: 1;
    height: 100%;
    margin: 0 !important;
  }
  .useful_wrap div.menu_naviline div.line {
    background: transparent;
    height: auto;
    padding-bottom: 50px;
  }
  .useful_wrap div.menu_naviline div.line.last {
    padding-bottom: 10px;
  }
  .useful_wrap #content div.menu_naviline div.line img {
    margin: 15px auto 0;
    margin-left: -20px;
    margin-bottom: 15px;
    min-width: calc(100% + 20px);
  }
  .useful_wrap #content div.menu_naviline div.line.image_3col img {
    margin-left: 0;
    margin-top: 10px;
    min-width: 100%;
  }
  .useful_wrap div.menu_naviline div.line p.enter {
    line-height: 17px !important;
  }
  .useful_wrap div.menu_naviline div.pink:not(:last-child) {
    margin-bottom: 0;
  }
  .useful_wrap div.menu_naviline div.line:not(.image_3col) img {
    position: initial;
  }
  /*table_base*/
  .useful_wrap * > article#article section.con_box table.tbl_kanji {
    border: 1px solid #FF72B8;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 auto 5px;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji caption {
    font-size: 15px;
    font-weight: bold;
    margin: 10px auto 5px;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji th {
    background: none repeat scroll 0 0 #ffbfd8;
    border: 1px solid #FF72B8;
    text-align: center;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji td {
    background: #FFFFFF;
    border: 1px solid #FF72B8;
    text-align: left;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji {
    width: 100%;
    margin-top: 15px;
  }
  
  .useful_wrap * > article#article section.con_box table.tbl_kanji th{
    width: 30%;
    padding: 5px;
  }
  
  .useful_wrap * > article#article section.con_box table.tbl_kanji td{
    text-align:center;
    padding: 5px;
  }
  .useful_wrap * > article#article section.con_box table.tbl_kanji th,
  .useful_wrap * > article#article section.con_box table.tbl_kanji td {
    font-size: 15px;
    height: auto;
  }
  .useful_wrap * > article#article section.con_box.mb30 {
    margin-bottom: 0 !important;
  }
  .useful_wrap * > article#article section.con_box h2 + p {
    padding-top: 0;
  }
  .useful_wrap * > dl[class^="mini_topic"] {
    margin: 10px 0;
  }
  .useful_wrap * > article#article section.con_box + dl[class^="mini_topic"] {
    margin-top: 10px;
  }
  .useful_wrap * > article#article dl[class^="mini_topic"] + nav#con_nav_b {
    margin-top: 20px;
  }
  .useful_wrap * > article#article section.con_box h2 ~ dl[class^="mini_topic"],
   .useful_wrap * > article#article section.con_box h3 ~ dl[class^="mini_topic"] {
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap * > dl[class^="mini_topic"] > dd > ul li {
    background: url(/useful/image_cmn/list_mark.gif) no-repeat scroll 2px 5px transparent;
  }
  .useful_wrap .header_sec_p {
    display: block !important;
  }
  .useful_wrap header .header_sec {
    height: auto;
    min-height: 2px;
    overflow-y: hidden;
    overflow: auto;
    padding: 5px;
    white-space: nowrap;
  }
  .useful_wrap #nav .nav_wrap {
    top: 100px;
  }
  .useful_wrap .mt0_sp {
    margin-top: 0 !important;
  }
  .useful_wrap .mb0_sp {
    margin-bottom: 0 !important;
  }
  .useful_wrap * > article#article section.con_box table th {
    white-space: nowrap;
  }
  .useful_wrap * > article#article section.con_box table td {
    background-color: #fff;
    vertical-align: middle;
  }
  .useful_wrap * > article#article section.con_box__2_2 {
    background-image: none;
  }
  .useful_wrap .fig_sp figcaption {
    font-size: 80%;
    font-weight: 600;
    margin-top: 5px;
    text-align: center;
  }
  .useful_wrap .fig_sp figcaption.left {
    margin-bottom: 20px;
    text-align: left;
  }
  .useful_wrap * > article#article section.con_box h2 ~ section.con_box .fig_sp h4 {
    margin-top: 20px;
  }
  .useful_wrap * > article#article section.con_box .fig_sp h4 ~ ul.disc {
    margin-left: 15px;
  }
  .useful_wrap * > article#article section.con_box .scroll_block {
    margin-bottom: 20px;
  }
  .useful_wrap * > article#article section.con_box .scroll_block table {
    margin-bottom: 10px;
  }
  .useful_wrap .mod_bnr_special.bnr_col2 {
    display: flex;
    margin-top: 10px;
  }
  .useful_wrap .mod_bnr_special.bnr_col2 ul li {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 400px) and (max-width: 767px) { 
  .useful_wrap * > article#article div.ttl {
    height: 137px;
  }
}
@media screen and (min-width: 540px) and (max-width: 767px) { 
  .useful_wrap * > article#article div.ttl {
    height: 181px;
  }
}
@media screen and (max-width: 767px) {  
  .useful_wrap * > article#article > div.lead > figure.img_r{
    float: none;
    margin: 0 0 15px;
  }
  .useful_wrap * > article#article > div.lead > figure.img_l{
    float:none;
    margin: 0 20px 15px;
  }
  .useful_wrap * > article#article > div.lead > figure.img_c{
    text-align:center;
    margin: 0 20px 15px;
  }
  .useful_wrap * > article#article > div.lead > figure.img_l img,
  .useful_wrap * > article#article > div.lead > figure.img_r img,
  .useful_wrap * > article#article > div.lead > figure.img_c img {
    width: 100%;
  }
  .useful_wrap * > article#article nav#con_nav {
    margin: 0;
  }
  * > article#article .category_search_btn_group +  nav#con_nav {
    margin-top: 20px !important;
  }
  .useful_wrap * > article#article nav#con_nav ul {
    margin-right: 0;
  }
  .useful_wrap * > article#article nav#con_nav ul li {
    margin: 0 0 5px 0;
    width: 100%;
  }
  .useful_wrap * > article#article nav#con_nav_b {
    margin: 0 0 15px 0;
    width: auto;
  }
  .useful_wrap * > article#article section.con_box nav#con_nav_b {
    margin-left: 0;
    margin-right: 0;
  }
  .useful_wrap * > article#article nav#con_nav_b ul li:last-child {
    border-right: none;
  }
}


@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2){
  .useful_wrap * > article#article .category_search_btn_group .category_search a, 
  .useful_wrap * > article#article .btn_category_wrap .category_search a {
    padding-bottom: 9px;
    padding-top: 7px;
  }
}
  
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 2){
  .useful_wrap * > article#article .category_search_btn_group .category_search a, 
  .useful_wrap * > article#article .btn_category_wrap .category_search a {
    padding-bottom: 9px;
    padding-top: 7px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3){
  .useful_wrap * > article#article .category_search_btn_group .category_search a, 
  .useful_wrap * > article#article .btn_category_wrap .category_search a {
    padding-bottom: 9px;
    padding-top: 7px;
  }
}

@media only screen and (max-device-width: 320px) {
  .useful_wrap * > article#article .category_search_btn_group .category_search a, 
  .useful_wrap * > article#article .btn_category_wrap .category_search a, 
  .useful_wrap .btn_category_wrap .category_search a {
    font-size: 14px;
    line-height: 1.1;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search img,
  .useful_wrap .btn_category_wrap .category_search img {
    width: 16px;
  }
  .useful_wrap * > article#article .category_search::after,
  .useful_wrap .btn_category_wrap .category_search::after {
    border-width: 3px 0 3px 5px;
  }
  .useful_wrap * > article#article div.ttl h1 {
    font-size: 15px;
    line-height: 1.1;
  }
  .useful_wrap * > article#article div.ttl h1 {
    max-width: 90%;
  }
}

/*-------------------------------------------
footer sp
-------------------------------------------*/
.useful_wrap #footer > dl {
  margin: 3px 0;
}
.useful_wrap #footer p#manage {
  margin: 0 auto;
}
.useful_wrap .footer_basic {
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka;
  font-size: 14px;
}

.useful_wrap .footer_basic li {
  background-color: #fbe8f0;
  font-size: 15px;
  line-height: 22.4px;
}

.useful_wrap .footer_basic li a {
  border-bottom: 1px solid #f9a5be;
  color: #ff3e6f;
  display: block;
  padding: 14px 28px 14px 35px;
  position: relative;
  text-decoration: none;
}

.useful_wrap .footer_basic li a:before {
  background-color: #f881a5;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 10px;
  left: 14px;
  position: absolute;
  top: 20px;
  transform: rotate(45deg);
  width: 10px;
}

.useful_wrap .footer_basic li a:after {
  background: url(/image_cmn/ico-arrow02.png) center center no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 14px;
  top: 0;
  width: 9px;
}

.useful_wrap .footer_basic .copyright {
  background: #cc5479;
  color: #FFF;
  font-family: Verdana, "Droid Sans";
  font-size: 10px;
  padding: 15px 14px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article div.ttl.ttl {
    align-items: center;
    background-position: right center;
    background-size: 100% auto;
    flex-direction: row;
    height: auto;
    justify-content: flex-end;
    min-height: 118px;
    padding: 12px 280px 16px 40px;
  }
  .useful_wrap * > article#article div.ttl.ttl div.ttl_inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width:  100%;
  }
  .useful_wrap * > article#article div.ttl.ttl h1 {
    margin: 0 20px 0 0;
    text-align: left;
  }
  .useful_wrap * > article#article div.ttl.ttl h1 span {
    display: inline-block;
    font-size: 24px;
    margin-left: 0.3em;
  }
  .useful_wrap > .header_sports ~ #content article#article div.ttl.ttl h1 span {
    margin-left: 0.3em;
  }
  .useful_wrap * > article#article div.ttl.ttl h1 br {
    content: "";
    display: block;
    width: 412px;
  }
  .useful_wrap * > article#article div.ttl div.category_box {
    display: inline-flex;
    margin: 10px 0 10px 0;
  }
  .useful_wrap * > article#article div.ttl.ttl:after {
    content:'';
    font-size:0;
    min-height:inherit;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article div.ttl {
    align-items: center;
    background-color: #ffead8;
    background-image: url("/useful/image_cmn/bg-h1-useful-sp.png"), url("/useful/image_cmn/bg-h1-gradient-sp.png");
    background-repeat: no-repeat, repeat-x;
    background-position: right -1px center, 0 center;
    background-size: 138px 120px, auto 100%;
    flex-flow: row wrap;
    height: auto;
    margin: 14px auto 6px;
    min-height: inherit;
    padding: 15px 25px 15px 17px;
    place-content: center center;
    width: 100%;
  }
  .useful_wrap * > article#article div.ttl div.ttl_inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .useful_wrap * > article#article div.ttl h1,
  .useful_wrap * > article#article div.ttl h1.h1_xs,
  .useful_wrap * > article#article div.ttl h1.h1_sm {
    display: inline-flex;
    flex-direction: column;
    font-size: 18px;
    justify-content: center;
    line-height: 1.4;
    margin: var(--mv-inner-t) 5px var(--mv-inner-b) 0;
    padding-right: 5px;
    text-align: left;
  }
  .useful_wrap * > article#article div.ttl h1 span {
    font-size: 14px;
  }
  .useful_wrap * > article#article div.ttl div.category_box {
    display: inline-flex;
    line-height:  1.1;
    margin: var(--mv-inner-t) 0 var(--mv-inner-b) 0;
    padding: 0 7px;
  }
  .useful_wrap * > article#article div.ttl:after {
    content:'';
    font-size:0;
    min-height:inherit;
  }
  .useful_wrap * > article#article nav#con_nav .lst_month {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
  .useful_wrap * > article#article nav#con_nav .lst_month li {
    margin-bottom: 6px;
    margin-left: 3px;
    margin-right: 3px;
    width: 30%;
  }
}

@media (max-width: 320px) {
  .useful_wrap .btn_category_wrap .category_search {
    display: block;
    margin: 5px auto 20px !important;
    width: auto;
  }
  .useful_wrap header .header_sec {
    font-size: 11px;
    letter-spacing: -0.5px;
  }
  .useful_wrap * > article#article .ttl-kindergarten div.category_box p,
  .useful_wrap * > article#article .ttl-senmon div.category_box p {
    font-size: 13px;
  }
  .useful_wrap * > article#article .ttl-college div.category_box p,
  .useful_wrap * > article#article .ttl-driving-school div.category_box p {
    font-size: 11px;
  }
  .useful_wrap * > article#article div.ttl.ttl-kindergarten,
  .useful_wrap * > article#article div.ttl.ttl-college,
  .useful_wrap * > article#article div.ttl.ttl-driving-school {
    padding: 5px 100px 5px 10px;
    width: 90%;
  }
  .useful_wrap #nav .nav_wrap {
    top: 98px;
  }
}

@media screen and (max-width: 320px) {
  .useful_wrap .header.header_tour #nav .nav_wrap {
      top: 97px;
  }
  .useful_wrap * > article#article .ttl.ttl-hot-spring div.category_box p {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  .useful_wrap .center_pc {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap .header.header_pet_clinic #nav .nav_wrap {
      top: 100px;
  }
}

@media screen and (max-width: 320px) {
  .useful_wrap .header.header_pet_clinic #nav .nav_wrap {
      top: 98px;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap .header.header_hotel #nav .nav_wrap {
      top: 100px;
  }
}

@media screen and (max-width: 320px) {
  .useful_wrap .header.header_hotel #nav .nav_wrap {
      top: 98px;
  }
  .useful_wrap * > article#article .ttl.ttl-hot-spring div.category_box p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .useful_wrap * > dl[class^="uf_list"] > dt,
  .useful_wrap * > dl[class^="uf_list"] > dt.lst_02 {
    margin-bottom: 10px;
  }
  .useful_wrap * > dl[class^="uf_list"] > dd + dt,
  .useful_wrap * > dl[class^="uf_list"] > dd.lst_02 + dt {
    margin-top: 7px;
  }
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article div.ttl.ttl_layout_fix {
    padding-right: 310px;
  }
  .useful_wrap * > article#article div.ttl.ttl_layout_fix h1 {
    letter-spacing: 0;
  }
  .useful_wrap * > article#article div.ttl.ttl_layout_fix02 {
    padding-left: 20px;
    padding-right: 330px;
  }
  .useful_wrap * > article#article div.ttl.ttl_layout_fix02 h1 {
    font-size: 30px;
    letter-spacing: -1px;
    margin-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article h2  .con_box h3  .con_box {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}

.blue {
  color: #009;
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article section.con_box ul[class^="disc"].disc_fix {
    margin-left: 20px;
    margin-right: 0;
  }
  .useful_wrap * > article#article section.con_box ul[class^="disc"].disc_fix li {
    background-position: 0 12px;
  }
  .useful_wrap #content article#article section.con_box h3.ttl_md_fix {
    height: auto;
    position: relative;
    display: table;
  }
  .useful_wrap #content article#article section.con_box h3.ttl_md_fix:after {
    background: #f63a74;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .ml20_pc {
    margin-left: 20px!important;
  }
  .useful_wrap * > dl[class^="mini_topic"],
  .useful_wrap * > article#article nav#con_nav_b {
    max-width: 795px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap #content article#article section.con_box h3.ttl_ind1 {
    padding-left: 64px;
    text-indent: -38px;
  }
  .useful_wrap #content article#article section.con_box h3.ttl_md_fix.ttl_ind1 {
    padding-left: 62px;
    text-indent: -36px;
  }
  .useful_wrap * > article#article section.con_box ul[class^="disc"].disc_fix li {
    margin-left: 0;
    padding-left: 0;
  }
  .useful_wrap * > article#article section.con_box h2 section.con_box h4 .img_r,
  .useful_wrap * > article#article section.con_box h2 section.con_box h4 .img_r {
    margin-left: 10px;
    margin-right: 10px;
  }
  .useful_wrap * > article#article section.con_box h3 + .con_box {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  #content .ico_goods {
    margin: 0 15px;
  }

  #content img.sp_resize {
    max-width: 100%;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article section.con_box .ind_3 {
    text-indent: -16px;
    padding-left: 20px;
  }

  .useful_wrap ol[class^="number"].nb_01 li {
      text-indent: -25px;
  }

  .useful_wrap ol[class^="number"].nb_02 li {
      text-indent: -35px;
      padding-left: 7px;
  }

  .useful_wrap ol[class^="number"].nb_03 li {
      text-indent: 0;
  }

  .useful_wrap * > dl[class^="uf_list"].lst_03 {
    margin: 10px 15px 0 0;
  }
  .useful_wrap * > dl[class^="uf_list"].lst_03 dd {
    margin-left: 0;
  }
  .useful_wrap * > dl[class^="uf_list"].lst_04 {
    margin-left: 0;
    margin-right: 0;
  }
}

.useful_wrap div[class^="element"] .caption {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
}

.useful_wrap #content div[class^="element"] img {
  margin-top: 5px;
}

.useful_wrap #content div.img_box:after {
  clear: both;
  content: "";
  display: block;
}

.useful_wrap div.element_l {
  clear: left;
}

@media screen and (max-width: 650px) {
  .useful_wrap #content div.img_box {
    width: 100%;
  }
  .useful_wrap #content div[class^="element"] {
    float: none;
    text-align: center;
    width: 96%;
    margin: 0 auto;
  }
  .useful_wrap #content div[class^="element"] + div[class^="element"] {
    margin-top: 12px;
  }
  .useful_wrap #content div.element_r {
    margin-right: auto;
  }
  .useful_wrap #content div.element_l {
    margin-left: auto;
  }
  .useful_wrap #content div[class^="element"] img {
    height: auto;
    margin: 5px auto 0;
    max-width: 340px;
    width: 100%;
  }
  .useful_wrap .mb140 img {
    margin-bottom: 0;
  }
  .useful_wrap div[class^="element"] .caption {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    margin-bottom: 0;
    min-height: 46px;
    transform: translateY(0);
  }
}

.useful_wrap #content div.vrt[class^="element"] {
  margin-bottom: 10px;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article section.con_box h3 ~ ul.disc_left_w2_arrow {
    margin-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article section.con_box h2 ~ ul.disc_left_w2_arrow {
    margin-right: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ul.disc_left_w2_arrow li,
  .useful_wrap * > article#article section.con_box h3 ~ ul.disc_left_w2_arrow li {
    margin-bottom: 10px;
    margin-left: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ul.disc_left_w2_arrow li:nth-child(2n + 1),
  .useful_wrap * > article#article section.con_box h3 ~ ul.disc_left_w2_arrow li:nth-child(2n + 1) {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap div.menu_naviline div.line p.enter {
    padding-right: 0;
    right: 5px;
  }
}

div.menu_naviline div.line.image_3col:after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (max-width: 767px) {
  .useful_wrap div.menu_naviline div.line.image_3col {
    float: none;
  }
  .useful_wrap div.menu_naviline div.line.image_3col div.image:nth-child(3n+1) {
    margin-left: 0;
  }
  .useful_wrap div.menu_naviline div.line.image_3col div.image {
    float: none;
    margin-left: 0;
    height: auto;
    width: 100%;
  }
  .useful_wrap div.menu_naviline div[class^="banner_"] {
    margin: 25px 30px 0;
  }
  .useful_wrap .line.image_3col.mb20_pc div[class^="banner_"] a {
    margin-bottom: 0
  }
  .useful_wrap div.menu_naviline.line_enter div.line,
  .useful_wrap div.menu_naviline div.line.line_enter {
    padding-bottom: 40px;
  }
  .useful_wrap div.menu_naviline.line_enter div.line a,
  .useful_wrap div.menu_naviline div.line.line_enter a {
    width: calc(100% + 20px);
  }
  .useful_wrap #content div.menu_naviline.line_enter div.line a img,
  .useful_wrap #content div.menu_naviline div.line.line_enter a img {
    margin-left: -20px;
  }
}

.useful_wrap #content div.img_box.c_box_white div[class^="element"] {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .useful_wrap #content div.img_box.c_box_white.p_3col div[class^="element"] {
    width: 31%;
  }
}
@media screen and (max-width: 767px) {
  .useful_wrap #content div.img_box.c_box_white {
    max-width: 600px;
  }
}
@media screen and (min-width: 651px) {
  .useful_wrap #content div.img_box.c_box_white {
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    transform: translateX(-10px);
    width: 100%;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] {
    width: 46%;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] img {
    height: 240px;
    width: 240px;
  }
}

@media screen and (max-width: 650px) {
  .useful_wrap #content div.img_box.c_box_white {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] {
    margin-top: 40px;
    max-width: 400px;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] + div[class^="element"] {
    margin-top: 50px;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] .caption {
    transform: translateY(-100%);
    margin-bottom: -36px;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] img {
    padding: 0 10px;
  }
}

@media screen and (min-width: 768px) {
  .img_box2 {
    width: 650px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .useful_wrap div.menu_naviline div.line {
    margin-top: 10px;
  }
  .mb20_pc {
    margin-bottom: 20px!important;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article .feature_banner,
  .useful_wrap * > article#article .feature_banner.w_496,
  .useful_wrap * > article#article .feature_banner.w_500 {
    width: 88%;
  }
  .useful_wrap * > article#article .feature_banner.w_300 {
    flex-direction: column;
    width: 300px;
  }
  .useful_wrap * > article#article .feature_banner.w_500x2 {
    margin-top:30px;
    display: block;
  }
  .useful_wrap * > article#article .feature_banner p br {
    display: none;
  }
  .useful_wrap * > article#article .feature_banner.w_500x2:nth-of-type(2) {
    margin-top: 5px;
  }
}

.useful_wrap * > article#article .box_bnr_lnk.castle {
    margin: 30px auto;
}

.useful_wrap * > article#article .lst_bnr_lnk {
    text-align: center;
}

.useful_wrap * > article#article .lst_bnr_lnk li:first-child {
    margin: 0 auto;
}

.useful_wrap * > article#article .bf_old,
.useful_wrap * > article#article .bf_chronology,
.useful_wrap * > article#article .sb_historian,
.useful_wrap * > article#article .sb_historian_js,
.useful_wrap * > article#article .sb_historian_celebrity_js,
.useful_wrap * > article#article .bf_female_history_buff_link{
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
}

.useful_wrap * > article#article .bf_chronology {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_chronology.png) no-repeat 0 0 / cover;
}

.useful_wrap * > article#article .bf_female_history_buff_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
  border: 2px solid #b38f60;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box .bnr_box_inner {
  min-height: 89px;
}

.useful_wrap * > article#article .bnr_box {
  box-sizing: border-box;
  font-size: 17px;
  height: auto;
  min-height: 90px;
  margin: 15px auto 5px;
  position: relative;
  width: 500px;
}

.useful_wrap * > article#article .bnr_box .box_name {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 30%;
  position: absolute;
  top: 0;
  width: 350px;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box .box_name {
  left: 25%;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box::after {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/btn_chronology_arrow.png) no-repeat right bottom;
    background-size: 82%;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    max-width: 35px;
    position: absolute;
    right: 0;
    width: 100%;
    cursor: pointer;
}

.useful_wrap * > article#article .bnr_box .txt_name {
  align-items: center;
  background: url(/useful/image_cmn/bg-bnr-bf.png) no-repeat 0 0 / cover;
  box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
  padding: 7px 26px;
  position: relative;
  text-align: center;
  min-width: 55%;
  width: auto;
}

.useful_wrap * > article#article .bnr_box .txt_name::before {
  left: 4%;
}

.useful_wrap * > article#article .bnr_box .txt_name::after {
  right: 4%;
}

@media screen and (max-width: 767px) {
.useful_wrap * > article#article .box_bnr_lnk.castle {
  width: 88%;
}

.useful_wrap * > article#article .lst_bnr_lnk li:first-child {
  margin: 0 auto;
}

.useful_wrap * > article#article .bnr_box {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.useful_wrap * > article#article .bf_old {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_old_sp.png) no-repeat 0 0 / cover;
  border: 0.5vw solid #b38f60;
}

.useful_wrap * > article#article .bf_chronology{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_chronology_sp.png) no-repeat 0 0 / cover;
  border: .5vw solid #b38f60;
}
.useful_wrap * > article#article .bf_female_history_buff_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-600x300.jpg) no-repeat top;
  background-size: 100%;
  border: 2px solid #b38f60;
}

.useful_wrap * > article#article .bnr_box a {
  box-sizing: border-box;
  color: #000;
  display: block;
  text-align: center;
  min-height: 100%;
  padding: 12% 4% 3%;
  width: 100%;
}

.useful_wrap * > article#article .bnr_box .box_name {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box .box_name {
    left: 0;
}

.useful_wrap * > article#article .bf_chronology .txt_name,
.useful_wrap * > article#article .bf_old .txt_name,
.useful_wrap * > article#article .sb_historian .txt_name,
.useful_wrap * > article#article .sb_historian_js .txt_name,
.useful_wrap * > article#article .sb_historian_celebrity_js .txt_name,
.useful_wrap * > article#article .bf_knowledge-armor-link .txt_name,
.useful_wrap * > article#article .bf_strange_story_link .txt_name,
.useful_wrap * > article#article .bf_battle_strategy_link .txt_name,
.useful_wrap * > article#article .bf_samurai-customs-link .txt_name,
.useful_wrap * > article#article .bf_female_history_buff_link .txt_name
{
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
  font-feature-settings: "pkna";
}

.useful_wrap * > article#article .bf_chronology .txt_name::before,
.useful_wrap * > article#article .bf_old .txt_name::before,
.useful_wrap * > article#article .sb_historian .txt_name::before,
.useful_wrap * > article#article .sb_historian_js .txt_name::before,
.useful_wrap * > article#article .sb_historian_celebrity_js .txt_name::before,
.useful_wrap * > article#article .bf_knowledge-armor-link .txt_name::before,
.useful_wrap * > article#article .bf_strange_story_link .txt_name::before,
.useful_wrap * > article#article .bf_battle_strategy_link .txt_name::before,
.useful_wrap * > article#article .bf_samurai-customs-link .txt_name::before,
.useful_wrap * > article#article .bf_female_history_buff_link .txt_name::before{
  left: 3%  
}

.useful_wrap * > article#article .bf_chronology .txt_name::after,
.useful_wrap * > article#article .bf_old .txt_name::after,
.useful_wrap * > article#article .sb_historian .txt_name::after,
.useful_wrap * > article#article .sb_historian_js .txt_name::after,
.useful_wrap * > article#article .sb_historian_celebrity_js .txt_name::after,
.useful_wrap * > article#article .bf_knowledge-armor-link .txt_name::after,
.useful_wrap * > article#article .bf_strange_story_link .txt_name::after,
.useful_wrap * > article#article .bf_battle_strategy_link .txt_name::after,
.useful_wrap * > article#article .bf_samurai-customs-link .txt_name::after,
.useful_wrap * > article#article .bf_female_history_buff_link .txt_name::after{
  right: 3%;
}

.useful_wrap * > article#article .bf_old::after,
.useful_wrap * > article#article .bf_chronology::after,
.useful_wrap * > article#article .sb_historian::after,
.useful_wrap * > article#article .sb_historian_js::after,
.useful_wrap * > article#article .sb_historian_celebrity_js::after,
.useful_wrap * > article#article .bf_knowledge-armor-link::after,
.useful_wrap * > article#article .bf_strange_story_link::after,
.useful_wrap * > article#article .bf_battle_strategy_link::after,
.useful_wrap * > article#article .bf_samurai-customs-link::after,
.useful_wrap * > article#article .bf_female_history_buff_link::after
{
  bottom: 0;
  content: "";
  display: block;
  height: 1.56em;
  position: absolute;
  right: 0;
  width: 1.56em;
}

.useful_wrap * > article#article .bf_old::after,
.useful_wrap * > article#article .bf_chronology::after,
.useful_wrap * > article#article .sb_historian::after,
.useful_wrap * > article#article .sb_historian_js::after,
.useful_wrap * > article#article .sb_historian_celebrity_js::after,
.useful_wrap * > article#article .bf_knowledge-armor-link::after,
.useful_wrap * > article#article .bf_strange_story_link::after,
.useful_wrap * > article#article .bf_battle_strategy_link::after,
.useful_wrap * > article#article .bf_samurai-customs-link::after,
.useful_wrap * > article#article .bf_female_history_buff_link::after{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/btn_sb_historian_arrow_sp.png) no-repeat 0 0 /cover;
}

.useful_wrap * > article#article .lst_bnr_lnk p {
  font-size: .9rem;
  line-height: 1.5;
  margin: 0.5em auto 0;
  width: 95%;
}
}

@media screen and (max-width: 320px) {
.useful_wrap * > article#article .bf_chronology {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_chronology_sp.png) no-repeat 0 0 / 101%;
    border: 0.5vw solid #b38f60;
}

.useful_wrap * > article#article .bf_chronology.bnr_box {
  min-height: 72px;
}

.useful_wrap * > article#article .bf_chronology.bnr_box .bnr_box_inner {
  min-height: auto;
}
}

.useful_wrap * > article#article .con_box .list_li {
  margin-top: 10px;
}

.useful_wrap * > article#article .con_box .list_li li {
  padding-left: 25px;
  text-indent: -37px;
}

.txt_left {
  text-align: left;
}

.w_16p {
  width: 16%;
}

.useful_wrap * > article#article .con_box .list_li span {
    color: #090;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0 0 20px;
    width: 5px;
}

.useful_wrap * > article#article .con_box .list_li span.w_20 {
  width: 20px;
}

.useful_wrap * > article#article .con_box .list_li span.w_53 {
  width: 53px;
}

.useful_wrap * > article#article .con_box .list_li li {
    padding-left: 25px;
    text-indent: -40px;
}

.useful_wrap * > article#article .con_box .list_li.li01 li {
    padding-left: 25px;
    text-indent: -48px;
}

.useful_wrap * > article#article .con_box .list_li.li01 span {
     width: auto;
}
.useful_wrap * > article#article .con_box .list_li figure.img_l {
    margin-right: 50px;
}

@media screen and (max-width: 767px) {
.useful_wrap ol[class^="number"].number_non li {
    margin: 0 0 5px 15px;
    padding-left: 20px;
    text-indent: -20px;
}

.useful_wrap * > article#article .con_box .list_li span {
    margin: 0px 0 0 20px;
    width: 12px;
}

.useful_wrap * > article#article .con_box .list_li li {
    padding-left: 10px;
    text-indent: -30px;
}

.useful_wrap * > article#article .con_box .list_li.li01 {
    margin: 8px 0 10px 20px;
}

.useful_wrap * > article#article .con_box .list_li.li01 li {
    padding-left: 17px;
    text-indent: -25px;
}
.useful_wrap * > article#article .con_box .list_li figure.img_l {
    margin-right: 50px;
    width: 100%;
}

.useful_wrap * > article#article .con_box .list_li li p {
  clear: both;
}

.useful_wrap * > article#article .con_box .list_li figure.img_l + span {
    margin-right: 0;
    display: flex;
}
.useful_wrap * > article#article section.con_box .ind_5 {
    padding-left: 50px;
    text-indent: -60px;
}
}

@media screen and (max-width: 767px) {
div[class^="banner_"] {
  margin: 25px auto;
  text-align: center;
  width: 300px;
}

div[class^="banner_"] a:nth-child(2n) {
  margin-left: 0;
}
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article section.con_box .ind_3 {
    text-indent: -16px;
    padding-left: 20px;
  }

  .useful_wrap ol[class^="number"].nb_01 li {
      text-indent: -25px;
  }

  .useful_wrap ol[class^="number"].nb_02 li {
      text-indent: -35px;
      padding-left: 7px;
  }

  .useful_wrap ol[class^="number"].nb_03 li {
      text-indent: 0;
  }

  .useful_wrap * > dl[class^="uf_list"].lst_03 {
    margin: 10px 15px 0 0;
  }
  .useful_wrap * > dl[class^="uf_list"].lst_03 dd {
    margin-left: 0;
  }
  .useful_wrap * > dl[class^="uf_list"].lst_04 {
    margin-left: 0;
    margin-right: 0;
  }
}

.useful_wrap div[class^="element"] .caption {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
}

.useful_wrap #content div[class^="element"] img {
  margin-top: 5px;
}

.useful_wrap #content div.img_box:after {
  clear: both;
  content: "";
  display: block;
}

.useful_wrap div.element_l {
  clear: left;
}

@media screen and (max-width: 650px) {
  .useful_wrap #content div.img_box {
    width: 100%;
  }
  .useful_wrap #content div[class^="element"] {
    float: none;
    text-align: center;
    width: 96%;
    margin: 0 auto;
  }
  .useful_wrap #content div[class^="element"] + div[class^="element"] {
    margin-top: 12px;
  }
  .useful_wrap #content div.element_r {
    margin-right: auto;
  }
  .useful_wrap #content div.element_l {
    margin-left: auto;
  }
  .useful_wrap #content div[class^="element"] img {
    height: auto;
    margin: 5px auto 0;
    max-width: 340px;
    width: 100%;
  }
  .useful_wrap .mb140 img {
    margin-bottom: 0;
  }
  .useful_wrap div[class^="element"] .caption {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    margin-bottom: 0;
    min-height: 46px;
    transform: translateY(0);
  }
}

.useful_wrap #content div.vrt[class^="element"] {
  margin-bottom: 10px;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article section.con_box h3 ~ ul.disc_left_w2_arrow {
    margin-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article section.con_box h2 ~ ul.disc_left_w2_arrow {
    margin-right: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ul.disc_left_w2_arrow li,
  .useful_wrap * > article#article section.con_box h3 ~ ul.disc_left_w2_arrow li {
    margin-bottom: 10px;
    margin-left: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ ul.disc_left_w2_arrow li:nth-child(2n + 1),
  .useful_wrap * > article#article section.con_box h3 ~ ul.disc_left_w2_arrow li:nth-child(2n + 1) {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap div.menu_naviline div.line p.enter {
    padding-right: 0;
    right: 5px;
  }
}

div.menu_naviline div.line.image_3col:after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (max-width: 767px) {
  .useful_wrap div.menu_naviline div.line.image_3col {
    float: none;
    padding-bottom: 5px;
  }
  .useful_wrap div.menu_naviline div.line.image_3col div[class^="banner_"]:first-child:last-child {
    margin-top: 10px;
  }
  .useful_wrap div.menu_naviline div.line.image_3col div.image:nth-child(3n+1) {
    margin-left: 0;
  }
  .useful_wrap div.menu_naviline div.line.image_3col div.image {
    float: none;
    margin-left: 0;
    height: auto;
    width: 100%;
  }
  .useful_wrap div.menu_naviline div[class^="banner_"] {
    margin: 25px auto 0;
  }
  .useful_wrap .line.image_3col.mb20_pc div[class^="banner_"] a {
    margin-bottom: 0
  }
  .useful_wrap div.menu_naviline.line_enter div.line,
  .useful_wrap div.menu_naviline div.line.line_enter {
    padding-bottom: 40px;
  }
  .useful_wrap div.menu_naviline.line_enter div.line a,
  .useful_wrap div.menu_naviline div.line.line_enter a {
    width: calc(100% + 20px);
  }
  .useful_wrap #content div.menu_naviline.line_enter div.line a img,
  .useful_wrap #content div.menu_naviline div.line.line_enter a img {
    min-width: 100%;
  }
}

.useful_wrap #content div.img_box.c_box_white div[class^="element"] {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .useful_wrap #content div.img_box.c_box_white.p_3col div[class^="element"] {
    width: 31%;
  }
}
@media screen and (max-width: 767px) {
  .useful_wrap #content div.img_box.c_box_white {
    max-width: 600px;
  }
}
@media screen and (min-width: 651px) {
  .useful_wrap #content div.img_box.c_box_white {
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    transform: translateX(-10px);
    width: 100%;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] {
    width: 46%;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] img {
    height: 240px;
    width: 240px;
  }
}

@media screen and (max-width: 650px) {
  .useful_wrap #content div.img_box.c_box_white {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] {
    margin-top: 40px;
    max-width: 400px;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] + div[class^="element"] {
    margin-top: 50px;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] .caption {
    transform: translateY(-100%);
    margin-bottom: -36px;
  }

  .useful_wrap #content div.img_box.c_box_white div[class^="element"] img {
    padding: 0 10px;
  }
}

@media screen and (min-width: 768px) {
  .img_box2 {
    width: 650px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .useful_wrap div.menu_naviline div.line {
    margin-top: 10px;
  }
  .mb20_pc {
    margin-bottom: 20px!important;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article .feature_banner,
  .useful_wrap * > article#article .feature_banner.w_496,
  .useful_wrap * > article#article .feature_banner.w_500x2,
  .useful_wrap * > article#article .feature_banner.w_500 {
    margin-left: auto;
    margin-right: auto;
    width: 88%;
  }
  .useful_wrap * > article#article .feature_banner p br {
    display: none;
  }
}

.useful_wrap * > article#article .box_bnr_lnk.castle {
    margin: 30px auto;
}

.useful_wrap * > article#article .lst_bnr_lnk {
    text-align: center;
}

.useful_wrap * > article#article .lst_bnr_lnk li:first-child {
    margin: 0 auto;
}

.useful_wrap * > article#article .bf_old,
.useful_wrap * > article#article .bf_chronology,
.useful_wrap * > article#article .sb_historian,
.useful_wrap * > article#article .sb_historian_js,
.useful_wrap * > article#article .sb_historian_celebrity_js,
.useful_wrap * > article#article .bf_female_history_buff_link{
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
}

.useful_wrap * > article#article .bf_chronology {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_chronology.png) no-repeat 0 0 / cover;
}

.useful_wrap * > article#article .bf_female_history_buff_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
  border: 2px solid #b38f60;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box .bnr_box_inner {
  min-height: 89px;
}

.useful_wrap * > article#article .bnr_box {
  box-sizing: border-box;
  font-size: 17px;
  height: auto;
  min-height: 90px;
  margin: 15px auto 5px;
  position: relative;
  width: 500px;
}

.useful_wrap * > article#article .bnr_box .box_name {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 30%;
  position: absolute;
  top: 0;
  width: 350px;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box .box_name {
  left: 25%;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box::after {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/btn_chronology_arrow.png) no-repeat right bottom;
    background-size: 82%;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    max-width: 35px;
    position: absolute;
    right: 0;
    width: 100%;
    cursor: pointer;
}

.useful_wrap * > article#article .bnr_box .txt_name {
  align-items: center;
  background: url(/useful/image_cmn/bg-bnr-bf.png) no-repeat 0 0 / cover;
  box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
  padding: 7px 26px;
  position: relative;
  text-align: center;
  min-width: 55%;
  width: auto;
}

.useful_wrap * > article#article .bnr_box .txt_name::before {
  left: 4%;
}

.useful_wrap * > article#article .bnr_box .txt_name::after {
  right: 4%;
}

@media screen and (max-width: 767px) {
.useful_wrap * > article#article .box_bnr_lnk.castle {
  width: 88%;
}

.useful_wrap * > article#article .lst_bnr_lnk li:first-child {
  margin: 0 auto;
}

.useful_wrap * > article#article .bnr_box {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.useful_wrap * > article#article .bf_old {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_old_sp.png) no-repeat 0 0 / cover;
  border: 0.5vw solid #b38f60;
}

.useful_wrap * > article#article .bf_chronology{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_chronology_sp.png) no-repeat 0 0 / cover;
  border: .5vw solid #b38f60;
}
.useful_wrap * > article#article .bf_female_history_buff_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-600x300.jpg) no-repeat top;
  background-size: 100%;
  border: 2px solid #b38f60;
}

.useful_wrap * > article#article .bnr_box a {
  box-sizing: border-box;
  color: #000;
  display: block;
  text-align: center;
  min-height: 100%;
  padding: 12% 4% 3%;
  width: 100%;
}

.useful_wrap * > article#article .bnr_box .box_name {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.useful_wrap * > article#article .bf_female_history_buff_link.bnr_box .box_name {
    left: 0;
}

.useful_wrap * > article#article .bf_chronology .txt_name,
.useful_wrap * > article#article .bf_old .txt_name,
.useful_wrap * > article#article .sb_historian .txt_name,
.useful_wrap * > article#article .sb_historian_js .txt_name,
.useful_wrap * > article#article .sb_historian_celebrity_js .txt_name,
.useful_wrap * > article#article .bf_knowledge-armor-link .txt_name,
.useful_wrap * > article#article .bf_strange_story_link .txt_name,
.useful_wrap * > article#article .bf_battle_strategy_link .txt_name,
.useful_wrap * > article#article .bf_samurai-customs-link .txt_name,
.useful_wrap * > article#article .bf_female_history_buff_link .txt_name
{
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
  font-feature-settings: "pkna";
}

.useful_wrap * > article#article .bf_chronology .txt_name::before,
.useful_wrap * > article#article .bf_old .txt_name::before,
.useful_wrap * > article#article .sb_historian .txt_name::before,
.useful_wrap * > article#article .sb_historian_js .txt_name::before,
.useful_wrap * > article#article .sb_historian_celebrity_js .txt_name::before,
.useful_wrap * > article#article .bf_knowledge-armor-link .txt_name::before,
.useful_wrap * > article#article .bf_strange_story_link .txt_name::before,
.useful_wrap * > article#article .bf_battle_strategy_link .txt_name::before,
.useful_wrap * > article#article .bf_samurai-customs-link .txt_name::before,
.useful_wrap * > article#article .bf_female_history_buff_link .txt_name::before{
  left: 3%  
}

.useful_wrap * > article#article .bf_chronology .txt_name::after,
.useful_wrap * > article#article .bf_old .txt_name::after,
.useful_wrap * > article#article .sb_historian .txt_name::after,
.useful_wrap * > article#article .sb_historian_js .txt_name::after,
.useful_wrap * > article#article .sb_historian_celebrity_js .txt_name::after,
.useful_wrap * > article#article .bf_knowledge-armor-link .txt_name::after,
.useful_wrap * > article#article .bf_strange_story_link .txt_name::after,
.useful_wrap * > article#article .bf_battle_strategy_link .txt_name::after,
.useful_wrap * > article#article .bf_samurai-customs-link .txt_name::after,
.useful_wrap * > article#article .bf_female_history_buff_link .txt_name::after{
  right: 3%;
}

.useful_wrap * > article#article .bf_old::after,
.useful_wrap * > article#article .bf_chronology::after,
.useful_wrap * > article#article .sb_historian::after,
.useful_wrap * > article#article .sb_historian_js::after,
.useful_wrap * > article#article .sb_historian_celebrity_js::after,
.useful_wrap * > article#article .bf_knowledge-armor-link::after,
.useful_wrap * > article#article .bf_strange_story_link::after,
.useful_wrap * > article#article .bf_battle_strategy_link::after,
.useful_wrap * > article#article .bf_samurai-customs-link::after,
.useful_wrap * > article#article .bf_female_history_buff_link::after
{
  bottom: 0;
  content: "";
  display: block;
  height: 1.56em;
  position: absolute;
  right: 0;
  width: 1.56em;
}

.useful_wrap * > article#article .bf_old::after,
.useful_wrap * > article#article .bf_chronology::after,
.useful_wrap * > article#article .sb_historian::after,
.useful_wrap * > article#article .sb_historian_js::after,
.useful_wrap * > article#article .sb_historian_celebrity_js::after,
.useful_wrap * > article#article .bf_knowledge-armor-link::after,
.useful_wrap * > article#article .bf_strange_story_link::after,
.useful_wrap * > article#article .bf_battle_strategy_link::after,
.useful_wrap * > article#article .bf_samurai-customs-link::after,
.useful_wrap * > article#article .bf_female_history_buff_link::after{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/btn_sb_historian_arrow_sp.png) no-repeat 0 0 /cover;
}

.useful_wrap * > article#article .lst_bnr_lnk p {
  font-size: .9rem;
  line-height: 1.5;
  margin: 0.5em auto 0;
  width: 95%;
}
}

@media screen and (max-width: 320px) {
.useful_wrap * > article#article .bf_chronology {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr_bg_bf_chronology_sp.png) no-repeat 0 0 / 101%;
    border: 0.5vw solid #b38f60;
}

.useful_wrap * > article#article .bf_chronology.bnr_box {
  min-height: 72px;
}

.useful_wrap * > article#article .bf_chronology.bnr_box .bnr_box_inner {
  min-height: auto;
}
}

.useful_wrap * > article#article .con_box .list_li {
  margin-top: 10px;
}

.useful_wrap * > article#article .con_box .list_li li {
  padding-left: 25px;
  text-indent: -37px;
}

.txt_left {
  text-align: left;
}

.w_16p {
  width: 16%;
}

* > article#article section.con_box table th.w_40p,
* > article#article section.con_box table td.w_40p {
  width: 40%;
}

.useful_wrap * > article#article .con_box .list_li span {
    color: #090;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0 0 20px;
    width: 5px;
}

.useful_wrap * > article#article .con_box .list_li span.w_20 {
  width: 20px;
}

.useful_wrap * > article#article .con_box .list_li span.w_53 {
  width: 53px;
}

.useful_wrap * > article#article .con_box .list_li.li01 li {
    padding-left: 25px;
    text-indent: -48px;
}

.useful_wrap * > article#article .con_box .list_li.li01 span {
     width: auto;
}

.useful_wrap * > article#article .con_box .list_li.li02 li {
    padding-left: 30px;
    text-indent: -20px;
}

.useful_wrap * > article#article .con_box .list_li.li02 li span {
    margin: 0 0 0 15px;
}

.useful_wrap * > article#article .con_box .list_li figure.img_l {
    margin-right: 50px;
}

@media screen and (max-width: 767px) {
.useful_wrap ol[class^="number"].number_non li {
    margin: 0 0 5px 15px;
    padding-left: 20px;
    text-indent: -20px;
}

.useful_wrap * > article#article .con_box .list_li span {
    margin: 0px 0 0 20px;
    width: 12px;
}

.useful_wrap * > article#article .con_box .list_li li {
    padding-left: 10px;
    text-indent: -30px;
}

.useful_wrap * > article#article .con_box .list_li.li01 {
    margin: 8px 0 10px 20px;
}

.useful_wrap * > article#article .con_box .list_li.li01 li {
    padding-left: 17px;
    text-indent: -25px;
}

.useful_wrap * > article#article .con_box .list_li.li02 li {
    padding-left: 32px;
    text-indent: -12px;
}

.useful_wrap * > article#article .con_box .list_li.li02 li span {
    margin: 0;
}

.useful_wrap * > article#article .con_box .list_li figure.img_l {
    margin-right: 50px;
    width: 100%;
}

.useful_wrap * > article#article .con_box .list_li li p {
  clear: both;
}

.useful_wrap * > article#article .con_box .list_li figure.img_l + span {
    margin-right: 0;
    display: flex;
}
.useful_wrap * > article#article section.con_box .ind_5 {
    padding-left: 50px;
    text-indent: -60px;
}
}

@media screen and (max-width: 767px) {
.useful_wrap div[class^="banner_"] {
  margin: 25px auto;
  text-align: center;
  max-width: 300px;
}

.useful_wrap div[class^="banner_"] a:nth-child(2n) {
  margin-left: 0;
}

.useful_wrap * > article#article section.con_box ul[class^="disc"].disc_01 li span.ind {
  font-size: inherit;
}
}

.useful_wrap * > dl[class^="uf_list"] > dt + dd,
.useful_wrap * > dl[class^="uf_list"] > dt + dd.lst_03 {
  margin-right: 0;
  margin-top: 10px;
}

.useful_wrap * > article#article section.con_box dl[class^="uf_list"] .ind,
.useful_wrap * > dl[class^="uf_list"] > dd.ind {
  padding-left: 16px;
  text-indent: -16px;
}

.useful_wrap * > dl[class^="uf_list"].lst_03 > dd {
  padding: 0 0 0 10px;
}

/* text indent, margin */
.useful_wrap .ind_kana,
.useful_wrap * > article#article section.con_box ol[class^="number"] li > .ind_kana {
  text-indent: -36px;
  padding-left: 36px;
}
.useful_wrap * > article#article section.con_box figure.img_l + p.clear {
  height: auto;
}
@media screen and (min-width: 768px) {
  .useful_wrap * > dl[class^="number_list"].ml10 {
    margin-left: 20px !important;
  }
  .useful_wrap * > dl[class^="uf_list"] > dd.border_non {
    margin: 5px 10px 10px 0;
    padding: 0 0 13px 10px;
  }
}
@media screen and (max-width: 767px) {
  .useful_wrap * > dl[class^="number_list"].ml10 {
    margin-left: 0 !important;
  }
  .useful_wrap * > dl[class^="number_list"] dt.ind_number {
    text-indent: -16px;
    padding-left: 16px;
  }
  .useful_wrap * > dl[class^="number_list"] dt.ind_number + dd,
  .useful_wrap * > dl[class^="number_list"] dt.ind_number + dd + dd,
  .useful_wrap * > dl[class^="number_list"] dt.ind_number + dd + dd + dd {
    margin-left: 16px;
  }
  .useful_wrap * > dl[class^="number_list"] dt.ind_number_bracket {
    text-indent: -25px;
    padding-left: 37px;
  }
  .useful_wrap * > dl[class^="number_list"] dt.ind_number_bracket + dd {
    margin-left: 37px;
  }
  .useful_wrap * > article#article section.con_box h2.ind_number {
    text-indent: -20px;
    padding-left: 57px;
  }
  .useful_wrap * > article#article section.con_box h2.ind_number_bracket {
    text-indent: -27px;
    padding-left: 65px;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p ~ .con_box h4.ind_txt {
    text-indent: -34px;
    padding-left: 43px;
  }
  .useful_wrap * > article#article h2 ~ .con_box h3 ~ p ~ .con_box h4.ind_txt_2 {
    text-indent: -44px;
    padding-left: 53px;
  }
  .useful_wrap * > dl[class^="uf_list"] > dd > dl[class^="list_in"] > dt {
    padding-left: 0;
    padding-right: 0;
  }
  .useful_wrap * > article#article section.con_box h2 ~ figure, 
  .useful_wrap * > article#article section.con_box h2 ~ dl, 
  .useful_wrap * > article#article section.con_box h2 ~ p ~ dl, 
  .useful_wrap * > article#article section.con_box h2 ~ ul, 
  .useful_wrap * > article#article section.con_box h2 ~ p ~ ul, 
  .useful_wrap * > article#article section.con_box h2 ~ ol, 
  .useful_wrap * > article#article section.con_box h2 ~ p ~ ol {
    margin-left: 0;
  }
  .useful_wrap * > dl[class^="number_list"] > dt {
    margin-left: 0;
    padding-left: 0;
  }
  .useful_wrap ul[class^="disc"] li {
    margin-left: 8px;
  }
  .useful_wrap #content article#article section.con_box h2 + h3 {
    margin-top: 20px;
  }
  .useful_wrap #content article#article section.con_box h2 ~ h3 + p {
    padding-top: 0;
  }
  .useful_wrap #content article#article section.con_box h2 + h3 ~ p + h3 {
    margin-top: 15px;
  }
  .useful_wrap #content article#article section.con_box p + h3 {
    margin-top: 15px;
  }
  .useful_wrap * > dl[class^="uf_list"] > dt:first-child {
    margin-top: 0;
  }
  .useful_wrap * > dl[class^="uf_list"] > dt,
  .useful_wrap * > dl[class^="uf_list"] > dd + dt {
    margin-top: 20px;
  }
  .useful_wrap * > dl[class^="uf_list"] > dd,
  .useful_wrap * > dl[class^="uf_list"] > dt + dd {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .useful_wrap * > article#article section.con_box h4 + p + figure.img_r,
  .useful_wrap * > article#article section.con_box h4 + p + figure.img_l {
    margin-top: 10px;
  }
  .useful_wrap #content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .useful_wrap.is-open #content {
    overflow: initial;
  }
}

.useful_wrap .uf_list {
  margin-top: 10px;
}
.useful_wrap figure .uf_list {
  max-width: 100%;
}
.useful_wrap .img_white_space {
  background-color: #fff;
  padding: 10px;
}
.useful_wrap .dis_block {
  display: block !important;
}

/* ----------------------------
  useful new layout | news
------------------------------ */
.useful_wrap_news .born {
  align-items: flex-start;
}
.useful_wrap_news #siteroute li > a {
  color: #1825ce;
}
.useful_wrap_news #siteroute li > a:hover {
  color: #f00;
}
body.useful_wrap_news {
  display: block;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #111;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font: 13px "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-text-size-adjust: none;
  background: url(/image_cmn/bg_wrapper.png) center repeat-y;
}
/* category search button */
.useful_wrap_news .category_search_wrapper {
  margin-top: 8px;
  flex-wrap: wrap;
}
.useful_wrap_news .category_search_btn_long {
  flex-direction: row;
}
.useful_wrap_news .category_search_btn_group {
  clear: both;
  padding-top: 1px;
}
.useful_wrap_news .btn_category_wrap .category_search {
  display: inline-block;
  position: relative;
  top: 5px;
}
.useful_wrap_news .btn_category_wrap .category_search img {
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
}
.useful_wrap_news .btn_category_wrap {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  padding-top: 0;
  width: 780px;
}
.useful_wrap_news .btn_category_wrap .category_search a {
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  position: relative;
}
.useful_wrap_news .btn_category_wrap .category_search::after {
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto 0;
  position: absolute;
  right: 15px;
  top: 0;
  width: 0;
}
.useful_wrap_news .btn_category_wrap .category_search_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 9px;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search ,
.useful_wrap_news .btn_category_wrap .category_search {
  margin: 5px 7.5px 13px 7.5px;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search a,
.useful_wrap_news .btn_category_wrap .category_search a {
  align-items: center;
  background-color: #d61a1a;
  border-bottom: none;
  border-radius: 0;
  box-shadow: inset 0 0 0 2px #d61a1a, 0px 4px 8px 0 #a5a18e;
  display: flex;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  height: auto;
  justify-content: center;
  letter-spacing: normal;
  line-height: normal;
  min-width: 266.11px;
  padding: 14px 44px 14px 74px;
  text-shadow: none;
  width: auto;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search_right a,
.useful_wrap_news .btn_category_wrap .category_search_right a {
  background-color: #f75586;
  box-shadow: inset 0 0 0 8px #f75586, 0px 4px 8px 0 #a5a18e;
  padding: 14px 44px 14px 61px;
  text-shadow: none;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search_home a,
.useful_wrap_news .btn_category_wrap .category_search_home a {
  background-color: #0168b7;
  box-shadow: inset 0 0 0 8px #0168b7, 0px 4px 8px 0 #a5a18e;
  padding-left: 50px;
  padding-right: 30px;
}
.useful_wrap_news .btn_category_wrap .category_search a:hover {
  opacity: 0.8;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search a::before,
.useful_wrap_news .btn_category_wrap .category_search a::before {
  background-image: none;
  border: 1px solid #fff;
  content: "";
  height: calc(100% - 8px);
  left: 3px;
  position: absolute;
  top: 3px;
  width: calc(100% - 8px);
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search::after,
.useful_wrap_news .btn_category_wrap .category_search::after {
  border-color: transparent transparent transparent #fff;
  right: 10px;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search img,
.useful_wrap_news * > article#article .category_search_btn_group .category_search_right img,
.useful_wrap_news .btn_category_wrap .category_search img,
.useful_wrap_news .btn_category_wrap .category_search_right img {
  left: 17px;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search,
.useful_wrap_news .btn_category_wrap .category_search {
  margin: 5px 7.5px 13px 7.5px;
}
.useful_wrap_news * > article#article .category_search_btn_group .category_search img {
  width: 23px;
}

/* ad box */
.useful_wrap_news .ad_bnrbox_token.ad_bnrbox_token_useful {
  border-top: none;
  margin: 0 auto;
  padding-top: 32px;
}
.useful_wrap_news .ad_bnrbox_token_useful_wrap {
  padding-bottom: 36px;
}

/* banner footer */
.useful_wrap_news .bnr_footer_useful {
  background: #fff url(/useful/image_cmn/bg-footer-useful.png) repeat;
  height: 66px;
  margin-bottom: 1px;
  margin-top: 10px;
}
.useful_wrap_news .ad_bnrbox_token .ad_box img.sp {
  display: none;
}
.useful_wrap_news .bnr_footer_useful {
  position: relative;
}
.useful_wrap_news .bnr_footer_useful::after {
  background-color: #fff;
  bottom: -30px;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  width: 100%;
}
.useful_wrap_news #footer {
  margin-top: 30px;
}

/* control wrap */
.useful_wrap_news .category_search_btn_group #control-wrap {
  margin-bottom: 8px;
}

.txt_etc {
  font-size: 18px;
  line-height: 1.75;
  margin: 0 30px 10px 30px;
  text-align: right;
}

.disc + .txt_etc {
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  .txt_etc {
    font-size: 15px;
    line-height: 1.6;
  }
}

* > article#article section.con_box .no_th_first {
  border-left: none;
  border-top: none;
}

* > article#article section.con_box .no_th_first th {
  border-left: 2px solid #f57aaa;
}

* > article#article section.con_box .no_th_first tr:first-child th {
  border-left: 1px solid #f57aaa;
  border-top: 2px solid #f57aaa;
}

* > article#article section.con_box .no_th_first tr:first-child th:first-child {
  background: none;
  border: none;
  border-bottom: 2px solid #f57aaa;
  border-right: 2px solid #f57aaa;
}

.td_center td,
.useful_wrap * > article#article section.con_box table.td_center td {
  text-align: center;
}

.useful_wrap * > article#article section.con_box table td.center,
table td.center {
  text-align: center;
}

.tbl__list_disc li {
  padding-left: 20px;
  text-indent: -19.5px;
}

.note_r {
  display: flex;
  font-size: 13px;
  justify-content: flex-end;
  line-height: 1.75;
  margin: 0 30px 10px 30px;
  padding-left: 20px;
  text-align: left;
  text-indent: -19.5px;
}

@media screen and (max-width: 767px) {
  .note_r {
    line-height: 1.6;
    margin: 5px 0 0 0;
  }
}

/* ----------------------------
  KV style
------------------------------ */
.useful_wrap * > article#article div[class^="ttl ttl-"] {
  background-size: cover !important;
}

/* kabu guide */
.useful_wrap * > article#article div.ttl-stock {
  background-image: url("/useful/image_cmn/bg-kabu.png");
  border-color: #164299;
}
.useful_wrap * > article#article .ttl-stock div.category_box {
  background-color: #164299;
}

/* studypeer */
.useful_wrap * > article#article div.ttl-high-school,
.useful_wrap * > article#article div.ttl-junior-high-school,
.useful_wrap * > article#article div.ttl-kindergarten,
.useful_wrap * > article#article div.ttl-senmon,
.useful_wrap * > article#article div.ttl-elementary-school,
.useful_wrap * > article#article div.ttl-college,
.useful_wrap * > article#article div.ttl-driving-school,
.useful_wrap * > article#article div.ttl-cram {
  background-image: url("/useful/image_cmn/bg-studypeer.png");
  border-color: #4a83fa;
}
.useful_wrap * > article#article div.ttl-high-school div.category_box,
.useful_wrap * > article#article div.ttl-junior-high-school div.category_box,
.useful_wrap * > article#article div.ttl-kindergarten div.category_box,
.useful_wrap * > article#article div.ttl-senmon div.category_box,
.useful_wrap * > article#article div.ttl-elementary-school div.category_box,
.useful_wrap * > article#article div.ttl-college div.category_box,
.useful_wrap * > article#article div.ttl-driving-school div.category_box,
.useful_wrap * > article#article div.ttl-cram div.category_box {
  background-color: #4a83fa;
}

/* wedding */
.useful_wrap * > article#article div.ttl-wedding {
  background-image: url("/useful/image_cmn/bg-wedding.png");
  border-color: #f36187;
}
.useful_wrap * > article#article .ttl-wedding div.category_box {
  background-color: #f36187;
}

/* insurer */
.useful_wrap * > article#article div.ttl-insurer {
  background-image: url("/useful/image_cmn/bg-hoken.png");
  border-color: #35ab5f;
}
.useful_wrap * > article#article .ttl-insurer div.category_box {
  background-color: #35ab5f;
}

/* hotel */
.useful_wrap * > article#article div.ttl-hotel {
  background-image: url("/useful/image_cmn/bg-hotel.png");
  border-color: #9b7116;
}
.useful_wrap * > article#article .ttl-hotel div.category_box {
  background-color: #9b7116;
}

/* finance */
.useful_wrap * > article#article div.ttl-finance {
  background-image: url("/useful/image_cmn/bg-finance.png");
  border-color: #2164af;
}
.useful_wrap * > article#article .ttl-finance div.category_box {
  background-color: #2164af;
}

/* rentamap */
.useful_wrap * > article#article div.ttl-rent-a-car {
  background-image: url("/useful/image_cmn/bg-rentamap.png");
  border-color: #143c95;
}
.useful_wrap * > article#article .ttl-rent-a-car div.category_box {
  background-color: #143c95;
}

/* tabitan */
.useful_wrap * > article#article div.ttl-theme-park,
.useful_wrap * > article#article div.ttl-zoo,
.useful_wrap * > article#article div.ttl-travel-agent,
.useful_wrap * > article#article div.ttl-festival,
.useful_wrap * > article#article div.ttl-plant,
.useful_wrap * > article#article div.ttl-aquarium,
.useful_wrap * > article#article div.ttl-hot-spring,
.useful_wrap * > article#article div.ttl-religious-building,
.useful_wrap * > article#article div.ttl-tour {
  background-image: url("/useful/image_cmn/bg-tabitan.png");
  border-color: #704cbc;
}
.useful_wrap * > article#article div.ttl-theme-park div.category_box,
.useful_wrap * > article#article div.ttl-zoo div.category_box,
.useful_wrap * > article#article div.ttl-travel-agent div.category_box,
.useful_wrap * > article#article div.ttl-festival div.category_box,
.useful_wrap * > article#article div.ttl-plant div.category_box,
.useful_wrap * > article#article div.ttl-aquarium div.category_box,
.useful_wrap * > article#article div.ttl-hot-spring div.category_box,
.useful_wrap * > article#article div.ttl-religious-building div.category_box,
.useful_wrap * > article#article div.ttl-tour div.category_box {
  background-color: #704cbc;
}

/* doctormap */
.useful_wrap * > article#article div.ttl-doctor-map {
  background-image: url("/useful/image_cmn/bg-doctormap.png");
  border-color: #3cb9ba;
}
.useful_wrap * > article#article .ttl-doctor-map div.category_box {
  background-color: #3cb9ba;
}

/* mediapo */
.useful_wrap * > article#article div.ttl-tv-station,
.useful_wrap * > article#article div.ttl-radio-station,
.useful_wrap * > article#article div.ttl-newspaper-office {
  background-image: url("/useful/image_cmn/bg-mediapo.png");
  border-color: #d71277;
}
.useful_wrap * > article#article div.ttl-tv-station div.category_box,
.useful_wrap * > article#article div.ttl-radio-station div.category_box,
.useful_wrap * > article#article div.ttl-newspaper-office div.category_box {
  background-color: #d71277;
}

/* castle */
.useful_wrap * > article#article div.ttl-castle {
  background-image: url("/useful/image_cmn/bg-castle.png");
  border-color: #623d22;
}
.useful_wrap * > article#article .ttl-castle div.category_box {
  background-color: #623d22;
}

/* sports */
.useful_wrap * > article#article div.ttl-gym,
.useful_wrap * > article#article div.ttl-pool,
.useful_wrap * > article#article div.ttl-athletic-field,
.useful_wrap * > article#article div.ttl-sports {
  background-image: url("/useful/image_cmn/bg-sports.png");
  border-color: #b22932;
}
.useful_wrap * > article#article div.ttl-ski{
  background-image: url("/useful/image_cmn/bg-sports-ski.png");
  border-color: #b22932;
}
.useful_wrap * > article#article div.ttl-baseball {
  background-image: url("/useful/image_cmn/bg-sports-baseball.png");
  border-color: #b22932;
}
.useful_wrap * > article#article div.ttl-soccer {
  background-image: url("/useful/image_cmn/bg-sports-soccer.png");
  border-color: #b22932;
}
.useful_wrap * > article#article div.ttl-soccer div.category_box,
.useful_wrap * > article#article div.ttl-ski div.category_box,
.useful_wrap * > article#article div.ttl-gym div.category_box,
.useful_wrap * > article#article div.ttl-pool div.category_box,
.useful_wrap * > article#article div.ttl-baseball div.category_box,
.useful_wrap * > article#article div.ttl-athletic-field div.category_box,
.useful_wrap * > article#article div.ttl-sports div.category_box {
  background-color: #b22932;
}

/* dogmedical */
.useful_wrap * > article#article div.ttl-pet-clinic {
  background-image: url("/useful/image_cmn/bg-dog.png");
  border-color: #623d22;
}
.useful_wrap * > article#article .ttl-pet-clinic div.category_box {
  background-color: #623d22;
}

/* marketpeer */
.useful_wrap * > article#article div.ttl-outlet,
.useful_wrap * > article#article div.ttl-car-shop,
.useful_wrap * > article#article div.ttl-car-goods,
.useful_wrap * > article#article div.ttl-convenience-store,
.useful_wrap * > article#article div.ttl-supermarket,
.useful_wrap * > article#article div.ttl-sport-shop,
.useful_wrap * > article#article div.ttl-discount-shop,
.useful_wrap * > article#article div.ttl-department-store,
.useful_wrap * > article#article div.ttl-drugstore,
.useful_wrap * > article#article div.ttl-pet-shop,
.useful_wrap * > article#article div.ttl-homecenter,
.useful_wrap * > article#article div.ttl-apparel,
.useful_wrap * > article#article div.ttl-bookstore,
.useful_wrap * > article#article div.ttl-roadside-station {
  background-image: url("/useful/image_cmn/bg-marketpia.png");
  border-color: #e15d6f;
}
.useful_wrap * > article#article div.ttl-outlet div.category_box,
.useful_wrap * > article#article div.ttl-car-shop div.category_box,
.useful_wrap * > article#article div.ttl-car-goods div.category_box,
.useful_wrap * > article#article div.ttl-convenience-store div.category_box,
.useful_wrap * > article#article div.ttl-supermarket div.category_box,
.useful_wrap * > article#article div.ttl-sport-shop div.category_box,
.useful_wrap * > article#article div.ttl-discount-shop div.category_box,
.useful_wrap * > article#article div.ttl-department-store div.category_box,
.useful_wrap * > article#article div.ttl-drugstore div.category_box,
.useful_wrap * > article#article div.ttl-pet-shop div.category_box,
.useful_wrap * > article#article div.ttl-homecenter div.category_box,
.useful_wrap * > article#article div.ttl-apparel div.category_box,
.useful_wrap * > article#article div.ttl-bookstore div.category_box,
.useful_wrap * > article#article div.ttl-roadside-station div.category_box {
  background-color: #e15d6f;
}

/* entertainment */
.useful_wrap * > article#article div.ttl-cinema,
.useful_wrap * > article#article div.ttl-hall {
  background-image: url("/useful/image_cmn/bg-enta.png");
  border-color: #c30d23;
}
.useful_wrap * > article#article .ttl-cinema div.category_box,
.useful_wrap * > article#article .ttl-hall div.category_box {
  background-color: #c30d23;
}

/* bigcompany */
.useful_wrap * > article#article div.ttl-bigcompany {
  background-image: url("/useful/image_cmn/bg-bigcompany.png");
  border-color: #13446e;
}
.useful_wrap * > article#article .ttl-bigcompany div.category_box {
  background-color: #13446e;
}

/* racemap */
.useful_wrap * > article#article div.ttl-kyotei,
.useful_wrap * > article#article div.ttl-keirin,
.useful_wrap * > article#article div.ttl-keiba {
  background-image: url("/useful/image_cmn/bg-racemap.png");
  border-color: #0e3955;
}
.useful_wrap * > article#article .ttl-kyotei div.category_box,
.useful_wrap * > article#article .ttl-keirin div.category_box,
.useful_wrap * > article#article .ttl-keiba div.category_box {
  background-color: #0e3955;
}

/* publinet */
.useful_wrap * > article#article div.ttl-public,
.useful_wrap * > article#article div.ttl-hellowork,
.useful_wrap * > article#article div.ttl-health-center,
.useful_wrap * > article#article div.ttl-park,
.useful_wrap * > article#article div.ttl-library,
.useful_wrap * > article#article div.ttl-tax,
.useful_wrap * > article#article div.ttl-fire-department,
.useful_wrap * > article#article div.ttl-police,
.useful_wrap * > article#article div.ttl-telco,
.useful_wrap * > article#article div.ttl-infra {
  background-image: url("/useful/image_cmn/bg-publinet.png");
  border-color: #963a4a;
}
.useful_wrap * > article#article div.ttl-public div.category_box,
.useful_wrap * > article#article div.ttl-hellowork div.category_box,
.useful_wrap * > article#article div.ttl-health-center div.category_box,
.useful_wrap * > article#article div.ttl-park div.category_box,
.useful_wrap * > article#article div.ttl-library div.category_box,
.useful_wrap * > article#article div.ttl-tax div.category_box,
.useful_wrap * > article#article div.ttl-fire-department div.category_box,
.useful_wrap * > article#article div.ttl-police div.category_box,
.useful_wrap * > article#article div.ttl-telco div.category_box,
.useful_wrap * > article#article div.ttl-infra div.category_box {
  background-color: #963a4a;
}

/* yukisaki navi */
.useful_wrap * > article#article div.ttl-bus,
.useful_wrap * > article#article div.ttl-ferry,
.useful_wrap * > article#article div.ttl-heliport,
.useful_wrap * > article#article div.ttl-airport,
.useful_wrap * > article#article div.ttl-streetcar,
.useful_wrap * > article#article div.ttl-station,
.useful_wrap * > article#article div.ttl-ic {
  background-image: url("/useful/image_cmn/bg-yukisaki.png");
  border-color: #3863a8;
}
.useful_wrap * > article#article div.ttl-bus div.category_box,
.useful_wrap * > article#article div.ttl-ferry div.category_box,
.useful_wrap * > article#article div.ttl-heliport div.category_box,
.useful_wrap * > article#article div.ttl-airport div.category_box,
.useful_wrap * > article#article div.ttl-streetcar div.category_box,
.useful_wrap * > article#article div.ttl-station div.category_box,
.useful_wrap * > article#article div.ttl-ic div.category_box {
  background-color: #3863a8;
}

/* KV style PC */
@media screen and (min-width: 768px) {
  .useful_wrap * > article#article div.ttl.ttl h1 {
    line-height: 1.3;
  }
  .useful_wrap * > article#article div.ttl div.category_box{
    margin: 9px 15px 9px 0;
    line-height: 18px;
  }
  .useful_wrap * > article#article div.ttl.ttl-wedding {
    background-position-y: 7%;
  }
  .useful_wrap * > article#article div.ttl.ttl-insurer {
    background-position-y: 95%;
  }
  .useful_wrap * > article#article div.ttl.ttl-hotel {
    background-position-y: 9%;
  }
  .useful_wrap * > article#article div.ttl.ttl-rent-a-car {
    background-position-y: 10%;
  }
  .useful_wrap * > article#article div.ttl.ttl-theme-park,
  .useful_wrap * > article#article div.ttl.ttl-zoo,
  .useful_wrap * > article#article div.ttl.ttl-travel-agent,
  .useful_wrap * > article#article div.ttl.ttl-festival,
  .useful_wrap * > article#article div.ttl.ttl-plant,
  .useful_wrap * > article#article div.ttl.ttl-aquarium,
  .useful_wrap * > article#article div.ttl.ttl-hot-spring,
  .useful_wrap * > article#article div.ttl.ttl-religious-building,
  .useful_wrap * > article#article div.ttl.ttl-tour {
    background-position-y: 12%;
  }
  .useful_wrap * > article#article div.ttl.ttl-doctor-map {
    background-position-y: 3%;
  }
  .useful_wrap * > article#article div.ttl.ttl-tv-station,
  .useful_wrap * > article#article div.ttl.ttl-radio-station,
  .useful_wrap * > article#article div.ttl.ttl-newspaper-office {
    background-position-y: 26%;
  }
  .useful_wrap * > article#article div.ttl.ttl-castle {
    background-position-y: 10%;
  }
  .useful_wrap * > article#article div.ttl.ttl-outlet,
  .useful_wrap * > article#article div.ttl.ttl-car-shop,
  .useful_wrap * > article#article div.ttl.ttl-car-goods,
  .useful_wrap * > article#article div.ttl.ttl-convenience-store,
  .useful_wrap * > article#article div.ttl.ttl-supermarket,
  .useful_wrap * > article#article div.ttl.ttl-sport-shop,
  .useful_wrap * > article#article div.ttl.ttl-discount-shop,
  .useful_wrap * > article#article div.ttl.ttl-department-store,
  .useful_wrap * > article#article div.ttl.ttl-drugstore,
  .useful_wrap * > article#article div.ttl.ttl-pet-shop,
  .useful_wrap * > article#article div.ttl.ttl-homecenter,
  .useful_wrap * > article#article div.ttl.ttl-apparel,
  .useful_wrap * > article#article div.ttl.ttl-bookstore,
  .useful_wrap * > article#article div.ttl.ttl-roadside-station {
    background-position-y: 7%;
  }
  .useful_wrap * > article#article div.ttl.ttl-bigcompany {
    background-position-y: 22%;
    padding-right: 200px;
  }
  .useful_wrap * > article#article div.ttl.ttl-public,
  .useful_wrap * > article#article div.ttl.ttl-hellowork,
  .useful_wrap * > article#article div.ttl.ttl-health-center,
  .useful_wrap * > article#article div.ttl.ttl-park,
  .useful_wrap * > article#article div.ttl.ttl-library,
  .useful_wrap * > article#article div.ttl.ttl-tax,
  .useful_wrap * > article#article div.ttl.ttl-fire-department,
  .useful_wrap * > article#article div.ttl.ttl-police,
  .useful_wrap * > article#article div.ttl-telco,
  .useful_wrap * > article#article div.ttl-infra {
    background-position-y: 22%;
  }
  .useful_wrap * > article#article div.ttl.ttl-bus,
  .useful_wrap * > article#article div.ttl.ttl-ferry,
  .useful_wrap * > article#article div.ttl.ttl-heliport,
  .useful_wrap * > article#article div.ttl.ttl-airport,
  .useful_wrap * > article#article div.ttl.ttl-streetcar,
  .useful_wrap * > article#article div.ttl.ttl-station,
  .useful_wrap * > article#article div.ttl.ttl-ic {
    background-position-y: 77%;
  }
  .useful_wrap * > article#article div.ttl.ttl-finance {
    background-position-y: 38%;
  }
  .useful_wrap * > article#article div.ttl.ttl-cinema,
  .useful_wrap * > article#article div.ttl.ttl-hall {
    background-position-y: 30%;
  }
}

/* KV style SP */
@media screen and (max-width: 767px) {
  .useful_wrap * > article#article div[class^="ttl ttl-"] {
    background-color: transparent;
    background-position: right 0 center, 0 center;
  }
  .useful_wrap * > article#article div[class^="ttl ttl-"]::before {
    content: ' ';
    display: block;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .useful_wrap * > article#article div[class^="ttl ttl-"] div.ttl_inner {
    z-index: 2;
  } 

  .useful_wrap * > article#article div.ttl-stock::before {
    background-color: #c0ebff;
  }
  .useful_wrap * > article#article div.ttl-high-school::before,
  .useful_wrap * > article#article div.ttl-junior-high-school::before,
  .useful_wrap * > article#article div.ttl-kindergarten::before,
  .useful_wrap * > article#article div.ttl-senmon::before,
  .useful_wrap * > article#article div.ttl-elementary-school::before,
  .useful_wrap * > article#article div.ttl-college::before,
  .useful_wrap * > article#article div.ttl-driving-school::before,
  .useful_wrap * > article#article div.ttl-cram::before {
    background-color: #cdedff;
  }
  .useful_wrap * > article#article div.ttl-wedding::before {
    background-color: #fedeec;
  }
  .useful_wrap * > article#article div.ttl-insurer::before {
    background-color: #e4fff0;
  }
  .useful_wrap * > article#article div.ttl-hotel::before {
    background-color: #fff3c0;
  }
  .useful_wrap * > article#article div.ttl-finance::before {
    background-color: #ebf8fe;
  }
  .useful_wrap * > article#article div.ttl-rent-a-car::before {
    background-color: #ddf0ff;
  }
  .useful_wrap * > article#article div.ttl-theme-park::before,
  .useful_wrap * > article#article div.ttl-zoo::before,
  .useful_wrap * > article#article div.ttl-travel-agent::before,
  .useful_wrap * > article#article div.ttl-festival::before,
  .useful_wrap * > article#article div.ttl-plant::before,
  .useful_wrap * > article#article div.ttl-aquarium::before,
  .useful_wrap * > article#article div.ttl-hot-spring::before,
  .useful_wrap * > article#article div.ttl-religious-building::before,
  .useful_wrap * > article#article div.ttl-tour::before {
    background-color: #f3feff;
  }
  .useful_wrap * > article#article div.ttl-doctor-map::before {
    background-color: #effdfd;
  }
  .useful_wrap * > article#article div.ttl-tv-station::before,
  .useful_wrap * > article#article div.ttl-radio-station::before,
  .useful_wrap * > article#article div.ttl-newspaper-office::before {
    background-color: #fff4fe;
  }
  .useful_wrap * > article#article div.ttl-castle::before {
    background-color: #ffecbc;
  }
  .useful_wrap * > article#article div.ttl-soccer::before,
  .useful_wrap * > article#article div.ttl-ski::before,
  .useful_wrap * > article#article div.ttl-gym::before,
  .useful_wrap * > article#article div.ttl-pool::before,
  .useful_wrap * > article#article div.ttl-baseball::before,
  .useful_wrap * > article#article div.ttl-athletic-field::before,
  .useful_wrap * > article#article div.ttl-sports::before {
    background-color: #ffe8ed;
  }
  .useful_wrap * > article#article div.ttl-pet-clinic::before {
    background-color: #ffecb9;
  }
  .useful_wrap * > article#article div.ttl-outlet::before,
  .useful_wrap * > article#article div.ttl-car-shop::before,
  .useful_wrap * > article#article div.ttl-car-goods::before,
  .useful_wrap * > article#article div.ttl-convenience-store::before,
  .useful_wrap * > article#article div.ttl-supermarket::before,
  .useful_wrap * > article#article div.ttl-sport-shop::before,
  .useful_wrap * > article#article div.ttl-discount-shop::before,
  .useful_wrap * > article#article div.ttl-department-store::before,
  .useful_wrap * > article#article div.ttl-drugstore::before,
  .useful_wrap * > article#article div.ttl-pet-shop::before,
  .useful_wrap * > article#article div.ttl-homecenter::before,
  .useful_wrap * > article#article div.ttl-apparel::before,
  .useful_wrap * > article#article div.ttl-bookstore::before,
  .useful_wrap * > article#article div.ttl-roadside-station::before{
    background-color: #ffe0e6;
  }
  .useful_wrap * > article#article div.ttl-cinema::before,
  .useful_wrap * > article#article div.ttl-hall::before {
    background-color: #ffdde4;
  }
  .useful_wrap * > article#article div.ttl-bigcompany::before {
    background-color: #d9f7ff;
  }
  .useful_wrap * > article#article div.ttl-kyotei::before,
  .useful_wrap * > article#article div.ttl-keirin::before,
  .useful_wrap * > article#article div.ttl-keiba::before {
    background-color: #e8f8fe;
  }
  .useful_wrap * > article#article div.ttl-public::before,
  .useful_wrap * > article#article div.ttl-hellowork::before,
  .useful_wrap * > article#article div.ttl-health-center::before,
  .useful_wrap * > article#article div.ttl-park::before,
  .useful_wrap * > article#article div.ttl-library::before,
  .useful_wrap * > article#article div.ttl-tax::before,
  .useful_wrap * > article#article div.ttl-fire-department::before,
  .useful_wrap * > article#article div.ttl-police::before,
  .useful_wrap * > article#article div.ttl-telco::before,
  .useful_wrap * > article#article div.ttl-infra::before {
    background-color: #ffeef2;
  }
  .useful_wrap * > article#article div.ttl-bus::before,
  .useful_wrap * > article#article div.ttl-ferry::before,
  .useful_wrap * > article#article div.ttl-heliport::before,
  .useful_wrap * > article#article div.ttl-airport::before,
  .useful_wrap * > article#article div.ttl-streetcar::before,
  .useful_wrap * > article#article div.ttl-station::before,
  .useful_wrap * > article#article div.ttl-ic::before {
    background-color: #f4fcfe;
  }
  .useful_wrap * > article#article div.ttl.ttl-hotel {
    background-position-y: top;
    padding-right: 130px;
  }
  .useful_wrap * > article#article div.ttl.ttl-wedding {
    background-position-y: top;
  }
  .useful_wrap * > article#article div.ttl.ttl-doctor-map {
    background-position-y: top;
    padding-right: 30px;
  }
  .useful_wrap * > article#article div.ttl.ttl-stock {
    background-position: top 20% right 0, 0 center;
    padding-right: 60px;
  }
  .useful_wrap * > article#article div.ttl.ttl-wedding {
    padding-right: 100px;
  }
  .useful_wrap * > article#article div.ttl.ttl-finance {
    padding-right: 70px;
  }
  .useful_wrap * > article#article div.ttl.ttl-rent-a-car {
    background-position-y: top;
    padding-right: 100px;
  }
  .useful_wrap * > article#article div.ttl.ttl-theme-park,
  .useful_wrap * > article#article div.ttl.ttl-zoo,
  .useful_wrap * > article#article div.ttl.ttl-travel-agent,
  .useful_wrap * > article#article div.ttl.ttl-festival,
  .useful_wrap * > article#article div.ttl.ttl-plant,
  .useful_wrap * > article#article div.ttl.ttl-aquarium,
  .useful_wrap * > article#article div.ttl.ttl-hot-spring,
  .useful_wrap * > article#article div.ttl.ttl-religious-building,
  .useful_wrap * > article#article div.ttl.ttl-tour {
    background-position-y: top;
    padding-right: 125px;
  }
  .useful_wrap * > article#article div.ttl.ttl-tv-station,
  .useful_wrap * > article#article div.ttl.ttl-radio-station,
  .useful_wrap * > article#article div.ttl.ttl-newspaper-office {
    padding-right: 130px;
  }
  .useful_wrap * > article#article div.ttl.ttl-pet-clinic {
    padding-right: 70px;
  }
  .useful_wrap * > article#article div.ttl.ttl-hot-spring {
    padding-right: 110px;
  }
  .useful_wrap * > article#article div.ttl.ttl-outlet,
  .useful_wrap * > article#article div.ttl.ttl-car-shop,
  .useful_wrap * > article#article div.ttl.ttl-car-goods,
  .useful_wrap * > article#article div.ttl.ttl-convenience-store,
  .useful_wrap * > article#article div.ttl.ttl-supermarket,
  .useful_wrap * > article#article div.ttl.ttl-sport-shop,
  .useful_wrap * > article#article div.ttl.ttl-discount-shop,
  .useful_wrap * > article#article div.ttl.ttl-department-store,
  .useful_wrap * > article#article div.ttl.ttl-drugstore,
  .useful_wrap * > article#article div.ttl.ttl-pet-shop,
  .useful_wrap * > article#article div.ttl.ttl-homecenter,
  .useful_wrap * > article#article div.ttl.ttl-apparel,
  .useful_wrap * > article#article div.ttl.ttl-bookstore,
  .useful_wrap * > article#article div.ttl.ttl-roadside-station {
    padding-right: 100px;
  }
  .useful_wrap * > article#article div.ttl.ttl-roadside-station {
    padding-right: 78px;
  }
  .useful_wrap * > article#article div.ttl.ttl-castle {
    background-position: top 10% right 0, 0 center;
  }
}

.disc .disc__brkline {
  display: block;
  font-size: inherit;
  margin-left: 18px;
}

.ex {
  font-size: 16px;
  letter-spacing: .07em;
  line-height: 1.7;
  margin: 0 30px;
}

@media screen and (max-width: 767px) {
  .ex {
    margin: 15px 0 0;
  }
}

.bnr_c {
  line-height: 0;
  margin-top: 15px;
  text-align: center;
}

.con_box .bnr_c {
  margin-bottom: 10px;
}

.bnr_c a {
  display: inline-block;
}

.ta_l {
  text-align: left!important;
}

.txt_etc {
  font-size: 18px;
  line-height: 1.75;
  margin: 0 30px 10px 30px;
  text-align: right;
}

.disc + .txt_etc {
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  .txt_etc {
    font-size: 15px;
    line-height: 1.6;
  }
}

* > article#article section.con_box .no_th_first {
  border-left: none;
  border-top: none;
}

* > article#article section.con_box .no_th_first th {
  border-left: 2px solid #f57aaa;
}

* > article#article section.con_box .no_th_first tr:first-child th {
  border-left: 1px solid #f57aaa;
  border-top: 2px solid #f57aaa;
}

* > article#article section.con_box .no_th_first tr:first-child th:first-child {
  background: none;
  border: none;
  border-bottom: 2px solid #f57aaa;
  border-right: 2px solid #f57aaa;
}

.td_center td,
.useful_wrap * > article#article section.con_box table.td_center td {
  text-align: center;
}

.useful_wrap * > article#article section.con_box table td.center,
table td.center {
  text-align: center;
}

.tbl__list_disc li {
  padding-left: 20px;
  text-indent: -19.5px;
}

.td_center .tbl__list_disc {
  align-self: center;
  display: inline-flex;
  flex-direction: column;
  font-size: 18px;
  justify-content: center;
  margin: 0 auto;
  text-align: left;
  width: auto;
}

.note_r {
  display: flex;
  font-size: 13px;
  justify-content: flex-end;
  line-height: 1.75;
  margin: 0 30px 10px 30px;
  padding-left: 20px;
  text-align: left;
  text-indent: -19.5px;
}

@media screen and (max-width: 767px) {
  .note_r {
    line-height: 1.6;
    margin: 5px 0 0 0;
    padding-left: 15px;
    text-indent: -15px;
  }
}

.list_note_ol {
  margin: 0 30px 10px 40px
}
.note {
  font-size: 13px;
  line-height: 1.75;
  margin: 0 30px 10px 30px;
  padding-left: 14px;
  text-indent: -14px;
}
.useful_wrap * > article#article section.con_box .note {
  font-size: 13px !important;
}

@media screen and (max-width: 767px) {
  .note {
    line-height: 1.6;
    margin: 5px 0 0 0;
  }
  .useful_wrap * > article#article section.con_box .note {
    font-size: 13px !important;
  }
  .list_note_ol {
    margin: 0 30px 10px 40px
  }
}

.modal_content_latest .injustice p.note{
  margin: 0;
}

.list_note_ol li {
  text-indent: -53px;
  padding-left: 53px;
}

@media screen and (max-width: 767px) {
  .list_note_ol li {
    text-indent: -45px;
    padding-left: 45px;
  }
}

.tbl_cap_l {
  text-align: left;
}

.inblk {
  display: inline-block!important;
}

.tbl__list_disc .inblk {
  text-indent: 0;
}

.con_box > h3 + .scroll_block {
  margin-top: 20px;
}

.con_box > h3 ~ .scroll_block:last-child {
  margin-bottom: 20px;
}

 * > article#article section.con_box h2 ~ ul.list_bnr,
.list_bnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 15px auto 10px;
  width: 615px;
}

.list_bnr li {
  line-height: 0;
  margin-bottom: 15px;
}

.list_bnr li a {
  display: inline-block;
}

.list_bnr li .bnr {
  line-height: 0;
  width: 300px;
}

.list_bnr li .cap {
  color: #333;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 5px 0 0;
}

* > article#article section.con_box .list_bnr + section.con_box {
  margin-top: 20px;
}

/* h5  */
* > article#article section.con_box h4 ~ .con_box {
  margin-left: 35px;
}

@media screen and (max-width: 767px) {
  * > article#article section.con_box h4 ~ .con_box {
    margin-left: 0;
  }
}

* > article#article section.con_box h5 {
  clear:both;
  font-size: 16px;
  margin: 0 0 10px 0;
  text-align: left;
}

.bnr_c {
  line-height: 0;
  margin-top: 15px;
  text-align: center;
}

.con_box .bnr_c {
  margin-bottom: 10px;
}

.bnr_c a {
  display: inline-block;
}

.ta_l {
  text-align: left!important;
}

/* box numberlist  */
* > article#article section.con_box.numberlist_box h5 {
  margin-bottom: 5px;
}

* > article#article section.con_box h4 ~ .con_box.numberlist_box {
  margin-left: 50px;
}

* > article#article section.con_box h4 ~ .con_box.numberlist_box p {
  margin-left: 17px;
}

@media screen and (max-width: 767px) {
  * > article#article section.con_box.numberlist_box h5 {
    margin-bottom: 0;
  }

  * > article#article section.con_box h4 ~ .con_box.numberlist_box {
    margin-left: 0;
  }

  * > article#article section.con_box h4 ~ .con_box.numberlist_box p {
    margin-left: 17px;
  }

  * > article#article section.con_box.numberlist_box + .numberlist_box {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  ul[class^="disc"].li_reset_lt li {
    letter-spacing: .1em;
    line-height: 1.7;
  }

  .useful_wrap * > article#article section.con_box ul[class^="disc"] li figure.img_r {
    margin-right: 5px;
  }

  * > article#article ul[class^="disc"] + section.con_box {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article section.con_box ul[class^="disc"] li figure.img_r {
    margin-top: 5px;
  }
}

.contact {
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.7;
  margin: 0 30px 10px 30px;
}

.contact_ttl {
  width: 75px;
}

.contact_con {
  padding-left: 16px;
  width: calc(100% - 75px);
  position: relative;
}

.contact_con:before {
  content: ":";
  display: inline-block;
  height: auto;
  left: 0;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 0;
  width: 10px;
}

.contact_con .inblk {
  text-indent: 0;
}

@media screen and (max-width: 767px) {
  .contact {
    font-size: 15px !important;
    line-height: 1.6;
    margin: 0 0 5px 0;
  }

  .contact_ttl {
    width: 65px;
  }

  .contact_con {
    width: calc(100% - 65px);
  }

  .contact_con a {
    overflow-wrap: break-word;
  }
}

.useful_wrap #content article#article section.con_box h3.style_h4 {
  background: none;
  border-bottom: 1px solid #fdadc5;
  border-left: 5px solid #fb91b1;
  clear: both;
  font-size: 16px;
  height: auto;
  margin: 0 0 12px 30px;
  max-width: 100%;
  padding: 1px 0 3px 11px;
  text-align: left;
  width: 780px;
}

@media screen and (max-width: 767px) {
  .useful_wrap #content article#article section.con_box h3.style_h4 {
    font-size: 16px;
    margin: 0 0 12px 0;
  }
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article section.con_box h3.style_h4 {
    font-size: 19px;
    width: calc(100% - 40px);
  }
}

.bnr_online_travel {
  margin-top: 20px;
  text-align: center;
}

.bnr_online_travel a {
  display: inline-block;
  position: relative;
}

.bnr_online_travel img {
  height: auto;
  width: 100%;
}

.bnr_online_travel .cap {
  background: rgba(255, 255, 255, .7);
  border-radius: 4px;
  bottom: auto;
  color: #000;
  display: inline-block;
  font-size: 21px;
  font-weight: 600;
  left: 50%;
  line-height: 1;
  margin: auto;
  min-width: 118px;
  padding: 6px 13px;
  position: absolute;
  top: 50px;
  transform: translateX(-50%);
}

.bnr_online_travel a:hover .cap {
  opacity: .7;
}

@media screen and (max-width: 767px) {
  .bnr_online_travel {
    margin-top: 10px;
  }

  .bnr_online_travel .cap {
    bottom: 1.8vw;
    font-size: 3.4vw;
    line-height: 1;
    min-width: 0;
    padding: 1vw 2vw .8vw;
    top: auto;
  }
}

@media screen and (min-width: 750px) and (max-width: 767px) {
  .bnr_online_travel .cap {
    bottom: 1vw;
  }
}

@media screen and (max-width: 340px) {
  .con_box > dl[class^="mini_topic"] > dd > ul {
    margin-left: 0;
  }
}
/* list_note */
.list_note {
  margin: 0 15px 10px 15px;
}

.list_note li {
  letter-spacing: 0;
  line-height: 1.75;
  padding-left: 15px;
  text-indent: -15px;
}

.list_note li .inblk {
  text-indent: 0;
}

@media screen and (max-width: 767px) {
  .list_note {
    margin: 0 0 10px 0;
  }
  
  .list_note li {
    line-height: 1.6;
    margin-top: 5px;
  }
  .list_note {
    margin: 0 0 10px 0;
  }
}

/* l_btn01 */
.l_btn01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px auto 15px;
  width: 90%;
}

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

.lead .l_btn01 {
  margin-bottom: 5px;
}

* > #content article .l_btn01.l_2col .btn01 {
  margin-bottom: 5px;
  margin-top: 5px;
  min-width: 250px;
}

* > #content article .l_btn01.l_2col .btn01:nth-child(n + 3) {
  margin-top: 10px;
}

* > #content article .l_btn01.l_3col .btn01 {
  margin: 5px 10px;
}

@media screen and (max-width: 600px) {
  * > #content article .l_btn01.l_3col .btn01 {
    width: 88%;
  }
}

* > #content article .l_btn01.l_3col .btn01:nth-child(n + 4) {
  margin-top: 10px;
}

* > #content article a.btn01 {
  align-items: center;
  background-color: #a92121;
  border: solid 1px #831919;
  border-bottom: solid 4px #831919;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: inline-flex;
  font-size: 16px !important;
  font-weight: bold;
  justify-content: center;
  letter-spacing: .1em;
  margin: 0 20px;
  min-width: 180px;
  padding: 9px 35px 9px 20px;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px 0px rgb(0 0 0 / 30%);
}

* > #content article a.btn01:after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 6px 0 6px 7px;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
  width: 0;
}

@media screen and (max-width: 767px) {
  * > #content article a.btn01,
  .btn01 {
    margin: 0 10px;
    font-size: 14px !important;
  }
}

* > #content article a.btn01:hover,
.btn01:hover {
  opacity: .7;
}
@media screen and (min-width: 768px) {
  .useful_wrap * > article#article .category_search_btn_group .category_search,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search {
    display: flex;
    justify-content: center;
    margin-left: 100%;
    margin-right: 100%;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_2col,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_2col {
    display: flex;
    justify-content: center;
    margin-left: 100%;
    margin-right: 100%;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_tour .category_search_2col,
  .useful_wrap * > article#article .category_search_btn_group .category_search_public .category_search_2col {
    margin-left: initial;
    margin-right: initial;
    width: 100%;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_2col .category_search,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_2col .category_search,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search_2col .category_search {
    margin: 5px 5px 13px 5px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_tour .category_search_2col .category_search,
  .useful_wrap * > article#article .category_search_btn_group .category_search_public .category_search_2col .category_search {
    margin: 5px 0 13px;
    width: 50%;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search a,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search a,
  .useful_wrap .btn_category_wrap .category_search a,
  .useful_wrap_news .btn_category_wrap .category_search a {
    font-size: 19px;
    min-width: 350px;
    padding-bottom: 15px;
    padding-top: 15px;
    white-space: nowrap;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search a {
    min-width: 310px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_right,
  .useful_wrap * > article#article .category_search_btn_group .category_search_home,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search_right,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search_home {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_right,
  .useful_wrap * > article#article .category_search_btn_group .category_search_home {
    width: 240px;
  }
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search_right,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search_home {
    width: 290px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_right a,
  .useful_wrap * > article#article .category_search_btn_group .category_search_home a {
    font-size: 15px;
    min-width: 240px;
    padding-bottom: 13px;
    padding-top: 13px;
  }
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search_right a,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search_home a {
    font-size: 17px;
    min-width: 290px;
  }
  .useful_wrap * > article#article .category_search_right::after,
  .useful_wrap * > article#article .category_search_home::after {
    border-width: 4px 0 4px 7px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_right img,
  .useful_wrap * > article#article .category_search_btn_group .category_search_home img {
    width: 18px;
  }
  .category_search_zoo.category_2_col {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article .category_search_btn_group .category_search a,
  .useful_wrap .btn_category_wrap .category_search a {
    font-size: 17px;
    padding-bottom: 11px;
    padding-top: 11px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_right a,
  .useful_wrap * > article#article .category_search_btn_group .category_search_home a {
    font-size: 16px;
    padding-bottom: 7px;
    padding-top: 7px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_2col,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_2col {
    display: flex;
    flex-direction: column;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search_2col .category_search::before,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_2col .category_search::before {
    content: "";
    display: inline-block;
    margin: auto 0;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 33px;
    height: 33px;
    z-index: 2;
  }
}

.useful_wrap * > article#article > div.lead > p.note {
  font-size: 13px!important;
  line-height: 1.75;
}

.v_top,
.td__v_top td {
  vertical-align: top!important;
}

.td__center td {
  text-align: center!important;
}

.fw_n {
  font-weight: normal!important;
}

@media screen and (max-width: 767px) {
  .scroll_block + .note_r {
    margin-top: -10px;
  }
}
/* ----------------------------
 刀剣ワールド 城
------------------------------ */
.useful_wrap * > article#article .category_search_btn_group .category_2_col .category_search  a {
  font-weight: 600;
}

@media screen and (min-width: 767px) {
  .useful_wrap * > article#article .category_search_btn_group .category_2_col .category_search {
    margin: 5px 0 13px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_2_col .category_search:nth-of-type(2) {
    margin-left: 10px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 767px) {
  .useful_wrap * > article#article .category_search_btn_group .category_search_castle .category_search:not(.category_search_right):not(.category_search_home) a::before, .useful_wrap .btn_category_wrap .category_search_castle .category_search:not(.category_search_right):not(.category_search_home) a::before {
    height: 16px;
    top: 16px;
    width: 20px;
  }
  .useful_wrap .btn_category_wrap .category_search_castle .category_search::after {
    right: 17px;
  }
}

/* ----------------------------
 plant garden
------------------------------ */
.useful_wrap.plant_garden #content {
  background: none;
}

.useful_wrap.plant_garden * > article#article div.ttl-plant-garden {
  background-image: url(/useful/image_cmn/bg-garden.png);
  border-radius: 0;
  border: none;
  margin-top: 7px;
}

.useful_wrap.plant_garden * > article#article .ttl.ttl-plant-garden div.category_box {
  background-color: #704cbc;
}

.useful_wrap.plant_garden * > article#article .ttl.ttl-plant-garden div.category_box p {
  color: #fff;
}

.useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search.disable, 
.useful_wrap.plant_garden .btn_category_wrap .category_search.disable {
  margin-left: 12.5px;
  pointer-events: none;
}

.useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search.disable a, 
.useful_wrap.plant_garden .btn_category_wrap .category_search.disable a {
  background-color: #999;
  box-shadow: inset 0 0 0 2px #999, 0px 4px 8px 0 #a5a18e;
}

.useful_wrap.plant_garden * > article#article section.con_box.note {
  font-size: 16px !important;
  margin: 0 15px 10px 0;
  padding-left: 0;
  text-indent: inherit;
}

.useful_wrap.plant_garden .col_tbl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 36px auto 0;
  max-width: 643px;
  position: relative;
}

.useful_wrap.plant_garden .tbl_1,
.useful_wrap.plant_garden .tbl_2,
.useful_wrap.plant_garden .tbl_3,
.useful_wrap.plant_garden .tbl_4,
.useful_wrap.plant_garden .tbl_5 {
  display: flex;
  margin-bottom: 10px;
  position: relative;
  width: 317px;
}

.useful_wrap.plant_garden .tbl_1 {
  order: 0;
}

.useful_wrap.plant_garden .tbl_2 {
  display: block;
  order: 1;
}

.useful_wrap.plant_garden .tbl_3 {
  order: 2;
}

.useful_wrap.plant_garden .tbl_4 {
  order: 3;
  position: relative;
  top: -72px;
}

.useful_wrap.plant_garden .tbl_5 {
  margin-bottom: 0;
  order: 4;
}

.useful_wrap.plant_garden table {
  border-collapse: collapse;
  border: 2px solid #f57aaa;
  width: 315px;
}

.useful_wrap.plant_garden table th {
  background: #fee2ed;
  border: 1px solid #f57aaa;
  border-right: 0;
  font-weight: normal;
  padding: 6.8px 3px;
  text-align: center;
  width: 39%;
}

.useful_wrap.plant_garden table td {
  border: 1px solid #f57aaa;
  border-left: 0;
  letter-spacing: 0;
  padding: 6.8px 13px;
  text-align: center;
}

.useful_wrap.plant_garden .img_main_flower {
  margin: 0 auto;
  width: 315px
}

.useful_wrap.plant_garden .img_main_flower img {
  /* height: 209px; */
  width: 315px;
}

.useful_wrap.plant_garden .useful_wrap div.lead {
  margin: 0 auto 6px;
}

.useful_wrap.plant_garden #content article#article section.con_box h3 {
  background: none;
  border-left: 7px solid #f33e77;
  font-size: 18px !important;
  height: 28px;
  line-height: 28px;
  margin: 1px 0 9px 18px;
  padding: 0 0 0 10px;
}

.useful_wrap.plant_garden .ttl_garden_schedule {
  border-bottom: 1px solid #337114;
  border-top: 1px solid #337114;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 23px auto 15px;
  padding: 1px 0;
  text-align: center;
  width: 272px;
}

.useful_wrap.plant_garden .ttl_garden_schedule:before {
  border-top: 1px solid #337114;
  content: "";
  display: block;
  padding: 2.25px 0;
}

.useful_wrap.plant_garden .ttl_garden_schedule:after {
  border-bottom: 1px solid #337114;
  content: "";
  display: block;
  padding: 2.25px 0;
}

.useful_wrap.plant_garden table.no-th-first {
  border: 2px solid #337114;
  border-left: none;
  border-top: none;
  font-size: 15px;
  margin: 0 auto 26px;
  width: 643px;
}

.useful_wrap.plant_garden table.no-th-first th {
  background: #dbf7cd;
  border: 1px solid #337114;
  border-top: 2px solid #337114;
  font-weight: 600;
  letter-spacing: 0;  
  width: 5.5%;
}

.useful_wrap.plant_garden table.no-th-first tr th {
  border-left: 1px solid #337114;
  padding: 4px 0;
}

.useful_wrap.plant_garden table.no-th-first tr th span {
  font-size: 80%;
}

.useful_wrap.plant_garden table.no-th-first tr:first-child th:first-child {
  background: none;
  border: none;
  border-bottom: 2px solid #337114;
  border-right: 2px solid #337114;
  width: 10%;
}

.useful_wrap.plant_garden table.no-th-first tr th.th_01 {
  border-left: 2px solid #337114;
  border-right: 1px solid #337114;
  border-top: 1px solid #337114;
  font-size: 16px;
  padding: 6.5px 0 6.5px 10px;
  text-align: left;
}

.useful_wrap.plant_garden table.no-th-first td {
  border: 1px solid #337114;
  padding: 0;
  position: relative;
}

.useful_wrap.plant_garden table.no-th-first td .bg_note {
  display: block;
  height: 10px;
  left: -1px;
  position: absolute;
  top: 12px;
  width: calc(100% + 1px);
  z-index: 1;
}

.useful_wrap.plant_garden table.no-th-first td .bg_note.orange {
  background: #e29e21;
}

.useful_wrap.plant_garden table.no-th-first td .bg_note.blue {
  background: #4598d8;
}

.useful_wrap.plant_garden table.no-th-first td .bg_note.green {
  background: #41a550;
}

.useful_wrap.plant_garden table.no-th-first td .bg_note.red {
  background: #f1636b;
}

.useful_wrap.plant_garden .bnr_box_touken_wrap {
  margin: 39px auto 29px;
  max-width: 100%;
  width: 630px;
  /* border-top: #337114 solid 2px; */
  padding-top:20px;
}

.useful_wrap.plant_garden * > aside.main_category {
  border-bottom: none !important;
  padding-bottom: 10px;
}

.useful_wrap.plant_garden * > aside.main_category::after {
  background-image: url(/useful/cmn/image/illust_border_gardening.png);
  background-size: contain;
  content: '';
  display: inline-block;
  height: 50px;
  margin-top: 20px;
  max-width: 100%;
  vertical-align: top;
  width: 630px;
}

.useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner {
  align-items: flex-start;
  flex-wrap: wrap;
}

.useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li {
  margin-bottom: 25px;
  width: 300px;
}

.useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner .disable {
  pointer-events: none;
}

.useful_wrap.plant_garden * > article#article .bnr_box_touken_wrap .bnr_box_touken_inner li .list_bnr_cap {
  letter-spacing: -0.4px;
  margin: 9px 0 0;
  line-height: 1.4;
  font-size: 1em;
  letter-spacing: 0.04em;
}

.useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li:nth-child(3) {
  width: 630px;
}

.useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li:last-child {
  margin-bottom: 0;
  width: 630px;
}

.useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li:first-child:last-child {
  margin: 0 auto;
  width: 300px;
}

@media screen and (min-width: 768px) {
  .useful_wrap.plant_garden .category_search_wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .useful_wrap.plant_garden .btn_category_wrap .category_search_wrapper {
    display: flex;
  }
  .useful_wrap.plant_garden .category_search_wrapper {
    display: grid;
    grid-template-columns: 50.5% 49.5%;
  }
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search_multi,
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search_multi + .category_search {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search:nth-child(n) {
    justify-self: end;
    /* margin-left: 7.5px; */
    margin-right: 9.5px;
    width: auto;
  }
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search:nth-child(2n) {
    justify-self: start;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search.disable, 
  .useful_wrap.plant_garden .btn_category_wrap .category_search.disable {
    margin: 0 auto 10px;
    width: 92.912%;
  }

  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search.disable a,
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search.disable + .category_search a {
    letter-spacing: -0.05em;
    padding: 7px 30px 7px 42px;
  }

  .useful_wrap.plant_garden * > article#article div.ttl h1 br {
    display: block;
  }

  .useful_wrap.plant_garden * > article#article div.ttl h1, .useful_wrap * > article#article div.ttl h1.h1_sm {
    margin-left: 3px;
  }

  .useful_wrap.plant_garden * > article#article div.ttl h1, .useful_wrap * > article#article div.ttl h1.h1_xs {
    margin-left: 0;
  }

  .useful_wrap.plant_garden * > article#article div.lead {
    padding-top: 20px;
  }

  .useful_wrap.plant_garden * > article#article div.lead p {
    margin-bottom: 17px;
  }

  .useful_wrap.plant_garden * > article#article div.ttl-plant-garden {
    margin-top: 14px;
  }

  .useful_wrap.plant_garden * > article#article {
    margin-bottom: 20px;
  }

  .useful_wrap.plant_garden * > article#article .scroll_block {
    margin-bottom: 0;
    overflow-x: auto;
    padding-bottom: 10px;
    padding-left: 1px;
  }

  .useful_wrap.plant_garden .col_tbl {
    display: flex;
    margin: 0;
    max-width: 100%;
  }

  .useful_wrap.plant_garden table {
    margin: 15px auto 0;
    order: 1;
    width: 100%;
  }

  .useful_wrap.plant_garden .tbl_1,
  .useful_wrap.plant_garden .tbl_2,
  .useful_wrap.plant_garden .tbl_3,
  .useful_wrap.plant_garden .tbl_4,
  .useful_wrap.plant_garden .tbl_5 {
    margin-bottom: 0;
    width: 100%;
  }

  .useful_wrap.plant_garden .tbl_1 {
    order: 1;
    padding-top: 30px;
  }

  .useful_wrap.plant_garden .tbl_2 {
    display: block;
    order: 2;
  }

  .useful_wrap.plant_garden .tbl_3 {
    order: 3;
  }

  .useful_wrap.plant_garden .tbl_4 {
    order: 0;
    position: relative;
    top: 24px;
  }

  .useful_wrap.plant_garden .tbl_5 {
    margin-bottom: 0;
    order: 5;
  }

  .useful_wrap.plant_garden .img_main_flower {
    width: 100%;
  }

  .useful_wrap.plant_garden .img_main_flower img {
    height: auto;
  }

  .useful_wrap.plant_garden table.no-th-first {
    margin-bottom: 10px;
    margin-top: 0;
  }

  .useful_wrap.plant_garden #content article#article section.con_box h3 {
    border-bottom: 0;
    height: auto;
    margin: 1px 0 9px 0;
  }

  .useful_wrap.plant_garden .bnr_box_touken_wrap {
    margin: 30px auto 0;
    max-width: 100%;
    width: 100%;
  }
  .useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner.born {
    width: 100%;
  }
  .useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li {
    margin-bottom: 17px;
    width: 100%;
  }
  .useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner .disable {
    pointer-events: none;
  }
  .useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li .list_bnr_cap {
    letter-spacing: -0.4px;
    margin-top: 9px;
  }
  .useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li:last-child {
    margin-bottom: 0;
    width: 100%;
  }
  .useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner li:first-child:last-child {
    width: 100%;
  }
  .useful_wrap.plant_garden * > article#article div.ttl-plant-garden {
    background-image: url(/useful/image_cmn/bg-garden-sp.png);
    margin-top: 15px;
    min-height: 85px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3){
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search a, 
  .useful_wrap.plant_garden * > article#article .btn_category_wrap .category_search a {
    padding-bottom: 9px;
    padding-top: 7px;
  }
}

/* ----------------------------
 plant garden end
------------------------------ */

/* category search plant */
.useful_wrap.plant_garden .category_search_wrapper {
  display: flex;
}

.useful_wrap.plant_garden .siteroute_wrap + .category_search_btn_group .category_search_wrapper {
  display: grid;
}


@media screen and (max-width: 767px) {
  .useful_wrap.plant_garden .siteroute_wrap + .category_search_btn_group .category_search_wrapper {
    display: flex;
  }
}
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a,
.useful_wrap .btn_category_wrap.category_search_plant .category_search a {
  background: url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-top-left.png) left top/15px 15px no-repeat, url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-top-right.png) top right/15px 15px no-repeat, url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-bottom-left.png) bottom left/15px 15px no-repeat, url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-bottom-right.png) bottom right/15px 15px no-repeat, url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-repeat-left-top.png) left top/0.5px 5px repeat-x, url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-repeat-bottom-right.png) bottom right/5px 0.5px repeat-y, url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-repeat-right-bottom.png) right bottom/0.5px 5px repeat-x, url(/useful/80063_plant_plantpetmenu/calendar/img/bg-plant-repeat-top-left.png) top left/5px 0.5px repeat-y;
  background-color: #337114;
  border: none;
  box-shadow: inset 0 0 0 2px transparent, 0px 5px 8px 0 #a5a18e;
  color: #fff;
}
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a::before,
.useful_wrap .btn_category_wrap.category_search_plant .category_search a::before {
  background: url(/useful/80063_plant_plantpetmenu/calendar/img/ico-plant.png) no-repeat left top;
  background-size: contain;
  border: none;
  left: 21px;
  width: 23px;
}
.useful_wrap * > article#article .category_search.category_search_plant:first-child::before,
.useful_wrap  .btn_category_wrap.category_search_plant aside.main_category .category_search::before,
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a::after,
.useful_wrap .btn_category_wrap.category_search_plant .category_search a::after{
  content: none;
}

.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a img,
.useful_wrap .btn_category_wrap.category_search_plant .category_search a img {
  display: none;
}
@media screen and (min-width: 768px) {
  .useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search.category_search_plant {
    margin-left: 100%;
    margin-right: 100%;
  }

  .useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a,
  .useful_wrap .btn_category_wrap.category_search_plant .category_search a {
    border: none;
    color: #fff;
    font-size: 16px;
    height: 50px;
    letter-spacing: 0.03em;
    min-width: 295px;
    padding-left: 52px;
    padding-right: 30px;
  }
  .useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant::after,
  .useful_wrap .btn_category_wrap.category_search_plant .category_search::after {
    border-width: 8px 0 8px 11px;
    right: 17px;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a::before,
  .useful_wrap .btn_category_wrap.category_search_plant .category_search a::before {
    height: 16px;
    left: 30px;
    top: 23px;
    width: 20px;
  }

  .useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a,
  .useful_wrap .btn_category_wrap.category_search_plant .category_search a {
    padding: 11px 30px 11px 36px;
  }

  .useful_wrap * > article#article .category_search_btn_group .category_search.category_search_plant a::before,
  .useful_wrap .btn_category_wrap.category_search_plant .category_search a::before {
    left: 21px;
    /* top: 34px; */
    width: 18px;
  }
  
  .useful_wrap .btn_category_wrap.category_search_plant .category_search a::before {
    top: 23px;
  }
}
.fz0 {
  font-size: 0!important;
}

.bnr_content {
  margin: 0 auto 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.bnr_content a {
  display: inline-block;
}

.bnr_content .cap {
  margin-top: 10px;
}

.m_linkarea {
  width: 500px;
  background: #fff;
  border: 1px solid #d5c6b4;
  display: flex;
  justify-content: space-between;
  height: 100%;
  margin: 40px auto 14px;
  padding: 15px;
}
.m_media_tips_thum,
.m_media_tips_thum img{
  width: 100px;
}
.m_link_r_s {
  color: #003987;
  position: relative;
}
.m_media_tips_cnt{
  width: calc(500px - 145px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.m_media_tips_ttl{
  color: #003987;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: .25em;
}
.m_media_tips_ttl a{
  position: relative;
  padding-right: 12px;
  font-weight: 600 !important;
}
.m_media_tips_ttl a::after{
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  margin:auto;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #f75586;
  border-top: 2px solid #f75586;
  display: inline-block;
  transform: rotate(45deg);
}
.m_media_tips_txt{
  line-height: 1.2;
  font-size: 15px;
  letter-spacing: .02em;
 }

@media screen and (max-width: 767px) {
  .bnr_content {
    margin-top: 15px;
  }
  
  .bnr_content .cap {
    font-size: 15px
  }
    
  * > .m_linkarea {
    width: 100%;
    padding: 2%;
    margin: 1em auto;
  }
  * > .m_media_tips_cnt{
    width: 60%;
  }
  .m_media_tips_thum, 
  .m_media_tips_thum img {
    width: 32%;
  }
  .m_media_tips_cnt{
    width: 64%;
  }

}
/* seitai */
.useful_wrap * > article#article div.ttl-seitai {
  background-image: url("/useful/image_cmn/bg-seitai.png");
  border-color: #30adb8;
  margin-top: 7px;
}

/*--------------------------
23.01.10 WEB1_TASK-9713 ホームメイト・リサーチ：基本情報／イラスト、ロゴ位置入替対応
---------------------------*/
.useful_wrap .header_stock ~ .bnr_footer_useful {
  margin-bottom: 0;
}

.useful_wrap .header_stock ~ .ad_bnrbox_token_useful_wrap {
  padding-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .useful_wrap .header_stock ~ footer {
    padding-top: 0;
  }
  .useful_wrap .header_stock ~ footer .bg_footer {
    border-top: 0;
  }
}

.useful_wrap .header_wedding ~ .bnr_footer_useful {
  display: none;
}

/*--------------------------
23.01.10 WEB1_TASK-9713 ホームメイト・リサーチ：基本情報／イラスト、ロゴ位置入替対応
---------------------------*/
.useful_wrap .header_stock ~ .bnr_footer_useful {
  margin-bottom: 0;
}

.useful_wrap .header_stock ~ .ad_bnrbox_token_useful_wrap {
  padding-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .useful_wrap .header_stock ~ footer {
    padding-top: 0;
  }
  .useful_wrap .header_stock ~ footer .bg_footer {
    border-top: 0;
  }
}

.useful_wrap .header_wedding ~ .bnr_footer_useful {
  display: none;
}

/*--------------------------
フッターロゴ位置変更対応　2023.01.06
---------------------------*/
.useful_wrap .header_doctor_map~footer .logo {
  margin: 0 auto;
  padding: 15px 0 50px;
  text-align: center;
  position: absolute;
  bottom: 170px;
  width: 100%;
  background: #fff;
}

@media print, screen and (min-width: 768px) {
  .useful_wrap .header_doctor_map~footer {
    padding-top: 0;
  }
}

.useful_wrap .header_sports~footer {
  padding-top: 0;
}

.useful_wrap .header_sports~footer .logo {
  margin: 0 auto;
  padding: 15px 0 50px;
  text-align: center;
  position: absolute;
  bottom: 235px;
  width: 100%;
  background: #fff;
}

.useful_wrap .header_sports~footer .logo a {
  position: relative;
  width: 350px;
  height: 30px;
}

.useful_wrap .header_sports~footer .logo a::after{
  display: block;
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
  width: 350px;
  height: 30px;
  background-image: url(/glossary/assets/image/glossary-sports/ttl-footer-logo_02.png);
  background-size: cover;
}

.useful_wrap .header_sports~footer .logo a img {
  display: none;
}

.useful_wrap .header_pet_clinic~footer .logo {
  margin: 0 auto;
  padding: 15px 0 50px;
  text-align: center;
  position: absolute;
  bottom: 201px;
  width: 100%;
  background: #fff;
}

.useful_wrap .header_race_map~footer .logo {
  margin: 0 auto;
  padding: 15px 0 50px;
  text-align: center;
  position: absolute;
  bottom: 250px;
  width: 100%;
  background: #fff;
}

.useful_wrap #finance_footer {
  position: relative;
}

.useful_wrap .header_finance~footer .logo {
  margin: 0 auto;
  padding: 15px 0 50px;
  text-align: center;
  position: absolute;
  bottom: 197px;
  width: 100%;
  background: #fff;
}

.useful_wrap .header_tour ~ .bnr_footer_useful ,
.useful_wrap .header_routenavi ~ .bnr_footer_useful ,
.useful_wrap .header_company ~ .bnr_footer_useful ,
.useful_wrap .header_entamer ~ .bnr_footer_useful ,
.useful_wrap .header_hotel ~ .bnr_footer_useful ,
.useful_wrap .header_studypeer ~ .bnr_footer_useful ,
.useful_wrap .header_rentacar ~ .bnr_footer_useful ,
.useful_wrap .header_insurer ~ .bnr_footer_useful ,
.useful_wrap .header_shopping ~ .bnr_footer_useful {
  display: none;
}

.useful_wrap .header_tour ~ .ad_bnrbox_token_useful_wrap ,
.useful_wrap .header_routenavi ~ .ad_bnrbox_token_useful_wrap ,
.useful_wrap .header_entamer ~ .ad_bnrbox_token_useful_wrap ,
.useful_wrap .header_hotel ~ .ad_bnrbox_token_useful_wrap ,
.useful_wrap .header_studypeer ~ .ad_bnrbox_token_useful_wrap ,
.useful_wrap .header_rentacar ~ .ad_bnrbox_token_useful_wrap {
  padding-bottom: 0;
}

.useful_wrap .header_insurer ~ .ad_bnrbox_token_useful_wrap {
  padding-bottom: 100px;
}

@media print, screen and (min-width: 768px) {
  .useful_wrap .header_castle ~ .bnr_footer_useful {
    position: relative;
    z-index: 2;
    margin-top: 95px;
  }
}

.useful_wrap .header_castle ~ footer {
  position: relative;
}

.useful_wrap .header_castle ~ footer .logo {
  margin: 0 auto;
  padding: 15px 0 50px;
  text-align: center;
  position: absolute;
  bottom: 254px;
  width: 100%;
  background: #fff;
}

.useful_wrap .header_shopping ~ footer {
  background-color: #fff;
}

/*--------------------------
施設の紹介動画
---------------------------*/
.box_add_movie.cmn {
  margin: 40px auto 0;
  padding: 0;
}

.box_add_movie.cmn .ttl_box {
  background-image: url("/search/image/dtl_new/bg-ttl-relation-movie_l.png"), url("/search/image/dtl_new/bg-ttl-relation-movie_r.png");
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 120px 100%, 120px 100%;
  box-sizing: border-box;
  height: 45px;
  margin: 0 auto;
  width: 560px;
}

@media screen and (max-width: 767px) {
  .box_add_movie.cmn .title_block.title_h2 {
    border-bottom-style: solid;
    border-color: #f75586;
    border-width: 3px;
    font-size: 14px;
  }
}

.box_add_movie.cmn .ttl_main {
  align-items: center;
  background: url("/search/image/dtl_new/bg-ttl-relation-movie_c.png") repeat-x center / auto 100%;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-family: serif;
  font-size: 18px;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  letter-spacing: .05em;
  line-height: 1.4;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: center;
  width: calc(100% - 240px);
}

.box_add_movie.cmn .ttl_main::before,
.box_add_movie.cmn .ttl_main::after {
  background: url("/search/image/dtl_new/ico-ttl-relation-movie.png") no-repeat 0 0 / 100%;
  bottom: 0;
  content: "";
  height: 16px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 24px;
}

.box_add_movie.cmn .ttl_main::before {
  left: 15%;
}

.box_add_movie.cmn .ttl_main::after {
  right: 15%;
}

.box_add_movie.cmn .box_inner_movie a {
  display: block;
  height: 100%;
  width: 100%;
}

.box_add_movie.cmn .box_inner_movie {
  cursor: pointer;
  display: block;
  height: 160px;
  margin: 15px auto 0;
  overflow: hidden;
  position: relative;
  width: 290px;
}

.box_add_movie.cmn .box_inner_movie a::after {
  bottom: 0;
  content: url("/search/image/dtl_new/ico_play.png");
  height: 61px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 62px;
  z-index: 10;
}

.box_add_movie.cmn .box_inner_movie a:hover {
  opacity: .7;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .box_add_movie.cmn .box_inner_movie a:hover {
    opacity: 1;
  }
}

.box_add_movie.cmn .box_inner_movie img {
  height: auto;
  position: relative;
  top: -28px;
  width: 100%;
}

.box_add_movie.cmn .read {
  margin: 20px auto 0;
  padding: 0 4%;
  text-align: center;
}

.note_art {
  font-size: 13px;
  line-height: 1.75;
  margin: 5px auto 25px;
  max-width: 762px;
  padding-left: 16px;
  text-indent: -16px;
}

@media screen and (max-width: 767px) {
  .note_art {
    line-height: 1.6;
    margin: 5px 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  .mt15_sp {
    margin-top: 15px!important;
  }

  .useful_wrap * > article#article .con_box h2 ~ .mt15_sp + p {
    margin-top: 10px;
    padding-top: 0;
  }
}

.useful_wrap * > article#article section.con_box .scroll_block.tbl_xl {
  margin: 15px auto;
  padding-bottom: 0;
}

.useful_wrap * > article#article section.con_box .scroll_block.tbl_xl table {
  width: 770px;
}

.useful_wrap * > article#article section.con_box .scroll_block.tbl_xl table th {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article section.con_box .scroll_block.tbl_xl {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .useful_wrap * > article#article section.con_box .scroll_block.tbl_xl table {
    width: 770px;
  }
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article div.ttl.ttl h1 span.inblk_pc,
  .useful_wrap * > article#article div.ttl.ttl h1 .inblk_pc {
    display: inline-block;
    font-size: inherit;
  }
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article div.ttl.ttl h1 span.inblk_pc,
  .useful_wrap * > article#article div.ttl.ttl h1 .inblk_pc {
    font-size: inherit;
  }
}

.useful_wrap .mod_bnr_usefule + .bnr_footer_useful {
  margin-top: 120px;
}

.useful_wrap .mod_bnr_usefule + .bnr_footer_useful + footer .logo {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .useful_wrap .mod_bnr_usefule + .bnr_footer_useful {
    background-position: 17px 0;
    border-top: 31px solid #fff;
    box-sizing: content-box;
    margin-top: 0;
  }
}
.useful_wrap * > article#article div.ttl-seitai div.category_box {
  background-color: #30adb8;
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article div.ttl-seitai {
    margin-bottom: 13px;
    margin-top: 24px;
  }
}

.useful_wrap * > article#article .category_search,
.useful_wrap .btn_category_wrap .category_search {
  margin: 10px auto;
}
@media screen and (min-width: 768px) {
  .useful_wrap .btn_category_wrap .category_search:nth-of-type(2) {
    margin-left: 7px;
  }
}
.useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_right,
.useful_wrap * > article#article .category_search.category_search_right,
.useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_right,
.useful_wrap_news .btn_category_wrap .category_search.category_search_right {
  margin: 0 10px 0 0;
  height: auto;
  width: auto;
}
.useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_home,
.useful_wrap * > article#article .category_search.category_search_home,
.useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_home,
.useful_wrap_news .btn_category_wrap .category_search.category_search_home {
  margin: 0;
  height: auto;
  width: auto;
}

.useful_wrap * > article#article .category_search_btn_group .category_search a,
.useful_wrap_news * > article#article .category_search_btn_group .category_search a,
.useful_wrap_news .btn_category_wrap .category_search a,
.useful_wrap .btn_category_wrap .category_search > a {
  align-items: center;
  background: #fef6cc;
  border: 2px solid #fa8d3d;
  border-radius: 5px;
  box-shadow: 0 3px 0 0 rgba(165, 161, 142, .5);
  color: #000;
  display: flex;
  justify-content: center;
  line-height: 1;
  min-height: 44px;
  font-size: 16px;
  font-weight: normal;
  height: 100%;
  padding: 5px 28px 5px 42px;
  position: relative;
  text-shadow: none;
  margin: 0 auto;
  max-width: max-content;
  min-width: 250px;
  width: 100%;
}
.useful_wrap.plant_garden * > article#article .category_search_btn_group .category_search:nth-child(-n+2) a {
  font-weight: 600;
}
.useful_wrap * > article#article .category_search_btn_group .category_search_tour .category_search_2col > .category_search:nth-child(1) a,
.useful_wrap * > article#article .category_search_btn_group .category_search_public .category_search_2col > .category_search:nth-child(1) a {
  margin: 0 8px 0 auto;
}
.useful_wrap * > article#article .category_search_btn_group .category_search_tour .category_search_2col > .category_search:nth-child(2) a,
.useful_wrap * > article#article .category_search_btn_group .category_search_public .category_search_2col > .category_search:nth-child(2) a {
  margin: 0 auto 0 2px;
}

.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_right a,
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_right a,
.useful_wrap_news * > article#article .category_search_btn_group .category_search.category_search_right a,
.useful_wrap_news .btn_category_wrap .category_search.category_search_right a,
.useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_right a {
  background-color: #ffe5ee;
  border: 2px solid #f75586;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  min-height: 40px;
  min-width: 220px;
  padding-right: 25px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_home a,
.useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_home a {
  background-color: #e8f5ff;
  border: 2px solid #0168b7;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  min-height: 40px;
  min-width: 220px;
  padding-right: 25px;
}

.useful_wrap * > article#article .category_search_btn_group .category_search a::before,
.useful_wrap_news * > article#article .category_search_btn_group .category_search a::before,
.useful_wrap_news .btn_category_wrap .category_search a::before,
.useful_wrap * > aside.main_category .category_search a::before {
  background: url('/image_cmn/ico-point-or.png') no-repeat center center / contain;
  border: none;
  bottom: auto;
  content: '';
  display: inline-block;
  height: 24px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  width: 24px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_right a::before,
.useful_wrap_news * > article#article .category_search_btn_group .category_search.category_search_right a::before,
.useful_wrap_news .btn_category_wrap .category_search.category_search_right a::before {
  background-image: url('/image_cmn/ico-useful-fac-srch-pk.png');
  height: 18px;
  width: 18px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_home a::before,
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_home a::before,
.useful_wrap_news * > article#article .category_search_btn_group .category_search.category_search_home a::before,
.useful_wrap_news .btn_category_wrap .category_search.category_search_home a::before,
 .useful_wrap * > aside.main_category .category_search.category_search_home a::before {
  background-image: url('/image_cmn/ico-useful-fac-srch-bl.png');
  height: 18px;
  width: 18px;
}

.useful_wrap * > article#article .category_search_btn_group .category_search a::after,
.useful_wrap .btn_category_wrap .category_search > a::after {
  background: none;
  border-color: transparent transparent transparent #fa8d3d;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  bottom: auto;
  content: '';
  display: inline-block;
  height: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_right a::after {
  background: none;
  border-color: transparent transparent transparent #f75586;
  border-width: 5px 0 5px 8px;
}
.useful_wrap * > article#article .category_search_btn_group .category_search.category_search_home a::after {
  background: none;
  border-color: transparent transparent transparent #0168b7;
  border-width: 5px 0 5px 8px;
}

.useful_wrap * > article#article .category_search:first-child::before,
.useful_wrap_news * > article#article .category_search:first-child::before,
.useful_wrap * > aside.main_category .category_search::before,
.useful_wrap_news * > aside.main_category .category_search::before,
.useful_wrap * > article#article .category_search_btn_group .category_search_zoo .category_search::before,
.useful_wrap * > article#article .category_search:first-child::before,
.useful_wrap * > article#article .category_search::after,
.useful_wrap * > aside.main_category .category_search::before,
.useful_wrap .btn_category_wrap .category_search::after,
.useful_wrap_news * > article#article .category_search_btn_group .category_search::after,
.useful_wrap_news .btn_category_wrap .category_search::after,
.useful_wrap * > article#article .category_search.category_search.category_search_right img,
.useful_wrap * > article#article .category_search.category_search.category_search_home img,
.useful_wrap_news * > article#article .category_search_btn_group .category_search img {
  display: none;
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article .category_search,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search,
  .useful_wrap_news .btn_category_wrap .category_search,
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search,
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_right,
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_home,
  .useful_wrap * > article#article .category_search.category_search_home {
    margin: 10px auto 0;
    width: 100%;
    max-width: 93.912%;
  }

  .useful_wrap * > article#article .category_search_btn_group .category_search a,
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_right a,
  .useful_wrap * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_home a,
  .useful_wrap * > article#article .category_search_btn_group .category_search a,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search a,
  .useful_wrap .btn_category_wrap .category_search a,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_right a,
  .useful_wrap_news * > article#article .category_search_btn_group .category_search_wrapper .category_search.category_search_home a,
  .useful_wrap_news .btn_category_wrap .category_search a {
    margin: 0;
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }
}

/* =================================================
_8505
================================================== */

.lt0 {
  letter-spacing: 0!important;
}

* > article#article section.con_box table.tbl_arr {
  height: 100%;
}

* > article#article section.con_box table.no_th_first th.bdl_fix {
  border-left-width: 1px;
}

* > article#article section.con_box table th.tbl_arr__col {
  background: #f9f7f0;
  height: 100%;
  padding: 0;
  vertical-align: top;
}

.arrow_r {
  align-items: center;
  background: #f9f7f0;
  display: inline-flex;
  font-size: 0;
  height: calc(100% + 6px);
  justify-content: center;
  position: relative;
  transform: translateY(-3px);
  width: 99%;
}

.arrow_r:before {
  background: #f57aaa;
  content: "";
  height: 28px;
  margin-right: -1px;
  width: 20px;
}

.arrow_r:after {
  border-color: transparent transparent transparent #f57aaa;
  border-style: solid;
  border-width: 30px 0 30px 25px;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
}

.useful_wrap * > article#article section.con_box h2 ~ ol.list_txt_note,
* > article#article section.con_box .list_txt_note {
  margin: 0 0 10px;
}

* > article#article section.con_box .list_txt_note li {
  letter-spacing: 0;
  line-height: 1.7;
  margin: 0 30px 5px 30px;
  font-size: 16px!important;
  padding-left: 58px;
  text-indent: -58px;
}

@media screen and (max-width: 767px) {
  * > article#article section.con_box .list_txt_note li {
    font-size: 15px!important;
    line-height: 1.6;
    margin: 0 0 5px 0;
    padding-left: 54.4px !important;
    text-indent: -54.4px;
  }

  * > article#article section.con_box .list_txt_note li + li {
    margin-top: 5px;
  }
}

#article .l_btn01:last-child {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #article .l_btn01:last-child {
    margin-top: 1.2rem;
  }
}

/* bnr gardening introduce */
.useful_wrap.plant_garden .bnr_box_touken_wrap .bnr_box_touken_inner .list_bnr_cap {
  font-size: 16px !important;
}
.bnr_garden_introduce {
  background: #f0f4d8;
  border: 1px solid #128913;
  margin: 48px auto 35px;
  padding: 0 34px;
  width: 700px;
}
.bnr_garden_introduce h2::before,
.bnr_garden_introduce h2::after {
  content: none !important;
}
.bnr_garden_introduce h2 {
  border-bottom: none !important;
  color: #fff !important;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, "メイリオ", YuGothic, "游ゴシック", sans-serif !important;
  font-size: 20px !important;
  margin-bottom: 20px !important;
  margin-top: 20px;
  padding: 0 !important;
  text-align: center;
}
.bnr_garden_introduce h2 span {
  background: #98a716;
  border-radius: 20px;
  display: block;
  letter-spacing: -0.5px;
  margin: 0 auto;
  padding: 4px 25px;
  width: fit-content;
}
.bnr_garden_introduce_list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
.bnr_garden_introduce_list li {
  margin-bottom: 18px;
  width: 300px;
}
.useful_wrap.plant_garden * > article#article .bnr_garden_introduce_list li .list_bnr_cap {
  font-size: 15px !important;
  letter-spacing: -0.5px;
  line-height: 1.4;
  margin: 8px 0 0;
}

.garden_introduce_line {
  background: url(/useful/cmn/image/bg_gardening_line.png);
  display: block;
  height: 14px;
  margin-bottom: 20px;
  margin-top: -4px;
  width: 625px;
}
@media screen and (max-width: 767px) {
  .bnr_garden_introduce {
    padding: 0 15px;
    width: auto;
  }
  .bnr_garden_introduce_list,
  .garden_introduce_line {
    width: auto;
  }
  .bnr_garden_introduce h2 {
    background: #f0f4d8;
    font-size: 17px !important;
  }
  .bnr_garden_introduce h2 span {
    border-radius: 30px;
  }
}

@media screen and (min-width: 768px) {
  .useful_wrap * > article#article section.con_box table th br.force {
    display: initial!important;
  }
}

.useful_wrap * > article#article .category_search_btn_group .category_search:first-child:not(.category_search_right):not(.category_search_home) a,
.useful_wrap_news * > article#article .category_search_btn_group .category_search:first-child:not(.category_search_right):not(.category_search_home) a,
.useful_wrap_news .btn_category_wrap .category_search:first-child:not(.category_search_right):not(.category_search_home) a,
.useful_wrap .btn_category_wrap .category_search:first-child:not(.category_search_right):not(.category_search_home) > a,
.useful_wrap_news .btn_category_wrap .category_search:not(.category_search_right):not(.category_search_home) a,
.useful_wrap * > article#article .category_search_btn_group .category_search_2col .category_search:not(.category_search_right):not(.category_search_home) a,
.useful_wrap_news * > article#article .category_search_btn_group .category_search_2col .category_search:not(.category_search_right):not(.category_search_home) a {
  font-weight: 600;
}

.useful_wrap * > aside.main_category .category_search:not(.category_search_right):not(.category_search_home) a{
  font-weight: 600;
}

.list_detail {
  line-height: 23.8px;
}

.list_detail dt {
  font-weight: 600;
  margin-bottom: 5px;
}

.list_detail dd {
  margin-left: 10px;
}

.list_detail dd + dt {
  margin-top: 20px;
}

.list_detail dd .disc {
  margin: 0 0 10px;
}

dl.disc dt {
  font-weight: normal;
  letter-spacing: 0;
  margin: 0;
  padding: 0 5px 0 0;
  text-align: left;
  white-space: normal;
}

dl.disc dd {
  font-weight: normal;
  letter-spacing: 0;
  margin: 0;
  padding: 0 5px 0 0;
  text-align: left;
  white-space: normal;
}

dl.disc dd + dt {
  margin-top: 5px;
}

dl.disc dd.empty {
  display: none;
}

@media screen and (max-width: 767px) {
  .bnr_garden_introduce_list {
    justify-content: center;
  }
}

/* パブリネット 地図下ボタン */
* > #content .facility_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 0;
}
* > #content .facility_box > p {
  width: 264px;
  margin: 0 5px 15px;
}
* > #content .facility_box .btn a {
  border-radius: 5px;
  display: table;
  padding: 8px 13px 12px 42px;
  position: relative;
  color: #fff;
  font-size: 17.5px;
  font-weight: 600;
  letter-spacing: .025em;
  width: 100%;
  height: 100%;
  min-height: 58px;
  text-align: center;
  box-sizing: border-box;
}
.facility_box .btn a:before{
  content: '';
  width: 32px;
  height: 32px;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.facility_box .btn a:after{
  content: '';
  width: 24px;
  height: 23px;
  position: absolute;
  display: inline-block;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2px;
}
.facility_box .btn.btn_hmr a {
  box-shadow: 0 -4px #0d4b74 inset;
  background-color: #1f7cb9;
}
.facility_box .btn.btn_tourism_map a {
  background-color: #2bac65;
  box-shadow: 0 -4px #256f3e inset;
  border-color: #256f3e;
}
.facility_box .btn.btn_hm_population a {
  background-color: #36aab2;
  box-shadow: 0 -4px #19686e inset;
}
.facility_box .btn.btn_web_tour a {
  background-color: #3658c6;
  box-shadow: 0 -4px #1e3172 inset;
}
.facility_box .btn.btn_hm_town a {
  background-color: #fa8d3d;
  box-shadow: 0 -4px #a76433 inset;
}
.facility_box .btn.btn_compa a {
	background-color: #c69d20;
	box-shadow: 0 -4px #775c0b inset;
}
.facility_box .btn.btn_hm_map a {
	background-color: #e14473;
	box-shadow: 0 -4px #941e41 inset;
}
.facility_box .btn.btn_hm_blog a {
	background-color: #8e61ca;
	box-shadow: 0 -4px #5a3192 inset;
}
.facility_box .btn_rent a {
  background-color: #E06496;
	box-shadow: 0 -4px #AD2A56 inset;
}
.facility_box .btn a:hover {
  opacity: .8;
}
.facility_box .btn a > span {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  position: relative;
  padding-right: 2px;
}
.facility_box .btn a > span::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  margin: auto;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.facility_box a span span {
	display: inline-block;
}
.facility_box .btn_tourism_map a:after {
  background: url("/map_info/image/ico_map.png") no-repeat center center /contain;
}
.facility_box .btn_hmr a:after {
  background: url("/map_info/image/ico_research.png") no-repeat center center /contain;
  margin-top: -1px;
}
.facility_box .btn_hm a:after {
  background: url("/map_info/image/ico_hm.png") no-repeat center center /contain;
}
.facility_box .btn_hm_population a:after {
  margin: 0;
  width: 20px;
  height: 20px;
  left: 14px;
  background: url("/map_info/image/ico-population.png") no-repeat center center /contain;
}
.facility_box .btn_web_tour a::after {
  top: 53%;
  left: 13px;
  width: 21px;
  height: 18px;
  background: url("/map_info/image/ico-web-tour.png") no-repeat center center /contain;
}
.facility_box .btn_hm_town a::after {
  top: 52%;
  left: 13px;
  width: 20px;
  height: 21px;
  background: url("/map_info/image/ico-town.png") no-repeat center center /contain;
}
.facility_box .btn_compa a::after {
	top: 56%;
  left: 15px;
  width: 19px;
  height: 20px;
	background: url("/map_info/image/ico-research-data.png") no-repeat center center /contain;
}
.facility_box .btn_hm_map a::after {
  top: 53.5%;
  left: 13px;
  width: 22px;
  height: 22px;
	background: url("/map_info/image/ico-map_search.png") no-repeat center center /contain;
}
.facility_box .btn_hm_blog a::after {
	top: 54%;
  left: 14px;
  width: 22px;
  height: 21px;
	background: url("/map_info/image/ico-blog-homemate.png") no-repeat center center /contain;
}
.facility_box .btn_rent a::after {
	top: 54%;
  left: 14px;
  width: 22px;
  height: 22px;
	background: url("/map_info/image/ico-data.png") no-repeat center center /contain;
}
.facility_box .btn a:hover {
  opacity: .8;
}

/* bnr box row */
.bnr_box_row figure {
  width: 300px;
}

.bnr_box_row figure:nth-child(n + 3) {
  margin-top: 0 !important;
}

.bnr_box_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 10px;
}
.bnr_box_row .bnr_link {
  margin-bottom: 15px;
  padding: 0 10px;
  width: 300px;
}
.bnr_box_row .bnr_link img{
  width: 300px;
  height: auto;
}
.bnr_box_row .cap {
  font-size: 11px;
  margin-top: 5px;
}
.bnr_box_row .cap.center {
  text-align: center;
}

/*note fix font-size*/
.list_note_sm {
  margin: 5px 30px 15px 30px;
}

.note_sm,
.list_note_sm li {
  font-size: 13px!important;
  line-height: 1.5;
  padding-left: 13px;
  text-indent: -13px;
}

.lead > .list_note_sm {
  margin: 0 15px 10px 15px;
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article section.con_box p.note_sm,
  .note_sm,
  .list_note_sm li {
    font-size: 13px!important;
    line-height: 1.5;
  }

  .list_note_sm {
    margin: 15px 0 5px;
  }

  .lead > .list_note_sm {
    margin: 0 0 10px 0;
  }
}

.img_c {
  margin: 5px 30px 15px 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .img_c {
    margin: 0 0 5px 0;
    padding-top: 10px;
  }
}

/* ----------------------------------------------------------
 ページ下部 2-3つ並びバナー (footer: 2-3 banner) _ad_bnrbox
---------------------------------------------------------- */
.ad_bnrbox02.col3.rwd {
  border-top: 4px solid #ffa5c9;
  margin: 40px 0 0;
  overflow: hidden;
  padding: 40px 0 0;
  text-align: center;
  width: auto;
}

.ad_bnrbox02.col3.rwd .ad_box02 {
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
}

.ad_bnrbox02.col3.rwd .ad_box02 .ad_box02_link {
  display: block;
  height: 200px;
  width: 240px;
}

.ad_bnrbox02.col3.rwd .ad_box02 .ad_box02_img {
  width: 100%;
}

.f_con_rwd .ad_bnrbox02.col3.rwd {
  background: #fff;
  border-top: none;
  margin-top: 0;
  padding-top: 32px;
}

.useful_wrap .btn_category_wrap .category_search_btn_group .category_search_wrapper aside.main_category:last-child {
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .useful_wrap .btn_category_wrap .category_search_btn_group .category_search_wrapper aside.main_category:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .btn_category_wrap + .f_con_rwd {
    background: #fff;
    padding-top: 30px;
  }

  .f_con_rwd .ad_bnrbox02.col3.rwd,
  .ad_bnrbox02.col3.rwd {
    margin: 31px 0 0;
    padding-top: 35px;
    position: relative;
  }

  .f_con_rwd .ad_bnrbox02.col3.rwd {
    margin-top: 3px;
  }

  .ad_bnrbox02.col3.rwd::before {
    background: #ffa5c9;
    display: block;
    content: "";
    width: calc(100% - 30px);
    height: 3px;
    position: absolute;
    left: 15px;
    top: 0;
  }

  .ad_bnrbox02.col3.rwd .ad_box02 {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 300px;
  }

  .ad_bnrbox02.col3.rwd .ad_box02 + .ad_box02 {
    margin-top: 15px;
  }

  .ad_bnrbox02.col3.rwd .ad_box02 .ad_box02_link {
    height: auto;
    width: 100%;
  }
}

.ad_bnrbox02.col3.rwd .ad_box02 img.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .ad_bnrbox02.col3.rwd .ad_box02 img.sp {
    display: inline;
  }

  .ad_bnrbox02.col3.rwd .ad_box02 img.pc {
    display: none;
  }
}

.useful_wrap * > article#article section.con_box h2 span.ttl_pre {
  margin-left: 22px;
}

/* -----------------------------------
    プロ野球チーム 公式サイトボタン追加
    ---------------------------------- */
.useful_wrap * > .baseball_btn {
  gap: 1em;
}

@media screen and (max-width: 767px) {
  .useful_wrap * > article#article .baseball_btn > a.baseball_btn_official {
    margin-top: 10px;
  }
}