@charset "utf-8";

/* header ==============================================================================================================================================================*/

#header {
  margin: 0px auto;
  width: 95%;
  overflow: hidden;
  padding: 5px 0px 8px;
}

h1 {
  margin: 0px;
  width: 48%;
  padding: 17px 0px 0px;
  float: left;
}
h1 img {
  width: 100%;
}

#head-right {
  width: 40%;
  float: right;
}

#head-right p {
  width: 43%;
  padding: 31px 0px 0px;
  float: left;
  padding-right: 10px;
  display: none;
}

#head-right dl {
  width: 100%;
  float: right;
  padding-top: 8px;
  font-weight: bold;
  color: #2c251b;
}

#head-right dt img {
  width: 100%;

  min-height: 13px;
}

#head-right dd img {
  width: 100%;

  min-height: 13px;
}

/* navi ==============================================================================================================================================================*/

#navi {
  display: none;
}

#navi-smp {
  margin: 0px auto 10px;
  width: 100%;
  display: block;
}

#navi-smp di {
  width: 95%;
}

#navi-smp dt {
  padding: 3% 0% 3% 35px;
  cursor: pointer;
  color: #fff;
  background: url(../img/bg_nav.png) repeat-x center;
  font-weight: bold;
  margin: 0 0 1px;
}
#navi-smp dd {
  display: none;
}

#navi-smp dt.active {
  cursor: pointer;
}

#navi-smp dd p {
  display: block;
}

#navi-smp dd p a {
  width: 91%;
  display: block;
  margin: 0 auto;
  color: #333;
  padding: 3% 0% 3% 9%;
  border-bottom: 1px #ccc dotted;
}

#navi-smp dd dt {
  width: 91%;
  display: block;
  margin: 0 auto;
  color: #333;
  padding: 3% 0% 3% 9%;
  border-bottom: 1px #ccc dotted;
  background: none;
}

#navi-smp dd dd a {
  width: 89%;
  display: block;
  margin: 0 auto;
  color: #333;
  padding: 3% 0% 3% 11%;
  border-bottom: 1px #ccc dotted;
}

/* mainimg ==============================================================================================================================================================*/

#mainimg {
  width: 100%;
}

.bx-wrapper {
  margin: 0 auto 10px;
}

.bx-wrapper .bx-prev {
  display: none;
}

.bx-wrapper .bx-next {
  display: none;
}

.bx-wrapper .bx-pager {
  position: relative;
  top: 0px;
}

.bx-wrapper .bx-pager img {
  width: 70px;
  padding: 11px 5px 3px;
  line-height: 0;
  vertical-align: bottom;
}

/* layout ==============================================================================================================================================================*/

#contents {
  margin: 0px auto 30px;
  width: 95%;
  overflow: hidden;
}

#contents-over {
  width: 100%;
  position: relative;
  top: -10px;
  background: unset;
}

#side {
  float: none;
}

#area {
  float: none;
}

#page-tittle {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  height: auto;
  border-bottom: 1px #ccc solid;
  padding: 20px 0px 20px;
}

#page-tittle img {
  width: 50%;
}

#page-tittle .tit {
  margin-bottom: 10px;
}

/* side ==============================================================================================================================================================*/

.side-bannar {
  margin: 0px auto;
  width: 100%;
  padding: 0;
}

.side-bannar .first {
  margin: 0px auto 10px;
  width: 100%;
  text-align: center;
}

.side-bannar first img {
  width: 100%;
}

.side-bannar .second {
  margin: 0 2.5% 10px 2.5%;
  text-align: center;
  width: 45%;
  float: left;
}

.side-bannar .second img {
  width: 100%;
  line-height: 1px;
  display: block;
  vertical-align: bottom;
}

.side-bannar a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* top ==============================================================================================================================================================*/

.top-bannar {
  margin: 0px auto;
  width: 100%;
  overflow: hidden;
}

.top-bannar p {
  width: 100%;
  padding-left: 0px;
}

.top-bannar p img {
  width: 100%;
}

.top-ranking {
  margin: 0px auto 20px;
  width: 100%;
  height: auto;
  background: url(../img/top_bannar2.jpg) no-repeat left top;
  position: relative;
  overflow: hidden;
}

.top-ranking .rank-tit {
  position: relative;
  margin: 0px auto 33px;
  width: 114px;
  height: 66px;
  top: 6px;
  left: auto;
  right: auto;
  z-index: 30;
}
.top-ranking .rank-tit img {
  width: 100%;
}

