@charset "utf-8";
/* CSS Document */
/*----------------
report01
report02
report03
report04
report05
report06
report07
report08
report09

houterasu
answer
記者が行く
information
-----------------*/
/*▼▼▼共通▼▼▼START*/
.flex_box {
  display: flex;
}
ol.brackets {
  margin: 10px 0 10px 10px;
  font-size: 0.92em;
  line-height: 160%;
}
ol.brackets li {
  list-style-type: none;
  counter-increment: cnt;
  padding-left: 1.84em;
  text-indent: -1.84em;
}
ol.brackets li::before {
  content: "(" counter(cnt) ")　";
}
#main h2 {
  border-bottom-width: 2px;
  border-left-width: 5px;
  border-bottom-style: solid;
  border-left-style: solid;
  font-size: 1.15em;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  margin-top: 60px;
  margin-bottom: 10px;
}
#main div:first-child h2 {
  margin: 10px 0 20px;
}
#main h3 {
  font-size: 1em;
}
#main h3.small {
  font-size: 0.95em;
}
#main h4 {
  font-size: 0.95em;
  font-weight: bold;
}
#main p {
  font-size: 0.92em;
  line-height: 160%;
  text-indent: 0.92em;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
}
#main p.text_indent01 {
  text-indent: 1.3em;
}
#main p.small {
  font-size: 0.9em;
  text-indent: 0.9em;
}
#main p.txtBoxLeft {
  float: left;
  max-width: 355px;
  margin-top: 10px;
}
#main .text_line {
  text-decoration: underline;
}
#main p.text01 {
  max-width: 607px;
}
#main p.text02 {
  max-width: 460px;
}
div.indent {
  padding-left: 15px;
}
ruby > rt {
  font-size: 8px;
}
.imgBox img {
  width: 100%;
}
#main .imgBoxflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 700px;
  margin: 20px auto;
}
#main .imgBoxflex p {
  text-indent: inherit;
  font-size: 13.25px;
}
#main .attention p {
  font-size: 0.8em;
}
* html,
* html {
  zoom: 1;
} /* IE6 */
*:first-child + html .imgTxtBox,
*:first-child + html .imgTxtBoxRight {
  zoom: 1;
} /* IE7 */
/*▼▼▼画像用▼▼▼*/
div img {
  margin: 0 auto;
}
div.imgBoxCenter {
  text-align: center;
  margin: 0px auto 40px;
  font-size: 0.92em;
}
div.imgBoxCenter img {
  width: 70%;
  height: auto;
}
div.imgBoxCenter p {
  text-indent: 0 !important;
}
div.imgBoxRight {
  margin-left: 10px;
  float: right;
  margin-bottom: 20px;
  font-size: 0.9em;
  text-align: center;
}
/*IEのみ*/
@media all and (-ms-high-contrast: none) {
  div.imgBoxDouble ul {
    float: none;
    display: flex;
    flex-wrap: nowrap;
  }
}
div.imgBoxLeft {
  margin: 0px 10px 20px 0px;
  float: left;
  width: 355px;
  font-size: 0.9em;
  text-align: center;
}
/*横に2列並ぶ画像のサイズの基本形は350px
調整が必要なら#report内で上書き*/
div.imgBoxDouble {
  text-align: center;
  text-indent: 0;
  width: 710px;
  margin: 0 auto 20px;
}
div.imgBoxDouble:before,
div.imgBoxDouble:after {
  content: " ";
  display: table;
}
div.imgBoxDouble:after {
  clear: both;
}
div.imgBoxDouble {
  *zoom: 1;
}
div.imgBoxDouble div {
  width: 350px;
  float: left;
}
div.imgBoxDouble img {
  width: 100%;
  height: auto;
}
div.imgBoxDouble div:first-child {
  margin-right: 10px;
}
div.imgBoxDouble ul {
  float: left;
  position: relative;
  display: flex;
}
div.imgBoxDouble ul li {
  flex-wrap: nowrap;
  margin: 0 5px;
}
img.imgBorder {
  border: 1px solid #cccccc;
}
#skip {
  height: 1px;
  left: -9999em;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
