@charset "UTF-8";
/*
body{
	font-size: 14px;
	color: #3e3a39;
}*/
#contents {
  /*
  黄色いボタン
  */
}
img { max-width : 100% ; height : auto ; }
#contents .subpagecontents_wrapper {
  text-align: left;
}
@media screen and (max-width: 641px) {
  #contents {
    line-height: 1.5;
  }
}
@media screen and (min-width: 641px) {
  #contents .pc_non {
    display: none;
  }
}
@media screen and (max-width: 641px) {
  #contents .sp_non {
    display: none;
  }
}
#contents ul {
  padding: 0;
  margin: 0;
}
#contents li {
  list-style: none;
  padding-left: 0;
}
#contents dl, #contents dt, #contents dd {
  padding: 0;
  margin: 0;
}
#contents .searchbtn {
  margin-top: 1em;
}
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6, #contents p {
  margin: 0;
}
#contents .y_btn, #contents #contentsArea #btnArea input,
#contents #rightArea .btn input {
  background: #FEEA00;
  cursor: pointer;
  border: 0;
  display: block;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: center;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity .35s;
  -moz-transition: opacity .35s;
  -ms-transition: opacity .35s;
  -o-transition: opacity .35s;
  transition: opacity .35s;
}
#contents .y_btn:hover, #contents #contentsArea #btnArea input:hover,
#contents #rightArea .btn input:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-transition: opacity .35s;
  -moz-transition: opacity .35s;
  -ms-transition: opacity .35s;
  -o-transition: opacity .35s;
  transition: opacity .35s;
}
#contents .y_btn.small, #contents #contentsArea #btnArea input.small,
#contents #rightArea .btn input.small {
  font-size: 12px;
  display: block;
  padding: .5em;
  letter-spacing: -.03em;
  width: 100%;
}
#contents .y_btn.medium, #contents #contentsArea #btnArea input.medium,
#contents #rightArea .btn input.medium {
  padding: 1em;
  display: block;
  letter-spacing: -.04em;
  width: 100%;
}
#contents .y_btn.large, #contents #contentsArea #btnArea input.large,
#contents #rightArea .btn input.large {
  display: block;
  padding: 1em;
  font-size: 23px;
  width: 100%;
}
#contents #data .ttl {
  font-size: 20px;
  letter-spacing: -.04em;
}
#contents #data .img {
  margin-bottom: 1em;
}
#contents .ttl_level4 {
  font-weight: bold;
  font-size: 130%;
  margin: 0;
}
#contents #contentsArea #btnArea ul {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents #contentsArea #btnArea ul li {
  width: 48%;
}
@media screen and (min-width: 641px) {
  #contents #contentsArea #btnArea ul li {
    width: 30%;
    margin-left: 1em;
  }
}
#contents #contentsArea #btnArea ul li:first-child {
  margin-left: auto;
}
@media screen and (max-width: 641px) {
  #contents #contentsArea #btnArea ul li:first-child {
    margin-right: 4%;
  }
}

/*---------------------------------------------------
	マチマガで流用するスタイル。個別ページの./style.cssへ吐き出し
----------------------------------------------------*/
/*---------------------------------------------
	パーツ
----------------------------------------------*/
#contents .type-b #headArea {
  background: #52C3F1;
}
#contents .type-b #headArea:before {
  background: #86D6F7;
}
#contents .type-b #access {
  background: #F2F9FE;
}
#contents .type-b #access .tokusyu_box {
  border: 1px solid #52C3F1;
}
#contents .type-b #access .tokusyu_box dt {
  background: #52C3F1;
}

#contents .type-y #headArea {
  background: #FFF100;
}
#contents .type-y #headArea:before {
  background: #FFF999;
}
#contents .type-y #access {
  background: #FFFDED;
}
#contents .type-y #access .tokusyu_box {
  border: 1px solid #FEEA00;
}
#contents .type-y #access .tokusyu_box dt {
  background: #FEEA00;
}

