@charset "utf-8";

html, body {width: calc(100vw - 15px);}
*{/* box-sizing: border-box; */}

body {
  font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic ProN",'ヒラギノ角ゴ ProN W6', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', sans-serif;
  word-wrap: break-word;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
}
strong{font-weight: bold;}
a {
  text-decoration: none;
  color: #00a3c9;
}

a:hover {
  text-decoration: none;
  opacity: 1;
  transition: 0.3s;
  color: #00a3c9;
}

a img {
  transition: 0.3s;
}

.main p {
  font-size: 14px;
  line-height: 180%;
}

.cf:after {
  clear: both;
  display: block;
  content: "";
}

img {
  border: 0;
  vertical-align: top;
  width: 100%;
  display: block;
}

.pc{display:block !important;}
.sp{display:none !important;}
.d_none{display:none;}

.icons{
  font-size: 22px;
  color:#000;
  display: inline-block;
  margin: 0 5px;
  padding: 0 5px;
}

img.imgauto {
    width: auto;
}

/* =======================================
★アニメーション
========================================== */

@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 250%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}

/* =======================================
★バーガーメニュ
========================================== */

.spnav_btn{
  background: #eee;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height: 44px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}

/* spnav_menu */

.spnav_menu{
  opacity: 0;
  position:fixed;
  z-index: -1;
  transition: 0.3s;
}

.spnav_menu.active{
  opacity: 1;
  position:fixed;
  z-index: 5;
}

/* =======================================
★共通
========================================== */

.wrap {
  margin: 0 auto;
  z-index: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  min-width: 1200px;
  max-width: 1920px;
}

main {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.inner {
  max-width: 1040px;
  margin: 0 auto;
  color: #000000;
}

/*シャドウ*/

.box_shadow {
  /* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); */
  background-color: white;
  transition: 0.3s;
  display: block;
}

a.box_shadow:hover {
  position: relative;
  top: 2px;
  left: 2px;
  opacity: 0.6;
  /* box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1)!important; */
}

.text_shadow01 {
  text-shadow: 5px 4px 6px #383838;
}

/*グーグルマップ*/

.gmapWp {
  height: 0;
  overflow: hidden;
  padding-bottom: 45%;
  position: relative;
  width: 100%;
  margin: 0 0 5%;
}

.gmapWp>iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/*YOUTUB*/
.youtube_wrap {
  width: 100%;
  position: static;
  min-height: 250px;
}

.youtube_wrap>iframe {
  width: 100%;
  height: 440px;
  padding: 0;
  margin: 0;
  border-width: 0;
  vertical-align: bottom;
}

/*ボタン類*/
.plus_wrap{
  position: absolute;
  right: 10px;
  width: 20px;
  content: "";
  display: block;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.plus_wrap span{
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  top: 50%;
  bottom: 0;
  position: absolute;
  margin: 0;
}

.pl02{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.togg .pl02{
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.plus_wrap2{
  position: absolute;
  right: 0;
  width: 26px;
  content: "";
  display: block;
  height: 26px;
  margin: auto;
  background: #969493;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.plus_wrap2:after{
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  top: -3px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(135deg);
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

.plus_wrap2::before{
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  top: 15px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(315deg);
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function:ease-in-out;
}


.plus_wrap2.togg:after {
  opacity: 0;
  top: -15px;
}

.plus_wrap2.togg:before {
  opacity: 1;
  top: 3px;
}

.plus_wrap3{
  position: absolute;
  right: 0;
  left: unset;
  width: 50px;
  content: "";
  display: block;
  height: 50px;
  margin: auto;
  background: #0072be;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  top: 0;
}

.plus_wrap3:after{
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  top: -3px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(135deg);
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

.plus_wrap3::before{
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  top: 15px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(315deg);
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function:ease-in-out;
}


.plus_wrap3.togg:after {
  opacity: 0;
  top: -15px;
}

.plus_wrap3.togg:before {
  opacity: 1;
  top: 3px;
}

.g_link{
  position: relative;
}
.g_link:before{
  content: "";
  display: block;
  width: 23px;
  height: 17px;
  background: url(../img/icon_g_link.svg)no-repeat;
  background-size: 100%;
  position: absolute;
  right: 17px;
}

.official_btn {
  padding: 20px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  color: #000;
  line-height: 100%;
  vertical-align: top;
}

/* sToggle */

.sToggle dd{
  display: none;
}

.sToggle dd > a{
  display: block;
  padding: 10px;
  margin: 5px 0;
}

.bnt_yplus {
  position: relative;
  padding: 0 0 0 20px;
}

.bnt_yplus:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  transform: rotate(45deg);
  transition: .3s;
}

.btn01 {
  background: #0072BE;
  font-size: 16px;
  padding: 7px 0;
  min-width: 328px;
  position: relative;
  display: inline-block;
  text-align: center;
  border: solid 1px #0072BE;
  border-radius: 4px;
  margin-bottom: 20px;
  color: #fff;
  box-sizing: border-box;
}

.btn01:hover {
  background: #fff;
  color: #0072BE;
}

.btn01:hover::before {
    border-top: 2px solid #0072BE;
    border-right: 2px solid #0072BE;
   right: 18px;
}

.btn02 {
  background: #fff;
  font-size: 16px;
  padding: 12px 0;
  position: relative;
  display: inline-block;
  text-align: center;
  border: solid 1px #fff;
  margin-bottom: 20px;
  border-radius: 2px;
  transition:0.3s;
}

.btn02:hover {
  position:relative;
  top: 2px;
  left: 2px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2)!important;
}
.btn_pagetop {
  width: 66px;
  height: 66px;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
  background: #0D598B;
  z-index: 10;
  position: relative;
  display: block;
}
.btn_pagetop:hover {
 opacity:0.6;
}

.btn_pagetop::before {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  left: 0;
  right: 0;
  margin: auto;
  top: 38%;
}

.btn_pagetop:after {
  content: '';
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  top: 54%;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-45deg);
  transition: .3s;
}

.top_slider .slick-slide img {
    display: block;
    width: 98%;
    margin: 0 auto;
}

/*テキスト類*/
.f_Lato{
  font-family: 'Lato', sans-serif;
}

.title_detail {
  font-size: 30px;
  text-shadow: 5px 5px 2px;
}

.color_g {color: #35AF78;}
.color_o {color: #ea5514;}
.color_b {  color: #000;}
.fw_normal {  font-weight: normal;}
.lett_spa_m05 {  letter-spacing: -0.5px;}
.lett_spa_m1 {  letter-spacing: -1px;}

.title01 {
  font-size: 48px;
  padding: 114px 0;
  text-align: center;
  background: #eee;
  letter-spacing: 12px;
  color: #fff;
  text-shadow: 4px 2px 7px #000;
    font-family: 'Lato', sans-serif;
}

.title02 {
  font-size: 24px;
  padding: 7px 0;
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Lato', sans-serif;
}

.title02 span {
  padding: 0px 0;
  display: block;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  line-height: 100%;
}

.title02 span em {
  font-size: 13px;
  text-align: right;
  position: absolute;
  right: 30px;
  bottom: 0;
  font-weight: normal;
}

.title02_02{
  font-size: 20px;
  color:#0d598b;
  font-weight: bold;
  margin: 0 0 5px;
}
.title02_02 > span{
  margin: 0px 10px 0 5px;
  display: inline-block;
  font-size: 18px;
}

.note_txt {
  font-size: 10px;
  vertical-align: top;
  line-height: 240%;
  font-weight: bold;
}

/*テーブル類*/

.tbl01 {
  font-size: 14px;
  width: 100%;
  display: table !important;
}

.tbl01 thead th {
  text-align:center;
}

.tbl01 thead th {
  background: #d6d6d6;
  text-align: center;
  border: solid 1px #d6d6d6;
  padding: 10px 0;
}

.tbl01 th, .tbl01 td {
  border: solid 1px #d6d6d6;
  vertical-align: middle;
  padding: 6px 10px;
  background: #fff;
  font-size: 13px;
}

.tbl01 th, .tbl01 td a{
  color:#000;
}
.tbl01 tbody td:nth-of-type(1) {width: 180px;}
.tbl01 tbody td:nth-of-type(2) {width: 170px;/* text-align:center; */}
.tbl01 tbody td:nth-of-type(3) {width: 100px;/* text-align:center; */}
.tbl01 tbody td:nth-of-type(4) {width: 200px;}

.tbl01 tbody td:nth-of-type(4) > a {
    color: #00a3c9;
    text-decoration: underline;
}
.tbl01 tbody td:nth-of-type(5) {width:225px;}

.tbl02 {
  font-size: 16px;
  width: 100%;
}

.tbl02 th {
  background: #D7EFE4;
}

.tbl02 th, .tbl02 td {
  border: solid 1px #9E9E9F;
  vertical-align: middle;
  padding: 4px 10px;
  font-size: 16px;
}


.various_lists .tbl01 th, .tbl01 td:nth-of-type(2),.various_lists .tbl01 th, .tbl01 td:nth-of-type(3){
  /* white-space: nowrap; */
}

.various_lists .tbl01{

}

.spanfax{
  display:block;
}

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

header {
  position: fixed;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  top: 0;
  transition: .3s;
}

header.changed {
  position: fixed;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  transition: .3s;
}

.header_inner {
  max-width: 1040px;
  margin: 0 auto;
}

.logo {
  max-width: 252px;
  margin: 20px 0 15px 0px;
  z-index: 1;
  width: 100%;
  float: left;
}

.h_nav_wrap {
  float: right;
  max-width: 570px;
  margin: 10px 0px 0 10px;
}

.h_navu{
  position: relative;
  margin: 0;
}

.h_navu > b{
  color:#676767;
  float: right;
  padding: 0 5px;
  line-height: 100%;
  margin: 15px 65px 20px 0;
  display: block;
}

.h_navu > b > a{
  color:#676767;
  float: left;
  padding: 0 15px;
  line-height: 100%;
  margin: 0 0 0 5px;
  font-size: 14px;
}

.h_navu > b > a:hover{
  color:#0072BE;
}

.h_navu b > a:not(:last-child){
  border-right: solid 1px;
}

.h_navu em{
  position: absolute;
  top:0;
  right:0;
}

.h_nav>li {
  display: inline-block;
  margin: 0 20px;
}

.h_nav a {
  color: #000;
  font-size: 18px;
  /* font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', sans-serif; */
  font-weight: bold;
}

.h_lang li {
  display: inline-block;
  margin: 0 2px;
}

.h_lang a {
  color: #000;
  font-size: 11px;
}

.icon_search {}

.search_btn{
  background: #0072BE;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: relative;
  transition:0.3s;
  border: solid 1px;
  box-sizing: border-box;
}
.search_btn:hover{
  background: #4aa7e2;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: relative;
}

.search_btn.active{
  background: #8dd3ff;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: relative;
}

.icon_search {
    max-width: 24px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.h_navd2{
  text-align: center;
  margin: 0 0 15px 0;
}

.h_navd2 a{
  display: inline-block;
  color: #000;
  font-weight: bold;
  padding: 0 10px 0 25px;
  margin: 0 5px;
  position: relative;
  transition:0.3s;
}

.h_navd2 a:hover{
  color: #00a3c9;
}

.h_navd2 a:last-child{
  padding: 0 0px 0 25px;
  margin: 0;
}

.h_navd2 a::before{
  content: "";
  display:block;
  width: 20px;
  height: 20px;
  position:absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.icon_tel:before{  background: url(../img/icon_tel.svg)no-repeat center center;}
.icon_den:before{  background: url(../img/icon_den.svg)no-repeat center center;}
.icon_house:before{  background: url(../img/icon_house.svg)no-repeat center center;}

nav.search_area{
  display: none;
  background:#F6F6F6;
  min-width: 1200px;
}

.search_area{
  padding: 30px 0;
}

.search_inner{
    max-width: 1040px;
    margin: 0 auto;
}

.search_area ul li {
    float: left;
    max-width: 360px;
    width: 34.6%;
    margin: 0 1.4% 0 0;
    position:relative;
}

.search_area ul li dl{
    border-radius:4px;
    position: relative;
}

.search_area ul li:last-child {
    float: left;
    max-width: 290px;
    width: 28%;
    margin: 0 0 0 0;
}

.search_area ul li:last-child a{
    min-width: unset;
    width: 100%;
    display: block;
    padding: 12.5px 0;
}

.search_area ul li dt{
  padding: 14.5px;
  overflow: hidden;
}

.search_area ul li dt .plus_wrap{
  padding: 24px 24px;
  background: #0072BE;
  border: solid 1px #0072BE;
  border-radius: 4px;
  right: 0;
  top: 0;
  bottom: unset;
  cursor: pointer;
}

.search_area ul li dd{
  padding: 5px 10px;
}

.search_cont form:after {
    content:"";
    display:block;
    clear:both;
}

.search_cont form > div {
    display: block;
    float: left;
    max-width: 360px;
    width: 34.6%;
    margin: 0 1.4% 0 0;
    position: relative;
    background: #fff;
    border-radius: 4px;
}

.search_cont form > div:before {
    right: 0px;
    left: unset;
    width: 50px;
    content: "";
    display: block;
    height: 50px;
    margin: auto;
    background: #0072be;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 0;
}

.search_cont form > div:after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 18px;
    right: 20px;
    margin: auto;
    transform: rotate(135deg);
    transition-duration: 0.5s;
}

.search_cont form select {
    padding: 14.5px;
    background-color: rgba(255, 255, 255, 0);
    transition: 0.3s;
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.search_cont form .feas-submit-button {
    background: #0072BE;
    font-size: 16px;
    width: 100%;
    text-align: center;
    border: solid 1px #0072BE;
    border-radius: 4px;
    color: #fff;
    box-sizing: border-box;
    padding: 12px 0;
    position:relative;
    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    display: block;
    cursor: pointer;
}
.search_cont form .feas-submit-button:hover {
    background: #1a93e4;
}

.search_cont form .search_btn00 {
    float:left;
    max-width: 290px;
    width: 33%;
    display:block;
    position:relative;
    line-height: 1;
}

.search_cont form .search_btn00:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    transform: rotate(45deg);
    transition: .3s;
    z-index: 10;
}

.search_countwrap{
  font-weight: normal;
  font-size: 16px;
  display: block;
}

.search_countwrap > span{
   color: #F53D4C;
   display:inline-block;
   margin: 0 3px 0 5px;
}


.screen-reader-text{  display: none;}


.search_else{
  font-size: 20px;
  text-align: center;
  width: 100%;
  font-weight: bold;
  margin: 10% 0 15%;
}

.page-numbers {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 2.6;
	border: 1px solid #0072BE;
	transition: ease-out .5s;
	color: #0072BE;
	font-size: 14px;
	margin: 5px;
	vertical-align: top;
	padding: 0px;
	background-color: #fff;
	border-radius:4px;
	text-align: center;
}

.page-numbers.current {
    color: #fff;
    background-color: #0072BE;
    font-size: 14px;
    vertical-align: top;
    text-decoration: none;
}

.page-numbers.next,.page-numbers.prev  {position:relative;}
.page-numbers.next:after {
  content:"»";
  display:block;
}
.page-numbers.prev:after {
  content:"«";
  display:block;
}
.nav-links .nav-next-text,.nav-links .nav-prev-text,.nav-links .svg-icon{  display: none;}
.nav-links{  text-align: center;font-size: 0;}

.framefirst{
  margin: 0 0 10px;
  font-size: 11px;
}

.framefirst > a {
    padding: 0px 9px 0;
    line-height: 1;
}

/* === トグルスイッチ ============================== */

.switchArea {
  position: relative;
  margin: auto;
  width: 18px;
  height: 5px;
  background: #E1F3EB;
  border-radius: 5px;
  top: -2px;
}

#swImg {
  float: left;
  display: block;
  width: 5px;
  height: 5px;
  background: #35AF78;
  border-radius: 50%;
}

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

footer {
  position: relative;
  background: #0072BE;
}

footer.entry-footer {
    display: none !important;
}

.f_inner {
  background-size: cover;
  text-align: center;
  margin: 0 auto;
  max-width: 1040px;
}

.f_nav ul li {
  display: inline-block;
  /* border-left: solid 1px #fff; */
  font-size: 0;
}

.f_nav ul li:first-child {
  border-left: solid 0px #fff;
}

.f_nav a {
  color: #fff;
  margin: 0 4px 0 6px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.f_nav a:hover {
  color: #00a3c9;
}

.f_nav01 {
  padding: 25px 0 0;
  margin: 0 50px 0 0;
}

.f_nav02 {
  padding: 0 0 30px 0;
}

.f_inner_under {
}

.f_copy {
  color: #fff;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
  margin: 25px 0 0 0;
  padding: 0;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.f_copy:after {
  content: "";
  display: block;
  clear: both;
}

.f_inner > .pagetop_wrap{
  float: right;
}

.f_inner > .f_nav01{
  float: right;
}

.f_inner > .f_inner_under{
  float: left;
}

/* =================================================
	★cover
======================================================== */

/*cover*/

.cover{
  margin: 120px 0 0 0;
  position: relative;
  z-index: 1;
}

.cover .cover_wrap {
  overflow: hidden;
  margin: 0 0 90px 0;
}

.cover01_txt {
  max-width: 694px;
  width: 50.8%;
  margin: 0 auto;
  top: 10.8%;
  left: 0;
  right: 0;
  z-index: 1;
  transition: .3s;
}

/* =======================================
	★TOP
========================================== */

.web_site {}

/* =======================================
	★パンくず
========================================== */

.pankuzu {
  /* background: #eaeaea; */
  max-width: 1040px;
  margin: 10px auto 0;
}

.pankuzu ul>li>a {
  color: #4AA7E2;
  /* margin: 0 6px; */
}

.pankuzu ul>li>a:hover {
  text-decoration: underline;
}

.pankuzu ul>li>a {
  color: #000;
}

.pankuzu ul {
  padding: 10px 0;
  margin: 0 auto 0;
}

.pankuzu ul:after {
  content:"";
  display:block;
  clear:both;
}

.pankuzu ul>li {
  float: left;
  font-size: 13px;
  padding: 0 3px;
}

.pankuzu ul>li:after {
  content: ">";
  display: inline-block;
  padding: 0 0 0 10px;
  position: relative;
  top: -1px;
}

.pankuzu ul>li:last-child {
  margin: 0;
}

.pankuzu ul>li:last-child {

}

.pankuzu ul>li:last-child:after {
  display: none;
}

/* =======================================
	★ページャー
========================================== */

.pager {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.wp-pagenavi {
	clear: both;
	font-size: 14px;
	text-align: center;
	}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 2.6;
	border: 1px solid #0072BE;
	transition: ease-out .5s;
	color: #0072BE;
	font-size: 14px;
	margin: 5px;
	vertical-align: top;
	padding: 0px;
	background-color: #fff;
	border-radius:4px;
}
.wp-pagenavi span.current {
	color: #fff;
	background-color: #0072BE;
	font-size: 14px;
	vertical-align: top;
	text-decoration:none;
}

/* =======================================
	★その他
========================================== */

.img_float_r {
  float: right;
  /* margin: 0 0 5% 5%; */
  margin: 0 0 30px 30px;
}

.img_float_l {
  float: left;
  /* margin: 0 0 5% 5%; */
  margin: 0 30px 30px 0;
}

.gg_bcolor {
  background: -moz-linear-gradient(left, #35af78, #008655);
  background: -webkit-linear-gradient(left, #35af78, #008655);
  background: linear-gradient(left, #35af78, #008655);
  color: #fff;
}

.border_bot {border-bottom: dotted 2px #e0e0e0;}
.border_g {  border: solid 1px #35af78;}
.border_radius {  border-radius: 20px;}
.list_type_disc>li {  list-style-type: disc;}
.no_disc {  list-style-type: unset !important;}
.list_type_deci>li {  list-style-type: decimal;}
.list_type_l_alp>li {  list-style-type: lower-alpha;}

.c_and_c {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
}
.gbox {  margin: 0 auto 40px;}
.inner_cont {
  width: 92%;
  margin: 30px auto 0px;
  padding: 0 0 35px 0;
}

.inner_cont p, .inner_cont ul {
  font-size: 13px;
  font-weight: 500;
}
.ul50:after {
  content: "";
  display: block;
  clear: both;
}
.ul50>li,.ul50>a {
  float: left;
  width: 50%;
}

.ul30:after  {
  content: "";
  display: block;
  clear: both;
}
.ul30>li,.ul30>a {
  float: left;
  width: 23.5%;
  margin: 0 5% 5% 0;
}
.ul30>li:nth-child(3n),.ul30>a:nth-child(3n) {
  margin: 0 0 5% 0;
}

.ul25>li,.ul25>a {
  float: left;
  width: 23.5%;
  margin: 0 2% 2% 0;
}
.ul25>li:nth-child(4n),.ul25>a:nth-child(4n) {
  margin: 0 0 2% 0;
}

.wid96 {  width: 96%;}
.radib_box {
  border: solid 1px;
  border-radius: 15px;
}
.area_tag_wrap span {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  border-radius: 4px;
  padding: 2px 10px;
  margin: 0 3px;
  background: #000000;
}
.area_categ_osakashi{/* background: #000000; */}
.area_categ_osakafu{  background: #000000;}
.area_categ_kyoto{  background: #000000;}
.area_categ_nara{  background: #000000;}
.area_categ_mie{  background: #000000;}
.area_categ_aichi{  background: #000000;}
.area_categ_sapa{  background: #000000;}
.area_categ_other{  background: #000000;}

.sns_listwrap img {  width: auto;}

.sns_listwrap ul li {
    width: 20%;
    margin: 0 0 10px;
}

.sns_listwrap ul li strong{
  display:block;
  margin: 0 0 10px 0;
  font-size: 12px;
}

.sns_listwrap ul li a{
    display:inline-block;
    margin: 0 20px 0 0;
}

/* =======================================
★TOP
========================================== */

/*slick*/
.top_cover {overflow: hidden;padding: 1% 0;}
.top_slider {position: relative;}

.top_slider li {
    /* margin: 5%; */
}

.sclick_previmg{max-width: 68px;width: 5%;margin: auto;position: absolute;z-index: 10;left: 0;right: 40%;top: 30%;cursor: pointer;}
.sclick_nextimg{max-width: 68px;width: 5%;margin: auto;position: absolute;z-index: 10;right: 0;left: 40%;top: 30%;cursor: pointer;}

.slick-dots {
    position: relative;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 55px 0 0;
    list-style: none;
    text-align: center;
}

.slick-dots li{
    position: relative;
    padding: 0;
    bottom: 45px;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 0px;
    line-height: 20px;
    position: absolute;
    width: 10px;
    height: 10px;
    opacity: 1;
    content: '';
    background: #EBEBEB;
    border-radius: 50%;
    text-align: center;
    transition: 0.3s;
    opacity: 0.75;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.slick-dots li.slick-active button:before {
    width: 12px;
    height: 12px;
    content: '';
    background: #0072BE;
}
.top_slider .slick-slider img{
  transition:0.3s;
  width: 96%;
  margin: 0 auto;
}
.slick-slider img:hover{
  opacity:.8;
}

/**/

.top_title02>span {
  font-size: 20px;
  display: block;
  color: #35af78;
  font-weight: normal;
  letter-spacing: 3px;
}

.news_wrap {
  margin: 0 0 30px 0;
}

.news_wrap>a {
  display: block;
  /* border-bottom: solid 0.5px #bfbfbf; */
  font-size: 14px;
  padding: 10px 0;
  margin: 0 0 10px;
  line-height: 130%;
  color: #6F6F6F;
}

.news_wrap>a:after {
  content: "";
  display: block;
  clear: both;
}

/* .news_wrap  > a:first-child{
  border-top: solid 0.5px #a2a2a2;
} */

.news_wrap2 {
    overflow-y: auto;
    width: 100%;
    max-height: 600px;
}

.news_wrap dl dt {
  color: #727171;
  float: left;
  padding: 10px 0 0 0%;
  max-width: 450px;
  width: 40%;
  vertical-align: middle;
}

.news_wrap dl dd {
  float: left;
  color: #2E84CB;
  max-width: 1000px;
  width: 100%;
  padding: 10px 0;
  max-height: 40px;
  /* overflow-y: overlay; */
}

.news_wrap2 dl dd {
    width: 100%;
}
.newMark{
  /* color: #fff; */
  font-size: 11px;
  font-weight: bold;
  background: #ffffff;
  color: #AF000D;
  border: solid 1px #AF000D;
  padding: 1px 10px;
  margin: 0px 0 0 6px;
  position: relative;
  top: -1px;
  display: inline-block;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 1.45;
}

/* .news_wrap>a:nth-of-type(1) .newMark {
    display: none;
}

.news_wrap>a:nth-of-type(2) .newMark {
    display: none;
}

.news_wrap2>a:nth-of-type(1) .newMark {
    display: none;
}

.news_wrap2>a:nth-of-type(2) .newMark {
    display: none;
} */

.top_area01{background: #eee;padding: 30px 0;}
.mgp_list_wrap{
  margin: 0 0 30px;
}

.mgp_list_wrap > a{
  min-height:312px;
}

.mgp_list_wrap a dt{
  overflow: hidden;
  padding: 0 0 156px;
  position: relative;
}

.mgp_list_wrap a dt img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.mgp_list_wrap dd{
  padding: 15px;
  font-size: 13px;
  overflow: hidden;
  color: #171717;
}

.mgp_list_wrap dd strong{
  font-weight: bold;
  font-size: 12px;
  color: #00a3c9;
}

.mgp_list_wrap dd em{
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 5px;
}

.top_area02{background: #fff;padding: 30px 0;}
.top_area02 article {
  position: relative;
}
.top_area03{background: #eee;padding: 30px 0 60px;}
.meets_btnwrap h2{
  float: left;
  width: 176px;
  margin: 0 0 23px;
}

.meet_list_wrap {
  float:left;
  max-width:480px;
  margin:10px 0 30px 30px;
}

.meets_btnwrap div > .slick-track{
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.meets_btnwrap div > a.slick-slide{
  float: left;
  display: block;
  padding: 13.5px 0;
  width: 146px !important;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
  margin: 0 10px 0 0;
  transition: unset;
  box-sizing: unset;
  border: solid 2px rgba(255, 255, 255, 0);
  position: relative;
  transition: 0.3s;
  background: #E3E3E3;
  color: #222222;
}

.meets_btnwrap div > a.slick-slide{
  float: left;
  display: block;
  padding: 13.5px 0;
  width: 146px !important;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
  margin: 0 10px 0 0;
  transition: unset;
  box-sizing: unset;
  border: solid 2px rgba(255, 255, 255, 0);
  position: relative;
  transition: 0.3s;
  background: #E3E3E3;
  color: #222222;
}

.meets_btnwrap div a.slick-current {
    background: #E5C262;
    color:#fff;
    position:relative;
}

.top_area03 .slick-list {
    position: relative;
    display: block;
    overflow: unset !important;
    margin: 0;
    padding: 0;
}

.meets_btnwrap div a.slick-current:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 12px 0 12px;
  border-color: #E5C262 transparent transparent transparent;
  z-index: 3;
}


.meets_btnwrap div a.slick-slide:hover {
    background: #E5C262;
    color:#fff;
}

.meet_mainiimg{max-width: 176px;}

.top_meetcont > a{
  display: block;
  opacity: 0;
  z-index: -1;
  transition: 0.3s;
  position: absolute;
  top: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
}

.top_meetcont a dl{
  position: relative;
  height: 230px;
  overflow: hidden;
}

.top_meetcont a dl:hover {
    position: relative;
    top: 2px;
    left: 2px;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2)!important;
}

.top_meetbox .img_wrap > img {
    width: 100%;
}

.top_meetbox dt{
  overflow: hidden;
  position: relative;
  padding: 0 0 232px;
  max-width: 350px;
  float: left;
  width:350px;
}

.top_meetbox dt img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.top_meetbox dd{
  float: right;
  width: 690px;
  box-sizing: border-box;
  padding: 20px 45px 20px;
  color: #000;
  position: relative;
}

.top_meinner {
    position: relative;
}

.top_meetbox .meet_logo {
    position: absolute;
    top: -3px;
    right: -23px;
}

span.meet_logo img {
    /* box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 90%;
}

.top_meinner h3{
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 0px;
  position: relative;
}

.meet_label_field{
  max-width: 80px;
  width: 80px;
  height: 40px;
  display: block;
  position: absolute;
  top: -3px;
  right: -83px;
  z-index: 2;
}

.top_meinner > p{
  font-size: 14px;
  margin: 0 0 10px;
  padding: 0 0 15px;
  overflow-y: auto;
  max-height: 88px;
}

.top_meinner > em{
  font-size: 14px;
}


.top_area04{background:#F6F6F6;padding: 30px 0;}

section.top_area04 .inner > ul {
    margin: 0 0 10px;
}

.ekinakasoto_search ul li {
    float: left;
    /* max-width: 360px; */
    width: 49%;
    margin: 0 2% 0 0;
    position:relative;
}

.ekinakasoto_search ul li dl{
    border-radius:4px;
    position: relative;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
}

.ekinakasoto_search ul li:last-child {
    margin: 0 0 0 0;
}

.ekinakasoto_search ul li:last-child a{
    min-width: unset;
    width: 100%;
    display: block;
    padding: 18px 0;
    position:relative;
}

.ekinakasoto_search ul li:last-child a:after{
    background: url(../img/icon_house2.svg)no-repeat center center;
    background-size: 90%;
    content: "";
    display: block;
    width: 30px;
    height: 24px;
    position: absolute;
    top: 52%;
    left: 22%;
    transform: translateY(-50%) translateX(-5%);
    -webkit-transform: translateY(-50%) translateX(-5%);
    transition:0.1s;
}
.ekinakasoto_search ul li:last-child a:hover:after{
    background: url(../img/icon_house.svg)no-repeat center center;
    background-size: 90%;
    content: "";
    display: block;
    width: 30px;
    height: 24px;
    position: absolute;
    top: 52%;
    left: 22%;
    transform: translateY(-50%) translateX(-5%);
    -webkit-transform: translateY(-50%) translateX(-5%);
}

.ekinakasoto_search ul li dt{
  padding: 19px 10px 19px 70px;
  overflow: hidden;
  font-size: 16px;
  position:relative;
  font-weight: bold;
}
.ekinakasoto_search ul li dt:before {
    background: url(../img/icon_den.svg)no-repeat center center;
    background-size: 80%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 51%;
    left: 7%;
    transform: translateY(-50%) translateX(-5%);
    -webkit-transform: translateY(-50%) translateX(-5%);
}
.ekinakasoto_search ul li dt.togg{
  border: solid 1px #4bb3f9;
  border-radius: 4px;
}

.ekinakasoto_search ul li dt .plus_wrap{
  padding: 20px 20px;
  background: #0072BE;
  border: solid 1px #0072BE;
  border-radius: 4px;
  right: 0;
  top: 0;
  bottom: unset;
  cursor: pointer;
}

.ekinakasoto_search ul li dd{
  padding: 5px 10px;
  position: absolute;
  display: none;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
  border: solid 1px #0072be;
}

.ekinakasoto_search ul li dd a{
  padding: 2px 10px;
  margin:3px 0;
  color: #272727;
}

.ekinakasoto_search .search_cont{
    margin: 0 0 30px;
}

.img_timesplaceing{
  max-width: 170px;
  margin: 0 auto;
}

.top_timesplace_left{
  float: left;
  width: 63.5%;
}

.top_timesplace_wrap > em{
  display:block;
  background: #0072BE;
  border-radius: 4px 4px 0 0;
  max-width: 214px;
  padding: 9px 0;
  text-align: center;
  color: #fff;
}

.top_tilef_inner{
  border: solid 4px #0072BE;
  border-radius: 0 4px 4px 4px;
  background: #F8F7F7;
  box-sizing: content-box;
  padding: 25px 20px 0;
}

.top_tilef_inner a{
    margin: 0 4.3% 5% 0;
    color: #000;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
}

a.yred::before{
    border-top: 2px solid #0072BE;
    border-right: 2px solid #0072BE;
}
.top_timesplace_cont{
  /* float: right; */
  width: 100%;
  /* max-width: 360px; */
  margin: 0 0 0 0;
  box-sizing: border-box;
  padding: 20px 25px 25px 25px;
  background: #F8F7F7;
  border: solid #0072BE;
  border-radius: 0 4px 4px 4px;
}
.top_timesplace_cont > a{
  width: 100%;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
  position:relative;
  color: #097C31;
  font-weight: bold;
  margin-bottom: 15px;
  box-sizing: border-box;
}

a.ygray:before{
  border-top: 2px solid #BFBFBF;
  border-right: 2px solid #BFBFBF;
}

.top_timesplace_cont .ul50 a{
  width: 49%;
  /* max-width: 175px; */
  margin: 0 2% 0% 0;
  padding: 0.5px 0;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
}
.top_timesplace_cont .ul50 a img{
  margin:0 auto;
  max-width: 105px;
}
.top_timesplace_cont .ul50 a:last-child{
  margin: 0 0% 0% 0;
}

.top_timesplace_wrap {
  margin: 0 0 30px 0;
}

.nanka_wrap li{
  margin: 0 2% 2% 0;
  box-sizing: border-box;
  width: 49%;
}
.nanka_wrap li:last-child{
  margin: 0 0% 2% 0;
}
.nanka_wrap li img{
  max-width:508px;
}

.fbanner_area{
  background: #eee;
  padding: 35px 0;
}

.fbslider .slick-slide{
  max-width: 270px;
  margin: 0 7.5px;
  padding: 0 0 10px;
}

.fbslider .slick-slide img{
  max-width: 270px;
}

.sclick_previmg2{
  max-width: 25px;
  position: absolute;
  top: 25%;
  left: 2%;
  z-index: 2;
  cursor: pointer;
}
.sclick_nextimg2{
  max-width: 25px;
  position: absolute;
  top: 25%;
  right: 2%;
  z-index: 2;
  cursor: pointer;
}

.fbslider .draggable:before{
  content: "";
  display: block;
  position: absolute;
  width: 12%;
  height: 87%;
  left: 0;
  background: #fff;
  background: -moz-linear-gradient(left, #f6f6f6 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f6f6f6 0%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f6f6f6 0%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 5;
  top: 0;
  bottom: 0;
}

.fbslider .draggable:after{
  content: "";
  display: block;
  position: absolute;
  width: 12%;
  height: 87%;
  right: 0;
  background: #fff;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#f6f6f6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 5;
  top: 0;
  bottom: 0;
}

.top_area05{padding: 30px 0 15px;}

/*bk*/
.bk_dotted{
  background-color: #F4F4F4;
  background-image: radial-gradient(#a9ddff 1px, transparent 1px);
  background-size: 20px 20px;
}

.back_blueslid{
  background-color: #eaf6ff;
  background-image: repeating-linear-gradient(-35deg, transparent, transparent 1px, rgba(255,255,255,1) 2px, rgba(255,255,255,1) 4px);
}
.bk_line {  background: url(../img/bk_line.png);}
.bk_F6F6F6{background-color: #F6F6F6;}
.bk_plus{background: url(../img/bk_plus.png);}

/*meetslick*/


.slide-dotsss,.slide-dotsss2{position: absolute;top: -75px;left: 200px;}

.slide-dotsss li ,.slide-dotsss2 li {
  display: inline-block;
  width: 128px;
  margin: 0 6px 0;
  position: relative;
}

.slide-dotsss li button ,.slide-dotsss2 li button {
    display: block;
    padding: 20.5px 0 15px;
    width: 133px !important;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
    margin: 0 10px 0 0;
    transition: unset;
    box-sizing: unset;
    border: solid 2px rgba(255, 255, 255, 0);
    position: relative;
    transition: 0.3s;
    background: #E3E3E3;
    color: #222222;
    font-size: 0;
    box-sizing: border-box;
    position:relative;
    cursor: pointer;
}

.slide-dotsss li.slick-active button ,.slide-dotsss2 li.slick-active button {
    background: #E5C262;
    color:#fff;
}

.slide-dotsss li.slick-active:after ,.slide-dotsss2 li.slick-active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 12px;
    border-color: #E5C262 transparent transparent transparent;
    z-index: 3;
}

.slide-dotsss li:nth-of-type(1) button:before{
      content:"阿部野橋店";
      font-size: 14px;
}

.slide-dotsss li:nth-of-type(2) button:before{
      content:"上本町店";
      font-size: 14px;
}

.slide-dotsss li:nth-of-type(3) button:before{
      content:"西大寺店";
      font-size: 14px;
}

.slide-dotsss li:nth-of-type(4) button:before{
      content:"難波店";
      font-size: 14px;
}

.slide-dotsss2 li:nth-of-type(1) button:before{
      content:"西大寺";
      font-size: 14px;
}
.slide-dotsss2 li:nth-of-type(2) button:before{
      content:"なんば";
      font-size: 14px;
}
.slide-dotsss2 li:nth-of-type(3) button:before{
      content:"奈良";
      font-size: 14px;
}
.slide-dotsss2 li:nth-of-type(4) button:before{
      content:"あべの";
      font-size: 14px;
}
.slide-dotsss2 li:nth-of-type(5) button:before{
      content:"上本町";
      font-size: 14px;
}
.slide-dotsss2 li:nth-of-type(6) button:before{
      content:"京都";
      font-size: 14px;
}
/* .slide-dotsss2 li:nth-of-type(7) button:before{
      content:"うじやまだ";
      font-size: 14px;
} */

.top_arealsit{
  margin: 0 0 30px;
}
/* =======================================
	★UNDER
========================================== */

.under_cover h1{
  background: #E1EBEF;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  /* font-family: Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
  margin: 0 auto 0;
  position:relative;
  font-family: 'Lato', sans-serif;
}

.under_cover h1:after{
  position:absolute;
  content:"";
  display:block;
  width:100%;
  height: 135%;
  background:url(../img/title_h1_back.svg)no-repeat center center;
  top: 20px;
}

.under_site .main_cont > section {
  padding: 30px 0;
}

.underinner:after{
  content:"";
  display:block;
  clear:both;
}

.underinner{
  max-width:1040px;
  margin: 30px auto 0;
}

.underinner .main_cont{
  float:left;
  max-width:700px;
  width: 68%;
}

.underinner .side_nav {
  float:right;
  max-width: 260px;
  width: 30%;
}

.under_site .main_cont > section.nwkai2 {
    margin: 0px 0 0 0;
    padding: 10px 0;
}
.under_site .cover h1 span small{
  font-size: 11px;
  text-align: center;
      display: block;
      margin: 0 auto;
      color: #000;
}
.icons_warap a img{
  width: auto;
}

.icons_warap a{
  display: inline-block;
  margin: 1px 1px;
}

.nolinks{
  pointer-events: none !important;
  cursor: auto;
  color: #a4a4a4;
}

.bluecolr{
  color: #0D598B;
}

.under_site .cover h1 span{
  max-width: 350px;
      display: block;
      margin: 0 auto;
      font-size: 24px;
      text-align: center;
}

.details .under_cover h1 {
    margin: 0 0 40px;
}
.brand .under_cover h1{
    margin: 0 0 40px;
}

.astation .under_cover h1{
    margin: 0 0 40px;
}
/* =======================================
	★Brand
========================================== */

#thumslider_wrap{
 padding: 40px 0 20px;
 background-color: #eaf6ff;
 background-image: repeating-linear-gradient(-35deg, transparent, transparent 23px, rgba(255,255,255,.5) -5px, rgba(255,255,255,.5) 40px);
 }
#thumslider_wrap #slider,#thumslider_wrap #thumbnail_slider{
   max-width: 650px;
   margin: 0 auto 10px;
 }
 #thumslider_wrap img.slide-item img{
     width: 100%;
 }
 #thumslider_wrap img .thumbnail-item img{
     width: 98%;
     margin: 0 auto;
 }

 #thumslider_wrap #slider .slick-track > li{
   position: relative;
   padding: 0 0 350px 0;
   overflow: hidden;
   height: auto;
  }

 #thumslider_wrap #slider .slick-track > li >a{
   display:block;
 }

  #thumslider_wrap #slider .slick-track > li img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

#thumslider_wrap #thumbnail_slider .slick-track > li{
  position: relative;
  padding: 0 0 120px 0;
  overflow: hidden;
     height: auto;
 }

 #thumslider_wrap #thumbnail_slider .slick-track > li img{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
}

#thumslider_wrap .slick-prev:before, .slick-next:before {
   font-family: 'slick';
   font-size: 20px;
   line-height: 1;
   opacity: .75;
   color: #0072be;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

#thumslider_wrap .slick-prev {
  left: -45px;
  background: rgba(255,255,255,0);
  width: 30px;
  height: 30px;
  /* border: solid 1px #0072be; */
  z-index: 3;
}


#thumslider_wrap .slick-next {
    right: -45px;
    background: rgba(255,255,255,0);
    width: 30px;
    height: 30px;
    /* border: solid 1px #0072be; */
    z-index: 3;
}

#thumslider_wrap .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 22px;
    line-height: 1.4;
    opacity: .75;
    color: #0072be;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
}

.txt_box{
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 3px dotted #cbcbcb;   /* 枠線の指定（下）     */
  border-radius : 1px;                  /* 角丸の指定           */
     /* 影を利用した外余白   */
}

.news_wrap2 > a:first-child{
  border-top: solid 1px #D5D0D0;
}

.news_wrap2 > a{
  box-sizing: border-box;
  border-bottom: solid 1px #D5D0D0;
  display:block;
  width: 100%;
  padding: 10px 20px;
}

.sns_wrap{
  margin: 0 0 20px;
}

.sns_wrap h3{
  font-size:22px;
  font-weight:bold;
  margin: 0 0 15px 17px;
  font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Roboto,sans-serif;
}
.various_lists{
  padding: 10px 10px;
}

.bk_F6F6F6.sToggle2.various_lists {
    padding: 30px 10px;
}
.various_lists dl{
  margin: 0;
  padding: 10px 0;
}

.various_lists dl dt {
    background: #fff;
    padding: 15px 20px;
    position: relative;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
}

.various_lists dl dt a{
    color:#2F2F2F;
    pointer-events: none;
}

.various_lists dl dd {
    padding:10px;
    background: #fff;
    display: none;
}

.various_lists dl dd table {
    width:100%;
    border-collapse: inherit;
    border-spacing: 6px;
}

.various_lists dl dd table tr {
    padding:0 0 10px 0;
}

.various_lists dl dd table th {
    background: #E3E3E3;
    padding: 10px;
    border-radius: 4px;
    border: solid 1px rgba(255,255,255,0);
    font-size: 14px;
    width: 250px;
}

.various_lists dl dd table td{
    background: #F4F7FC;
    border: solid 1px rgba(255,255,255,0);
    border-radius: 4px;
    font-size: 14px;
}

.brand_details .area01 {
  margin: 0 0 50px;
}

.brand_details .area02 .inner {
    padding: 50px;
    box-sizing: border-box;
}

.brand .area01 h2{
  /* display: inline-block; */
  margin: 0 0 0;
}

.brand .area01 {
    max-width: 760px;
    margin: 0 auto;
}

.brand .area02 {
    max-width: 760px;
    margin: 0 auto 30px;
}

.innerbox{
  padding: 30px;
  box-sizing: border-box;
  margin: 0 auto 30px;
}

.brand .various_lists dl dd {
    display: block;
}

.brand .img_wrap_warap{
  margin: 0;
  max-width: 660px;
  margin: 0 auto;
}

.brand .img_wrap {
    overflow: hidden;
    width: 100%;
    padding: 0 0 60%;
    position: relative;
    margin: 0 0 30px;
    /* border: solid 1px #f1f1f1; */
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.brand .img_wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.brand_details .title02 {
  margin: 10px 0;
}

.brand_details .icons_warap{
  /* float: right; */
  margin: 10px 0 -15px;
}

.brand_details .icons_warap a{
  pointer-events: auto;
}

.brand_archivesbox .icons_warap{
  /* float: right; */
  margin: 0;
  line-height: 0;
  font-size: 0;
}

.brandlist{
  margin: 0;
  }

.brandlist li{
  float: left;
  width: 48%;
  margin:0 2% 2% 0;
  position: relative;
  }

  .brandlist li:nth-child(2n){
  margin:0 0% 2%; 0;
  }
.brandlist li a{
  position:relative;
  background: #FAFAFA;
  box-sizing: border-box;
  padding: 15px 20px;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
}
.brandlist li a em{
  display:block;
  padding: 0 0 93px;
  width: 93px;
  position:relative;
  overflow:hidden;
 }
.brandlist li a em img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
 }
.brandlist li a span{
  position: absolute;
  top: 40%;
  left: 60%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  width: 40%;
}

.brandlist li a:before {
    border-top: 2px solid #808080;
    border-right: 2px solid #808080;
}

.inner760{
  max-width: 760px;
  margin: 0 auto;
}

.shop_arwrap.inner760 {
    margin: 70px auto;
}

.brandlist_title{font-size: 16px;font-weight: bold;margin: 0 0 10px;}

.onebox {
    margin: 20px 0 0;
}

.onebox:nth-of-type(1) {
    /* margin: 70px 0 0; */
}

.singlebrand_area  .img_wrap{
      width:100%;
}

.singlebrand_area  .sns_wrap{
    text-align:right;
}

.singlebrand_area  .tenpo_txt_fild{
     margin:0 0 30px;
}

.singlebrand_area ul > li:last-child {
    padding: 10px;
    box-sizing: border-box;
}


/* =======================================
	★News
========================================== */

.nwkai{
  margin: 30px 0 0 0;
}

.news_archive_wrap{
  width:100%;
  margin: 0 0 0 0;
}

.title0x{
 font-size: 18px;
 font-weight:bold;
 margin: 0 0 10px;
 padding: 10px 10px;
 color: #000;
}

.news_archive_wrap h2.title0x {
    font-size: 16px;
    margin: 14px 0 0;
}

.news_details .news_archive_wrap h2.title0x {
    margin: 0;
}


.news_archive dl{
  margin: 0 0 5px;
  /* background: #f7f7f7; */
  /* background: #e2edf1; */
}

.news_archive dt{
  font-size: 14px;
  font-weight: normal;
  padding: 14px 20px;
  position: relative;
  line-height: 100%;
  background: #0072be;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.pluspan{
  position:absolute;
  right:0;
}

.news_archive dd a{
  font-size:14px;
  padding: 7px 20px;
  background: #f9f9f9;
}

.news_archive .plus_wrap{
  background: #0072be;
  width: 38px;
  height: 38px;
  text-align: center;
  right: 3px;
  border-radius: 4px;
 }

.news_archive .plus_wrap span.pl02{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transition:.3s;
}

.news_archive .togg .plus_wrap span.pl02 {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

/* =======================================
	★News detail
========================================== */

.under_site .main_cont > section.nt_darea{
    padding: 10px 0 30px;
}

.news_main_field{
  margin: 0 0 40px;
}

.news_free_field{
  margin: 0 0 50px;
}

.back_btn{
  display: block;
  max-width: 200px;
  position: relative;
  font-size: 16px;
  margin: 0 auto;
  padding: 40px 0 10px;
  color: #0072BE;
}

.back_btn > span{
  top: 5px;
  left:0;
  right:0;
  position: absolute;
  font-size:25px;
}

.btn_news_pdf{
  display:block;
  width: 90%;
  margin: 0 auto;
  max-width: 700px;
  background: url(../img/icon_download.png)no-repeat center right 20px;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  border: solid 3px #eee;
  font-weight: bold;
  margin: 0 auto;
}

.news_details_wrap{
  padding: 0;
  border-bottom: 3px dotted #cbcbcb;
  border-radius: 1px;
  margin: 0 0 40px;
}

.back_btn2{
  display: block;
  max-width: 200px;
  position: relative;
  font-size: 16px;
  margin: 0 auto;
  padding: 50px 0 10px;
  color: #0072BE;
}

.back_btn2 > span{
  top: 0;
  left:0;
  right:0;
  position: absolute;
  font-size: 37px;
}

.kiji_main_field{
  margin: 0 0 20px;
}

.bb_wrap{color: #00a3c9;}
.kiji_free_field{
  margin: 0 0 40px;
}

.kiji_free_field img {
    width: auto;
    margin: 20px 0;
    max-width: 100%;
	height: auto;
}

.kiji_link_field{
  margin: 0 0 20px;
}

.campaigns {
    margin: 0 0 20px;
}

.campaigns > em {
    margin: 0 0 5px;
}

.kiji_link_field em{
  margin: 0 0 10px;
}

.kiji_link_field a{
  margin: 0 0 5px 5px;
  text-decoration: underline;
  display: inline-block;
}

.kiji_kanren_field{
  margin: 0 0 20px;
}

.kiji_kanren_field em{
  margin: 0 0 5px;
}
.kiji_kanren_field a{
  margin: 0 0 5px 5px;
}

.txtdays{
  margin: 0 0 5px;
}

.topi_details_wrap {
    padding: 0;
    border-bottom: 3px dotted #cbcbcb;
    border-radius: 1px;
    margin: 0 0 40px;
    padding: 0 0 20px;
}

.news_pdf_field {
  padding: 10px 0 15px;
  margin: 0 0 20px;
}

/* =======================================
	★TOPICS
========================================== */

.event_img_filed_wrap{
  padding: 20px 0;
  /* background: #eee; */
}

.event_img_filed_wrap .img_wrap{
  position: relative;
  padding: 0 0 320px;
  overflow: hidden;
}

.event_img_filed_wrap img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  max-width: 560px;
  width: 50%;
}

.side_nav_archive h2 {
    font-size: 14px;
    font-weight: normal;
    margin: 0px 0 5px;
    padding: 0;
    background: #0072be;
    border-radius: 4px;
    color: #fff;
    padding: 8px;
}

.topics_archive_wrap side_nav_archive {
    margin-bottom: 20px;
    padding: 0 0 10px;
}

.topics_archive_wrap side_nav_archive {
    margin: 0 0 10px;
}

.side_nav_archive ul > li > a{
  padding: 6px 20px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  margin: 0 0 3px;
  font-size: 12px;
  color: #00a3c9;
  background: #f9f9f9;
}

.side_nav_archive ul {
    margin: 0 0 20px;
}

/*200904 twitter */
@media all and (-ms-high-contrast: none) {
.ie_none {
    display:none;
  }
}

.twitter {
   width: auto;
   margin: 0 0 0 620px;
}

/* =======================================
	★STATION
========================================== */

.station_details .area01 h2 {
    display: inline-block;
    margin: 0 0 0;
    /* text-align: left; */
}


.station .ul50 .title02 {
  text-align: center;
  display:block;
}

.lllist > li{
  border: solid 3px #eee;
  padding: 10px 20px 35px;
  box-sizing: border-box;
  width: 48%;
  margin: 80px auto 40px;
}

.lllist li a {
    padding: 5px 10px 10px;
    position: relative;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    display: block;
    background: rgba(255,255,255,0);
    margin: 0 0 5px;
    color: #1C1C1C;
    border-bottom: solid 1.5px #eee;
}

.lllist2 h3{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}

.lllist2 .arwrap{
  border: solid 3px #eee;
  padding: 20px 20px 25px;
  box-sizing: border-box;
  /* width: 48%; */
  margin: 0 auto 40px;
}

.lllist2 .statis_list li{
    padding: 5px 10px 10px;
    position: relative;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    display: block;
    background: rgba(255,255,255,0);
    margin: 0 0 5px;
    color: #1C1C1C;
    border-bottom: solid 1.5px #eee;
}

.lllist2 .statis_list li > a{
    float:left;
}

.lllist2 .statis_list li > span{
    float:right;
}


.store_listwrap{
    margin: 0 0 30px;
    padding: 30px 0;
}
.staonbox .area_tag_wrap{
  float: left;
}
.staonbox .icons_warap{
  float: right;
}

.station_details .area01{
  margin-top: 20px;
}


.station_details .area01 .icons_warap{
  display: inline-block;
  margin: 0 0 20px;
}
/* =======================================
	★HIGHWAY
========================================== */

.highway .area_side{
  margin: 50px auto 0;
}

.highway .cover h1 span{
  max-width: 350px;
  display: block;
  margin: 0 auto;
  font-size: 24px;
  text-align: center;
}

.highway .cover h1 span small{
  font-size: 11px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.highway .underinner {
    max-width: 1340px;
    margin: 30px auto 0;
}

.highway .underinner .main_cont {
    float: left;
    max-width: 1000px;
    width: 75%;
}

.highway_archive li a{
  padding: 3px 20px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  display: block;
  background: #E3E3E3;
  margin: 0 0 5px;
  color: #1C1C1C;
}

.highway_archive_wrap h2{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
}

.highway_archive_wrap ul{
  padding: 0;
}

.highway_archive_wrap ul li{
  float:left;
  width:48%;
  margin:0 2% 2% 0;
}

.highway_archive_wrap ul il:nth-child(2n){
  margin:0 0% 2% 0;
}

.highway_archive_wrap ul li a{
  display:block;
  background:#FAFAFA;
  border: solid 1px #E2E2E2;
  padding: 10px;
  text-align: center;
  color: #2E84CB;
  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
}

.highway_archive_wrap ul li a:before{border-top: 2px solid #808080;border-right: 2px solid #808080;}


.highwaycaoya_txt {
    font-weight: bold;
    list-style-type: none;
    margin: 20px 0 10px;
    font-size: 16px;
}

.agmapWp .gmapWp {
    height: 0;
    overflow: hidden;
    padding-bottom: 45%;
    position: relative;
    width: 100%;
    margin: 3% 0 5%;
}

/* =======================================
	★TIMESPLACE
========================================== */

.timesplace h1 {
    /* background: #4b212b; */
}

.timesplace .cover h1 span{
  max-width: 350px;
  display: block;
  margin: 0 auto;
  font-size: 24px;
  text-align: center;
}

.timesplace .cover h1 span small{
  font-size: 11px;
  text-align: center;
  display: block;
  margin: 0 auto;
}


.timesplace #thumslider_wrap {
    padding: 40px 0 20px;
    background: #4b212b;
}

.timesplace #thumslider_wrap #slider .slick-track > li {
    padding: 0 0 250px 0;
}

.timesplace footer {
    position: relative;
    /* background: #4b212b; */
}

.timesplace .btn_pagetop {
  /* background: #563940; */
}

.timesplace #thumslider_wrap .slick-prev:before, .slick-next:before {
    color: #ffffff;
}
.timesplace .cover h1 span{
  max-width: 350px;
      display: block;
      margin: 0 auto;
}

.timesplace .underinner {
    max-width: 1340px;
    margin: 30px auto 0;
}

.timesplace .underinner .main_cont {
    float: left;
    max-width: 1000px;
    width: 75%;
}

.times_archive li a{
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  display: block;
  background: #E3E3E3;
  margin: 0 0 5px;
  color: #1C1C1C;
}

.times_archive_wrap h2 img{
  max-width: 200px;
  margin: 0 0px 5px;
  padding: 0 0 10px;
}

.timesplace_details .area01{
  max-width: 760px;
  margin: 0 auto 10px;
}

.timesplace_details .area02{
  max-width: 760px;
  margin: 0 auto 10px;
}

.timesplace_details .sns_wrap {
    margin: 0 0 20px;
    text-align: right;
}

.timesplace_details .flor_img_wrap{
  margin: 0 auto 20px;
}

.timesplace_details .area_highways.store_listwrap.bk_F6F6F6.pc {
    padding: 30px 0;
}

.timesplace_details .official_wrap {
    margin: 10px 0;
}
/* =======================================
	★MEETS_SWEETS
========================================== */


.meets_sweets .tag_list li{
  float: left;
      width: 32.7%;
      margin: 0 1% 3% 0;
}

.meets_sweets .tag_list li:nth-child(4n){
  margin: 0 0% 3% 0;
}

.meets_sweets .tag_list li a{
  background: #E3E3E3;
  display: block;
  padding: 12px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #1C1C1C;
}

.meets_sweets .area01{}

.meets_sweets ul.boxul li:last-child{
  box-sizing: border-box;
      padding: 0 0 0 40px;
}

.titlebox{
  margin: 0 auto 40px;
}

.titlebox dt{
  float: left;
  width: 40%;
  padding: 0 0 0 6%;
  border-right:1px solid #DDDDDD;
}
.meets_sweets ul.boxul li:last-child strong{
  font-size: 18px;
  margin: 0 0 30px;
  display: block;
}
.titlebox dt img{
  max-width: 128px;
      margin: 10px 0 0;
      padding: 0 0 10px;
}
.titlebox dd{
  float: left;
  width:59%;
}
.titlebox dd h2{
  margin: 0 auto 0;
}
.titlebox dd span{
  color: #808080;
  font-weight: bold;
}

.meets_sweets ul.boxul li:last-child table{

}
.mainimgwrap{
  position: relative;
      padding: 0 0 346px;
      overflow: hidden;
}
.mainimgwrap img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.meets_sweets ul.boxul li:last-child table th{
  font-size: 14px;
  font-weight: normal;
  background: #E3E3E3;
  border: solid 2px #fff;
  text-align: center;
}

.meets_sweets ul.boxul li:last-child table td{
  font-size: 14px;
  font-weight: normal;
  background: #F4F7FC;
  border: solid 2px #fff;
  padding: 7px 10px;
}

.meets_sweets main section{
  padding: 40px 0;
}

.meets_sweets main section.area02,.meets_sweets main section.area03{
  padding: 10px 0 0px;
}

.meets_sweets .schedule_listwrap .ul30>a {
  float: left;
  width: 32%;
  margin: 0 2% 5% 0;
}
.meets_sweets .schedule_listwrap .ul30>a:nth-child(3n) {
  float: left;
  margin: 0 0% 5% 0;
}

.schedule_list .img_wrap{
  position: relative;
  padding: 0 0 200px;
  overflow: hidden;
}

.schedule_list .img_wrap > img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.meet_logo{
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 60px;
  height: 60px;
  width: 60px;
  background: #ffff;
  box-shadow: -1px 2px 3px #eee;
  display: block;
}

.schedule_list span.meet_logo {
    bottom: unset;
    top: -40px;
    right: 10px;
}

  .meet_tag{
    display:inline-block;
    text-align: center;
    /* position: absolute; */
    /* width: 75px; */
    line-height: 1.3;
    /* top: 30px; */
    /* left: 13px; */
    padding: 3px 11px;
    background: #E5C262;
    color: #fff;
    margin: 0 0 6px;
    position: relative;
  }
  .meet_tag em{
    /* display: block; */
    /* min-width: 75px; */
    /* width: auto; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* -webkit-transform: translateY(-50%) translateX(-50%); */
    /* transform: translateY(-50%) translateX(-50%); */
    /* background: #E5C262; */
    /* padding: 2px 2px; */
    /* color: #fff; */
  }
  .meet_tag span{
    display: inline-block;
    font-size: 10px;
  }

  .meet_tag span:first-child{
    font-size: 14px;
  }
  .meets_sweets .schedule_listwrap .ul30>a dd{
    padding: 10px;
    box-sizing: border-box;
    position: relative;
  }
  .meets_sweets .schedule_listwrap .ul30>a dd strong {
      margin: 0 0 8px;
      border-bottom: 2px dotted #E5E5E5;
      border-radius: 1px;
      padding: 0 0 5px;
  }
  .meets_sweets .schedule_listwrap .ul30>a dd .meet_txt{margin: 0 0 5px;color: #000;}

  .tag_list li a{
    position: relative;
  }
  .tag_list li a:after {
      position: absolute;
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 15px 0 15px;
      border-color: #e5c262 transparent transparent transparent;
      bottom: -12px;
      left: 0;
      right: 0;
      margin: 0 auto;
      display: none;
  }
  .tag_meets__abenobashi.tag_list li:nth-of-type(1) a{
    background: #E5C262;
    color: #fff;
  }
  .tag_meets__uehonmachi.tag_list li:nth-of-type(2) a{
    background: #E5C262;
    color: #fff;
  }
  .tag_meets__saidaiji.tag_list li:nth-of-type(3) a{
    background: #E5C262;
    color: #fff;
  }
  .tag_meets__namba.tag_list li:nth-of-type(4) a{
    background: #E5C262;
    color: #fff;
  }

  .tag_meets__abenobashi.tag_list li:nth-of-type(1) a:after{
    display: block;
  }
  .tag_meets__uehonmachi.tag_list li:nth-of-type(2) a:after{
    display: block;
  }
  .tag_meets__saidaiji.tag_list li:nth-of-type(3) a:after{
    display: block;
  }
  .tag_meets__namba.tag_list li:nth-of-type(4) a:after{
    display: block;
  }
  /* meets_sweets_details */

  .meets_sweets_details .meet_tag {
    position: relative;
    margin: 0 0 20px;
    left: 10px;
    top: 0;
  }

  .meets_sweets_details .title_cont .title02{
    text-align: left;
    font-weight: bold;
    margin: 0;
  }

  .meets_sweets_details .title_cont{
    border-bottom: 2px dotted #E5E5E5;
    border-radius: 1px;
    margin: 0px 0 10px;
  }

  .meets_sweets_details .meet_txt{
    margin: 0 0 10px;
  }
  .meets_sweets_details .meet_logo {
    position: absolute;
    bottom: unset;
    top: 0;
    right: 0;
    max-width: 80px;
  }

.meets_sweets_details span.meet_logo {
    height: 80px;
    width: 80px;
    box-shadow: none;
}
  .meet_cont_field .img_wrap{
    position: relative;
    padding: 0 0 460px;
    overflow: hidden;
    margin: 0 0 20px;
  }

  .meet_cont_field{
    margin: 0 0 40px;
  }

  .meet_cont_field .img_wrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }

  .meets_sweets_details .div50{
    float: left;
    width: 48%;
    margin: 0 2% 5% 0;
  }
  .meets_sweets_details .div50:last-child{
    margin: 0 0% 5% 0;
  }

  .meets_sweets_details .div50 .img_wrap{
    padding: 0 0 260px;
  }
.meet_archive dt{
  position: relative;
}
.meet_archive dt a{
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  display: block;
  background: #E3E3E3;
  margin: 0 0 5px;
  color: #222222;
}

.meet_archive dt > sapn{
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 7px;
  height: 7px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  position: absolute;
  top: 54%;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-45deg);
  transition: .3s;
}

.meet_archive dd{
  display: none;
}
.meet_archive dd a{
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  display: block;
  background: #f6f6f6;
  margin: 0 0 5px;
  color: #222222;
}

.meet_archive.meets__abenobashi dl:nth-of-type(1) dt a{
    background: #E5C262;
    color: #fff;
}

.meet_archive.meets__uehonmachi dl:nth-of-type(2) dt a{
    background: #E5C262;
    color: #fff;
}

.meet_archive.meets__saidaiji dl:nth-of-type(3) dt a{
    background: #E5C262;
    color: #fff;
}
.meet_archive.meets__namba dl:nth-of-type(4) dt a{
    background: #E5C262;
    color: #fff;
}

.meet_archive_wrap h2 img{
  max-width: 128px;
  margin: 0 5px 5px;
  padding: 0 0 10px;
}

/* =======================================
	★SHAHAN
========================================== */

.shahanstenp .wrap{
  min-width: 600px !important;
  max-width: 1920px;
}

.shahanstenp .wrap header { display: none;}
.shahanstenp .wrap footer { display: none;}
.shahanstenp .wrap .top_area04 { display: none;}
.shahanstenp .wrap .top_area05 { display: none;}

.page-menu{
	text-align:center;
	margin-bottom:30px;
	margin-top: 25px;
}
.page-menu li{
	display: block;
	float: left;
	font-weight:bold;
	font-size:14px;
	text-align: center;
	max-width: 515px;
	width: 50%;
	height: 46px;
	background: #E3E3E3;
	margin: 0 5px 0 0;
	position:relative;
}

.page-menu li:nth-of-type(4){
    margin:0 0 0 0;
}
.page-menu li a{
	color: #1C1C1C;
	background: #E3E3E3;
	display: block;
	vertical-align: middle;
	height: 100%;
	padding: 15px 0 0;
	box-sizing: border-box;
	font-size: 10px;
}

.page-menu li a:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #1C1C1C;
    border-right: 1px solid #1C1C1C;
    position: absolute;
    top: -4px;
    bottom: 0;
    right: 15px;
    margin: auto;
    transform: rotate(135deg);
    transition: .3s;
}

.page-menu li a:hover{
	color: #ffffff;
	background: #0072BE;
}

.page-menu li a:hover:before {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    position: absolute;
    top: -2px;
}

.shahan-intro{
	margin-bottom: 30px;
}

.shahan-intro .col1{
	padding-right:20px;
}
.shahan-intro .col2{
	vertical-align:middle;
}


.shahan-block .sch{
	background:#fff;
	text-align:center;
}
.shahan-block .sch h3{
	text-align:left;
	padding:3px 20px;
	font-size:16px;
  background: #EDEBEB;

}
.shahan-block .sch .inner{
	text-align:left;
	width:610px;
	margin:20px auto;
}

.shahan-block .sch-table{
	margin-bottom: 20px;
	border-width:0 1px 1px 0;
	border-color:#EAE1C2;
	table-layout:fixed;
	width:100%;
}

.shahan-block .sch-table th{
	font-weight:bold;
}
.shahan-block .sch-table th,
.shahan-block .sch-table td{
	border-width:1px 0 0 1px;
    border: solid 1px #AFAFAF;
	padding:7px 20px;
	text-align:center;
	vertical-align:middle;
	line-height:1.5;
}

.shahan-block .sch-table th div{
	position:relative;
	line-height:1.5;
}

.shahan-block .sch-table th .arrow{
	position:absolute;
	left:-30px;
	top: 0px;
	vertical-align:middle;
	max-width: 26px;
}

.shahan-block .sch-table thead th{
	background:#F9F1D8;
}
.shahan-block .sch-table tbody th{
	background: #F7ECDC;
}
.shahan-block .sch-table tbody td{
	background: #fff;
}

.shahan-block .sch-table thead .bg-green{background: #FAF9EA;}
.shahan-block .sch-table thead .bg-blue{background: #F7ECDC;}
.shahan-block .sch-table tbody .holi th{background: #F7ECDC;}
.shahan-block .sch-table tbody .holi .bg-green{background: #fff;}
.shahan-block .sch-table tbody .holi .bg-blue{background: #fff;}
.shahan-block .sch-table tbody .bg-green{background: #fff;}
.shahan-block .sch-table tbody .bg-blue{background: #fff;}

.shahan-block .sch-table thead .empty{
	background: none;
	border-width:0;
}
.shahan-block .sch-table tbody .empty{
	/* background: #fff; */
}

.shahan-block .yasumi{
	text-align:right;
}
.inner2 {
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #F6F6F6;
}
#shahan2 .inner2 {
  padding: 30px 190px 20px;
}
#shahan3 .inner2 {
  padding: 30px 120px 20px;
}

#shahan2 .inner2 .case{
	width:100%;
}
#shahan2 .inner2 .left,
#shahan2 .inner2 .right{
	width:283px;
	margin: 0 20px;
}

#shahan2 .sch-table tbody td{
	background: #fff;
}
#shahan2 .inner2 .left .sch-table tbody th{
	background: #FAF9EA;
}

.case .left{
  float: left;
}

.case .right{
  float: left;
}

.trainarea{

}

.trainarea .title02{
  text-align: left;
  margin: 30px 0 0;
}

.text-title2{
  padding: 0 0 15px 25px;
  color: #0D598B;
  margin: 0 0 20px;
  border-bottom: solid 1px #E5E5E5;
  position: relative;
  font-size: 18px;
  line-height: 1.3;
}

.text-title2:after{
  content:"";
  display:block;
  width: 3px;
  height: 23px;
  background: #0D598B;
  position: absolute;
  left: 0;
  top: 0;
}

.block.shahan-block{
  margin: 0 0 30px;
}

.btna{
  max-width: 300px;
  margin: 20px auto 10px;
  text-align: center;
  padding: 13px 0;
  color: #000;
  line-height: 1;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}

.btna::before{
  content: "";
  background: url(../img/material-restaurant-menu.png)no-repeat;
  width: 23px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 27%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.btna::after{
  content: "";
  background: url(../img/glinks.svg)no-repeat;
  width: 15px;
  height: 13px;
  position: absolute;
  top: 54%;
  right: 4%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

/**/

.shahan-popup-p{
}

#shahan-wrap{
	width:660px;
	text-align:left;
	margin:20px auto;
}

.shahan-menu-block{
	width:100%;
	overflow:hidden;
}
.shahan-menu-block ul{
	width:680px;
	position:relative;
	left:10px;
	display: inline-block;
	margin-bottom:20px;
}
.shahan-menu-block ul:after{content: ".";display: block;height:0;overflow:hidden;clear:both;visibility: hidden;}

.shahan-menu-block li{
	width:200px;
	float:left;
	margin:0 20px 7px 0;
	border-bottom: 1px solid #e1ebef;
}

.shahan-menu-block .bento li{
	width:309px;
}
.shahan-menu-block .bento li.even{
}
.shahan-menu-block .bento li img{
	margin-bottom:10px;
	border: solid 1px #eee;
}

.shahan-menu-block li table{
	width:100%;
}
.shahan-menu-block li td{
	padding-bottom:4px;
}
.shahan-menu-block li .col1{
	width:100%;
	font-size: 12px;
}
.shahan-menu-block li .col2{
	padding-left:10px;
	padding-right:10px;
	font-size: 12px;
}
.shahan-menu-block li .col3{
	text-align:right;
	white-space:nowrap;
	font-size: 12px;
}

.window-close{
	text-align:center;
	margin:10px auto;
  max-width: 99px;
}


/* =======================================
	★popup
========================================== */

.popupcont {
  position: fixed;
  z-index: 3;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.popupinner {background: #F8F7F7;width: 80%;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);border: solid 4px #0072BE;min-height: 40%;padding: 30px;box-sizing: border-box;}

.btnbackpop {
    position: absolute;
    bottom: 0;
    left: 30px;
    min-width: 130px;
}

.popupinner {}

a.closebtn {
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 1px;
    right: 13px;
}

.pop_stalists {
    margin: 40px 0;
}

.pop_stalists >a {
  width: 18.4%;
  margin: 0 2% 2% 0;
  color: #000;
  text-align: left;
  padding: 10px 18px;
  box-sizing: border-box;
  border-radius: 4px;
}

.poptitle {
    position: absolute;
    top: -1px;
    left: -1px;
    background: #0072be;
    color: #fff;
    padding: 10px;
}

a.btn02.bnt_yplus:before {
    border-top: 2px solid #0072BE;
    border-right: 2px solid #0072BE;
}

.pop_stalists >a:nth-child(5n) {
  margin: 0 0% 2% 0;
}

.btnbackpop:hover:before{
     right: unset;
    left: 17px;
    transform: rotate(225deg);
}

.btnbackpop:before {
    right: unset;
    left: 20px;
    transform: rotate(225deg);
}

.btnbacknext{
  position: absolute;
  bottom: 0;
  right: 30px;
  min-width: 300px;
}

.pop02{display: none;}
.pop03{display: none;}

.br_icon_c04 img {width: 32px;}
.br_icon_c05 img {width: 32px;}
.br_icon_c06 img {width: 32px;}
.br_icon_c08 img {width: 115px !important;}
/* =======================================
	★GUIDE
========================================== */

.guidearea .first{
  margin: 0 0 30px;
  text-align: center;
}

.guidearea .title02 {
    font-size: 24px;
    padding: 7px 0;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    margin: 40px 0 40px;
}

.guidearea .left.first{
  float: left;
  max-width: 320px;
  width: 320px;
  margin: 0 0 0 170px;
}

.guidearea .right.last{
  float: right;
  margin: 0 80px 0 0px;
  max-width: 402px;
  width: 402px;
}

.guidearea .odd.first{
  float: left;
  max-width: 203px;
  width: 203px;
}

.guidearea .even.last{
  float: right;
  max-width: 183px;
  width: 183px;
}

img.meet_labels2 {
    position: relative;
    top: -2px;
}


/* IE用処理*/

select {
  -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
  appearance: none; /* 標準のスタイルを無効にする */
}

select::-ms-expand {
  display: none;
}

.iconss{
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background: #eee;
  padding: 1px 10px;
  margin: 0px 0 0 5px;
  position: relative;
  top: -1px;
  display: inline-block;
  border-radius: 3px;
}
.icon--none{  background: #eee;display: none;}
.icon--rele{  background: #3F51B5;}
.icon--camp{background: #28772e;}
.icon--noti{  background: #2196F3;}
.icon--newst{  background: #9C27B0;}
.icon--menu{  background: #FF9800;}
.icon--item{  background: #FF5722;}
.icon--apology{background: rgba(238, 238, 238, 0);padding: 0;position: relative;top: 2.5px;}

.icon--apology{  max-width: 52px;}

/*200207追記*/

.highway_details .area01 {
    max-width: 760px;
    margin: 0 auto;
}

.highway_details .img_wrap {
    overflow: hidden;
    width: 100%;
    padding: 0 0 60%;
    position: relative;
    margin: 0 0 30px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.highway_details .img_wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

/*200214追記**/

.ulxx>li,.ulxx>a {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
}
.ulxx>li:nth-child(3n),.ulxx>a:nth-child(3n) {
  margin: 0 0 2% 0;
}

/*200218*/
.meetsweets_tenant {
	width: 1040px;
	margin: 20px auto;
}

.pop03 .pop_stalists >a.nolinks {
  display: none !important;
}

.pop_stalists >a {
  margin: 0 0.75% 2% 0.75%;
}

.pop_stalists >a:nth-child(5n) {
  margin: 0 0.75% 2% 0.75%;
}

/*タイムズプレイス*/
/* ul.slide-dotsss2 li:nth-of-type(n+3){display: none;} */

.back_orangeslid{
  background-color: #fff2ea;
  background-image: repeating-linear-gradient(-35deg, transparent, transparent 1px, rgba(255,255,255,1) 2px, rgba(255,255,255,1) 4px);
}

/*topicsシェアボタン*/
.share_btn_wrap {
  margin: 10px 0 0px;
      text-align: right;
      display: block;
}

.share_btn_wrap > a {
  max-width: 38px;
display: inline-block;
background: #fff;
box-shadow: 0px 1px 5px #eee;
border-radius: 50%;
}

/* 210108 add */
div.use .cover .cover_inner {
  background-color: #1885C8;
    padding: 85px 0 60px;
    color: #fff;
    text-align: center;
}

div.use .cover .use_title h1{
  font-size: 38px;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
    padding: 0 120px;
    display: inline-block;
}

div.use .cover .use_title h1::before {
  content: "";
      background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/title_ashi01.png) no-repeat center/cover;
      width: 31px;
      height: 43px;
      position: absolute;
      top: 50%;
      left: 21px;
      transform: translateY(-50%);
}

div.use .cover .use_title h1::after {
  content: "";
      background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/title_ashi02.png) no-repeat center/cover;
      width: 31px;
      height: 43px;
      position: absolute;
      top: 50%;
      right: 21px;
      transform: translateY(-50%);
}

div.use .cover .use_title .subtitle{
  font-size: 16px;
}

div.use main .use_main {
  background-color: #1885C8;
  padding-bottom: 60px;
}

div.use main .use_point {
  width: 1040px;
    margin: 0 auto;
    background-color: #fff;
    padding: 70px 0;
    border-radius: 30px;
    text-align: center;
    margin-bottom: 45px;
    position: relative;
}

div.use main .use_point.point01::before,
div.use main .use_point.point03::before {
  content: "";
      background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/box_ashi01.png) no-repeat center/cover;
      width: 417px;
      height: 130px;
      position: absolute;
      top: 0;
      left: 0;
}

div.use main .use_point.point02::before,
div.use main .use_point.point04::before {
  content: "";
      background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/box_ashi02.png) no-repeat center/cover;
      width: 417px;
      height: 130px;
      position: absolute;
      top: 0;
      right: 0;
}

div.use main .use_point h2{
  display: inline-block;
    color: #1885C8;
    font-size: 35px;
    font-family: 'Century Gothic', sans-serif;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 3px solid #1885C8;
}

div.use main .use_point .point_txt{
  margin: 30px 0;
}

div.use main .use_point .point_txt .point_title {
  font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

div.use main .use_point .point_txt .txt {
  line-height: 210%;
}

div.use main .use_point .point01_box{
  width: 795px;
    margin: 0 auto;
    background-color: #F5F2F2;
    padding: 30px 0;
    border-radius: 30px;
}

div.use main .use_point .point01_box .box_title{
  color: #1885C8;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

div.use main .use_point .pointflex{
  display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

div.use main .use_point .pointflex.point01{
  width: 645px;
margin: 0 auto;
}

div.use main .use_point .pointflex.point01 li {
  width: 120px;
}

div.use main .use_point .pointflex.point02{
  width: 860px;
margin: 0 auto;
}

div.use main .use_point .pointflex.point02 li {
  width: 278px;
}

div.use main .use_point .pointflex.point04{
  width: 550px;
margin: 0 auto;
}

div.use main .use_point .pointflex.point04 li {
  width: 270px;
}

div.use main .use_point .use_link{
      margin-top: 30px;
}

div.use main .use_point .use_link a{
  background-color: #0072BE;
    display: block;
    width: 510px;
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    position: relative;
    transition: 0.3s;
    text-align: center;
}

div.use main .use_point .use_link a::after {
  content: "";
      background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/link_arrow.png) no-repeat center/cover;
      width: 10px;
      height: 15px;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
}

div.use main .use_point .use_link.link_brand a::before {
  content: "";
      background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/use_shop_ico.png) no-repeat center/cover;
      width: 30px;
      height: 27px;
      position: absolute;
      top: 50%;
      left: 100px;
      transform: translateY(-50%);
}

div.use main .use_point .use_link a:hover {
  transform: scale(0.97);
}

div.use main .use_point .point03_img {
  text-align: center;
    display: inline-block;
    margin-left: 150px;
}

div.use main .use_point .point03_img img {
    width: 536px;
}

div.use main .use_link_home{
      margin-top: 35px;
}

div.use main .use_link_home a{
  background-color: #fff;
    display: block;
    width: 290px;
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 5px;
    color: #1885C8;
    font-size: 13px;
    position: relative;
    transition: 0.3s;
    text-align: center;
}

div.use main .use_link_home a::before {
  content: "";
      background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/link_arrow02.png) no-repeat center/cover;
      width: 10px;
      height: 15px;
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
}

div.use main .use_link_home a:hover {
  transform: scale(0.97);
}

/* 210115 トップサイドバナー */
.guide_side .guide_btn {
  width: 25px;
    display: inline-block;
    padding: 20px 18px 50px;
    position: fixed;
    top: 45%;
    right: 0;
    background-color: #1885C8;
    z-index: 1000;
    text-align: center;
    color: #fff;
    line-height: 120%;
    cursor: pointer;
    font-size: 16px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
}

.guide_side .guide_btn::after {
  content: "";
    background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/guide/guide_arrow_top.png) no-repeat center/cover;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 15px;
    right: 50%;
    transform: translateX(50%);
}

.guide_side .guide_menu {
  /* width: 215px; */
  padding: 15px 75px 15px 25px;
    border: 2px solid #1885C8;
    background-color: #fff;
    position: fixed;
    top: 30%;
    right: -259px;
    z-index: 20;
    transition: all 0.2s;
}

.guide_side .guide_menu.open {
  right: 0;
}

.guide_side .guide_menu .side_blueTitle {
  font-size: 14px;
  color: #1885C8;
  font-weight: bold;
  margin-bottom: 10px;
}

.guide_side .guide_menu ul {
  margin-bottom: 20px;
}

.guide_side .guide_menu ul li {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
}

.guide_side .guide_menu ul li a {
  color: #171717;
}

.guide_side .guide_menu ul li a:hover {
  color: #1885C8;
}

.guide_side .guide_menu ul li::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #1885c8;
position: absolute;
top: 7px;
left: 0;
}

.guide_side .guide_menu .side_link a{
  color: #fff;
  background-color: #1885c8;
  padding: 10px 0;
  border-radius: 30px;
  text-align: center;
  font-weight: bold;
  position: relative;
  display: block;
  font-size: 12px;
  border: 1px solid #1885c8;
}

.guide_side .guide_menu .side_link a::after {
  content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    transform: rotate(45deg);
    transition: .3s;
}

.guide_side .guide_menu .side_link a:hover{
  color: #1885c8;
  background-color: #fff;
  border: 1px solid #1885c8;
}

.guide_side .guide_menu .side_link a:hover::after {
  border-top: 2px solid #1885c8;
  border-right: 2px solid #1885c8;
}

/* 210301add */
header {
  z-index: 3;
}
.under_cover {
  background: #E1EBEF;
}
.under_cover h1 {
  background: none;
  z-index: 2;
}
.under_cover h1:after {
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/title_h1_back02.svg)no-repeat center/contain;
  height: 170%;
  top: -50px;
  left: 0;
  width: 30%;
  z-index: -1;
}
.under_cover h1:before {
  position: absolute;
  content: "";
  display: block;
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/title_h1_back02.svg)no-repeat center/contain;
  height: 170%;
  top: -50px;
  right: 0;
  width: 30%;
  transform: scale(-1,1);
  z-index: -1;
}
.cover {
  z-index: 2;
}
/* 210519 横並び */
.area01_02 .area01 {
	display: inline-block;
	float: left;
    width: 50%;
}
.area01_02 .area01 .inner{
    padding: 0px 10px 50px 50px;
}
.area01_02 .area02 {
    display: inline-block;
    float: left;
    width: 50%;
}
.bk_F6F6F6{
	margin: 0px 0px 50px 0px;
}
.wrap.under_site.brand .title02{
	display: block;
    clear: both;
}
.area01_02{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 80%;
    margin: auto;
}
/* ブランド店舗　ボタンCSS */
a.official_btn.box_shadow.g_link.yoyaku01{
    background-color: #f78148;
    color: white;
}
a.official_btn.box_shadow.g_link.yoyaku01:before{
    display:none;
}
a.official_btn.box_shadow.g_link.yoyaku02{
    background-position-y: -24px;
    background-image: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/banner_irodori.png);
    background-repeat: no-repeat;
    background-position-x: center;
}
/* 1つ目のボタン位置 */
.br_btn_01{
    margin-top: 70px;
}
/* 2つ目のボタン位置 */
.br_btn_02{
margin-top: 15px;
}
/* SNSの名前追加 */
.ico--inst:after{
	font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
    top: -5px;
}
/* アプリダウンロード固定フッター */
.footer_appli{
position: relative;
margin-top: 12px;
margin-bottom: -15px;
}
.footer_appli_btn01{
position: absolute;
top: 66%;
left: 29%;
width: 10%;
}
.footer_appli_btn02{
position: absolute;
top: 66%;
left: 40%;
width: 11%;
}
section.fbanner_area.bk_F6F6F6{
margin: 0px 0px 50px 0px;
}
/* top_recommend */
.top_recommend_area {
  background: #EEF6F9;
  padding: 50px 0;
}
.top_recommend_area .inner .title02 {
  margin-bottom: 30px;
}
.top_recommend_area .inner .top_recommend_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.top_recommend_area .inner .top_recommend_list li {
  width: 32%;
  margin-right: 1.5%;
  margin-bottom: 1.5%;
  background: #fff;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
  transition: .3s;
  position: relative;
  top: 0;
  left: 0;
}
.top_recommend_area .inner .top_recommend_list li:nth-child(3n) {
  margin-right: 0;
}
.top_recommend_area .inner .top_recommend_list li:hover {
  top: 2px;
  left: 2px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1)!important;
}
.top_recommend_area .inner .top_recommend_list li a {
  display: block;
}
.top_recommend_area .inner .top_recommend_list li a span {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 32% 0;
}
.top_recommend_area .inner .top_recommend_list li a span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: none;
  height: auto;
}
.top_recommend_area .inner .top_recommend_list li a p {
  padding: 20px;
  color: #000;
}
/* MAGAZINE pickup01 */
.h2_pickup01{
    font-size: 21px;
    font-weight: bold;
    padding: 30px 10px;
    color: #000;
}
.h3_pickup01{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 25px 0 0;
    padding-left: 6px;
    border-left: 4px solid #0072be;
    line-height: 24px
}
.pickup01_text{
    line-height: 2.5;
}
.pickup01_text ul{
    display: flex;
    justify-content: center;
}
.pickup01_text ul li:first-child{
    max-width: 40%;
}
.pickup01_text ul li:nth-of-type(2){
    margin: 20px 0;
    padding-left: 34px;
    padding-top: 8px;
    max-width: 60%;
}
.bnt_pickup{
    line-height: normal;
    margin-top: 15px;
}
.pickup01_text ul li img{
    margin-top: 18px;
}
/* MAGAZINE top */
.top_magazine_area{
    background-image: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/linedpaper.png);
    background-repeat: repeat;
	padding: 50px 0;
}
.magazine{
  width: 49%;
  margin-bottom: 20px;
  transition: .3s;
  min-height: 115px;
}
.magazine:hover{
    transform: translate3d(1px, 1px, 1px);
}
.magazine>a>dl {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}
.magazine>a>dl>dt{
      width: 40%;
}
.magazine>a>dl>dt>div.img_wrap {
  height: 100%;
  width: 100%;
}
.magazine>a>dl>dt img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.magazine>a>dl>dd{
  color: #000;
  width: 60%;
  padding: 15px;
}
.magazine_txt{
	font-size: 13px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #676767;

}
.d_title{
    font-weight: bold;
    font-size: 14px;
	margin: 0 0 5px;
	display: block;
}
.inner_magazine{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* MAGAZINE 一覧 */
#magazine_intro ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 30px;
}
#magazine_intro ul li {
    width: 24%;
    margin-top: 15px;
}
#magazine_intro ul li a {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #1383c7;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    color: white;
}
#magazine_intro ul li a::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8.5px;
    margin: auto;
}
/* アプリ紹介ページ */
#app_intro ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 30px;
}
#app_intro ul li{
  width: 49%;
  margin-top: 15px;
}
#app_intro ul li a{
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #1383c7;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  color: white;
}
#app_intro ul li a::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8.5px;
  margin: auto;
}
  .guidearea02 {
    margin: 120px 0 0 0;
    position: relative;
    background-color: #f2f2f5;
  }

  .guidearea02 .wrap {
    background-color: #F2FAFF;
  }

  .guidearea02 .wrap:before {
    position: absolute;
    content: "";
    display: block;
    background: url(../img/guide/appli_title02.png)no-repeat center/contain;
    height: 170%;
    top: 7%;
    right: 15%;
    width: 44%;
    z-index: -1;
}

  .guidearea02 .wrap:after {
    position: absolute;
    content: "";
    display: block;
    background: url(../img/guide/appli_title01.png)no-repeat center/contain;
    height: 170%;
    bottom: -7%;
    left: 15%;
    width: 44%;
    z-index: -1;
}

  .kv_contents {
    max-width: 1040px;
    margin: auto;
  }

  .kv_title h1 {
    text-align: center;
    line-height: 1;
    margin-bottom: 27px;
    margin-top: 30px;
    text-shadow: 2px 0 3px #ffffff, 0 3px 1px white, -2px 0 3px white, 0px -3px 1.5px white;
  }

  .kv_title h1 span {
    font-size: 1.45rem;
    font-weight: bold;
    letter-spacing: 2px;
  }

  .kv_title h1 strong {
    margin: 12px 0 0;
    display: block;
    font-size: 2.7rem;
    font-weight: bold;
    color: #1383C7;
  }

  .kv-box{
    position: relative;
  }

  figure.on {
    width: 315px;
    margin: auto;
  }

  .bal-box {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -390px;
    width: 780px;
    height: 360px;
    bottom: 0;
  }

  .bal-box-inner {
    position: relative;
    height: 360px;
  }

  .bal-box .bal-l {
    position: absolute;
    left: 0;
    width: 50%;
  }

  .bal-box .bal-r {
    position: absolute;
    right: 0;
    width: 50%;
  }

  .bal-box .bal span {
    position: absolute;
    display: block;
  }

  .bal-box .bal span.on {
    opacity: 1;
    -webkit-transform: translate(0);
  }

  .bal-box .bal-r span:nth-child(1) {
    top: 118px;
    right: 185px;
    width: 74px;
    height: 68px;
    background: url(../img/guide/appli_kv02.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .bal-box .bal-r span:nth-child(2) {
    top: 185px;
    right: 116px;
    width: 74px;
    height: 68px;
    background: url(../img/guide/appli_kv03.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .bal-box .bal-r span:nth-child(3) {
    top: 277px;
    right: 170px;
    width: 74px;
    height: 68px;
    background: url(../img/guide/appli_kv04.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .bal-box .bal-l span:nth-child(1) {
    top: 252px;
    left: 150px;
    width: 74px;
    height: 68px;
    background: url(../img/guide/appli_kv05.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .bal-txt {
    transform: scale(0.921111);
    position: absolute;
    bottom: 35%;
    left: 21.5%;
    width: 190px;
    height: 190px;
    z-index: 20;
  }

  .bal-txt-inner {
    width: 170px;
    height: 170px;
    z-index: 20;
    background-color: white;
    background: url(../img/guide/appli_kv01.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .bal-txt-inner p {
    position: absolute;
    top: 21%;
    left: 0;
    width: 170px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.2;
    color: #16315D;
  }

  .bal-txt-inner p strong {
    font-size: 2.7rem;
  }

  .bal-txt-inner p span {
    font-size: 1.45rem;
  }

  nav#app-nav {
    background-color: #F6EF03;
  }

  .app-nav-inner {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 14px;
    align-items: center;
  }

  .dl_btn{
    margin-left: -53px;
  }

  .dl_btn p {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #1383C7;
  }

  .dl_btn li {
    display: inline-block;
    width: 37%;
    padding-right: 7px;
  }

  .appli_icon img{
    width: 71%;
  }
  .guide_inner .contents {
    max-width: 980px;
    margin: auto;
    text-align: center;
    padding-bottom: 5%;
  }

  .guide_inner h2 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #1383C7;
    padding: 9% 0 4% 0;
	clear: both;
  }

  .guide_inner h3 {
    font-size: 1.1rem;
    padding: 5% 0 8% 0;
    display: flex;
    align-items: center;
  }

  .guide_inner h3:before,
  .guide_inner h3:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #000;
  }

  .guide_inner h3:before {
    margin: 0 1rem 0 0;
  }

  .guide_inner h3:after {
    margin: 0 0 0 1rem;
  }

  .comments {
    clear: both;
    text-align: right;
    font-weight: normal !important;
    font-size: 0.8rem !important;
  }

  .col {
    background-color: white;
    border-radius: 10px;
    padding: 5% 10%;
  }

  .col p {
    font-weight: bold;
    line-height: 2.3;
    font-size: 1.1rem;
  }

  #exp .under {
    background: linear-gradient(transparent 50%, #F6EF03 50%);
    text-shadow: 1px 0 0 #ffffff, 0 1px 0 white, -1px 0 0 white, 0 -1px 0 white;
  }
  #pt_get h2{
    background: url(../img/guide/pt_get.png) 0 0 no-repeat;
    background-position-x: 670px;
    background-position-y: 52px;
    background-size: 14%;
  }

  #pt_get .pt_get01 {
    margin-top: 5%;
    padding: 0 17%;
  }

  #pt_get .pt_get01 li {
    float: left;
    width: 31.3%;
    margin-right: 3%;
  }

  #pt_get .pt_get01 li:nth-child(3){
    margin-right: 0;
  }

  #pt_get .pt_get01 li p {
    color: #FE6161;
    padding: 3% 5% 0 5%;
    line-height: 1.3;
  }

  #pt_get .text_box {
    background-color: #f2f2f5;
    border-radius: 10px;
    padding: 2% 6%;
    margin-top: 4%;
    text-align: left;
  }

  #pt_get .text_box p {
    font-weight: normal;
  }

  #pt_get .pt_get02 li {
    float: left;
    width: 17.6%;
    margin-bottom: 50px;
    padding-right: 3%;
  }

   #pt_get .pt_get02 li:nth-child(5){
    padding-right: 0;
  }

  #pt_get a.btn01.bnt_yplus {
    margin-bottom: 8%;
    min-width: 345px;
  }

  #cp_get h2 {
    background: url(../img/guide/cp_get.png) 0 0 no-repeat;
    background-position-x: 670px;
    background-position-y: 44px;
    background-size: 11%;
  }

  #cp_get .boxContainer {
    display: flex;
    justify-content: center;
  }

  #cp_get .boxContainer .box {
    width: 50%;
    position: relative;
    padding: 0 2%;
    margin-bottom: 50px;
  }