div.imgbox_right {
  float: right;
  text-align: center;
}
div.imgbox_left {
  float: left;
  text-align: center;
}
div.qrbox {
  margin-left: 30px;
}
#main h3 {
  font-weight: bold;
  border-left: 5px solid;
  margin: 30px 10px 15px;
  padding-left: 10px;
}
#main h4 {
  font-weight: bold;
  margin: 15px 10px 5px 12px;
}
#main .flex_box {
  justify-content: space-between;
  margin: 0 15px;
}
#main .flex_box p.img_text {
  font-size: 13.25px;
  text-indent: 0;
  margin-right: 0;
}
#main .flex_box p {
  margin-left: 0;
}
dl.author {
  margin-bottom: 20px;
  margin-left: 10px;
  font-size: 0.92em;
}
dl.author dt {
  float: left;
}
.quest,
.answer {
  margin: 0 10px 15px;
  display: flex;
  align-items: start;
}

.quest p,
.answer p {
  margin: 0;
}
.quest dt,
.answer dt {
  font-size: 0.92em;
  line-height: 160%;
  width: 45px;
}
.quest dd,
.answer dd {
  width: 90%;
}
.quest {
  align-items: center;
}
.quest dt {
  width: 45px;
}
/*▼▼▼report01▼▼▼ START*/
#report01 h2,
#report01 h3 {
  color: #3270ba;
}
#report01 h2 {
  background-color: #fff;
  border-left-color: #3270ba;
  border-bottom-color: #3270ba;
}
/* #report01 h3 {
  background: none;
  border: none;
  margin-left: 0;
  border-left: 5px solid;
} */
#report01 h4 {
  font-weight: normal;
}
#report01 h4::before {
  content: "●";
  padding-right: 10px;
}
#report01 .flex_box.report01_qr {
  align-items: flex-end;
  justify-content: center;
}
.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 30px 1.5em 0;
  padding: 7px 10px;
  color: #555;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #70ad47;
  border-radius: 20px;
}
.balloon::before {
  content: "";
  position: absolute;
  right: -27px;
  top: 60%;
  margin-top: -17px;
  border: 14px solid transparent;
  border-left: 14px solid #ffffff;
  z-index: 2;
}
.balloon::after {
  content: "";
  position: absolute;
  right: -28px;
  top: 60%;
  margin-top: -17px;
  border: 14px solid transparent;
  border-left: 14px solid #70ad47;
  z-index: 1;
}
.balloon span {
  display: inline-block;
  margin-bottom: 20px;
}

/*▼▼▼report02▼▼▼START*/
#report02 h2,
#report02 h3 {
  color: #c45911;
  border-left-color: #c45911;
}
#report02 h2 {
  border-bottom-color: #c45911;
}

#report02 #qanda dl.quest dt {
  background: #c45911;
  border: 1px solid #c45911;
}

#report02 #qanda dl.quest {
  border-bottom: 1px solid #c45911;
}

#report02 .span_indent {
  display: block;
  font-size: 0.92em;
  line-height: 160%;
  text-indent: 0.92em;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
}

/*▼▼▼report03▼▼▼START*/
#report03 h2,
#report03 h3 {
  color: #ff0000;
  border-left-color: #ff0000;
}
#report03 h2 {
  border-bottom-color: #ff0000;
}

#report03 #qanda dl.quest dt {
  background: #ff0000;
  border: 1px solid #ff0000;
}

#report03 #qanda dl.quest {
  border-bottom: 1px solid #ff0000;
}

/*▼▼▼report04▼▼▼START*/
#report04 h2,
#report04 h3 {
  color: #7030a0;
  border-left-color: #7030a0;
}
#report04 h2 {
  border-bottom-color: #7030a0;
}

/*▼▼▼report05▼▼▼START*/
#report05 h2,
#report05 h3 {
  color: #00b050;
  border-left-color: #00b050;
}
#report05 h2 {
  border-bottom-color: #00b050;
}