#contents .type-p #headArea {
  background: #EE86B4;
}
#contents .type-p #headArea:before {
  background: #F5AFCE;
}
#contents .type-p #access {
  background: #FDF3F7;
}
#contents .type-p #access .tokusyu_box {
  border: 1px solid #EE86B4;
}
#contents .type-p #access .tokusyu_box dt {
  background: #EE86B4;
}

#contents .type-g #headArea {
  background: #6DBB5C;
}
#contents .type-g #headArea:before {
  background: #8BD37E;
}

#contents .type-o #headArea {
  background: #F8BF3B;
}
#contents .type-o #headArea:before {
  background: #FCD376;
}

#contents .type-pr #headArea {
  background: #CD92C1;
}
#contents .type-pr #headArea:before {
  background: #EDC1E3;
}

#contents {
  /*

  #headArea

  */
  /*

  #access_common

  */
  /*---------------------------------------------
  	PC
  ----------------------------------------------*/
  /*---------------------------------------------
  	SP
  ----------------------------------------------*/
}
#contents .tokusyu_box.type1 h3,
#contents .tokusyu_box.type2 h3,
#contents .tokusyu_box.type3 h3 {
  font-size: 21px;
  background-image: url("../../images/i_lead.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.8em;
  margin: 2em 0 .5em;
}
@media screen and (max-width: 641px) {
  #contents .tokusyu_box.type1 h3,
  #contents .tokusyu_box.type2 h3,
  #contents .tokusyu_box.type3 h3 {
    margin-top: 1em;
  }
}
#contents #townmap {
  margin: 2em 0 1em;
}
@media screen and (max-width: 641px) {
  #contents #townmap {
    margin-top: 1em;
  }
  #contents #townmap a {
    display: block;
    border: 8px solid #FEEA00;
    text-align: center;
    background-color: #FEEA00;
  }
  #contents #townmap a span {
    display: inline-block;
    padding-top: .5em;
  }
  #contents #townmap a img {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 641px) {
  #contents .tokusyu_box.type2 .box-inner {
    padding-left: 49%;
    min-height: 250px;
  }
  #contents .tokusyu_box.type2 .box-inner .mcmg_img {
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 641px) {
  #contents .tokusyu_box.type3 {
    min-height: 115px;
  }
}
@media screen and (max-width: 641px) {
  #contents .tokusyu_box.type3 {
    margin: 1em 0;
  }
}
#contents .tokusyu_box.type3 .mcmg_txtArea {
  font-size: 13px;
  border: 8px solid #52C3F1;
  padding: 1em;
  margin-top: 1em;
}
#contents .tokusyu_box.type3.color-b .mcmg_txtArea {
  border-color: #52C3F1;
}
#contents .tokusyu_box.type3 .mcmg_ttl {
  font-weight: bold;
}
#contents .tokusyu_box.type3 .mcmg_ttl.color-b span {
  color: #52C3F1;
}
@media screen and (max-width: 641px) {
  #contents .tokusyu_box.type3 img {
    width: 100%;
    height: auto;
  }
}
#contents .tokusyu_box.type3 .mcmg_left {
  position: relative;
  padding-right: 0;
}
@media screen and (min-width: 641px) {
  #contents .tokusyu_box.type3 .mcmg_left {
    padding-left: 30%;
  }
}
#contents .tokusyu_box.type3 .mcmg_right {
  position: relative;
}
@media screen and (min-width: 641px) {
  #contents .tokusyu_box.type3 .mcmg_right {
    padding-right: 30%;
  }
}
#contents .mcmg_pickup {
  font-size: 13px;
  border: 8px solid #52C3F1;
  padding: 1em;
  margin-top: 1em;
}
#contents .mcmg_pickup .mcmg_ttl {
  font-weight: bold;
  margin-bottom: .5em;
}
#contents .mcmg_pickup dl {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents .mcmg_pickup dt {
  width: 40%;
}
#contents .mcmg_pickup dd {
  width: 55%;
  padding-left: 5%;
  font-size: .9em;
  line-height: 1.75;
}
#contents .mcmg_pickup span {
  color: #52C3F1;
}
#contents #info {
  font-size: 13px;
  margin-bottom: 2em;
}
#contents .color-p .mcmg_pickup {
  border-color: #EE86B4;
}
#contents .color-p .mcmg_pickup span {
  color: #EE86B4;
}
#contents .type3 .mcmg_left.color-p .mcmg_txtArea {
  border-color: #EE86B4;
}
#contents .color-y .mcmg_pickup {
  border-color: #FEEA00;
}
#contents .color-y .mcmg_pickup span {
  color: #FEEA00;
}
#contents .color-g .mcmg_pickup {
  border-color: #6CBB5A;
}
#contents .color-g .mcmg_pickup span {
  color: #6CBB5A;
}
#contents .color-pr .mcmg_pickup {
  border-color: #CE93C0;
}
#contents .color-pr .mcmg_pickup span {
  color: #CE93C0;
}
#contents .color-o .mcmg_pickup {
  border-color: #F9C03C;
}
#contents .color-o .mcmg_pickup span {
  color: #F9C03C;
}
#contents #info .box-inner img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 641px) {
  #contents #info .box-inner {
    position: relative;
  }
  #contents #info .box-inner .mcmg_img {
    position: absolute;
  }
  #contents .type3 .mcmg_img {
    position: absolute;
  }
  #contents .type3 .mcmg_left .mcmg_img {
    left: 0;
    right: inherit;
  }
  #contents .color-b {
    padding-left: 48%;
  }
  #contents .color-b .mcmg_img {
    left: 0;
    top: 0;
  }
  #contents .color-p {
    padding-right: 48%;
  }
  #contents .color-p .mcmg_img {
    right: 0;
    top: 0;
  }
  #contents .color-y {
    padding-left: 48%;
  }
  #contents .color-y .mcmg_img {
    left: 0;
    top: 0;
  }
  #contents .color-g {
    padding-right: 48%;
  }
  #contents .color-g .mcmg_img {
    right: 0;
    top: 0;
  }
  #contents .color-pr {
    padding-left: 48%;
  }
  #contents .color-pr .mcmg_img {
    left: 0;
    top: 0;
  }
  #contents .color-o {
    padding-left: 48%;
  }
  #contents .color-o .mcmg_img {
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 641px) {
  #contents .mcmg_img {
    margin: 1em 0;
  }
}
#contents #headArea {
  position: relative;
  padding: 2em;
  margin-bottom: 2em;
}
@media screen and (max-width: 641px) {
  #contents #headArea {
    padding: 2em 5%;
    margin-bottom: 1em;
  }
}
#contents #headArea:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 8em;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 641px) {
  #contents #headArea:before {
    height: 4.5em;
  }
}
#contents #headArea .mcmg_txt {
  font-weight: bold;
  font-size: 15px;
}
#contents #mcmg_pagettl {
  position: relative;
  z-index: 0;
  padding-bottom: 2.5em;
}
@media screen and (max-width: 641px) {
  #contents #mcmg_pagettl {
    padding: 0;
  }
}
#contents #mcmg_pagettl .mcmg_ttl {
  font-size: 45px;
}
@media screen and (max-width: 641px) {
  #contents #mcmg_pagettl .mcmg_ttl {
    font-size: 2em;
    position: absolute;
    left: -1em;
    top: -1em;
    width: 100%;
    padding: .5em 1em;
  }
}
#contents .machimaga {
  position: absolute;
  right: 0em;
  top: 0em;
}
@media screen and (max-width: 641px) {
  #contents .machimaga {
    display: none;
  }
}
#contents .lead {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 641px) {
  #contents .lead {
    margin-top: 3em;
  }
}
#contents .mcmg_mainimg img {
  width: 100%;
  height: auto;
  margin: 1em 0;
}
#contents #access {
  font-weight: bold;
}
#contents #access .mcmg_ttl {
  margin-bottom: 0;
  background: #fff;
}
#contents #access .mcmg_ttl img {
  vertical-align: bottom;
}
#contents #access .tokusyu_box {
  padding: 1em;
}
@media screen and (min-width: 641px) {
  #contents #access .tokusyu_box {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #contents #access .tokusyu_box > div {
    width: 49%;
  }
  #contents #access .tokusyu_box .mcmg_left {
    margin-right: 2%;
  }
}
#contents #access .tokusyu_box dt {
  padding: .5em;
}
#contents #access .tokusyu_box dd {
  padding: .5em;
}
#contents .machimaganav {
  font-size: 13px;
  background: #F0F0F0;
  padding: 1em;
  border: 1px solid #D1D1D1;
  margin-top: 1em;
}
@media screen and (min-width: 641px) {
  #contents .machimaganav {
    margin-bottom: 2em;
  }
}
#contents .machimaganav .mcmg_ttl {
  font-weight: bold;
  font-size: 110%;
  margin-top: 1em;
  margin-bottom: .3em;
}
#contents .machimaganav ul {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents .machimaganav ul li {
  margin-right: 1rem;
}
#contents .machimaganav li a {
  display: block;
  position: relative;
  padding-left: .8em;
}
#contents .machimaganav li a:hover {
  text-decoration: underline;
}
#contents .machimaganav li a::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 30%;
  left: 0;
  border-style: solid;
  border-width: 3px 0 3px 5.2px;
  border-color: transparent transparent transparent #000000;
}
#contents #rightArea .btn li {
  margin-bottom: .5em;
}
#contents .rightArea_machimaga .tokusyu_box {
  text-align: center;
  background: #FFFDE5;
  padding: 1em;
  margin-top: 1em;
  border: 1px dotted #969695;
}
#contents .rightArea_machimaga #jogshop {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents .rightArea_machimaga #jogshop .ttl {
  width: 100%;
}
#contents .rightArea_machimaga #jogshop dl {
  width: 50%;
  font-size: 11px;
}
#contents .rightArea_machimaga .ttl {
  font-weight: bold;
}
#contents .rightArea_machimaga .ttl2 {
  font-weight: bold;
}
#contents .rightArea_machimaga .mcmg_img {
  font-size: 11px;
}
#contents .oyakudachilink {
  background: #FFFDE5;
  padding: 1em;
  margin-top: 1em;
  border: 1px dotted #969695;
}
#contents .oyakudachilink .ttl {
  text-align: center;
  font-weight: bold;
}
#contents .oyakudachilink li {
  position: relative;
  padding-left: .8em;
  font-size: 13px;
  margin-bottom: .5em;
}
#contents .oyakudachilink li::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5.2px;
  border-color: transparent transparent transparent #000000;
  top: 30%;
  left: 0;
}
#contents .oyakudachilink li a {
  text-decoration: underline;
}
#contents .oyakudachilink li a:hover {
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  #contents .subpagecontents_wrapper {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  #contents #headArea {
    width: 100%;
  }
  #contents #contentsArea {
    width: 72%;
    padding-right: 3%;
  }
  #contents #rightArea {
    width: 25%;
  }
}
@media screen and (max-width: 641px) {
  #contents #contentsArea {
    padding: 10px;
  }
  #contents #rightArea {
    padding: 10px;
  }
}

@media screen and (min-width: 641px) {
  #contents .tokusyu_box.type2 .box-inner {
    min-height: 200px;
  }
}

@media screen and (min-width: 641px) {
  #info .type3:nth-child(4) .mcmg_right.color-p {
    margin-top: 2em;
  }
}
#info .type3:nth-child(4) .mcmg_right.color-p .mcmg_txtArea {
  border-color: #FEEA00;
}