@charset "utf-8";


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

top

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

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

html,
html body{
  width: auto !important;
  margin-left: auto; 
  margin-right: auto;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
}

#content #castle {
  background-image: none !important;
  padding: 0 !important;
  width: 680px !important;
}

/*---- リード文 ----*/
#content .cas_tx {
  font-size: 1.7rem;
  margin: 20px 20px;
  line-height: 1.5;
  text-align: left;
}

#content .cas_col {
  margin-bottom: 20px;
}

#content .cas_col #busyo {
  height: 312px;
  margin-bottom: 20px;
  background: url(../image/back_01.jpg) no-repeat;
}

#content .cas_col #sugo {
  height: 312px;
  margin-bottom: 20px;
  background: url(../image/back_02.jpg) no-repeat;
}

#content .cas_col #busyo h4,
#content .cas_col #sugo h4 {
  padding: 10px 0 0 10px;
}

#content .cas_col #busyo .busyo_tx {
  width: 350px;
  margin: 20px 0 0 20px;
  font-size: 118%;
  font-weight: bold;
}

#content .cas_col #sugo .sugo_tx {
  width: 350px;
  margin: 20px 0 0 20px;
  font-size: 118%;
  font-weight: bold;
}

#content .cas_col #busyo .makimono {
  margin: 20px 0 30px 60px;
}

#content .cas_col #sugo .makimono {
  margin: 70px 0 30px 60px;
}

#content .cas_col #sugo .shiro {
  overflow: hidden;
  margin: 5px 0 0 20px;
}

#content .cas_col #sugo .shiro li {
  float: left;
  padding-right: 15px;
}

#content .cas_col #quiz {
  height: 248px;
  width: 678px;
  margin-bottom: 20px;
  overflow: hidden;
  border: #ebe6bd solid 1px;
  background: url(../image/quiz_bc.png) no-repeat;
  position: relative;
}


#content .cas_col #quiz .quiz_top {
  height: 225px;
  position: relative;
}

#content .cas_col #quiz .quiz_tx {
  margin: 50px 140px 0 140px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.8;
}

#content .cas_col #quiz .quiz_in {
  position: absolute;
  bottom: 27px;
  right: 35px;
}

#content .cas_col #quiz .quiz_in a {
  display: inline-block;
  width: 120px;
  height: 125px;
  background: url(../image/quiz_img_off.png) no-repeat;
}

#content .cas_col #quiz .quiz_in a:hover {
  background: url(../image/quiz_img_on.png) no-repeat;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #content .cas_col #quiz .quiz_in a:hover {
    background: url(../image/quiz_img_off.png) no-repeat;
  }
}

#content .cas_col #quiz .quiz_in02 {
  text-align: right;
  margin: 0 30px 0px 30px;
  background: url(../image/tenka.png) no-repeat left bottom;
}


#content .cas_col #news {
  width: 660px;
  overflow: hidden;
  background: #d4e3f9;
  padding: 20px 20px 5px;
}

#content .cas_col #news dl {
  width: 640px;
  margin: 0 auto;
  overflow: hidden;
}

#content .cas_col #news dt {
  float: left;
  clear: both;
  width: 130px;
  padding: 0 0 15px;
}

#content .cas_col #news dd {
  padding: 0 0 15px;
  letter-spacing: -0.01em;
}


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

城と武将 武将列伝
========================================================== */

#content .cas_col #busyoden {
  margin-bottom: 20px;
  background: url(../image/bg_busyo.jpg) no-repeat bottom center;
  box-sizing: border-box;
  width: 680px;
  height: auto;
  overflow: hidden;
  padding: 20px;
  font-size: 15px;
  letter-spacing: 0;
}

#content .cas_col #busyoden ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#content .cas_col #busyoden li {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  width: calc(100% / 2.05);
}

#content .cas_col #busyoden .mt0 li {
  margin-top: 0;
}

#content .cas_col #busyoden .new01 {
  background: url(../image/img_busyo_06.gif) no-repeat;
  width: 130px;
  height: 120px;
  position: relative;
  margin: 0 10px 0 0;
  float: left;
}

#content .cas_col #busyoden .new02 {
  background: url(../image/img_busyo_06.gif) no-repeat;
  width: 130px;
  height: 120px;
  position: relative;
  margin: 0 10px 0 0;
  float: left;
}

#content .cas_col #busyoden .new {
  position: absolute;
  top: -1px;
  left: -1px;
}

#content .cas_col #busyoden dl {
  width: 170px;
}

#content .cas_col #busyoden dt {
  line-height: 0;
}

#content .cas_col #busyoden dd.txt {
  height: 69px;
}

#content .cas_col #busyoden dd.pre {
  color: #999;
}

#content .cas_col #sugoshiro {
  height: auto;
  width: 640px;
  margin-bottom: 20px;
  padding: 20px 20px 3px;
  background: url(../image/back_02.jpg) no-repeat bottom center;
}

#content .cas_col #sugoshiro figure {
  width: 558px;
  margin: 0 auto 15px;
}

#content .cas_col #sugoshiro ul.bnr {
  width: 558px;
  margin: 0 auto 15px;
}

#content .cas_col #sugoshiro ul.bnr li {
  margin-bottom: 15px;
  position: relative;
}

#content .cas_col #sugoshiro .new01 {
  background: url(../image/bnr_sugoshiro_04_on.png) no-repeat;
  width: 558px;
  height: 71px;
  position: relative;
  margin: 0 auto 15px;
}

#content .cas_col #sugoshiro .new {
  position: absolute;
  top: -1px;
  left: -1px;
}

#content .cas_col #sugoshiro_test {
  height: 635px;
  width: 660px;
  margin-bottom: 20px;
  padding: 20px;
  background: url(../image/back_02_6.jpg) no-repeat;
}