#report05 #qanda dl.quest dt {
  background: #00b050;
  border: 1px solid #00b050;
}

#report05 #qanda dl.quest {
  border-bottom: 1px solid #00b050;
}

dl.quest dt {
  color: #ffffff;
  text-align: center;
  padding: 7px 0;
  width: 40px;
}

dl.quest dd {
  padding: 0 0 0 20px;
}

#report05 #qanda dl.quest dt {
  background: #ff7e38;
  border: 1px solid #ff7e38;
}

#report05 #qanda dl.quest {
  border-bottom: 1px solid #ff7e38;
}

/*▼▼▼report06▼▼▼START*/
#report06 h2,
#report06 h3 {
  color: #389a5f;
  border-left-color: #389a5f;
}
#report06 h2 {
  border-bottom-color: #389a5f;
}

#qanda dl.quest dt {
  background: #389a5f;
  border: 1px solid #389a5f;
}

#qanda dl.quest {
  border-bottom: 1px solid #389a5f;
}

dl.quest dt {
  color: #ffffff;
  text-align: center;
  padding: 7px 0;
  width: 40px;
  font-size: 0.92em;
  line-height: 160%;
}

/*▼▼▼report07▼▼▼START*/
#report07 h2,
#report07 h3 {
  color: #7a401a;
  border-left-color: #7a401a;
}
#report07 h2 {
  border-bottom-color: #7a401a;
}

#report07 h2 img {
  width: 100%;
}
#report07 .q_title {
  color: #7a401a;
  font-weight: bold;
  margin: 1em 0 0 0;
  display: inline-block;
}

#report07 .q_title.noSpace {
  margin: 0 0 0 0;
}

#report07 .mb30 {
  padding: 0 20px;
  box-sizing: border-box;
}

/*▼▼▼report08▼▼▼START*/
/*▼▼▼そんな時法テラスがお役に立ちます（houterasu)▼▼▼START*/
#report08 h2 img {
  width: 100%;
}

#report08 .bgg {
  background: #c6d9f1;
  clear: both;
  padding: 20px 10px 0 10px;
  box-sizing: border-box;
}

#report08 .ttl_h31 {
  font-size: 1.1em;
  padding: 4px 10px;
  margin: 0 0 10px 0;
  text-decoration: none;
  border-left: 0;
  background: #fff8ca;
  border: #000000 solid;
  border-width: 1px;
  border-radius: 4px;
}

#report08 .ttl_h31 .red {
  color: #ff0000;
}

#report08 .halfBox {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
}

#report08 .halfBox p {
  font-size: 120%;
}

#report08 .halfBoxLeft {
  padding: 0 10px 0 0;
}

#report08 .halfBoxRight {
  padding: 0 0 0 10px;
}

#report08 .bggy {
  background-color: #ffffff;
  padding: 10px !important;
  margin: 20px auto 0 auto;
}

#report08 .bggy h4 {
  background-color: #ffffff;
  padding: 5px;
  margin: 10px auto 10px auto;
  text-align: center;
  border: #0f64b5 solid;
  border-width: 2px;
  border-radius: 5px;
  font-size: 120%;
  font-weight: bold;
}

#report08 .bggy .whiteBox {
  background-color: #ffffff;
  border: #666666 solid;
  border-width: 1px;
  padding: 10px;
  margin: 10px auto 10px auto;
}

#report08 .bggy .diagram {
  width: 100%;
}

#report08 .bggy .diagram .half {
  width: 50%;
  vertical-align: bottom;
  display: inline-block;
}

#report08 .bggy .diagram .half img {
  width: 100%;
  vertical-align: bottom;
}

