@charset "utf-8";
/* CSS Document */

/*-------------------- フォント --------------------*/

body {
  font: 14px/1.6 "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
  margin: 0;
  color: #555555;
}


/*-------------------- リンク文字 --------------------*/

a {
  text-decoration: none;
}


/*-------------------- box-shadow --------------------*/

/*box-shadow: 左右の向きpx  上下の向きpx ぼかしpx 広がりpx 色 内側指定;*/

.shadow-01 {
  /* 全方向 */
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
}

.shadow-02 {
  /* 内向き全方向 */
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, .3);
}

.shadow-03 {
  /* 上だけ */
  box-shadow: 0 -12px 10px -6px rgba(0, 0, 0, .2);
}

.shadow-04 {
  /* 下だけ */
  box-shadow: 0 12px 10px -6px rgba(0, 0, 0, .2);
}

.shadow-05 {
  /* 右・下 */
  box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
}


/*-------------------- パンくずリスト --------------------*/

#breadcrumbs {
  max-width: 1000px;
  margin: 50px auto 0 auto;
  padding-left: 1em;
  padding-right: 1em;
}

#breadcrumbs p {
  font-size: 1.1em;
}

#breadcrumbs a {
  transition: 0.5s;
}

#breadcrumbs a:hover {
  opacity: .7;
  text-decoration: underline;
}

/* -----------------------------------------------
 アドセンス広告 
----------------------------------------------- */

.sponser {
  width: 100%;
  text-align: center;
  color: #666666;
  font-size: 14px;
}

.desknone-sponser {
  width: 100%;
  text-align: center;
  color: #666666;
  font-size: 14px;
  display: none;
}

@media (max-width: 730px) {
  .desknone-sponser {
    display: block;
  }
}


/***** class="ads-responsive-navisita" *****/

.ads-responsive-navisita {
  max-width: 1000px;
  width: auto;
  margin: 40px auto 20px auto;
  text-align: center;
}

/***** class="ads-responsive-middle" *****/

.ads-responsive-middle {
  max-width: 1000px;
  width: auto;
  margin: 40px auto 5px auto;
  text-align: center;
}

/***** class="ads-bottom-336doble" *****/

.ads-bottom-336doble {
  clear: both;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 45px;
  overflow: hidden;
  text-align: center;
}

.ads-336-d1 {
  display: inline-block;
  width: 336px;
  height: 280px;
  padding: 0;
  overflow: hidden;
}

.ads-336-d2 {
  display: inline-block;
  width: 336px;
  height: 280px;
  padding: 0;
  overflow: hidden;
  margin-left: 80px;
}

@media (max-width:1000px) {
  .ads-336-d2 {
    margin-left: 60px;
  }
}


@media (max-width:850px) {
  .ads-336-d2 {
    margin-left: 30px;
  }
}

@media (max-width: 730px) {
  .ads-336-d1 {
    width: 100%;
    height: auto;
  }

  .ads-336-d2 {
    display: none;
  }
}

/***** class="ads-kijinai" *****/

.ads-kijinai {
  margin: 120px auto 30px auto;
  text-align: center;
}

.ads-kijinai p {
  font-size: 0.9em;
  margin: 0;
}

/***** class="ads-kanren" *****/

.ads-kanren {
  margin: auto auto 3em auto;
  text-align: center;
}

/***** class="ads-responsive-h1sita" *****/

.ads-responsive-h1sita {
  max-width: 1000px;
  width: auto;
  margin: 40px auto 0 auto;
  text-align: center;
}

/***** class="ads-CatTop-responsive" *****/

.ads-CatTop-responsive {
  max-width: 1000px;
  width: auto;
  margin: 40px auto 20px auto;
  text-align: center;
}

/***** class="ads-320-100" *****/

.ads-320-100 {
  width: auto;
  margin: 40px auto -50px auto;
  text-align: center;
}

/***** class="ads-hakutizu-pagebottom" *****/

.ads-hakutizu-pagebottom {
  margin: -15px auto 50px auto;
  text-align: center;
}

/***** class="ads-catbottom-responsive" *****/

.ads-catbottom-responsive {
  margin: -15px auto 50px auto;
  text-align: center;
}

/***** class="ads-pagebottom-responsive" *****/

.ads-pagebottom-responsive {
  margin: 0px auto 50px auto;
  text-align: center;
}

/***** class="ads-responsive-sliderue" *****/

.sliderue-sponser {
  font-size: 0.9em;
  margin: 60px auto 0px auto;
  text-align: center;
}

.slideruebox {
  margin: 0px auto 30px auto;
}

.ads-sliderue {
  margin: auto;
}

@media(min-width: 480px) {
  .ads-sliderue {
    width: 468px;
    height: 60px;
  }
}

@media(min-width: 740px) {
  .ads-sliderue {
    width: 728px;
    height: 90px;
  }
}

/***** class="ads-SKcheck-workue" *****/

.ads-SKcheck-workuebox {
  margin: 120px auto 50px auto;
  text-align: center;
}

.ads-SKcheck-workuebox p {
  font-size: 0.9em;
  margin: 0;
}

.ads-workue {
  width: 320px;
  height: 100px;
  margin: auto;
}

@media(min-width: 480px) {
  .ads-workue {
    width: 468px;
    height: 60px;
  }
}

@media(min-width: 740px) {
  .ads-workue {
    width: 728px;
    height: 90px;
  }
}

/***** class="pageworkue-responsive" *****/