#content .cas_col #sugoshiro_test figure {
  width: 558px;
  margin: 0 auto 15px;
}

#content .cas_col #sugoshiro_test ul.bnr {
  width: 558px;
  margin: 0 auto 15px;
}

#content .cas_col #sugoshiro_test ul.bnr li {
  margin-bottom: 15px;
}

#content .cas_col #sugoshiro_test .new01 {
  background: url(../image/bnr_sugoshiro_06_on.png) no-repeat;
  width: 558px;
  height: 78px;
  position: relative;
  margin: 0 auto 15px;
}

#content .cas_col #sugoshiro_test .new {
  position: absolute;
  top: -1px;
  left: -1px;
}

#content .cas_col #ichiran {
  background: url(../image/back_04.gif) repeat-y;
  padding: 20px;
  width: 640px;
  margin-bottom: 20px;
}

#content .cas_col h2.bg_map {
  background: url(../image/h2_05.jpg) no-repeat;
  width: 680px;
  height: 56px;
  margin-bottom: 5px;
}

#content .cas_col h2.bg_map img.map_btn {
  float: right;
  margin: 15px 15px 8px 0;
}

#content .cas_col #ichiran .thumbnail {
  background-color: #FFFFFF;
  padding: 14px;
  width: 612px;
  margin: 0 auto;
}

#content .cas_col #ichiran .thumbnail li {
  margin: 0 0 10px 0;
  text-align: center;
  vertical-align: bottom;
  line-height: 0;
  width: 78px;
}

#content .cas_col #ichiran .thumbnail li a {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -1px;
}

#content .cas_col #ichiran .thumbnail li a:hover {
  opacity: .7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #content .cas_col #ichiran .thumbnail li a {
    font-size: 15px;
    letter-spacing: 0;
  }

  #content .cas_col #quiz .quiz_tx {
    letter-spacing: 0;
  }
}

#content .cas_col #ichiran .thumbnail ul {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#content .cas_col #ichiran .thumbnail li.last {
  margin-right: 0;
}

#content .cas_col #ichiran ul.ichiran_bnr {
  width: 612px;
}

#content .cas_col #ichiran ul.ichiran_bnr li {
  float: left;
  width: auto;
  margin: 10px 2px 0;
}


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

map

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

#content .cas_col #map {
  background: url(../image/map_bg.jpg) no-repeat;
  padding: 20px;
  width: 640px;
  height: 590px;
  margin-bottom: 20px;
  position: relative;
}

#content .cas_col #map .btn01 {
  position: absolute;
  top: 99px;
  left: 513px;
}

#content .cas_col #map .btn02 {
  position: absolute;
  top: 204px;
  left: 457px;
}

#content .cas_col #map .btn03 {
  position: absolute;
  top: 257px;
  left: 345px;
}

#content .cas_col #map .btn04 {
  position: absolute;
  top: 322px;
  left: 353px;
}

#content .cas_col #map .btn05 {
  position: absolute;
  top: 354px;
  left: 293px;
}

#content .cas_col #map .btn06 {
  position: absolute;
  top: 322px;
  left: 238px;
}

#content .cas_col #map .btn07 {
  position: absolute;
  top: 357px;
  left: 159px;
}

#content .cas_col #map .btn08 {
  position: absolute;
  top: 285px;
  left: 151px;
}

#content .cas_col #map .btn09 {
  position: absolute;
  top: 330px;
  left: 63px;
}

#content .cas_col #map ul.ichiran_bnr {
  width: 640px;
  margin: 480px auto 0;
}

#content .cas_col #map ul.ichiran_bnr li {
  float: left;
  width: auto;
  margin: 10px 10px 0;
}


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

busyo

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

#content article#article h1 {
  width: 664px;
  height: auto;
  margin: 0 auto;
}

#content .busyo_col {
  margin-bottom: 20px;
  overflow: hidden;
}

#content .busyo_col h2 {
  font-size: 0;
}

#content .busyo_col #busyo_01 {
  float: left;
  width: 390px;
  margin: 20px 0 20px 50px;
}


#content .busyo_col #busyo_01 .busyo_tx {
  margin: 0 0 10px 0;
}

#content .busyo_col .busyo_img {
  float: right;
  margin: 20px 50px;
  text-align: center;
}

#content .busyo_col #busyo_02 {
  margin-top: 20px;
  padding-bottom: 20px;
}

#content .busyo_col #busyo_02 .busyo_tx {
  width: 588px;
  margin: 0 auto 10px;
  text-align: left;
}

#content .busyo_col #busyo_02 .busyo_tx span {
  font-weight: bold;
}

#content .busyo_col .busyo_03 {
  border-bottom: solid 2px #c55549;
  padding-bottom: 10px;
  overflow: hidden;
}


#content .busyo_col .busyo_03 .shiro_img {
  float: left;
  margin: 5px 10px 10px 50px;
}

#content .busyo_col .busyo_03 .busyo_shiro {
  width: 350px;
  margin: 5px 40px 10px 0;
  float: right;
}

#content .busyo_col .busyo_03 .busyo_shiro02 {
  width: 600px;
  margin: 0px auto 20px;
}

#content .busyo_col .busyo_03 .busyo_shiro02 .shiro_img {
  float: left;
  margin: 5px 10px 10px 0px;
}

#content .busyo_col .busyo_03 h3 {
  font-weight: bold;
  font-size: 17px;
  margin: 20px 0 0 40px;
  text-align: left;
}

#content .busyo_col .busyo_03 .busyo_shiro .next {
  text-align: right;
  padding-top: 10px;
}

#content .busyo_col .busyo_03 .busyo_shiro .shiro_tx {
  margin-bottom: 10px;
}