　#cp_get .boxContainer .box:nth-child(2n){
    margin-left: 1.5%;
  }

  #cp_get .boxContainer .box:nth-child(odd){
    margin-right: 1.5%;
  }

  #cp_get .boxContainer .box p {
    clear: both;
    text-align: left;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1.7;
    padding-top: 2%;
  }

  #cp_get .boxContainer .box .label {
    width: 70px;
    height: 70px;
    z-index: 20;
    position: absolute;
    top: -9%;
    right: 2%;
    background-color: #F6EF03;
    border-radius: 50%;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);
  }

  #cp_get .boxContainer .box .label p {
    position: absolute;
    top: 22%;
    left: 0;
    text-align: center;
    font-size: 1.05rem;
    font-weight: bold;
    line-height: 1.5;
    color: #0072BE;
    width: 100%;
  }

  #cp_get .boxContainer .box .label p span {
    font-size: 1.4rem;
  }

  #cp_get .boxContainer .box .cp_logo {
    width: 28%;
    position: absolute;
    bottom: 21.5%;
    right: 4.3%;
  }

  #recommend h2 {
    background: url(../img/guide/recommend.png) 0 0 no-repeat;
    background-position-x: 670px;
    background-position-y: 95px;
    background-size: 22%;
  }

  #recommend .box_img {
    margin-top: 5%;
    position: relative;
  }

  #recommend .box_img span{
    position: absolute;
    display: block;
  }

 #recommend .box_img span:nth-child(1){
    top: 10px;
    right: 408px;
    width: 140px;
    height: 140px;
    background: url(../img/guide/recommend_01.png) 0 0 no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    border-radius: 50%;
  }

 #recommend .box_img span:nth-child(2){
    top: 18px;
    right: 248px;
    width: 140px;
    height: 140px;
    background: url(../img/guide/recommend_02.png) 0 0 no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    border-radius: 50%;
  }

 #recommend .box_img span:nth-child(3){
    top: -12px;
    right: 68px;
    width: 150px;
    height: 150px;
    background: url(../img/guide/recommend_03.png) 0 0 no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    border-radius: 50%;
  }

 #recommend .box_img span:nth-child(4){
    top: 168px;
    right: 330px;
    width: 140px;
    height: 140px;
    background: url(../img/guide/recommend_04.png) 0 0 no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    border-radius: 50%;
  }

 #recommend .box_img span:nth-child(5){
    top: 152px;
    right: 134px;
    width: 150px;
    height: 150px;
    background: url(../img/guide/recommend_05.png) 0 0 no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    border-radius: 50%;
  }


  #recommend figure {
    width: 24%;
    margin-left: 0;
    padding-top: 6%;
    font-size: 0.9rem;
  }

  #recommend a.btn01.bnt_yplus {
    margin-top: 5%;
    min-width: 332px;
  }

  #recommend a.btn01.bnt_yplus:nth-child(1){
    margin-right: 15px;
  }

  .official_btn.box_shadow.pt_mail{
    clear: both;
    margin-top: 40px;
    display: inline-block;
    width: 385px;
    position: relative;
  }

  .pt_mail:before {
    content: "";
    display: block;
    width: 23px;
    height: 24px;
    background: url(../img/guide/icon_pdf.png)no-repeat;
    background-size: 100%;
    position: absolute;
    right: 22px;
  }

  .app_qa{
    background-color: white;
    border-radius: 10px;
    padding: 4% 10%;
    margin-top: 60px;
  }
  .app_qa h2{
    padding: 0 0 4% 0;
  }
  .app_qa p {
    line-height: 2.3;
    font-size: 1rem;
  }
  .app_qa img {
    width: 60%;
    margin: 35px auto 5px;
  }