.top-ranking ul {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.top-ranking ul li {
  width: 33%;
  padding-left: 1px;
  float: left;
  list-style-type: none;
}

.top-ranking ul li img {
  width: 100%;
}

.top-ranking .rank1 {
  position: absolute;
  width: 12%;
  top: 83px;
  left: 1%;
  z-index: 20;
}
.top-ranking .rank1 img {
  width: 100%;
}

.top-ranking .rank2 {
  position: absolute;
  width: 12%;
  top: 83px;
  left: 34%;
  z-index: 20;
}
.top-ranking .rank2 img {
  width: 100%;
}

.top-ranking .rank3 {
  position: absolute;
  width: 12%;
  top: 83px;
  left: 67%;
  z-index: 20;
}
.top-ranking .rank3 img {
  width: 100%;
}

.top-bannar dl {
  width: 100%;
  float: none;
  padding: 0px 0px 20px 0px;
}

.top-bannar dt img {
  width: 100%;
}

/* newsTopics */
div#newsTopics {
  width: 98%;
}

div#newsTopics div#tabFrame #tabwrap {
  width: 98%;
}

div#newsTopics div#tabFrame #tabwrap ul#tabs li {
  font-size: 11px;
  width: 18%;
  min-height: 50px;
}

div#newsTopics div#tabFrame div#tabwrap div#content ul li dl dt {
  width: 100%;
  float: none;
}
div#newsTopics div#tabFrame div#tabwrap div#content ul li dl dd {
  width: 100%;
  display: block;
  float: none;
  padding-left: 0px;

  overflow: hidden;
}

div#newsTopics div#tabFrame div#tabwrap div#content > div {
  display: none;
  padding: 0 15px;
  height: auto;
  overflow-y: hidden;
}

/* footer ==============================================================================================================================================================*/

.footer-menu .innar {
  width: 95%;
}

/* tittle ==============================================================================================================================================================*/

.tit1 {
  margin-bottom: 20px;
  width: 100%;
  height: 30px;
  background-size: 100% 36px;
  background: url(../img/bg_tit1.png) no-repeat;
  font-size: 14px;
  text-align: center;
  line-height: 150%;
}

.tit1 p {
  height: 30px;
  vertical-align: middle;
  display: table-cell;
}

/* faq ==============================================================================================================================================================*/

.base {
  width: 100%;
  overflow: hidden;
}

.faq-btn1 {
  width: 100%;
  float: none;
}
.faq-btn1 img {
  width: 100%;
}

.faq-btn2 {
  width: 100%;
  float: none;
}
.faq-btn2 img {
  width: 100%;
}

.faq-btn1 a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.faq-btn2 a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.mi-faq {
  margin-bottom: 40px;
  width: 100%;
  padding-top: 2px;
  background: url(../img/bg_mi_faq.png) no-repeat center top;
}

.mi-faq .innar {
  width: 100%;
  padding-bottom: 2px;
  background: url(../img/bg_mi_faq.png) no-repeat center bottom;
}

.mi-faq .innar p {
  margin: 0px auto;
  width: 90%;
  display: block;
  padding: 15px 0px;
  line-height: 0;
  text-align: center;
}

.mi-faq .innar p img {
  width: 100%;
}

.question {
  margin-bottom: 20px;
  max-width: 85%;
  min-height: 20px;
  padding: 0px 0px 4px 25px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 150%;
  background: url(../img/icon_q2.png) no-repeat left 2px;
  background-size: 15px 15px;
}

.question span {
  min-height: 30px;
  padding-right: 0px;
  background: none;
}

.answer {
  margin-bottom: 30px;
  width: 100%;
  padding: 20px 0px 0px 0px;
  background: url(../img/icon_a.png) no-repeat left top;
}

/* list ==============================================================================================================================================================*/

.area-sp {
  padding-left: 0px;
}

.item-box {
  width: 100%;
  padding-left: 0px;
  overflow: hidden;
}

.item-list {
  width: 100%;
  text-align: center;
  margin: 0px 0px 30px 0px;
  float: none;
}

.item-list img {
  width: 100%;
  max-width: 228px;
}

.item-list .photo {
  margin: 0px auto 5px;
  width: 228px;
  border: 1px #333 solid;
}

.item-list .photo img {
  width: 100%;
  vertical-align: bottom;
}

.item-box dl {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 150%;
  text-align: left;
}

.item-box dt {
  margin-bottom: 3px;
  color: #6c4174;
}

.komono-box {
  width: 100%;
  padding-left: 0px;
  overflow: hidden;
}