#content .busyo_col .busyo_03 .busyo_shiro .shiro_tx span {
  font-size: 85%;
}

#content .busyo_col .busyo_03 .busyo_shiro02 .next {
  text-align: right;
  padding-top: 15px;
}

#content .busyo_col .busyo_03 .busyo_shiro02 .shiro_tx {
  margin: 0 0 10px 0;
  text-align: left;
}

#content .busyo_col .busyo_03 .busyo_shiro02.shiro_tx span {
  font-size: 85%;
}

#content .sankou {
  margin: 20px 0 0;
  overflow: hidden;
}

#content .sankou h2 {
  margin: 0 0 -10px 20px;
}

.busyo_col {
  font-size: 17px;
}


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

sugoshiro

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

#content .sugo_col01 {
  width: 680px;
  margin-left: 15px;
  margin-bottom: 20px;
  border: #fec200 solid 2px;
  overflow: hidden;
  background: url(../sugoshiro/image/bc_01.jpg) repeat-y left;
}

#content .sugo_col02 {
  width: 680px;
  margin-left: 15px;
  margin-bottom: 20px;
  border: #dcdcdc solid 2px;
  overflow: hidden;
  background: url(../sugoshiro/image/bc_02.jpg) repeat-y left;
}

#content .sugo_col03 {
  width: 680px;
  margin-left: 15px;
  margin-bottom: 20px;
  border: #b28856 solid 2px;
  overflow: hidden;
  background: url(../sugoshiro/image/bc_03.jpg) repeat-y left;
}

#content .sugo_col04 {
  width: 680px;
  margin-left: 15px;
  margin-bottom: 20px;
  border: #999 solid 1px;
  overflow: hidden;
}

#content .note {
  font-size: 15px;
}

#content .sugo_col01 .sugo_img,
#content .sugo_col02 .sugo_img {
  width: 250px;
  float: left;
  margin: 80px 0 10px 30px;
}

#content .sugo_col03 .sugo_img {
  width: 225px;
  height: 225px;
  float: left;
  margin: 80px 0 10px 30px;
  padding: 0 25px 0 0;
  border: 2px solid #fff;
}

#content .sugo_col03 .sugo_img02 {
  width: 250px;
  float: left;
  margin: 80px 0 10px 30px;
}


#content .sugo_col01 .ranking,
#content .sugo_col02 .ranking,
#content .sugo_col03 .ranking {
  margin: 30px 20px 20px 30px;
}

#content .sugo_col01 .ranking .next,
#content .sugo_col02 .ranking .next,
#content .sugo_col03 .ranking .next {
  float: right;
  margin: 15px 0;
}


#content .sugo_col01 .ranking h3,
#content .sugo_col02 .ranking h3,
#content .sugo_col03 .ranking h3 {
  color: #003592;
  font-size: 17px;
  font-weight: bold;
  margin: 10px 0;
}

#content .sugo_col01 .ranking .tx_b,
#content .sugo_col02 .ranking .tx_b,
#content .sugo_col03 .ranking .tx_b,
#content .sugo_col04 .sugo_in .tx_b {
  font-weight: bold;
}

#content .sugo_col01 .ranking p,
#content .sugo_col02 .ranking p,
#content .sugo_col03 .ranking p,
#content .sugo_col04 .sugo_in p {
  font-size: 1.7rem;
  margin: 10px 0 0;
  text-align: left;
}


#content .sugo_col04 .sugo_tl {
  overflow: hidden;
}

* + html #content .sugo_col04 .sugo_tl {
  overflow: hidden;
  margin-bottom: 10px;
}

* + html #content .sugo_col04 .sugo_tl h2 {
  float: left;
  margin: 20px 0 10px 10px;
}


#content .sugo_col04 .sugo_tl h2 {
  float: left;
  margin: 20px 0 0 10px;
}

#content .sugo_col04 .sugo_tl h3 {
  float: left;
  color: #003592;
  font-size: 17px;
  font-weight: bold;
  margin: 30px 0 20px 30px;
}

#content .sugo_col04 .sugo_in {
  overflow: hidden;
}


#content .sugo_col04 .sugo_in .sugo_img {
  float: left;
  margin: 10px 10px 0 30px;
  padding-bottom: 20px;
}

#content .sugo_col04 .sugo_in .sugo_tx02 {
  font-size: 15px;
  padding: 0 20px 15px 30px;
}

#content .sugo_col04 .sugo_in .sugo_tx03 {
  padding: 0 20px 15px 30px;
}

#content .sugo_col04 .sugo_in figcaption {
  font-size: 80%;
}

#content .sugo_col01 figcaption .note,
#content .sugo_col02 figcaption .note,
#content .sugo_col03 figcaption .note {
  font-size: 80%;
}

#content .sugo_col04 .next {
  text-align: right;
  margin: 0 20px 15px 0;
}

#content .column {
  width: 680px;
  background: #e6e5d8;
  margin: 0 0 10px 15px;
  padding: 10px 0;
  text-align: left;
}

#content .column h2 {
  margin: 0 0 10px 10px;
}

#content .column p {
  font-size: 17px;
  margin: 0 20px 20px;
}

#content .column .note {
  font-size: 80%;
}

#content .column .footnote {
  font-size: 89%;
}

#content .bunken {
  margin: 0 0 30px;
  font-size: 89%;
}

#content .bunken .list {
  list-style: none;
}

#content ul.bunken li.list a {
  display: inline-block;
  padding-left: 10px;
  background: url(../sugoshiro/image/list.png) no-repeat left;
}



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

quiz

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

#content #article .quiz_col {
  background: url(../quiz/image/bc_01.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .panel ul li a:hover {
  opacity: .7;
}

#content #article .quiz_col01 {
  margin: 10px 20px;
}

