@charset "UTF-8";
.web_font1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400; }

.web_font2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 0.15em; }

.web_font3 {
  font-family: 'Roboto', sans-serif; }

.border {
  border-bottom: 1px dashed #cdcdd2; }

.border2 {
  border-bottom: 1px dashed #03071f; }

.border3 {
  border-bottom: 1px solid #cdcdd2; }

.border4 {
  border-bottom: 1px solid #03071f; }

.border5 {
  border-bottom: 2px solid #03071f; }

.bg_dot {
  background: url("../common/images/bg_dot.png") left top repeat;
  background-size: 10px 10px; }

@media screen and (min-width: 1px) {
  .bg_dot {
    background: url("../common/images/bg_dot.png") left top repeat;
    background-size: 5px 5px; } }
.umeda #Content_area:before {
  background: #ffbbc4; }

.shinsaibashi #Content_area:before {
  background: #ddcbfe; }

.sakai #Content_area:before {
  background: #b1fffc; }

.koube #Content_area:before {
  background: #b1ffed; }

.nara #Content_area:before {
  background: #fdf68e; }

/*------------------------------------------------------------
#Under_ttl_area
------------------------------------------------------------*/
#Under_ttl_area {
  margin-bottom: 100px; }

@media screen and (min-width: 1px) {
  #Under_ttl_area {
    margin-bottom: 60px; } }
/*------------------------------------------------------------
#Blog_ttl_area
------------------------------------------------------------*/
#Blog_ttl_area {
  margin-bottom: 60px; }
  #Blog_ttl_area .inner {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #Blog_ttl_area .all_number_style {
    margin-bottom: 0; }
  #Blog_ttl_area .soat_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 330px; }

@media screen and (min-width: 1px) {
  #Blog_ttl_area {
    margin-bottom: 40px; }
    #Blog_ttl_area .inner {
      display: block; }
    #Blog_ttl_area .all_number_style {
      margin-bottom: 20px; }
    #Blog_ttl_area .soat_area {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      #Blog_ttl_area .soat_area .size01 {
        width: 48.5%; } }
/*------------------------------------------------------------
#Content_area
------------------------------------------------------------*/
#Content_area {
  position: relative;
  padding-bottom: 100px; }
  #Content_area:before {
    display: block;
    content: '';
    width: 100%;
    height: calc(100% - 60px);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }

@media screen and (min-width: 1px) {
  #Content_area {
    padding-bottom: 50px; }
    #Content_area:before {
      height: calc(100% - 40px); } }
/*------------------------------------------------------------
//セレクトボックス
------------------------------------------------------------*/
fieldset {
  border: medium none !important;
  min-width: 100%;
  width: 100%; }
  fieldset.size01 {
    width: 160px;
    min-width: auto; }

.select {
  text-align: center;
  width: 100%;
  position: relative; }
  .select::before {
    content: '';
    z-index: 40;
    position: absolute;
    pointer-events: none;
    display: block;
    width: 10px;
    height: 6px;
    background: url("../common/images/icon_arrow_down.png") left top no-repeat;
    background-size: 10px 6px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px; }
  .select select {
    width: 100%;
    z-index: 20;
    padding-right: 15px;
    box-sizing: border-box;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 1.4rem;
    position: relative;
    border: 2px solid #03071f;
    border-radius: 0;
    background: #ffffff;
    padding: 8px 18px 8px 8px;
    color: #03071f; }
    .select select::-ms-expand {
      display: none; }

@media screen and (min-width: 1px) {
  fieldset.size01 {
    width: 37px; }

  .select {
    letter-spacing: 0.08em; }
    .select::before {
      width: 10px;
      height: 6px;
      background: url("../common/images/icon_arrow_down.png") left top no-repeat;
      background-size: 10px 6px;
      top: 50%;
      right: 10px;
      margin-top: -3px; }
    .select select {
      padding: 5px 10px;
      font-size: 1.3rem; } }