@charset "UTF-8";
/* スマホの記述  480px*/
@media screen and (max-width: 480px) {
	/* ========================================
  共通
  ======================================== */
	.sp_on480 {
		display: block;
	}
	.pc_on480 {
		display: none;
	}
	.pc_on480_inline {
		display: none;
	}
	.common_animation_in_js {
		transition-delay: 0.1s;
	}
	.fade_js {
		transition-delay: 0.1s;
	}
	/* ========================================
  mv
  ======================================== */
	.mv .mv_slide_area {
		padding: 0;
	}
	.mv .mv_about {
		margin: -15px 0 0;
	}
	.mv .mv_about_titleArea {
		padding: 0 25px;
	}
	.mv_title {
		max-width: inherit;
		width: 95%;
	}
	.mv .mv_main_subTitle {
		font-size: 1rem;
		font-size: 1rem;
		letter-spacing: 3px;
		margin: 50px 0 0;
	}
	.mv .mv_about_title {
		font-size: 26px;
		font-size: 1.625rem;
		margin: 20px 0 0;
	}
	.swiper-container-horizontal > .ramen_mv_swiper-pagination {
		right: 65px;
	}
	.mv_treatment {
		width: 220px;
	}
	.mv_treatment1 {
		top: -55px;
		right: -110px;
		z-index: -1;
		display: block;
	}
	.mv_view_top_text {
		font-size: 1rem;
		margin: 35px 0 0;
	}
	.mv_view_img {
		margin: 40px auto 0;
	}
	.mv_view_top_image {
		margin: 0px 0 0;
	}
	/* ========================================
  アバウト
  ======================================== */
	.about_title {
		width: 145px;
	}
	.hakata_introduction_subtitle {
		font-size: 1rem;
		font-size: 1rem;
		margin: 30px 0 0;
	}
	.hakata_introduction_name {
		font-size: 1.5rem;
		font-size: 1.5rem;
		margin: 30px 0 0;
	}
	.about_title {
		width: 225px;
		margin: 0 auto;
	}
	.about_material {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.about_block_link {
		padding: 10px 10px 10px 10px;
		gap: 20px;
	}
	.about_deco {
		top: 10px;
		right: 10px;
		width: 17px;
	}
	.about_deco1 {
		width: 14px;
	}
	.about_link {
		padding: 40px 15px 50px;
	}
	.about_block_info {
		width: 64%;
	}
	/* ========================================
  ex01
  ======================================== */
	.hakata_introduction_name {
		line-height: 1.8;
	}
	.hakata_content {
		position: relative;
		margin: 45px 0 0;
	}
	.hakata_content_block {
		padding: 0px 15px 60px;
	}
	.hakata_treatment {
		width: 160px;
	}
	.hakata_treatment1 {
		top: 29px;
		left: -40px;
	}
	.hakata_treatment2 {
		right: -80px;
		top: 170px;
	}
	.ramen_experiences_img {
		width: 160px;
		margin: 0 auto;
	}
	.hakata_content_block_text {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.hakata_treatment3 {
		bottom: -15px;
		right: -50px;
	}
	.hakata_second_block_text {
		width: 100%;
		margin: 20px auto 0;
		order: 2;
		padding: 0 25px;
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.hakata_treatment4 {
		top: 43px;
		left: -37px;
	}
	.hakata_treatment5 {
		bottom: 230px;
		right: -50px;
		display: none;
	}
	.hakata_second {
		padding: 80px 15px 45px;
	}
	.hakata_third_block_text {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.hakata_treatment6 {
		right: -60px;
		top: -80px;
	}
	.hakata_third_out_text {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.hakata_treatment7 {
		left: -50px;
		bottom: 0px;
	}
	.hakata_beLink_imgBlock_in {
		gap: 0px;
	}
	.main_airport_box {
		width: 85%;
	}
	.hakata_treatment8 {
		bottom: 30px;
		right: -36px;
	}
	.hakata_beLink {
		padding: 0 15px 100px;
	}
	.hakata_third_in {
		padding: 40px 40px 0px;
		height: 550px;
	}
	.hakata_third_imgBlock1 {
		margin: 0px 0 0;
	}
	.hakata_second_img img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	/* SPの時のスライダー */
	.sp_slideArea {
		margin: -58% 0 0;
	}
	/* ========================================
  ex02 tabエリア 博多
  ======================================== */
	.tab {
		overflow: hidden;
	}
	.tab_in {
		background-image: url(../../images/ex2/ex2_bg004_sp.jpg);
		background-size: cover;
		height: 665px;
	}
	.tab_panel {
		padding: 0 0 50px;
	}
	.tab_in .hakata_introduction_subtitle {
		margin: 40px 0 0;
		font-weight: normal;
		line-height: 2;
	}
	.tab_in .hakata_introduction_name {
		margin: 15px 0 0;
	}
	.tab_in .tab_title_text {
		width: calc(100% - 40px);
		margin: 30px auto 0;
		font-size: 0.875rem;
		font-size: 0.875rem;
		text-align: left;
	}
	.tab_area {
		margin: -180px auto 0;
	}
	.tab_area_subtitle {
		font-size: 1.75rem;
		font-size: 1.75rem;
		font-weight: bold;
		margin: 15px 0 20px;
	}
	.area {
		background-image: url(../../images/ex2/ex2_001_sp.png);
		height: 190px;
		align-items: flex-end;
	}
	.tab_area_store_box::before {
		height: 20px;
		background-size: 100%;
	}
	.tab_area_store_titleArea {
		padding: 20px 20px 0;
	}
	.tab_fact_deco {
		padding: 7px 4px;
	}
	.tab_area_about_subtext {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.tab_area_store_text {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.tab_store_facts_text {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.tab_spot_titleArea .tab_spot_text {
		font-weight: normal;
	}
	.tab_be_link {
		margin: 40px auto 0;
	}
	.tab_treat_deco4 {
		display: none;
	}
	.tab_treat_deco2 {
		top: 200px;
		right: 0;
	}
	.tab_treat_deco3 {
		bottom: 820px;
		left: 0;
	}
	.tab_spot_titleArea .tab_area_subtitle {
		font-size: 1.6rem;
	}
	/* tabボタン上 */
	.tab_list {
		gap: 7px;
		width: fit-content;
		margin: 0 auto;
	}
	.tablist_li {
		width: 30%;
	}
	.area_img_box {
		width: 65px;
	}
	.tab_btnTitle {
		margin: 15px 0 0;
	}
	.tab_item {
		padding: 10px 5px 30px 5px;
	}
	/* tabボタン下 */
	.tab_item_under {
		padding: 30px 5px 10px 5px;
	}
	/* ========================================
  ご当地ラーメン(マップ)
  ======================================== */
	.region_map {
		transform: scale(0.9);
		left: -10px;
	}
	/* ========================================
  beリンク、スパーバリューエリア 
  ======================================== */
	.jtp_belink-heading_title {
		font-size: 1.5rem;
		font-size: 1.5rem;
	}
	.jtp_belink-heading_item {
		padding: 35px 0px 35px 80px;
	}
	.map_bg {
		padding: 0px 15px 50px;
		margin: 70px auto 0;
	}
	.jtp_belink-list__header .map_pin::before {
		width: 26px;
		height: 34px;
	}
	.jtp_belink-list__header .map_pin {
		font-size: 1.25rem;
		font-size: 1.25rem;
		padding: 0px 0 0 37px;
	}
	/* ========================================
  ex3
======================================== */
	.region_treatment02 {
		top: 67px;
		right: -101px;
	}
	.region_map_item06 {
		top: 212px;
		left: -8px;
	}
	.region_treatment06 ,.region_treatment08 {
		display: block;
	}
	.region_airport .v1-itineraryDomesticFlights__link {
		width: 100px;
	}
	/* ========================================
  ex4
======================================== */
	.evolution_treatment03 {
		width: 160px;
		bottom: 505px;
		right: -100px;
	}
	.evolution_treatment04 {
		width: 160px;
		bottom: 530px;
		left: -38px;
	}
	.evolution_treatment02 {
		display: none;
	}
}
/* ===========================================
スマホの記述  375px
============================================*/
@media screen and (max-width: 375px) {
	.main_airport_box {
		width: 100%;
	}
	.tab_be_link {
		width: calc(100% - 30px);
	}
}
@media screen and (max-width: 370px) {
	.mv .mv_about {
		margin: 60px 0 0;
	}
	.mv .mv_about_titleArea {
		padding: 0 0px;
	}
	.about_title {
		width: 200px;
		margin: 0 auto;
	}
	.about_deco {
		top: 1px;
		right: 5px;
		width: 13px;
	}
	.about_deco1 {
		width: 11px;
	}
	.about_triangle {
		width: 42px;
	}
	.hakata_introduction_name {
		font-size: 1.3rem;
	}
	.jtp_belink-heading_item p {
		font-size: 1rem;
	}
	.map_conditions {
		font-size: 0.875rem;
		font-size: 0.875rem;
	}
	.jtp_belink-heading_contents::before {
		width: 92px;
		height: 92px;
	}
	.jtp_belink-heading_item {
		padding: 35px 0px 35px 60px;
	}
	.jtp_belink-heading_title {
		font-size: 1.2rem;
	}
	.sp_slideArea {
		margin: -50% 0 0;
	}
}
@media screen and (max-width: 320px) {
	/* ========================================
  ご当地ラーメン(マップ)
  ======================================== */
	.region_map_number {
		width: 20px;
	}
	.region_map_item01 {
		top: 22px;
		left: 110px;
	}
	.region_map_title.is-active {
		font-size: 0.9375rem;
		font-weight: bold;
	}
	.region_map_item02 {
		top: 112px;
		left: 232px;
	}
	.region_map_item02 .line {
		bottom: -5px;
		left: -36px;
		width: 132px;
	}
	.region_map_item03 {
		top: 155px;
		left: 217px;
	}
	.region_map_item03 .line {
		bottom: -5px;
		left: -20px;
		width: 123px;
	}
	.region_map_item04 {
		top: 106px;
		left: 97px;
	}
	.region_map_item05 {
		top: 146px;
		left: 61px;
	}
	.region_map_item06 {
		top: 176px;
		left: -11px;
	}
	.region_map_item08 {
		top: 291px;
		left: 56px;
	}
	.region_map_item07 {
		top: 255px;
		left: 131px;
	}
	.region_airport_image {
		width: 30px;
	}
	.region_airport_search {
		width: 90px;
	}
	/* new追記 */
.region_airport .v1-itineraryDomesticFlights__link {
	width: 80px;
	font-size: 0.875rem;
	
  }
  /* new追記 */
	.region_airport_name {
		font-size: 1.0625rem;
	}

	/* ========================================
  ex4
======================================== */
	.evolution_treatment03 {
		display: none;
	}
	.evolution_treatment04 {
		display: none;
	}
	.evolution_treatment02 {
		top: 372px;
	}
	/* ========================================
  下部のbeエリア
  ======================================== */
	.map_block_in_be button {
		height: 40px;
		width: 120px;
	}
	.airPort_name {
		font-size: 1rem;
	}
}