.komono-list {
  width: 100%;
  text-align: center;
  margin: 0px 0px 30px 0px;
  float: none;
}

.komono-list img {
  width: 100%;
  max-width: 228px;
}

.komono-list .photo {
  margin: 0px auto 5px;
  border: 1px #333 solid;
}

.komono-list .photo img {
  width: 100%;
  vertical-align: bottom;
}

/* kituke ==============================================================================================================================================================*/

.kitsuke-img {
  margin: 0px auto 10px;
  width: 200px;
  padding: 5px;
  float: none;
  border: 1px #333 solid;
}
.kitsuke-img img {
  width: 100%;
  line-height: 0px;
  vertical-align: bottom;
}

.kitsuke-text {
  width: 100%;
  padding-bottom: 20px;
  float: none;
}

.kitsuke-text .mi1 {
  color: #e3c480;
  font-size: 14px;
  font-weight: bold;
  line-height: 150%;
  padding: 0px 0px 5px;
  background: url(../img/bg_kitsuke1.png) no-repeat left bottom;
}

.kitsuke-text .text-box p {
  margin-top: 10px;
  font-size: 12px;
  line-height: 150%;
}

/* news ==============================================================================================================================================================*/

.news {
  margin-bottom: 20px;
  width: 500px;
  font-size: 12px;
  line-height: 150%;
  padding-bottom: 5px;
  overflow: hidden;
  border-bottom: 1px #555 dotted;
}

.news dt {
  width: 100%;
  margin-right: 0px;
  padding-right: 0px;
  float: none;
  text-indent: 1em;
  background: url(../img/bg_news.png) no-repeat left;
}

.news dd {
  width: 100%;
  float: none;
}

/* rental ==============================================================================================================================================================*/

.rental-copy {
  margin: 0px auto 20px;
  width: 100%;
}

.rental-copy img {
  width: 100%;
}

.rental-box {
  width: 100%;
  overflow: hidden;
}

.rental-list {
  width: 100%;
  margin: 0px 0px 30px 0px;
  float: none;
}

.rental-list .photo {
  margin: 0px auto 5px;
  width: 166px;
  max-width: 100%;
  border: 1px #333 solid;
}

.rental-list .photo img {
  width: 100%;
  vertical-align: bottom;
}

.rental-box dl {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 150%;
}

.rental-box dt {
  margin-bottom: 3px;
  color: #6c4174;
}

.rental-box a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.mi-event {
  margin: 0px 0px 20px;
  padding: 0px;
  width: 100%;
  height: 27px;
  font-size: 16px;
  font-weight: bold;
  line-height: 150%;
  background: url(../img/mi_event1.png) no-repeat right;
  background-size: 53%;
}

.gaiyo {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px #333 solid;
}

.gaiyo dt {
  width: 100%;
  padding: 0px;
  float: none;
}

.gaiyo dd {
  width: 100%;
  padding: 0px 0px 10px;
  float: none;
}