#content #article .quiz_col02 {
  width: 636px;
  background: url(../quiz/image/bc_02.jpg) repeat-y -12px;
  margin: 0 auto;
}

#content #article .quiz_col01 h2 {
  text-align: center;
}


#content #article .quiz_col01 p {
  font-size: 17px;
  padding-bottom: 20px;
}

#content #article .quiz_col01 .a_false {
  color: #FF0000;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
  font-size: 180%;
}


#content #article .ex {
  background: url(../quiz/01/image/bc.jpg) repeat-x;
  margin: 0 20px 20px 20px;
  padding: 10px 20px;
}

#content #article .ex h3 {
  font-size: 17px;
  padding-bottom: 10px;
}

#content #article .ex p {
  text-align: left;
}

#content #article .ex .img_ex {
  text-align: center;
  padding: 10px 0 0 0;
  margin: 10px 0 10px;
}

#content #article .ex .img_ex a:hover,
#content #article .img_a a:hover {
  opacity: .7;
}

#content #article .ex .img_ex figcaption {
  margin: 10px auto;
}

#content #article .ex .tx_b {
  font-weight: bold;
}

#content #article .quiz_col02 .img_q {
  text-align: center;
  padding: 20px 0 20px 0;
}

#content #article .img_a {
  padding-bottom: 20px;
  text-align: center;
  padding-top: 10px;
}

#content #article .quiz_col02 .img_toto {
  text-align: center;
}

#content #article ul.q_navi {
  width: 660px;
  overflow: hidden;
  margin: 0 auto;
}

#content #article ul.q_navi li {
  float: left;
  margin-right: 10px;
}

#content #article ul.q_navi li.last {
  margin-right: 0;
}

#content #article .style {
  display: block;
  margin: 5px 0 40px 0;
  width: 700px;
  border-top: 1px solid #ccc;
}

#content #article .style2 {
  display: block;
  margin: 5px auto 20px;
  width: 660px;
  border-top: 1px solid #ccc;
}