#houterasu div.boxTop {
  padding: 20px 10px 10px;
}
#houterasu div.boxBottom {
  clear: both;
  padding: 10px 10px 20px;
}
#houterasu h2 {
  color: #7a401a;
  background-color: #fff;
  border-left-color: #7a401a;
  border-bottom-color: #7a401a;
}
#houterasu div.houterasuBox {
  background-color: #7a401a;
}
#houterasu h3 {
  color: #fff;
  font-size: 1.1em;
  padding: 4px 10px;
  margin: 0 0 10px 0;
  text-decoration: none;
  border-left: 0;
}
#houterasu h4,
#houterasu h5,
#houterasu h6 {
  font-weight: bold;
  color: #000;
  border: none;
  margin: 0 0 8px;
}
#houterasu p {
  line-height: 150%;
  margin: 0 20px 0 20px;
}
#houterasu .s_txt {
  line-height: 110%;
  margin: 10px 0 0 0;
  text-indent: 0;
  font-size: 0.7em;
}
#houterasu .s1_txt {
  line-height: 110%;
  margin: 0 0 0 0;
  text-indent: 0;
  font-size: 0.82em;
}
#houterasu div.illustimg {
  float: left;
}
#houterasu .rogoimg {
  float: right;
}
#houterasu div.houterasuBox h3 {
  background: #42be74;
  color: #fff;
}
#houterasu div.houterasuBox h4,
#houterasu div.houterasuBox h5,
#houterasu div.houterasuBox h6 {
  border: 2px solid #006600;
  background: #42be74;
  color: #ffffff;
  font-size: 1em;
  margin: 10px 0;
  width: 424px;
}
#houterasu div.houterasuBox .houterasu_main {
  padding-left: 10px;
}
#houterasu div.houterasuBox .houterasu_main .boxList {
  display: flex;
  margin-left: 1.5em;
}
#houterasu div.houterasuBox .houterasu_main .boxList li {
  border: 2px solid #006600;
  background-color: #ffffff;
  padding: 4px 0px 4px 4px;
  width: 215px;
  margin-left: 15px;
}
#houterasu div.houterasuBox .houterasu_main .boxList li:first-child {
  margin-left: 0;
}
#houterasu div.houterasuBox .houterasu_main .boxList li strong {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-left: 26px;
  font-size: 0.88em;
}
#houterasu div.houterasuBox .houterasu_main .boxList li strong#boxlist1 {
  background-image: url("../images/pic79_7_01.png");
}
#houterasu div.houterasuBox .houterasu_main .boxList li strong#boxlist2 {
  background-image: url("../images/pic79_7_02.png");
}
#houterasu div.houterasuBox .houterasu_main .boxList li strong#boxlist3 {
  background-image: url("../images/pic79_7_03.png");
  padding-left: 52px;
}
#houterasu div.houterasuBox .houterasu_main .boxList li strong#boxlist4 {
  background-image: url("../images/pic79_7_04.png");
}
#houterasu div.houterasuBox .houterasu_main .boxList li strong#boxlist5 {
  background-image: url("../images/pic79_7_05.png");
}
#houterasu div.houterasuBox .houterasu_main .boxList li strong#boxlist6 {
  background-image: url("../images/pic79_7_06.png");
}
#houterasu div.houterasuBox .houterasu_main .boxList li span {
  font-size: 0.7em;
  line-height: normal;
  display: inline-block;
}
#houterasu div.houterasuBox .houterasu_main .houterasu_sub {
  padding-left: 2em;
}
#houterasu div.houterasuBox .houterasu_main > .houterasu_sub {
  padding-right: 240px;
}
#houterasu div.houterasuBox .houterasu_main .imgbox_right {
  width: 32%;
}
#houterasu div.houterasuBox .houterasu_main .imgbox_right dl.example {
  background-color: #ffe389;
  padding: 8px;
  margin-top: 0px;
  margin-left: 10px;
  width: 86%;
}
#houterasu div.houterasuBox .houterasu_main .imgbox_right dl.example dt {
  font-size: 0.9em;
  text-align: left;
}
#houterasu div.houterasuBox .houterasu_main .imgbox_right dl.example dd ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#houterasu div.houterasuBox .houterasu_main .imgbox_right dl.example dd ul li {
  font-size: 0.75em;
  font-weight: bold;
  color: #ffffff;
  background-color: #99cc00;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 4px 0;
  width: 100px;
}
#houterasu div.houterasuBox .houterasu_main .imgbox_right dl.example dd ul li:nth-child(-n + 2) {
  margin: 5px 0 10px;
}
#houterasu div.houterasuBox .houterasu_telbox {
  background-color: #d5f2fd;
  display: flex;
  align-items: center;
  padding: 8px 20px;
  margin: 10px 0 4px 10px;
  width: 60%;
  box-shadow: 0px 4px 0px 0px rgb(147, 213, 241);
  border-radius: 10px;
}
#houterasu div.houterasuBox .houterasu_telbox div {
  width: 50%;
}
#houterasu div.houterasuBox .houterasu_telbox p {
  text-indent: inherit;
  margin: 0;
}
#houterasu div.houterasuBox .houterasu_telbox .tel_txt {
  background: url("../images/pic79_7_08.png") no-repeat left center / contain;
  padding-left: 48px;
  font-size: 1em;
}
#houterasu div.houterasuBox .houterasu_telbox .tel_number img {
  width: 100%;
  margin: 0;
  display: inherit;
}
#houterasu div.houterasuBox .houterasu_telbox .tel_number p {
  background: #ffffff;
  text-align: center;
  font-size: 0.7em;
  margin-top: 5px;
  padding: 2px 5px;
}
#houterasu div.houterasuBox img {
  display: block;
  width: 100%;
  height: auto;
}
#houterasu .cnt_area {
  background-color: #c6d9f1;
  color: #000;
}
#houterasu .cnt_area h3 {
  background-color: #00b0f0;
  border-radius: 4px;
}
#houterasu .cnt_area h4 {
  font-size: 0.9em;
}
#houterasu div.houterasu_query {
  width: 570px;
  float: right;
}
#houterasu div.houterasu_know_a {
  width: 175px;
  margin-left: 8px;
  float: left;
}
#houterasu div.houterasu_know_b {
  width: 300px;
  float: left;
  margin: 0 0 0 15px;
}
#houterasu div.houterasu_know_b_txt {
  float: right;
  width: 175px;
  margin: 0 0 0 0px;
}
#houterasu div.houterasu_know_b_txt p {
  margin-top: 0;
}
#houterasu div.houterasu_know_b .flex_box {
  margin: 0;
}
#houterasu div.houterasu_know_b .flex_box .qr {
  width: auto;
  margin: 0;
}
#houterasu div.houterasu_know_c {
  width: 240px;
  float: left;
  margin: 0 0 0 15px;
}
#houterasu div.houterasu_hyousi {
  float: left;
}