/*新型コロナに関する情報はこちら*/
.covid_btn {
  border: none;
    position: absolute;
    top: 15px;
    right: 0;
}

.covid_btn a {
  background-color: #FFC6C8;
  border: solid 1px #FFC6C8;
  color: #AF000D;
}

.covid_btn a::before , .covid_btn a:hover::before {
  border-top: 2px solid #AF000D;
  border-right: 2px solid #AF000D;
}

.covid_btn a:hover {
  background-color: #fff;
  border: solid 1px #AF000D;
  color: #AF000D;
}
/* 210908秋のキャンペーン */
  #pt_get_campaign .pt_get01 {
    margin-top: 2%;
    max-width: 1030px;
    margin: auto;
  	margin-top: 3%;
    display: flex;
    padding: 0% 3% 4%;
  }

  #pt_get_campaign .pt_get01 li {
    float: left;
    width: 33.3%;
  }

 .autumn_img{
    margin: auto;
    margin-top: 6%;
    width: 980px;
 }

 .pt_get_process{
    text-align: center;
    clear: both;
 }

 .pt_get_process .process_title{
    background-color: #2883c7;
    padding: 1%;
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    max-width: 980px;
    margin: auto;
    margin-top: 6%;
    display: inline-block;
    width: 955px;
 }

 .pt_get_process .process_text{
    max-width: 980px;
    margin: auto;
    font-size: 0.9rem;
    text-align: left;
    padding: 0 2% 2%;
 }