.ti-event-base {
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ti-event1 {
  margin-bottom: 20px;
  width: 98%;
  min-height: 290px;
  border: 1px #333 solid;
  float: none;
}

.ti-event2 {
  margin-bottom: 20px;
  width: 98%;
  min-height: 290px;
  border: 1px #333 solid;
  float: none;
}

.ti-event-base img {
  width: 100%;
}

.ti-event-base dd {
  width: 95%;
  position: relative;
  top: -20px;
  padding: 0px 15px;
}

.map1 {
  width: 100%;
  float: none;
}

.map1 img {
  width: 100%;
  max-width: 334px;
}

.map2 {
  width: 100%;
  float: none;
}

.map2 iframe {
  width: 100%;
  max-width: 334px;
  height: 334px;
}

.map-text {
  width: 100%;
}

.ticket {
  width: 90%;
  margin: 0px auto 40px;
  text-align: center;
}

.ticket img {
  width: 100%;
}

.event-main {
  margin-bottom: 10px;
  width: 100%;
}

.event-main img {
  width: 100%;
  vertical-align: bottom;
}

.event-main-box {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: none;
}

.event-main-box .btn1 {
  margin: 0px auto 10px;
  width: 80%%;
  padding-left: 0px;
  float: none;
}
.event-main-box .btn1 img {
  width: 100%;
}

.event-main-box .btn2 {
  margin: 0px auto 10px;
  width: 80%%;
  padding-right: 0px;
  float: none;
}
.event-main-box .btn2 img {
  width: 100%;
}

/* kanren ==============================================================================================================================================================*/

.kanren-box {
  margin-bottom: 30px;
  width: 100%;
  overflow: hidden;
}

.kanren-box li {
  width: 100%;
  margin: 0px 0px 10px 0px;
  float: none;
  list-style-type: none;
}
.kanren-box li img {
  width: 100%;
}

.kanren-box li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* policy ==============================================================================================================================================================*/

.policy {
  margin-bottom: 30px;
  width: 100%;
  font-size: 12px;
  line-height: 150%;
}

.policy dt {
  margin-bottom: 5px;
  font-weight: bold;
  color: #6c3f72;
}

.policy dd {
  margin-bottom: 20px;
  padding-left: 1.5em;
}

/* sitemap ==============================================================================================================================================================*/

.sitemap-block {
  width: 100%;
  padding-left: 0px;
  float: none;
}

.sitemap-block p {
  margin-bottom: 20px;
  padding-left: 15px;
  background: url(../img/bg_news.png) no-repeat left;
}

.sitemap-block dl {
  margin-bottom: 30px;
}

.sitemap-block dt {
  padding-left: 0px;
}

.sitemap-block dd {
  padding-left: 0px;
}

/* contact ==============================================================================================================================================================*/

.contact {
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 20px;
  background: url(../img/bg_contact.png) no-repeat center bottom;
}

.contact-th {
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 12px;
  line-height: 150%;
  padding: 5px 0px 5px 0px;
  position: relative;
  float: none;
}

.contact-th span {
  margin-left: 10px;
  padding: 2px 10px;
  color: #fff;
  vertical-align: bottom;
  line-height: 100%;
  background: #990000;
  border-radius: 5px;
  position: relative;
  top: -4px;
}

.contact-td {
  width: 100%;
  float: none;
}

.contact-td p {
  display: block;
}

.contact-float {
  margin-right: 0px;
  float: none;
}

.contact-td .name {
  margin-left: 5px;
  width: 80%;
  border-radius: 5px;
  padding: 5px;
  border: 1px #fff solid;
}

.tel {
  border-radius: 5px;
  padding: 5px;
  width: 80%;
  border: 1px #fff solid;
}

.email {
  border-radius: 5px;
  padding: 5px;
  width: 80%;
  border: 1px #fff solid;
}

.zip {
  margin-left: 5px;
  border-radius: 5px;
  padding: 5px;
  width: 80%;
  border: 1px #fff solid;
}

.area {
  border-radius: 5px;
  padding: 5px;
  width: 80%;
  border: 1px #fff solid;
  background: #fff;
}

.address {
  border-radius: 5px;
  padding: 5px;
  width: 80%;
  border: 1px #fff solid;
}

.age {
  margin-right: 5px;
  border-radius: 5px;
  padding: 5px;
  width: 80%;
  border: 1px #fff solid;
}

.naiyou {
  border-radius: 5px;
  padding: 5px;
  width: 80%;
  height: 100px;
  border: 1px #fff solid;
}

/* datail ==============================================================================================================================================================*/

.datail-box {
}

.datail-box dl {
  margin-bottom: 30px;
  width: 100%;
  padding-left: 0px;
  font-size: 12px;
  line-height: 150%;
}

.datail-box dt {
  margin-bottom: 5px;
  color: #6c4073;
}

.datail-box #photo {
  margin: 0px auto 25px;
  width: 50%;
  padding-left: 0px;
  text-align: center;
}
.datail-box #photo {
  width: 70%;
  max-width: 70%;
}

#sub {
  width: 100%;
  overflow: hidden;
}

#sub li {
  width: 27%;
  list-style: none;
  float: left;
  margin-left: 10px;
}

#sub img {
  width: 100%;
  border: none;
  padding: 6px;
}

#sub .over img {
  border: 3px #5e175d solid;
  padding: 3px;
}

/* company ==============================================================================================================================================================*/

.rinen {
  margin-bottom: 30px;
  width: 100%;
  height: auto;
  padding: 0px;
  background: none;
  color: #fff;
}

.rinen .innar {
  width: 100%;
  padding-bottom: 0px;
  background: url(../img/bg_rinen2.png) repeat;
}

.rinen .innar dt {
  width: 100%;
  padding: 0px 0px 10px;
}
.rinen .innar dt img {
  width: 100%;
}

.rinen .innar dd {
  margin-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
}

.honsya {
  margin-bottom: 30px;
}

.honsya iframe {
  width: 100%;
  height: 300px;
}

.saiyo {
  margin-bottom: 30px;
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  line-height: 150%;
  border-bottom: 1px #333 solid;
}