#content #article .quiz_col2 {
  background: url(../quiz/image/bc_02.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col2 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col2 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col3 {
  background: url(../quiz/image/bc_03.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col3 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col3 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col4 {
  background: url(../quiz/image/bc_04.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col4 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col4 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col5 {
  background: url(../quiz/image/bc_05.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col5 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col5 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col6 {
  background: url(../quiz/image/bc_06.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col6 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col6 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col7 {
  background: url(../quiz/image/bc_07.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col7 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col7 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col8 {
  background: url(../quiz/image/bc_08.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col8 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col8 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col9 {
  background: url(../quiz/image/bc_09.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col9 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col9 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col10 {
  background: url(../quiz/image/bc_10.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col10 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col10 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col11 {
  background: url(../quiz/image/bc_11.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col11 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col11 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col12 {
  background: url(../quiz/image/bc_11.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col12 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col12 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col13 {
  background: url(../quiz/image/bc_13.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col13 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col13 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col14 {
  background: url(../quiz/image/bc_14.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col14 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col14 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col15 {
  background: url(../quiz/image/bc_15.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col15 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col15 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col16 {
  background: url(../quiz/image/bc_16.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col16 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col16 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col17 {
  background: url(../quiz/image/bc_17.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col17 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col17 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col18 {
  background: url(../quiz/image/bc_18.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col18 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col18 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col19 {
  background: url(../quiz/image/bc_19.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col19 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col19 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col20 {
  background: url(../quiz/image/bc_19.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col20 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col20 ul {
  text-align: center;
  padding-bottom: 30px;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px;
}

.center {
  text-align: center;
}

.clr {
  clear: both;
}

.bold {
  font-weight: bold;
}

.gray {
  color: #999;
}

.brown {
  color: #990000;
}

#content #article .quiz_col21 {
  background: url(../quiz/image/bc_21.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col21 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col21 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col22 {
  background: url(../quiz/image/bc_22.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col22 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col22 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col23 {
  background: url(../quiz/image/bc_23.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col23 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col23 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col24 {
  background: url(../quiz/image/bc_24.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col24 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col24 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col25 {
  background: url(../quiz/image/bc_25.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col25 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col25 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col26 {
  background: url(../quiz/image/bc_26.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col26 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col26 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col27 {
  background: url(../quiz/image/bc_27.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col27 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col27 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col28 {
  background: url(../quiz/image/bc_28.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col28 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col28 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col29 {
  background: url(../quiz/image/bc_29.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col29 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col29 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col30 {
  background: url(../quiz/image/bc_30.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col30 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col30 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col31 {
  background: url(../quiz/image/bc_31.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col31 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col31 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col32 {
  background: url(../quiz/image/bc_32.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col32 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col32 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col33 {
  background: url(../quiz/image/bc_33.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col33 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col33 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col34 {
  background: url(../quiz/image/bc_34.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col34 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col34 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col35 {
  background: url(../quiz/image/bc_35.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col35 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col35 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col36 {
  background: url(../quiz/image/bc_36.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col36 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col36 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col37 {
  background: url(../quiz/image/bc_37.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col37 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col37 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col38 {
  background: url(../quiz/image/bc_38.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col38 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col38 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col39 {
  background: url(../quiz/image/bc_39.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col39 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col39 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col40 {
  background: url(../quiz/image/bc_40.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col40 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col40 ul {
  text-align: center;
  padding-bottom: 30px;
}

#content #article .quiz_col41 {
  background: url(../quiz/image/bc_41.jpg) repeat-y -12px;
  margin: 0 auto;
  width: 636px;
}

#content #article .quiz_col41 .map {
  margin: 10px 10px 0 10px;
  padding-bottom: 80px;
}

#content #article .quiz_col41 ul {
  text-align: center;
  padding-bottom: 30px;
}

.next a:hover {
  opacity: .7;
}

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

yougo

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

#content #article h1.ttl_bg {
  background: url(../image/ttl_bg.gif) no-repeat;
  width: 690px;
  height: 26px;
  font-weight: bold;
  font-size: 22px;
  padding: 8px 0 10px 10px;
}

#content #article ul.yougo_word {
  float: right;
  margin-bottom: 15px;
  overflow: hidden;
  font-size: 18px;
}

#content #article ul.yougo_word li {
  float: left;
  padding: 0 3px;
}

#content #article .yougo_col {
  overflow: hidden;
}

#content #article .yougo_col h2 {
  background-color: #cc9999;
  font-weight: bold;
  padding: 5px 0 5px 5px;
  font-size: 20px;
  text-indent: 20px;
}

#content #article .yougo_col dl.yougo_list {
  background: url(../image/line_bg.png) repeat-x bottom;
}

#content #article .yougo_col dl.yougo_list dt {
  float: left;
  width: 180px;
  padding: 20px 10px 0 30px;
  font-size: 18px;
}

#content #article .yougo_col dl.yougo_list dd {
  padding: 20px 10px;
  margin-left: 210px;
  font-size: 16px;
}

#content #article .yougo_col dl.yougo_listl {
  background: url(../image/line_bg.png) repeat-x bottom;
  margin: 0px 0px 50px 0px;
}

#content #article .yougo_col dl.yougo_listl dt {
  float: left;
  width: 180px;
  padding: 20px 10px 0 30px;
  font-size: 18px;
}

#content #article .yougo_col dl.yougo_listl dd {
  padding: 20px 10px;
  margin-left: 210px;
  font-size: 16px;
}

#content #article .yougo_col dl.yougo_list2 {
  background: url(../image/line_bg.png) repeat-x bottom;
  background-color: #f4f3e1;
}

#content #article .yougo_col dl.yougo_list2 dt {
  float: left;
  width: 180px;
  padding: 20px 10px 0 30px;
  font-size: 18px;
}

#content #article .yougo_col dl.yougo_list2 dd {
  padding: 20px 10px;
  margin-left: 210px;
  font-size: 16px;
}

#content #article .yougo_col dl.yougo_list2l {
  background: url(../image/line_bg.png) repeat-x bottom;
  background-color: #f4f3e1;
  margin: 0px 0px 50px 0px;
}

#content #article .yougo_col dl.yougo_list2l dt {
  float: left;
  width: 180px;
  padding: 20px 10px 0 30px;
  font-size: 18px;
}

#content #article .yougo_col dl.yougo_list2l dd {
  padding: 20px 10px;
  margin-left: 210px;
  font-size: 16px;
}

#content #article .yougo_col dl.yougo_list2l dd.tenshukaku {
  padding: 25px 10px !important;
}

#content #article .yougo_col dl.position_fix dt {
  float: left;
  width: 180px;
  padding: 15px 10px 0 30px !important;
  font-size: 18px;
}


/* iPad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #content #article ul.yougo_word {
    font-size: 20px;
  }

  #content #article .yougo_col dl.yougo_list dt {
    letter-spacing: 0.05em;
    font-size: 17px;
  }

  #content #article .yougo_col dl.yougo_listl dt {
    letter-spacing: 0.05em;
    font-size: 17px;
  }

  #content #article .yougo_col dl.yougo_list2 dt {
    letter-spacing: 0.05em;
    font-size: 17px;
  }

  #content #article .yougo_col dl.yougo_list2l dt {
    letter-spacing: 0.05em;
    font-size: 17px;
  }
}


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

kenchiku

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

#content #article .kenchiku_col {
  margin-bottom: 20px;
  overflow: hidden;
}

#content #article .kenchiku_col dl {
  overflow: hidden;
  width: 660px;
  margin: 0 auto;
}

#content #article .kenchiku_col dt {
  float: left;
  font-weight: bold;
  width: 150px;
  margin-top: 20px;
}

#content #article .kenchiku_col dd {
  float: left;
  width: 510px;
  margin-top: 20px;
}

#content #article .kenchiku_col dd p img.thumb {
  padding: 2px 0 10px 5px;
}

#content #article .kenchiku_col dd ul {
  margin-bottom: 20px;
  overflow: hidden;
}

#content #article .kenchiku_col dd ul li {
  float: left;
  background: url(../kenchiku/image/tri10.gif) no-repeat 0 6px;
  padding: 5px 0 0 20px;
  margin-right: 5px;
}

#content .castle_col {
  font-size: 17px;
  margin-bottom: 20px;
  overflow: hidden;
  width: 660px;
  margin: 0 auto 20px;
}

#content .castle_col h2 {
  margin: 0 0 15px 0;
}

#content .castle_col figure.castle_img {
  float: left;
  margin: 15px 0 0 0;
}

#content .castle_col img.cas_main {
  border: 1px solid #b57d1b;
}

#content .castle_col .castle_01 {
  float: right;
  width: 320px;
  margin: 15px 0 0 0;
  overflow: hidden;
}

#content .castle_col .castle_02 {
  float: left;
  width: 322px;
  margin: 15px 0 0 0;
  overflow: hidden;
}

#content .castle_col .name {
  font-weight: bold;
  font-size: 110%;
  padding-bottom: 5px;
}

#content .castle_col .name2 {
  font-weight: bold;
  font-size: 110%;
  padding: 10px 0 5px 0;
  color: #804040;
}

#content .castle_col .castle_01 dt {
  float: left;
  margin-right: 20px;
  width: 70px;
}

#content .castle_col .castle_01 dd {
  margin-left: 90px;
}

#content .castle_col #ichiran .thumbnail {
  background-color: #FFFFFF;
  padding: 14px;
  width: 640px;
  margin: 0 auto;
}

#content .castle_col ul.thumbnail li {
  float: left;
  text-align: center;
  width: 92px;
  height: 114px;
}

#content .castle_col ul.thumbnail li a {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 0px;
}

#content .castle_col ul.thumbnail li a:hover {
  opacity: .7;
}

#content .castle_col ul.thumbnail {
  overflow: hidden;
}

#content .castle_col ul.thumbnail li.last {
  margin-right: 0;
}

#content .castle_col th {
  background-color: #cfcfb8;
  text-align: center;
  padding: 5px 0;
}

#content .castle_col td {
  background-color: #f4f5e9;
  text-align: center;
  padding: 5px 0;
}

#content .castle_col .cas_t {
  border-top: 1px solid #b57d1b;
  border-left: 1px solid #b57d1b;
  margin-top: 10px;
}

#content .castle_col .cas_t th {
  background-color: #FFFFFF;
  border-right: 1px solid #b57d1b;
  border-bottom: 1px solid #b57d1b;
  padding: 5px 5px 0 5px;
}

#content .castle_col .cas_t td {
  background-color: #FFFFFF;
  text-align: left;
  border-right: 1px solid #b57d1b;
  border-bottom: 1px solid #b57d1b;
  vertical-align: top;
  padding: 5px;
  font-size: 13px;
}

#content .castle_col .cas_t th img:hover {
  opacity: .8;
}

#content #article .panel {
  display: none;
}

#content #article .show {
  display: block;
}



/*�ؑ֗p*/

#content #article ul.q_navitest {
  width: 636px;
  overflow: hidden;
  margin: 0 auto;
  font-weight: bold;
  font-size: 110%;
}

#content #article ul.q_navitest li {
  display: inline-block;
  margin-bottom: 7px;
  width: 152px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #b57d1b;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), color-stop(0.8, #e9e8e8), to(#e9e8e8));
  background: linear-gradient(to bottom, #fff2dc, #dcbe8a);
}

#content #article ul.q_navitest li.active {
  border: 1px solid #c7565c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd5d5), color-stop(0.8, #fea0a5), to(#fea0a5));
  background: linear-gradient(to bottom, #ffd5d5, #fea0a5);
}

#content #article ul.q_navitest li:hover {
  border: 1px solid #c7565c;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd5d5), color-stop(0.8, #fea0a5), to(#fea0a5));
  background: linear-gradient(to bottom, #ffd5d5, #fea0a5);
  cursor: pointer;
}

.bnr_castle {
  padding: 5px 0 10px;
  display: block !important;
  margin: 15px auto 0 !important;
  width: 290px !important;
  height: 73px;
}


/*ボトム*/

aside.related_link,
aside.related_link * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
aside.related_link {
  font-feature-settings: "palt";
  font-size: 15px;
  font-weight: 300;
  letter-spacing: .05em;
  margin: 50px auto;
  width: 750px;
}

aside.related_link .related_link_title {
  align-items: center;
  background: url('../image/ttl_related_link.png') no-repeat center center / auto 100%;
  color: #fff;
  display: flex;
  font-feature-settings: normal;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: .05em;
  min-height: 43px;
  padding: 7px;
  text-align: center;
  width: 100%;
}

aside.related_link .related_link_innerbox {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: -40px;
  margin-top: 26px;
  text-align: left;
}

aside.related_link .banner {
  margin-right: 40px;
  width: 300px;
}

aside.related_link .banner_caption {
  margin-top: 8px;
}

.bnr_castle2 {
  display: block !important;
  margin: 515px auto 0 !important;
  width: 290px !important;
  height: 73px;
}

.mo_box {
  margin: 35px auto;
  width: 654px;
}

#content .cas_col #busyoden li span.ico_new {
  position: absolute;
  bottom: 0;
  left: 71px;
}

#content .cas_col #sugoshiro ul.bnr li span.ico_new {
  position: absolute;
  bottom: -2px;
  right: -2px;
  z-index: 1;
}

#content .cas_col #quiz .ico_new {
  position: absolute;
  bottom: 33px;
  right: 170px;
}

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

  「日本の城検索」「アクセスランキング」バナー

========================================================== */
.bnr {
  margin: 30px auto 20px;
}

.list_bnr {
  display: inline-block;
  vertical-align: top;
  margin: 10px 10px 0;
  text-align: center;
  width: 300px;
}

.list_bnr p {
  font-size: 16px;
  font-feature-settings: "palt";
  letter-spacing: -.001em;
  margin: 0 auto;
}

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

  バナー　2カラム

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


/*古戦場 .bf_kosenjo_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_kosenjo_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kosenjo-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_kosenjo_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kosenjo-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*武将・歴史人の日本刀 .bf_sword_legend_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_sword_legend_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-legend-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_sword_legend_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-legend-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*刀剣奉納 神社・仏閣の日本刀 .bf_religious_building_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_religious_building_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-religious-building-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_religious_building_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-religious-building-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*日本史の珍説 .bf_strange_story_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_strange_story_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-strange-story-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_strange_story_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-strange-story-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*合戦・歴史年表 .bf_battle_history_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_battle_history_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle-history-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_battle_history_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle-history-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*五箇伝の名工 .bf_gokaden_meikou_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_gokaden_meikou_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-gokaden-meikou-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_gokaden_meikou_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-gokaden-meikou_link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*名家・著名人の日本刀 .bf_museum_katana_historian_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_museum_katana_historian_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-katana-historian-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_museum_katana_historian_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-katana-historian-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*戦国武将の合戦戦略 .bf_battle_strategy_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_battle_strategy_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle_strategy-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_battle_strategy_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle_strategy-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

/*日本刀の基礎知識 .bf_knowledge_link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_knowledge_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_knowledge_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

 /*刀剣展示 博物館の日本刀 .bf_museum_link*/
 .clearfix .bnr_line2 figure.bnr_box_2column.bf_museum_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-link-600x300.jpg) no-repeat top;
 	background-size: 100%;
 }
 .bnr_single_line figure.bnr_box_2column.bf_museum_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-link-1000x180.jpg) no-repeat top;
 	background-size: 100%;
 }

 /*戦国武将 .bf_historian_link*/
 .clearfix .bnr_line2 figure.bnr_box_2column.bf_historian_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-link-600x300.jpg) no-repeat top;
 	background-size: 100%;
 }

 .bnr_single_line figure.bnr_box_2column.bf_historian_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-link-1000x180.jpg) no-repeat top;
 	background-size: 100%;
 }

/*甲冑（鎧兜）の基礎知識 .bf_knowledge-armor-link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_knowledge-armor-link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box_2column.bf_knowledge-armor-link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}

 /*主な江戸100藩 .bf_edo-domain100_link*/
 .clearfix .bnr_line2 figure.bnr_box_2column.bf_edo-domain100_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-edo-domain100-link-600x300.jpg) no-repeat top;
 	background-size: 100%;
 }

 .bnr_single_line figure.bnr_box_2column.bf_edo-domain100_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-edo-domain100-link-1000x180.jpg) no-repeat top;
 	background-size: 100%;
 }

 /*皇室・公家と刀剣 .bf_imperial_sword_link*/
 .clearfix .bnr_line2 figure.bnr_box_2column.bf_imperial_sword_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-imperial-sword-link-600x300.jpg) no-repeat top;
 	background-size: 100%;
 }

 .bnr_single_line figure.bnr_box_2column.bf_imperial_sword_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-imperial-sword-link-1000x180.jpg) no-repeat top;
 	background-size: 100%;
 }

 /*書画・美術品写真 .bf_search_art_link*/
 .clearfix .bnr_line2 figure.bnr_box_2column.bf_search_art_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-art-link-600x300.jpg) no-repeat top;
 	background-size: 100%;
 }

 .bnr_single_line figure.bnr_box_2column.bf_search_art_link{
 	background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-art-link-1000x180.jpg) no-repeat top;
 	background-size: 100%;
 }


/*日本刀（刀剣）写真 .bf_search_cat*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_search_cat{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-cat-600x300.png) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_search_cat{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-cat-1000x180.png) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_search_cat a{
	padding: 9% 0 2% 0;
}

.clearfix .bnr_line2 figure.bnr_box_2column.bf_search_cat a{
	padding: 13% 15% 2%;
}

.bnr_single_line figure.bnr_box_2column.bf_search_cat::after,
.clearfix .bnr_line2 figure.bnr_box_2column.bf_search_cat::after{
  content: none;
}
.bnr_single_line figure.bnr_box_2column.bf_search_cat .txt_name,
.clearfix .bnr_line2 figure.bnr_box_2column.bf_search_cat .txt_name{
  float: none;
  display: inline-block;
  padding: 1% 3%;
  width: auto;
  position: relative;
  right: 60px;
  border-radius: 3px;
  font-weight: 600;
  color: #d83b30;
  max-width: 65%;
}
.clearfix .bnr_line2 figure.bnr_box_2column.bf_search_cat .txt_name {
  line-height: 1.3;
  padding: 1% 3%;
}
.bnr_single_line figure.bnr_box_2column.bf_search_cat .txt_name::before,
.clearfix .bnr_line2 figure.bnr_box_2column.bf_search_cat .txt_name::before{
	content: none;
}
.bnr_single_line figure.bnr_box_2column.bf_search_cat .txt_name::after,
.clearfix .bnr_line2 figure.bnr_box_2column.bf_search_cat .txt_name::after{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-cat-text.png) no-repeat center;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 30px;
  margin: auto 0 auto 5px;
  position: absolute;
  top: 0;
  left: 100%;
  width: 120px;
}

/*現代に残る武士の風習 .bf_samurai-customs-link*/
.clearfix .bnr_line2 figure.bnr_box_2column.bf_samurai-customs-link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-samurai-customs-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box_2column.bf_samurai-customs-link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-samurai-customs-link-1000x180.jpg) no-repeat top;
  background-size: 100%;
}




/*------各カテゴリー別指定_end------*/

.clearfix .bnr_line2 figure.bnr_box_2column .txt_name,
.bnr_single_line figure.bnr_box_2column .txt_name{
  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);
  display: block;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
  font-feature-settings: "pkna";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 auto;
  position: relative;
  padding: 1% 7%;
  width: 80%;
}

.bnr_box_hover:hover{
  opacity: .7;
}

.clearfix .bnr_line2 figure.bnr_box_2column span.txt_name:before,
.clearfix .bnr_line2 figure.bnr_box_2column span.txt_name:after,
.bnr_single_line figure.bnr_box_2column span.txt_name:before,
.bnr_single_line figure.bnr_box_2column span.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: .5em;
  margin: auto 0;
  top: 0;
  position: absolute;
  width: .75em;
}

.clearfix .bnr_line2 span.txt_name:before,
.bnr_single_line span.txt_name:before{
 left: 3%;
}

.clearfix .bnr_line2 span.txt_name:after,
.bnr_single_line span.txt_name:after{
 right: 3%;
}

.bnr_line .clearfix .bnr_line2 p,
.bnr_line .bnr_single_line p{
  margin: 0 auto;
  max-width: 610px;
  text-align: left;
  font-size: 17px;
  line-height: 1.5;
}

/*一枚バナーで、キャプション文がバナーより長い、かつテキストが中央寄りになっている際に使用*/
.bnr_line .bnr_single_line .long_caption{
  max-width: 504px;
  text-align: left;
}

/* バナーを並べるクラスを追加 */
.bnr_line {
  max-width: 750px;
  display: block;
  margin: 55px auto 30px;
}
/*バナー1枚時*/
.bnr_line figure {
max-width: 500px;
margin: 0 auto;

}

/*バナー2枚時*/
.bnr_line ul {
  text-align: center;
}
.bnr_line ul li {
  display: inline-block;
  margin: 20px 5px 0;
  vertical-align: top;
}

.bnr_line ul li:nth-child(1),
.bnr_line ul li:nth-child(2) {
  margin-top: 0;
}

.bnr_line2.no_image img {
  margin-left: auto;
}


@media (max-width:767px){
.bnr_line ul li {
 margin: 0 0 10px;
  }
.bnr_line figure figcaption {
text-align: left;
}
}


/* 2枚バナーを並べるとき */
li.bnr_line2{
  width: 46%;
}
@media (max-width:767px){
.bnr_line2.no_image {
  display: none;
}
  .bnr_line ul li {
  width: 100%;
  }
}

/*-------------------------------
 ▼▼▼20190725_既存バナー制作追加分▼▼▼
 -------------------------------*/

 /*前提記載（レイアウトが崩れた際に記載）*/

.bnr_line .clearfix{
  margin:0 auto;
  width: 97%;
}
.clearfix .bnr_line2 {
  display: inline-block;
  margin: 20px 1% 0;
  max-width: 345px;
  vertical-align: top;
  width: 100%;
}
/*前提記載（レイアウトが崩れた際に記載）*/

.clearfix .bnr_line2 figure.bnr_box_2column,
.bnr_single_line  figure.bnr_box_2column{
  border: 2px solid #B38F5F;
  font-size: 0;
  margin-bottom: 5px;
  min-height: 88px;
  position: relative;
}

.bnr_single_line  figure.bnr_box_2column{
  margin: 0 auto 5px;
  max-width: 504px;
}

.clearfix .bnr_line2 figure.bnr_box_2column::after,
.bnr_single_line figure.bnr_box_2column::after {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/btn_chronology_arrow.png) no-repeat right bottom;
  background-size: 100%;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  max-width: 35px; 
  position: absolute;
  right: 0;
  width: 100%;
}

.clearfix .bnr_line2 figure.bnr_box_2column a,
.bnr_single_line figure.bnr_box_2column a {
  box-sizing: border-box;
  color: #000;
  display: block;
  text-align: center;
  min-height: 100%;
  padding: 13% 4% 2%;
  width: 100%;
}

.bnr_single_line figure.bnr_box_2column a{
  padding: 9% 5.5% 2% 4%;
  overflow: hidden;
}

/*------各カテゴリー別指定------*/

/*リサーチ 城をめぐる戦い .bf_research-castle_link*/
.clearfix .bnr_line2 figure.bf_research-castle_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr_siege_600_150_bg.png) no-repeat top,linear-gradient(to bottom,#370105 0, #7c0a13 50%);
  background-size: 100%;
}
.bnr_single_line figure.bf_research-castle_link{
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-siege-bg-1000x180.jpg) no-repeat top,linear-gradient(to bottom,#370105 0, #7c0a13 50%);
  background-size: 100%;
}

/* リンク用バナー */

.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: 40px 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;
  font-weight: 600;
}
.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;
}

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

調整

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

* > article#article {
  overflow: visible;
  width: 680px;
  margin: 10px auto 0 !important;
  padding: 0;
}

/* ==========================================================
動画
========================================================== */

.box_movie_castle {
  margin: 20px auto 0;
}

.box_movie_castle h2 {
  background: url("../image/ttl_bg_castle_movie.png") #ab2422 no-repeat center;
  border: 1px solid #ab2422;
  color: #fff;
  font-size: 22px;
  line-height: 60px;
  font-weight: 600;
}

.inner_movie_castle {
  box-sizing: border-box;
  width: 680px;
  margin: 0 auto;
  padding: 0 20px 20px;
  border: 1px solid #ab2422;
}

.inner_movie_castle .lead {
  margin: 15px auto 0;
  font-size: 15px;
  letter-spacing: .15em;
}

.lst_movie_castle {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 5px auto 0;
}

.lst_movie_castle li {
  width: calc(100% / 4.15);
  height: 120px;
  margin: 10px 0 0;
  background: url("../image/bg_castle_blank.png") no-repeat 0 0 /cover;
}

.lst_movie_castle a {
  display: block;
}

.lst_movie_castle figure {
  display: block;
  width: 100%;
}

.lst_movie_castle figure > .img_liquid {
  position: relative;
  height: 85px;
  overflow: hidden;
  background: #fff;
}

.lst_movie_castle figure > .img_liquid::before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 3px;
  right: 0;
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 13px 0 13px 17px;
  border-color: transparent transparent transparent #ffffff;
  z-index: 1;

}

.lst_movie_castle figure > .img_liquid::after {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 50%;
  border: 4px solid #fff;
}

.lst_movie_castle figure > .img_liquid img {
  width: 100%;
  height: auto;
  margin-top: -15px;
}

.lst_movie_castle a:hover .img_liquid > img {
  opacity: .7;
}


.lst_movie_castle a:hover .img_liquid::before {
  visibility: visible;
}

.lst_movie_castle figure > figcaption {
  width: 70%;
  margin: 0 auto;
  font-size: 15px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feature_banner {
  margin: 30px auto 0;
  text-align: center;
}

.feature_banner figcaption {
  margin: 5px auto 0;
  font-size: 16px;
  letter-spacing: .15em;
}

* > article#article section.con_box {
  display: inline-block;
  margin-bottom: 5px;
}

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

* > article#article section.con_box p {
    font-size: 17px;
    margin: 0 20px 10px;
    line-height: 1.5;
    text-align: left;
}