/* TOP キャンペーン一覧ボタン */
a.btn01.bnt_yplus.icon_campaign{
    background-color: #df5656;
    border: solid 1px #df5656;
    width: 328px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    margin: auto;
	align-items: center;
    margin-top: 10px;
}

a.btn01.bnt_yplus.icon_campaign{
	background: url(../img/icon_campaign01.png) no-repeat 8% 50% #df5656;
	background-size: 14%;
    padding-left: 3%;
}

a.btn01.bnt_yplus.icon_campaign:hover{
	background: url(../img/icon_campaign02.png) no-repeat 8% 50% #ffffff;
	background-size: 14%;
	color: #df5656;
}

a.btn01.bnt_yplus.icon_campaign::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 276px;
    top: 0;
    bottom: 0;
    right: 0;
}

a.btn01.bnt_yplus.icon_campaign:hover::before{
    border-top: 2px solid #df5656;
    border-right: 2px solid #df5656;
}
/* キャンペーン */
.camp_list_wrap{
  margin: 0 0 30px;
}
.camp_list_wrap a dt{
  overflow: hidden;
  padding: 0 0 187px;
  position: relative;
}
.camp_list_wrap a dt img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.camp_list_wrap a dt img:hover{
  width: 110%;
}
.camp_list_wrap a dt img:hover +.camp_list_wrap dd{
  color: red;
  transition: color .3s;
}
.camp_list_wrap dd{
  padding: 12px 0;
  font-size: 13px;
  overflow: hidden;
  color: #171717;
}
.camp_list_wrap dd:hover{
  color: red;
  transition: color .3s;
}
.camp_list_wrap dd:hover +.camp_list_wrap a dt img{
  width: 110%;
}
.camp_list_wrap.ul30>li, .camp_list_wrap.ul30>a{
  float: left;
  width: 31%;
  margin: 0 2% 2% 0;
}
.camplb01{
  color: white;
  background-color: red;
  width: 30%;
  padding: 1%;
  text-align: center;
  margin-bottom: 1%;
}
.camplb02{
  color: white;
  background-color: #676767;
  width: 30%;
  padding: 1%;
  text-align: center;
  margin-bottom: 1%;
}
.camptext{
  margin: 2.2% 0;
  font-size: 14px;
  font-weight: bold;
}
/* 211022追加 */
.inner_magazine.magazine_div{
  margin-top: 2%;
}
/* ネット予約可 */
.icon_reservation{
  width: 25%;
  position: absolute;
  left: 144px;
  bottom: 26px;
}
/* タイムズプレイス西大寺追従バナー */
.reborn{
  padding: 20px 0 110px;
  z-index: 100;
  position: fixed;
  right: 17px;
  top: 70%;
  /* display: none; */
  opacity: 1;
  right: 0;
  width: 300px;
}
.reborn img{
  box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 20%);
}
/* タイムズプレイスページ　店舗一覧リンク追加 */
.times_shoplistlink{
  position: relative;
  margin-bottom: 80px;
}
.times_shoplistlink a{
  font-size: 16px;
  width: 250px;
  display: grid;
  border-radius: 5px;
  background-color: #0072be;
  color: #ffffff;
  padding: 15px 0;
  position: absolute;
  right: 0px;
  top: -30px;
  text-align: center;
  font-weight: bold;
  box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);
}
.times_shoplistlink a.bnt_yplus:before{
  right: 9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
}
/* 駅情報&ブランドページ　TOPICS表示 */
.news_wrap2.st_topics > a:first-child{
  border-top: none;
}
.news_wrap2.st_topics ul .sclick_nextimg2{
  top: 41%;
  right: 0%;
}
.news_wrap2.st_topics ul .sclick_previmg2{
  top: 41%;
  left: 0%;
}
.news_wrap2.st_topics li{
  margin: 7px;
}
.news_wrap2.st_topics li a{
  margin: 7px;
  height: 310px;
  max-height: 310px;
}
.news_wrap2.st_topics dl dt{
  color: #727171;
  float: left;
  max-width: 450px;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
  padding: 0 0 138px;
  position: relative;
}
.news_wrap2.st_topics dl dt img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.news_wrap2.st_topics dl dd{
  width: 100%;
  font-size: 13px;
  color: #171717;
  max-height: 133px;
  overflow-y: overlay;
}
.news_wrap2.st_topics dl dd em{
  font-weight: bold;
}
.news_wrap2.st_topics dl dd strong{
  color: #00a3c9;
}
.topi_details_wrap .kiji_free_field .aligncenter{
  margin: 20px auto;
}