.saiyo dt {
  width: 100%;
  padding: 5px 0px 5px;
  float: none;
}

.saiyo dd {
  width: 100%;
  padding: 5px 0px 10px;
  float: none;
}

.company-map {
  margin-bottom: 30px;
  width: 100%;
}
.company-map img {
  width: 100%;
}

.store-box {
  width: 100%;
  padding-left: 0px;
  overflow: hidden;
}

.store-list {
  width: 100%;
  margin: 0px 0px 30px 0px;
  float: none;
  font-size: 12px;
  line-height: 150%;
  min-height: 200px;
  padding-bottom: 10px;
  border-bottom: 1px #eee dotted;
}

.store-list iframe {
  width: 100%;
  height: 150px;
}

.store-list p {
  margin-bottom: 5px;
  display: block;
}

.store-list p img {
  width: 100%;
  vertical-align: bottom;
}

.store-list img {
  width: 100%;
  vertical-align: bottom;
}

.store-list dt {
  margin-bottom: 5px;
  font-weight: bold;
}

/* choice ==============================================================================================================================================================*/

.choice-main {
  width: 100%;
  margin-bottom: 40px;
}

.choice-main img {
  width: 100%;
}

.choice-tit {
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
.choice-tit img {
  width: 100%;
}

.choice-text1 {
  width: 100%;
}

.choice-page-top {
  margin-bottom: 30px;
  width: 100%;
  padding-right: 0px;
  text-align: right;
}

.choice-table {
  width: 100%;
  display: block;
  font-size: 12px;
  line-height: 150%;
}

.choice-table th {
  text-align: left;
  display: block;
  border: none;
  padding: 10px 0px 0px;
}
.choice-table td {
  display: block;
  padding: 10px 0px;
}

.choice-table2 {
  margin-bottom: 30px;
  width: 100%;
  font-size: 12px;
  line-height: 150%;
}

.choice-table2 th {
  width: 100%;
  text-align: left;
  padding: 10px 0px;
  background: #220f18;
  display: block;
}
.choice-table2 th p {
  margin: 0px auto;
  width: 95%;
  display: block;
}

.choice-table2 td {
  width: 100%;
  padding: 10px 0px 20px;
  display: block;
}

.choice-float1 {
  width: 100%;
  float: none;
}

.choice-float1 .innar-text {
  width: 100%;
  font-size: 12px;
  line-height: 150%;
}

.choice-float2 {
  width: 100%;
  float: none;
  font-size: 12px;
  line-height: 150%;
}

.choice-table3 {
  margin-bottom: 10px;
  width: 100%;
  font-size: 12px;
  line-height: 150%;
}

.choice-table3 th {
  padding: 10px 0px;
  color: #6c3f72;
  text-align: center;
}
.choice-table3 td {
  padding: 10px 0px;
  text-align: center;
}

.choice-table3 .line {
  border-bottom: 1px #111 solid;
}

/* acquisition ==============================================================================================================================================================*/

.acquisition-mi1 {
  margin: 0px auto 30px;
  text-align: center;
  width: 100%;
}
.acquisition-mi1 img {
  width: 100%;
}

.acquisition-box {
  margin-bottom: 40px;
  width: 100%;
  padding-left: 0px;
  font-size: 12px;
  line-height: 150%;
}

.acquisition-box img {
  max-width: 259px;
  width: 50%;
}

.acquisition-box2 {
  margin-bottom: 40px;
  width: 100%;
  padding-left: 0px;
  font-size: 12px;
  line-height: 150%;
}

.acquisition-box2 img {
  max-width: 367px;
  width: 70%;
}

.flow-box {
  width: 100%;
  overflow: hidden;
}

.flow-list {
  width: 100%;
  margin: 0px 0px 30px 0px;
  float: none;
  font-size: 12px;
  overflow: hidden;
  line-height: 150%;
}
.flow-list img {
  width: 70%;
  max-width: 128px;
}

.flow-list p {
  margin-bottom: 15px;
  text-align: center;
  width: 30%;
  float: left;
  display: block;
}

.flow-list dl {
  width: 70%;
  float: left;
}

.flow-list dt {
  margin-bottom: 10px;
  text-align: left;
  color: #6c3f72;
  font-weight: bold;
}

/* 2018.11.22追記 ==============================================================================================================================================================*/

.kimono_58 {
  width: 90%;
  margin: 30px auto;
}

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

.kimono_58 a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.kimono_58 a:hover {
  opacity: 0.7;
}