.ads-pageworkue-responsivebox {
  margin: 120px auto 50px auto;
  text-align: center;
}

.ads-pageworkue-responsivebox p {
  font-size: 0.9em;
  margin: 0;
}

.ads-workue-responsive {
  width: auto;
  height: auto;
  margin: auto;
}

@media(min-width: 480px) {
  .ads-workue-responsive {
    width: 468px;
    height: 60px;
  }
}

@media(min-width: 740px) {
  .ads-workue-responsive {
    width: 728px;
    height: 90px;
  }
}

/***** class="ads-Houg-responsive-sliderue" *****/

.Houg-slideruewrap {
  margin: 80px auto 0px auto;
  padding-top: 15px;
  padding-bottom: 25px;
  border-top: 2px dashed rgba(54, 122, 189, .3);
}

.Houg-sliderue-sponser {
  font-size: 0.9em;
  margin: 0 auto 3px auto;
  text-align: center;
}

.Houg-slideruebox {
  margin: 0px auto;
  max-width: 1000px;
  width: auto;
}

/***** class="ads-link-workue" *****/

.ads-link-workue {
  margin: 120px auto 30px auto;
  text-align: center;
}

.ads-link-workue p {
  font-size: 0.9em;
  margin: 0;
}


/***** class="ads-maincontentsue" *****/

.maincontentsue-wrap {
  margin: 100px auto 0px auto;
  padding-top: 15px;
  padding-bottom: 25px;
  border-top: 2px dashed rgba(54, 122, 189, .3);
}

.maincontentsue-sponser {
  font-size: 0.9em;
  margin: 0 auto 3px auto;
  text-align: center;
}

.maincontentsue-box {
  margin: 0px auto;
  max-width: 1000px;
  width: auto;
}




.yellow {
  background: yellow;
}



/* ----------------------------------------------
　ここからが2019.12月期以降のアドセンスの新規使用クラス
----------------------------------------------　*/
/* - - - - - - - - - - - - カテゴリートップ - - - - - - - - - - - - */
/*----- class="ads-CatTop-navisita" -----*/

.ads-CatTop-navisita {
  max-width: 1000px;
  width: auto;
  margin: 40px auto 20px auto;
  text-align: center;
}

/*----- class="ads-CatTop-mokujiue" -----*/

.ads-CatTop-mokujiue {
  width: auto;
  margin: 20px auto;
  text-align: center;
}

.ads-CatTop-mokujiue p {
  font-size: 0.9em;
  margin: 0px auto;
  text-align: center;
}

/*----- class="ads-CatTop-linkbottom" -----*/

.ads-CatTop-linkbottom {
  margin: 0px auto 35px auto;
  text-align: center;
}

@media(max-width:550px) {
  .ads-CatTop-linkbottom {
    margin: 0px auto 25px auto;
  }
}

/* - - - - - - - - - - - - 各ページ - - - - - - - - - - - - */
/*----- class="ads-Page-navisita" -----*/
.ads-Page-navisita {
  max-width: 1000px;
  width: auto;
  margin: 40px auto 20px auto;
  text-align: center;
}

/*----- class="ads-Page-maincontentsue-●●" -----*/
/* desktop */
.ads-Page-maincontentsue-pc-wrap {
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 25px;
  border-top: 2px dashed rgba(54, 122, 189, .3);
}

.ads-Page-maincontentsue-pc-wrap p {
  font-size: 0.9em;
  margin: 0 auto 3px auto;
  text-align: center;
}

.ads-Page-maincontentsue-pc-box {
  margin: 0px auto;
  max-width: 1000px;
  width: auto;
}

/* mobile */
.ads-Page-maincontentsue-sp {
  width: auto;
  margin: 20px auto;
  text-align: center;
}

.ads-Page-maincontentsue-sp p {
  font-size: 0.9em;
  margin: 0px auto;
  text-align: center;
}

/*----- class="ads-Page-linkmiddle" -----*/
.ads-Page-linkmiddle {
  margin: 40px auto 50px auto;
  text-align: center;
}

/*----- class="ads-Page-responsivemiddle" -----*/
.ads-Page-responsivemiddle {
  max-width: 1000px;
  width: auto;
  margin: 35px auto;
  text-align: center;
}

/*----- class="ads-Page-linkbottom" -----*/
.ads-Page-linkbottom {
  margin: 35px auto;
  text-align: center;
}

/*--------------------------------------------------
data,tokeiで暫定的に使用しているクラス（2019.12.07記述）
--------------------------------------------------*/

/*----- class="ads-maincontentsue" ※dataカテゴリーで暫定使用-----*/
.maincontentsue-wrap {
  margin: 100px auto 0px auto;
  padding-top: 15px;
  padding-bottom: 25px;
  border-top: 2px dashed rgba(54, 122, 189, .3);
}

.maincontentsue-sponser {
  font-size: 0.9em;
  margin: 0 auto 3px auto;
  text-align: center;
}

.maincontentsue-box {
  margin: 0px auto;
  max-width: 1000px;
  width: auto;
}

/*----- class="ads-responsive-middle" ※data,tokeiカテゴリーで暫定使用-----*/
.ads-responsive-middle {
  max-width: 1000px;
  width: auto;
  margin: 40px auto 40px auto;
  text-align: center;
}

/*----- class="ads-pagebottom-responsive" ※data,tokeiカテゴリーで暫定使用-----*/
.ads-pagebottom-responsive {
  margin: 25px auto 30px auto;
  text-align: center;
}