/* 220725　SNS一覧 */
.footer_sns_area {
  margin: auto;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.tab_class {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
  border: 1px solid #a7a7a7;
  border-radius: 20px;
  margin: 0 8px 15px 0;
  padding: 0px 15px 0px 15px;
}
input[name="tab_name"] {
  display: none;
}
input:checked + .tab_class {
  color: #0072be;
  font-weight: bold;
  border: 1px solid #a7a7a7;
  border-radius: 20px;
}
.content_class {
  display: none;
  width: 100%;
}
input:checked + .tab_class + .content_class {
  display: flex;
  flex-wrap: wrap;
}
.footer_sns{
  display: flex;
  padding: 8px;
  width: 320px;
  margin: 0 0 5px 10px;
}
.footer_sns > img{
  width: 55px;
  height: 55px;
  margin: 8px 8px 0 0;
}
.footer_sns > div p{
  font-size: 12px;
  height: 95px;
}
.footer_sns > div p span{
  font-size: 13px;
  font-weight: bold;
}
.footer_sns > div img{
  float: left;
  width: 23px;
  margin: 5px 13px 0 0;
}

/* 220817_モデルコース */
dl.rout_flow {
  position: relative;
  display: block;
  padding: 0;
  margin: 0 0 50px 0;
  text-align: left;
  list-style: inside;
}

dl.rout_flow dt a {
  position: relative;
    display: block;
    vertical-align: top;
    padding: 10px 60px 10px 70px;
    margin: 0 0 20px 0;
    background-color: #dbbe41;
    border-radius: 30px;
    color: #7a5050;
    font-size: 15px;
    max-width: 100%;
    width: 300px;
}

dl.rout_flow dd {
  position: relative;
    display: block;
    vertical-align: top;
    padding: 10px 0 10px 12px;
    margin: -20px 0 0 65px;
}

dl.rout_flow dd::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  padding: 0;
  margin: 0 0 0 -35px;
  width: 10px;
  height: 100%;
  z-index: 1;
  background: #ebebeb;
}

