@charset "utf-8";

/* { outline: 1px solid red; }*/



/* =======================================

		FOOD LIST page（カテゴリーページ）

========================================= */
/*.foodsArea{
	width: 900px;
	margin: 20px auto;
	padding: 60px 0 20px;
    background-image: url("../foods/img/tegaki_bg.svg");
    background-size:60%;
    background-position: top left;
    background-repeat: no-repeat;
}
.foodsArea h2{
	max-width: 540px;
	width: 100%;
	margin: 0 auto 20px;
}*/

.foodsArea{
	max-width: 900px;
	margin: auto;
	padding: 10px 30px 40px;
}
.foodsArea h2{
	max-width: 1000px;
	text-align: center;
	margin: 0 auto 30px;
	flex-shrink: 0!important; /* 幅を縮小させない */
}


.foodsArea .gold{
    width: 90%;
 	 background-image: linear-gradient(-45deg, #8f5123, #f2bc1a 5%, #8f5123 10%, #f2bc1a 19%, #f6f188 22%, #f2bc1a 26%, #f6f188 30%, #c98b10 40%, #f2bc1a 47%, #f6f188 49% 56%, #f2bc1a 60%, #935624 64%, #f5b91b 82%, #f6f188 87%, #f5be2c 90%, #8f5123);   
	padding: 10px;
	margin: 40px auto 20px;
    /*border:solid #fffe00 1px;*/
}
.foodsArea .foodsBox{
	position: relative;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    background-image: linear-gradient(90deg, #fff9d7, #ffffff 50%, #fff9d7);
    box-shadow: 1px 1px 4px #555 inset;
	padding: 20px;
    /*border:solid #fff 1px;*/
}

.foodsArea .foodsBox .foodsItem{
	width:50%;
	padding: 0 2%;
    /*margin: 0 15px;*/
	box-sizing: border-box;
    /*border:solid #000 1px;*/
}
.foodsArea .foodsBox .foodsItem a{
	display: block;
}
.foodsArea .foodsBox .foodsItem:nth-child(odd){
	border-top: 2px dotted #b5b5b6;
	border-right: 2px dotted #b5b5b6;
}
.foodsArea .foodsBox .foodsItem:nth-child(even){
	border-top: 2px dotted #b5b5b6;
}
.foodsArea .foodsBox .foodsItem:nth-child(-n + 2){
	border-top: 0;
}

/*---------------------
スマホ		FOODS LIST page
-----------------------*/

@media screen and (max-width: 768px) {
    
	.foodsArea{
		max-width: 100%;
		padding: 5px;
	}
	.foodsArea h2{
		max-width: 100%;
	}
	
	.foodsArea .gold{
	margin: 30px auto 5px;    
        padding: 7px;
    }

	.foodsArea .foodsBox{
		/*margin: 60px 0 40px;*/
        margin: 0px;
		padding: 7px;
	}
	/*.foodsArea .foodsBox::before{
		height: 20px;
		top: -20px;
	}
	.foodsArea .foodsBox::after{
		height: 20px;
		bottom: -20px;
	}*/
	.foodsArea .foodsBox .foodsItem{
		padding: 0 3%;
	}
	.foodsArea .foodsBox .foodsItem:nth-child(odd){
		border-top: 1px solid #b5b5b6;
		border-right: 1px solid #b5b5b6;
	}
	.foodsArea .foodsBox .foodsItem:nth-child(even){
		border-top: 1px solid #b5b5b6;
	}
	.foodsArea .foodsBox .foodsItem:nth-child(-n + 2){
		border-top: 0;
    }
}

/* =======================================

		TORACO page（トラコページ）

========================================= */
.toraco_only{
	width: 100%;
	height: 100%;
	background-image:url("../toraco/img/toraco_bg.png");
	background-repeat: repeat;
}


.toracoArea{
	max-width: 900px;
	text-align: center;
	margin: 0 auto 30px;
	padding: 60px 30px 40px;
	flex-shrink: 0!important; /* 幅を縮小させない */
}
.toracoArea h2{
	background: #fff;
	padding: 15px 50px;
	margin-bottom: 50px;
	border-radius: 10px;
	box-shadow:5px 5px #00b0ab; 
	border: 1px solid #00b0ab;
}

.toracoArea .ttl{
		font-weight: bold;
   display        : inline-block;
  color          : #ffff1a;            /* 文字の色 */
  font-size      : 36px;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       1px  1px 0px #00b0ab,
      -1px  1px 0px #00b0ab,
       1px -1px 0px #00b0ab,
      -1px -1px 0px #00b0ab,
       1px  0px 0px #00b0ab,
       0px  1px 0px #00b0ab,
      -1px  0px 0px #00b0ab,
       /*0px -2px 1px #00b0ab;        /* 文字の影 */
	4px 3px 0px #00b0ab;        /* 文字の影 */
	  
/*       2px  2px 1px #00b0ab,
      -2px  2px 1px #00b0ab,
       2px -2px 1px #00b0ab,
      -2px -2px 1px #00b0ab,
       2px  0px 1px #00b0ab,
       0px  2px 1px #00b0ab,
      -2px  0px 1px #00b0ab,
       /*0px -2px 1px #00b0ab;        /* 文字の影 */
/*	5px 3px 0px #00b0ab;        /* 文字の影 */
}

.toracoArea .frame{
	margin-bottom:  20px;
}
.toracoArea .foodsBox{
	position: relative;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    /*background-image: linear-gradient(90deg, #fff9d7, #ffffff 50%, #fff9d7);*/
    box-shadow: 6px 6px #bce2e8;
	padding: 20px;
    border:solid #00b0ab 5px;
}

.toracoArea .foodsBox .foodsItem{
	width:50%;
	padding: 1%;
    /*margin: 0 15px;*/
	box-sizing: border-box;
    /*border:solid #000 1px;*/
}
.toracoArea .foodsBox .foodsItem a{
	display: block;
}
.toracoArea .foodsBox .foodsItem:nth-child(odd){
	border-top: 2px dotted #00b0ab;
	border-right: 2px dotted #00b0ab;
}
.toracoArea .foodsBox .foodsItem:nth-child(even){
	border-top: 2px dotted #00b0ab;
}
.toracoArea .foodsBox .foodsItem:nth-child(-n + 2){
	border-top: 0;
}
.sleeve{
	display: flex;
	flex-direction: row; /* PCは横並び */
	justify-content: space-between;
	grid-column-gap: 25px;
	margin-bottom: 20px;
}
.sleeve .img{
	width: 60%;
	margin-top: 0px;
}
.sleeve .txt{
	width: 40%;
	text-align: left;
	font-size: 18px;
	margin: 10px;
	line-height: 1.7;
}

.foodsBox h3{
	width: 100%;
	font-size: 25px;
	margin-bottom: 20px;
	background: #ffff1a;
}
.foodsBox .annotation{
	text-align: left;
	font-size: 13px;
	margin: 0 10px;
}

/*---------------------
スマホ		FOODS LIST page
-----------------------*/

@media screen and (max-width: 768px) {
    
	.toracoArea{
		max-width: 95%;
		padding: 25px 5px;
	}
	.toracoArea h2{
	padding: 8px 13px;
	margin-bottom: 30px;
	border-radius: 7px;
	box-shadow:5px 5px #00b0ab; 
}
.toracoArea .ttl{
	font-size: 27px;
	 letter-spacing : 2px;                /* 文字間 */
 	}
	
	.toracoArea .gold{
	margin: 30px auto 5px;    
        padding: 7px;
    }

	.toracoArea .foodsBox{
		/*margin: 60px 0 40px;*/
        margin: 0px;
		padding: 7px;
	}
	/*.foodsArea .foodsBox::before{
		height: 20px;
		top: -20px;
	}
	.foodsArea .foodsBox::after{
		height: 20px;
		bottom: -20px;
	}*/
	.toracoArea .foodsBox .foodsItem{
		padding: 0 3%;
	}
	.toracoArea .foodsBox .foodsItem:nth-child(odd){
		border-top: 1px solid #b5b5b6;
		border-right: 1px solid #b5b5b6;
	}
	.toracoArea .foodsBox .foodsItem:nth-child(even){
		border-top: 1px solid #b5b5b6;
	}
	.toracoArea .foodsBox .foodsItem:nth-child(-n + 2){
		border-top: 0;
    }
	
	.sleeve{
	flex-direction: column;
	margin-bottom: 10px;
}
.sleeve .img{
	width: 90%;
	margin: 0 auto 5px;
}
.sleeve .txt{
	width: 90%;
	text-align: left;
	font-size: 15px;
	margin: 10px auto 0;
	line-height: 1.7;
}
	.foodsBox h3{
		width: 90%;
		font-size: 20px;
		margin: 15px auto 0;
	}
	.foodsBox .annotation{
	font-size: 11px;
	margin: 0 10px 10px;
}
}


/* =======================================

		GOURMET page

========================================= */
.gourmetArea {
	max-width: 1000px;
	margin: 20px auto;
}
/*-----手書き文字（監督）----*/
.gourmetArea .manager_bg{
	width: 100%;
	padding: 80px 30px 40px;
    background-image: url("../manager/img/tegaki_bg.svg");
    background-size:60%;
    background-position: top left;
    background-repeat: no-repeat;
    /*border:solid #fff 1px;*/
}
/*-----手書き文字（投手）----*/
.gourmetArea .pitcher_bg{
	width: 100%;
	padding: 80px 30px 40px;
    background-image: url("../pitcher/img/tegaki_bg.svg");
    background-size:60%;
    background-position: top left;
    background-repeat: no-repeat;
    /*border:solid #fff 1px;*/
}
.gourmetArea.col3 .pitcher_bg{
	width: 100%;
	padding: 80px 30px 40px;
    background-image: url("../pitcher/img/tegaki_bg.svg");
    background-size:40%;
    background-position: top center;
    background-repeat: no-repeat;
    /*border:solid #fff 1px;*/
}

.gourmetArea.col3{
	max-width: 1400px;
}
.gourmetArea.col3 .gourmetItem{
	width: 30%;
}
.gourmetArea h2{
	max-width: 560px;
	width: 100%;
	margin: 0 auto 40px;
    /*border:solid #fff 1px;*/
}
.gourmetArea .gourmetBox{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.gourmetArea .gourmetItem{
	width: 47%;
	margin: 0 3%;
 	 background-image: linear-gradient(-45deg, #8f5123, #f2bc1a 5%, #8f5123 10%, #f2bc1a 19%, #f6f188 22%, #f2bc1a 26%, #f6f188 30%, #c98b10 40%, #f2bc1a 47%, #f6f188 49% 56%, #f2bc1a 60%, #935624 64%, #f5b91b 82%, #f6f188 87%, #f5be2c 90%, #8f5123);   
	padding: 10px;
	/*background: #fff;
    background-image: url("../manager/img/atari.jpg");
	background-size: cover;
	border-radius: 0px;*/
    border:solid #fff 1px;
}

/*----ここから新規----*/
.gourmetbg{
    background-image: linear-gradient(90deg, #fff9d7, #ffffff 50%, #fff9d7);
    box-shadow: 1px 1px 4px #555 inset;
	padding: 30px 0;
}
/*----商品名----*/
 .menuname{
	/*width: 100%;*/
	padding: 0 30px 5px;
	font-size: 33px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.05em;
}
.gourmetArea.col3 .menuname{
		font-size: 28px;
}

/*----画像と価格----*/
.pic{
	width: 98%;
	margin: auto;
	position: relative;
}
.price{
	position:absolute;
	bottom:5px;
	right:30px;
	font-size: 40px;
	font-weight: 900;
	color:#b60005;
}
.price .ss{
	font-size: 70%;
}
/*----紹介文----*/
.intro_txt{
	height: 170px;
	padding: 15px 30px;
	font-size:18px;
	line-height: 1.8;
	font-weight: bold;
}

/*----リンクボタン----*/
.btnArea{
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 10px auto;
}
.btnArea .icon{
	width: 30%;
}
.btnArea .icon img{
	max-width: 120px;
	padding: 0 0 0 15px ;
}
.gourmetArea .gourmetItem .btnArea > * a{
	display: flex;
}
.gourmetArea .gourmetItem .btnArea > * a:hover{
	opacity: 1;
}
/*.gourmetArea .gourmetItem .btnArea .not_btn{
  pointer-events: none;
}*/


/*---ここから追加--*/
.gourmetArea .gourmetItem .btnArea2{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

*.gourmetArea .gourmetItem .btnArea2 > *{
	width: 34%;
}
.gourmetArea .gourmetItem .btnArea2 > * a:hover{
	opacity: 1;
}
.gourmetArea .gourmetItem .btnArea2 .not_btn{
  pointer-events: none;
}



/*--.gourmetItem .bentouBtn {
	display: flex;
}--*/
.gourmetItem .bentouBtn a:hover{
	opacity: 1;
}
/*　ーー追加ここまで--*/


/* =====================================

		MAP page（選手別MAP）

======================================= */
.map#contents{
	min-height: auto;

}

.mapArea{
	position: relative;
	background: url(../img/26_map_title.png) no-repeat top center /1200px; 
	height: calc(100vh - 40px); 
	padding-bottom: 60px;
}

.bottomdenim{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 200px;
	display:none !important;
}
.mapArea_Top{
	max-width: 1000px;
	margin: auto;
	padding: 160px 0 30px 0;
	position: relative;
}
.mapArea_Top_subTitle{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	max-width: 171px;
}
.mapArea_Top_Title{
	font-size: 35px;
	font-weight: 900;
	color: #fff;
	text-align: center;
}
.mapArea_Top_Notes{
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.mapArea_Bottom{
    background-image: linear-gradient(90deg, #fff9d7, #ffffff 50%, #fff9d7);
	padding: 60px 30px 40px;
}

/*--Map２つ用横並び--*/
.mapArea_Bottom_mapBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto 40px;
}
.mapArea_Bottom_mapBox img{
	margin-bottom: 30px;
}
.mapArea_Bottom_mapBox > div{
	width: calc(49.5% - 40px);
}
.mapArea_Bottom_mapBox > div:first-child{
	padding-right: 40px;
	border-right: 1px solid #231815;
}


/*--Map１つ用--*/
.mapArea_Bottom_mapBox2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	 -webkit-justify-content: center; /*←クボタ追記*/
    justify-content: center; /*←クボタ追記*/
    -webkit-align-items: center; /*←クボタ追記*/
    align-items: center; /*←クボタ追記*/
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto 40px;
}
.mapArea_Bottom_mapBox2 img{
	margin-bottom: 30px;
}
.mapArea_Bottom_mapBox2 {
	width: 45%;
}
.mapArea_Bottom_mapBox > div:last-child{
	padding-left: 40px;
}


.mapArea_Bottom_Guidance{
	width: 800px;
	margin: auto;
}

/*----------------
　　売り場名
------------------*/
.mapArea_Bottom_mapBox .uribaName {
	max-width: 100%;
	padding-bottom: 0px;
	text-align: left;
	font-weight: 900;
}
.mapArea_Bottom_mapBox .uribaName .text {
	font-size:20px;
	vertical-align:  middle;
	letter-spacing: -0.05em;
}
.mapArea_Bottom_mapBox .uribaName .text2 {
	font-size:20px;
	vertical-align:  middle;
	letter-spacing: normal;
}
.mapArea_Bottom_mapBox .uribaName .number{
  display: inline-block;
	font-size: 12px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #b81c22;
	color: #fff;
  text-align:center;
  line-height: 23px;
}
.mapArea_Bottom_mapBox .uribaName .floor{
  display: inline-block;
	font-size: 13px;
 /* width: 30px;
  height: 30px;*/
  text-align:center;
  border: 1px solid #000;
	padding: 1px 5px;
	/*margin-right: 5px;*/
}
.mapArea_Bottom_mapBox .uribaName .ss{
	font-size: 80%;
}

.mapArea_Bottom_mapBox2 .uribaName {
	max-width: 100%;
	padding-bottom: 0px;
	text-align: left;
	font-weight: 900;
}
.mapArea_Bottom_mapBox2 .uribaName .text {
	font-size:20px;
	vertical-align:  middle;
	letter-spacing: -0.05em;
}
.mapArea_Bottom_mapBox2 .uribaName .text2 {
	font-size:20px;
	vertical-align:  middle;
	letter-spacing: normal;
}
.mapArea_Bottom_mapBox2 .uribaName .number{
  display: inline-block;
	font-size: 12px;
  width: 23px;
  height: 23px;
  border-radius: 47%;
  background: #b81c22;
	color: #fff;
  text-align:center;
  line-height: 23px;
}
.mapArea_Bottom_mapBox2 .uribaName .floor{
  display: inline-block;
	font-size: 13px;
 /* width: 30px;
  height: 30px;*/
  text-align:center;
  border: 1px solid #000;
	padding: 1px 10px;
	/*margin-right: 5px;*/
}
.mapArea_Bottom_mapBox2 .uribaName .ss{
	font-size: 80%;
}


/*---- MAPページの戻るボタン ----*/
.go-back{
	width: 200px;
	margin: 30px auto 0;
}


/*---------------------
スマホ
-----------------------*/

@media screen and (max-width: 768px) {
	.map#contents{
		padding: 0;
		position: relative;
		background-size: 100% auto;
	}
	.mapArea{
		background: url(../img/26_map_title_sp.png) no-repeat top center / 100% auto;
		padding-bottom: 100px;
	} 
/* 	.mapArea::after {
		content: url(../img/map_decoR_sp.png);
		width: 100%;
		height: 100px;
	} */
/*	.bottomdenim{ height: 100px; overflow: hidden; display:block !important;} */
/*	.bottomdenim img{width:auto; height: 100% !important;} */
	.mapArea::after{background:none;}
	.mapArea_Top{
		padding: 20px 5%;
	}
	.mapArea_Top_subTitle{
		position: relative;
		top: auto;
		left: auto;
		transform: translateY(0);
		max-width: 50%;
		margin: 0 auto 30px;
	} 
	.mapArea_Top{
	max-width: 100%;
	margin: 0;
	position: relative;
}
	.mapArea_Top_Title{
	font-size: 20px;
		margin-bottom: 10px;
		padding-top: 30px;
		width: 100%;
		line-height: 1.2;
	}

	.mapArea_Top_Notes{
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
	}
	.mapArea_Bottom{
		padding: 40px 5%;
	}
	.mapArea_Bottom_mapBox > div{
		width: 100%;
	}
	.mapArea_Bottom_mapBox2{
	width: 100%;
}
	.mapArea_Bottom_mapBox > div:first-child{
		padding-right: 0;
		padding-bottom: 20px;
		border-right: 0;
		border-bottom: 1px solid #231815;
	}
	.mapArea_Bottom_mapBox > div:last-child{
		padding-left: 0;
		padding-top: 20px;
	}

.mapArea_Bottom_Guidance{
	max-width: 90%;
	margin: 0 auto;
}

/*----------------
　　売り場名
------------------*/
.mapArea_Bottom_mapBox .uribaName .text {
	font-size:15px;
}
.mapArea_Bottom_mapBox .uribaName .number{
	font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.mapArea_Bottom_mapBox .uribaName .floor{
	font-size: 10px;
}
}

/*----- 全ページ共通戻るボタン-----
.go-btnArea h2{
	max-width:500px;
	padding-top: 0px;
	margin: auto;
}*/


/* ===================================

		AREAMAP page

===================================== */
.areamapArea{
	max-width: 1000px;
	margin: auto;
	padding: 10 30px 40px;
}
.areamapArea h2{
	max-width: 1000px;
	text-align: center;
	margin: 0 auto 30px;
	flex-shrink: 0!important; /* 幅を縮小させない */
}
.areamapArea ul{
	max-width:100%;	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin:0 auto;
	padding-top: 15px;
}
.areamapArea li .txt{
	width: 20%;
	/*margin: 0 10px;*/
	border: 1px solid #fff;
}
/*-------------------------------
リンクボタン（テキスト版）
--------------------------------*/
.simple-menu {
  /*background-color: #f8f8f8; /* 背景色 */
  padding: 10px 0;
}

.simple-menu ul {
  display: flex; /* 横並び */
  justify-content: center; /* 中央寄せ */
  list-style: none;
  margin: 0;
  padding: 0;
}

.simple-menu li {
  /* 縦線（右ボーダー）を設定 */
  border-right: 1px solid #fff;
  padding: 0 20px; /* メニュー文字の左右余白 */
}

/* 最後のメニューの縦線を消す */
.simple-menu li:last-child {
  border-right: none;
}

.simple-menu li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  display: block;
  transition: color 0.3s;
}

/* ホバー時の効果 */
.simple-menu li a:hover {
  opacity: 0.7;
}

/*--------------------------------*/


.areamapArea .map_ttl01{
width: 100%;
	background: #95bd5f;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
	border-radius: 5px;
	margin-bottom: 30px;
}
.areamapArea .map_ttl02{
width: 100%;
	background: #db8d9f;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
	border-radius: 5px;
	margin-bottom: 30px;
}

.areamapArea .map_ttl03{
width: 100%;
	background: #5bc0ce;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
	border-radius: 5px;
	margin-bottom: 30px;
}
.areamapArea .areamapBox {
    background-image: linear-gradient(90deg, #fff9d7, #ffffff 50%, #fff9d7);
	margin-top: 20px;
	text-align: center;
	padding: 50px;
}
.areamapBox .map {
	width: 80%;
    margin: 0 auto;
	margin-bottom: 30px;
}
.uribaArea {
	width: 80%;
    margin: 0 auto;
	margin-bottom: 30px;
}
.guidanceArea {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.Guidance {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
}


/*----メニューリスト----*/
.menu-linkArea {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px;
}
.uribaName {
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
	font-weight: 900;
}
.uribaName .text {
	font-size:25px;
	vertical-align:  middle;
	padding-top: 5px;
	letter-spacing: -0.05em;
}
.uribaName .text2 {
	font-size:25px;
	vertical-align:  middle;
	padding-top: 5px;
	letter-spacing: normal;
}
.uribaName .number{
  display: inline-block;
	font-size: 15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #b81c22;
	color: #fff;
  text-align:center;
  line-height: 30px;
	margin-right: 5px;
}
.uribaName .floor{
  display: inline-block;
	font-size: 13px;
 /* width: 30px;
  height: 30px;*/
  text-align:center;
  border: 1px solid #000;
	padding: 1px 5px;
	margin-right: 5px;
}

.menu-linkArea .menuBox {
	display: flex;
　justify-content: flex-start;
	white-space: nowrap;
	box-sizing: border-box;
}
.menu-linkArea .menuBox .point {
	font-size: 11px;
	margin-left: 5px;
	vertical-align: middle;
}
.menu-linkArea .menuBox a {
	font-size: 15px;
	margin-right: 20px;
}

/*---------------------
スマホ		AREAMAP page
-----------------------*/
@media screen and (max-width: 768px) {
	
/*.areamapArea ul{
	max-width:100%;	
}*/

	.areamapArea .map_ttl01,
	.areamapArea .map_ttl02,
	.areamapArea .map_ttl03{
		width: 100%;
		font-size: 1.1rem;
	margin: 10px auto 0;
	}	
	
/*.areamapArea li img{
max-width:auto;	
}*/
.areamapArea li{
	width: 30%;
	margin:0 5px;
}	
	.areamapArea {
		padding: 5px 15px 5px;
	}
	.areamapArea h2{
		max-width: 100%;
	}
	.areamapArea .areamapBox {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
}
	
.areamapBox .map {
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
}
.uribaArea {
	width: 95%;
    margin: 20px auto 0 auto;
	margin-bottom: 10px;
}

	.uribaName {
	max-width: 100%;
	padding-bottom: 5px;
}
.uribaName .text {
	font-size:20px;
	vertical-align:  middle;
	padding-top: 5px;
}
	.uribaName .text2 {
	font-size:20px;
	vertical-align:  middle;
	padding-top: 5px;
}
.uribaName .number{
  /*display: inline-block;*/
	font-size: 12px;
  width: 22px;
  height: 22px;
  /*border-radius: 50%;
  background: #b81c22;
	color: #fff;
  text-align:center;*/
  line-height: 22px;
	/*margin-right: 5px;*/
}

/*	.menu-linkArea .menuBox {
	margin-left: 10px;
} */

.menu-linkArea .menuBox {
		text-align: left;
	}
.menu-linkArea .menuBox a {
	font-size: 13px;
	margin-right: 10px;
}
.Guidance {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

/*-------------------------------
リンクボタン（テキスト版）
--------------------------------*/
.simple-menu {
  /*background-color: #f8f8f8; /* 背景色 */
  padding: 10px 0;
}

.simple-menu ul {
  display: flex; /* 横並び */
  justify-content: center; /* 中央寄せ */
  list-style: none;
  margin: 0;
  padding: 0;
}

.simple-menu li {
  /* 縦線（右ボーダー）を設定 */
  border-right: 1px solid #fff;
  padding: 0 10px; /* メニュー文字の左右余白 */
}

/* 最後のメニューの縦線を消す */
.simple-menu li:last-child {
  border-right: none;
}

.simple-menu li a {
  text-decoration: none;
	font-size: 12px;
  color: #fff;
  font-weight: bold;
  display: block;
  transition: color 0.3s;
}

/* ホバー時の効果 */
.simple-menu li a:hover {
  opacity: 0.7;
}
	
}




/* ===================================

		CAMPAIGN page

===================================== */

.cmpgArea{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0 40px;
}
.cmpgArea h2{
	max-width: 1000px;
	text-align: center;
	margin: 0 auto 30px;
	flex-shrink: 0!important; /* 幅を縮小させない */
}

/*-----------------------------ここからタブベース------------------------------*/
.tab-4 {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
	margin: 40px auto 0;
	background-image: linear-gradient(90deg, #fff9d7, #ffffff 50%, #fff9d7);
}

.tab-4 > label {
    flex: 1 1;
    order: -1;
    position: relative;
    min-width: 70px;
    padding: 15px;
    background-color: #f0d6ec;
    color: #8b5c9b;
            font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    cursor: pointer;
}

.tab-4 > label:hover,
.tab-4 label:has(:checked) {
    background-color: #8b5c9b;
    color: #fff;
}

.tab-4 label:has(:checked)::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 9px;
    background-color: #8b5c9b;
    content: '';
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.tab-4 input {
    display: none;
}

.tab-4 > div {
    display: none;
    width: 100%;
    padding: 1.5em;
}

.tab-4 label:has(:checked) + div {
    display: block;
}
/*-----------------------タブベースここまで---------------------------*/

.cmpg_cts{
	text-align: center;
	font-size: 22px;
}
	.cmpg_cts h2.ttl_img{
		max-width:70%;
		margin: 10px auto;
	}

.cmpg_cts .img{
	margin: 15px 0;
}
.text_s{
	width: 100%;
	text-align: left;
	font-size: 12px;
}
.point{
	font-size: 26px;
	font-weight: bold;
	padding-top: 15px;
	line-height: 2;
}
.color{
	color:#B90707;font-weight: bold;
}

/*---ミニタイトル---*/
.minittl{
	font-size:18px;
	font-weight: 900;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 0px;
}
.kakomi{
	font-size:15px;
	padding: 2px 5px;
	border: 1px #000 solid;
	margin-right: 8px;
}

/*-------------------------
　　　以下スマホ
---------------------------*/

@media screen and (max-width: 768px) {
	
.tab-4 > label {
    font-size: 1.2em;
	}
	
.cmpgArea{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
		.cmpg_cts h2.ttl_img{
		max-width:100%;
	}
	.cmpg_cts{
		max-width: 100%;
	text-align: center;
	font-size: 14px;
}
.cmpg_cts .img{
	margin: 10px 0;
}
.text_s{
	width: 100%;
	text-align: left;
	font-size: 10px;
}
.point{
font-size: 20px;
}
	
	/*---ミニタイトル---*/
.minittl{
	font-size:13px;
	font-weight: 900;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 0px;
}
.kakomi{
	font-size:11px;
	padding: 2px 5px;
	border: 1px #000 solid;
	margin-right: 8px;
}

}


@media screen and (max-width: 768px) {
	
/*---- MAPページの戻るボタン ----*/
.go-back{
	width: 150px;
	margin: 20px auto 0;
}		
}