/*▼▼▼report09▼▼▼START*/
#report09 h2,
#report09 h3 {
  color: #67389a !important;
  border-left-color: #67389a !important;
}
#report09 h2 {
  border-bottom-color: #67389a !important;
  background-color: #fff !important;
}

/*▼▼▼report10▼▼▼START*/
#report10 h2,
#report10 h3 {
  color: #cd3a36;
  border-left-color: #cd3a36;
}
#report10 h2 {
  border-bottom-color: #cd3a36;
  background-color: #fff;
}

#report10 #qanda dl.quest {
  border-bottom: 1px solid #cd3a36;
}

#report10 #qanda dl.quest dt {
  background: #cd3a36;
  border: 1px solid #cd3a36;
}

/*追記*/

.link_title {
  width: calc(70% + 40px);
  margin: 30px auto 0 auto !important;
  padding: 0 !important;
  font-size: 0.92em;
}

.link_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 20px;
  margin: 20px auto;
  width: 70%;
  border: 1px solid #000;
}

.link_box .txt {
  display: inline-block;
  margin: 0 10px 0 0;
  word-break: break-all;
}

.link_box a,
.link_box3 a {
  display: inline;
  margin: 0;
  padding: 0;
  width: 100px;
}

.link_box img,
.link_box3 img {
  margin: 0;
  width: 100px;
  vertical-align: top;
}