dl.rout_flow dd::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  padding: 0;
  margin: 0 0 0 -46px;
  width: 10px;
  height: 10px;
  z-index: 1;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  border-top: 20px solid #ebebeb;
}

dl.rout_flow dt .no_route {
  position: absolute;
    top: 47%;
    left: 20px;
    display: block;
    padding: 3px 8px;
    margin: -12px 0 0 0;
    color: #7a5050;
    font-weight: 600;
    background: #FFF;
    border-radius: 50%;
}
.mag_sec h3 {
  position: relative;
    display: block;
    height: auto;
    box-sizing: border-box;
    font-size: 20px;
    color: #7a5050;
    line-height: 1.4;
    padding: 0.6em 1em;
    margin: 0 0 1em 10px;
    font-weight: 500;
    background-color: #EEEFE9;
    text-align: left;
}
.mag_sec h3::before {
  position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 5px;
    height: 100%;
    background-color: #F8B861;
    margin: 0;
    content: "";
}

.mag_sec2 h3::before {
  position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 5px;
    height: 100%;
    margin: 0;
    content: "";
}

.mag_double_bx>li {
  width: 49%;
}
.mag_double_bx li p {
  line-height: 1.8em;
}
/* 221004 アプリガイドページ改修 */
.faq{
  background-color: #fff;
  margin-bottom: 2%;
  border-radius: 8px;
  clear: both;
}
.faq h4{
  text-align: left;
  font-size: 1.1rem;
  font-weight: bold;
  color: #000;
  padding: 2%;
  position: relative;
  cursor: pointer;
}
.app_faq{
  border-radius: 10px;
  margin-top: 60px;
}
.faq .pt_get_process{
  display: none;
}
.faq .border{
  content: '';
  position: absolute;
  top: 22px;
  right: 30px;
  border-top: 3px solid black;
  border-left: 3px solid black;
  width: 13px;
  height: 13px;
  transform: rotate(-134deg);
  transition:  0.5s;
}
.faq .border.add{
  content: '';
  position: absolute;
  top: 22px;
  right: 30px;
  border-top: 3px solid black;
  border-left: 3px solid black;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
}
.chance{
  font-weight: bold;
  color: #ff070f;
}
.chance b{
  font-size: 1.3rem;
  background: linear-gradient(transparent 55%, #F6EF03 110%);
  text-shadow: 1px 0 0 #ffffff, 0 1px 0 white, -1px 0 0 white, 0 -1px 0 white;
}

/* 221019 */
.news_wrap.magazine {
    margin: 60px auto;
}

/* 220322 ヘッダー固定お知らせ */
.header_news{
  background-color: #e13535;
}
.header_news a{
  display: block;
  margin: auto;
  margin-top: 120px;
  margin-bottom: -122px;
  width: 95%;
  color: white;
  padding: 1% 0;
}
.loop__box {
    display: flex;
}
.loop__item {
    flex: 0 0 auto;
    padding-right: 65px;
    padding-left: 65px;
}

.loop__item:nth-child(odd) {
    animation: loop 50s -25s linear infinite;
}
.loop__item:nth-child(even) {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}
/* 230327 TOPバナー下　TOPICS */
/* .topunder_topics{
  display: flex;
  width: 800px;
  justify-content: space-evenly;
  margin: -21px auto 35px;
} */
 /* 1カラムの場合 */
.topunder_topics{
  display: flex;
  width: 600px;
  justify-content: space-evenly;
  flex-wrap: wrap;
  /* margin: -50px auto 20px; */
  margin: -21px auto 35px;
}
.topunder_topics a{
  /* width: 380px; */
  /* width: 700px; *//* 横並びの場合 */
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

/* 230329 topics カテゴリボタン */
.topics_cate ul{
  display: flex;
  text-align: center;
  justify-content: space-around;
  margin-bottom: 20px;
  align-items: center;
  }
  .topics_cate ul li{
  width: 16%;
  }
  .topics_cate ul li a{
  display: block;
  color: white;
  background-color: #7ea3c9;
  padding: 6% 0;
  border: 1px solid #7ea3c9;
  }
  .topics_cate ul li a:hover{
  background-color: white;
  border: 1px solid #7ea3c9;
  color: #7ea3c9;
  }
  .topics_cate ul li:nth-child(1) a{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics02.png) no-repeat 8% 50% #df5656;
  background-size: 18%;
  padding-left: 19%;
  border: 1px solid #df5656;
  }
  .topics_cate ul li:nth-child(1) a:hover{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics01.png) no-repeat 8% 50% #fff;
  background-size: 18%;
  padding-left: 19%;
  border: 1px solid #df5656;
  color: #df5656;
  }
  .topics_cate ul li:nth-child(2) a{
  padding: 11.5% 0;
  border: 1px solid #7ea3c9;
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics04.png) no-repeat 8% 50% #7ea3c9;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(2) a:hover{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics03.png) no-repeat 8% 50% #fff;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(3) a{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics06.png) no-repeat 8% 50% #7ea3c9;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(3) a:hover{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics05.png) no-repeat 8% 50% #fff;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(4) a{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics08.png) no-repeat 8% 50% #7ea3c9;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(4) a:hover{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics07.png) no-repeat 8% 50% #fff;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(5) a{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics10.png) no-repeat 8% 50% #7ea3c9;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(5) a:hover{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics09.png) no-repeat 8% 50% #fff;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(6) a{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics12.png) no-repeat 8% 50% #7ea3c9;
  background-size: 18%;
  padding-left: 19%;
  }
  .topics_cate ul li:nth-child(6) a:hover{
  background: url(https://kintetsu-rs.com/wp-content/themes/twentynineteen_custom/common/img/ico_topics11.png) no-repeat 8% 50% #fff;
  background-size: 18%;
  padding-left: 19%;
  }

.top_slider{margin-bottom: -20px !important;}

.norikae{
  border: 2px solid #0d598b;
  padding: 1% 2%;
  width: 35%;
}
.norikae>span{
  font-weight: bold;
  color: #0d598b;
}
/*230810_しんちゃん×タイムズプレイス*/
.shinchan{
  width: 80%;
  margin: 3% auto;
}

/*23929_TOPICSリンク*/
.topics_link{
  text-align: center;	
}
.topics_link_a{
  display: block;
  padding: 2.5%;
	margin: 10px 140px;
	border-radius: 40px;
}
.topics_link_a>a{ 
  color: white;
  display: block;
}

.station_details .title02{
  padding: 35px 0;
}

/* MV下バナー横並び */
.topunder_topics.clm2 {
width: 960px;
flex-wrap: nowrap;
gap: 10px;
}

/* 251015 マガジン追記 */
dl.rout_flow dt a.route-course4 {
        background-color: #d5d5d5!important;
        max-width: 100%!important;
        width: 320px!important;
    }
.sp-only {
        display: none;
    }

/* 251229 追記 */
/* .cover{
  margin: 150px 0 0 0;
} */