.link_box3 {
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 20px;
  margin: 20px auto;
  width: 70%;
  border: 1px solid #000;
  font-size: 85%;
}

.link_box3 .txt {
  display: inline-block;
  margin: 0 10px 0 0;
  word-break: break-all;
  width: calc(100% - 100px);
}

.link_box3 div {
  display: flex;
  align-items: center;
  width: 100%;
}

#report01 .halfBox {
  display: inline-block;
}

#report01 .halfBoxkeft {
  margin: 0 10px 0 0;
}

.imgBoxCenter img.h124 {
  height: 124px;
  width: auto;
}

#report01 .tripleBox a {
  width: 30%;
  margin: 0 5px;
  display: inline-block;
}

#report01 .tripleBox a img {
  width: 100%;
}

#report02 ul {
  list-style: disc;
  margin: 0 0 0 2.5em;
}

.imgBoxCenter img.tate {
  width: 40%;
}

img.waku {
  border: #cccccc solid;
  border-width: 1px;
}

.indexBox {
  font-size: 0.92em;
  line-height: 160%;
  padding: 20px;
  margin: 0;
}

.indexBox ul {
  margin: 0 0 0 4.9em;
}

.indexBox ul li {
  position: relative;
  margin: 5px 0 0 0;
}

.indexBox ul li span {
  display: inline-block;
  width: 4em;
  left: -5em;
  position: absolute;
}
#report07 .halfBox img {
  width: 100%;
}

.aster {
  font-size: 0.8em;
}

ul.list {
  list-style: none;
  margin: 0 0 0 2em;
}

ul.list li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.list .maru {
  font-size: 10px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 5px;
  left: -1.5em;
}

/*ul.list {
	list-style: disc;
	margin: 0 0 0 1.5em;
}*/

/*　86号　独自　*/
.halfBox {
  width: calc(35% - 5px);
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  font-size: 0.92em !important;
}

.one_third {
  width: calc(40% - 5px);
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  font-size: 0.92em !important;
}

.halfBox img,
.one_third img {
  width: 100% !important;
}

.photo_space {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.imgBox86,
.qrBox86 {
  display: inline-block;
  text-align: center;
  padding: 0;
  font-size: 0.92em;
}

.imgBox86 {
  width: calc(54% - 20px) !important;
  margin: 0 20px 0 0;
}

.qrBox86 {
  width: 16% !important;
}

.imgBox86 img,
.qrBox86 img {
  width: 100% !important;
}

.maruzen {
  width: auto !important;
  height: 260px !important;
}

.lightUp {
  width: calc(100% / 3 - 20px) !important;
  height: auto !important;
}

.w70per {
  width: 70%;
  text-indent: 0 !important;
  text-align: left;
  display: block;
  margin: 0 auto !important;
}

.NFLlogos {
  width: 170px;
  float: right;
  margin: 0 0 10px 20px;
  display: block;
  font-size: 80%;
  text-align: center;
  line-height: 1.3em;
  white-space: nowrap;
}

.NFLlogos img {
  width: 100px;
}

a img {
  transition: 0.2s;
}

a:hover img {
  opacity: 0.5;
  transition: 0.2s;
}

/*88独自*/

.blackframe {
  border: #000000 solid;
  border-width: 1px;
  padding: 20px;
  width: 80%;
  margin: 20px auto;
  text-align: center;
}

.tapamin .illusut {
  width: 280px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.tapamin .illusut img {
  width: 70%;
}

.tapamin .name {
  font-size: 120%;
}

.tapamin .link_box {
  width: calc(100% - 300px) !important;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  white-space: nowrap;
}

.tapamin .link_box span {
  width: calc(100% - 100px);
  text-align: center;
  margin: 0;
  display: inline-block;
}

.tapamin .link_box img {
  width: 100px;
  vertical-align: middle;
}

.On-site {
  line-height: 1.8em;
  margin: 0 0 10px 10px;
  display: inline-block;
  font-size: 0.92em;
}