/*
Theme Name: UTAGE
Theme URI: https://uminoutage.com/
Author: あなたの名前
Author URI: https://uminoutage.com/
Description: 子テーマ
Template: Avada
Version: 1.0
*/





/* カスタムCSSはここに書く */



.hoverSP {
  border-radius: 0%;
  transition: all 0.6s ease 0s;
	width: 110px;
	margin-top:13px;

	
}
.hoverSP:hover {
	
  cursor: pointer;
  transform: scale(1.1, 1.1);
}

.hover10 {
  border-radius: 0%;
  transition: all 0.6s ease 0s;
	width: 110px;
	margin-top:90px;

	
}
.hover10:hover {
	
  cursor: pointer;
  transform: scale(1.1, 1.1);
}



/* TOPページ */

.store_text {
  padding: 20px;
	margin-right:20px;
  border-radius: 5px;
}

.TOP_container01 {
	width: 100%;
	max-width: 1980px; 
	margin-top:300px;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: center; 
	align-items: flex-start; 
	
}


@media screen and (max-width: 768px) {
	.TOP_container01 {
		margin-top: 120px; 
		padding: 10px;
		/*flex-direction: column;*/
		align-items: center; 
	}
}


/* 縦書きのスタイル */
.vertical-text {
	color: #fff;
	writing-mode: vertical-rl; 
	font-size: 19px;
	line-height: 1.8;
   
	padding: 20px;
  
}

@media screen and (max-width: 768px) {
	.vertical-text {
			color: #fff;
	writing-mode: vertical-rl; 
	font-size: 13px;
	line-height: 1.8;
	padding: 20px; 
	}
}



/* 一部文字を大きくするスタイル */
.large-text {
	color: #fff;
	font-size: 2em; 
	line-height: 1.6;
}

.large-text_oshina {
	color: #000;
	font-size: 1.5em; 
	font-weight: bold;
	line-height: 1.6;
	background-color: #fff;
	padding: 10px 10px;
}







/* お知らせ */
.bg-container {
		height: 100px; 
	background: linear-gradient(to right, #fff 50%, transparent 50%); /* 上から70%に青色、70%から下は透明 */	
		margin:-30px;
}


.news-section {
		display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: -140px 20px -140px 20px;
	padding: 20px 0px 0px 15px;
	border: 0px solid #ddd;  /* ボーダーを追加 */
	
	
}

.latest-news {
	
	width: 800%;  /* 左側にお知らせを表示 */
	
}

.news-item {
	margin-bottom: -10px;
}

.news-line {
	font-size: 1em;
	line-height: 1.5;
}

.news-date {
	color: #888;
	font-size: 0.9em;
}

.news-title a {
	color: #888;
	text-decoration: none;
}

.news-title a:hover {
	text-decoration: underline;
	color: #000;
}

.all-news-link {
	width:1500%;  /* 右側に「すべての一覧」ボタン */
	display: flex;
	align-items: center;

}

.view-all-news-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
   margin-top:5px;
}
/* ここまでお知らせ */










/* PC版のスタイル */
.flex-date_img{
		display: flex; /* Flexboxを有効にする */
	justify-content: space-between; /* 子要素を左右に配置 */
	align-items: center; /* 垂直方向に中央揃え */
}



#current-date {
	width:89%;
	margin: 20px -30px 0px -30px; 
	font-size: 30px;
	color: #fff; 
	flex-shrink: 0;
	padding: 10px 30px ;
	
	
}

#day-image {
	width:140px;
	margin: -160px 70px -60px 20px; 
	font-size: 30px;
	color: #fff; 
	flex-shrink: 0; /* 幅が指定された場合に縮まないようにする */
	z-index:99999;
}




/* SP版のスタイル */
@media (max-width: 600px) {
	#current-date {
		margin: 10px 10px -10px -55px; 
				font-size:18px;
	color:#fff
	}

	#day-image {
		width: 90px; 
		margin: -120px 30px -200px 10px ; 
	}
}











/*ここから青帯*/

.TOP_01{
	position: relative;
	top: -200px; /* 元の位置から10px下に移動 */
	left: 0px; /* 元の位置から20px右に移動 */
	margin-bottom: 0px
}

.TOP_02{
	position: relative;
	top: 60px; /* 元の位置から10px下に移動 */
	left: 0px; /* 元の位置から20px右に移動 */
	margin-bottom: 10px
}


.TOP_03{
	position: relative;
	top: 90px; /* 元の位置から10px下に移動 */
	left: 0px; /* 元の位置から20px右に移動 */
	margin-bottom: 10px
}


.TOP_04{
	position: relative;
	top: 110px;
	left: 260px;
	margin-bottom: 190px;
}

.TOP_yoko_title{
		color: #fff;
	font-size: 21px;
}

.TOP_yoko_title_b,.TOP_yoko_title_b2 {
		color: #000;
	margin-bottom: 20px;
	font-size: 21px;
}





.TOP_yoko_p{
		color: #fff;
	font-size: 17px;
	margin:30px 0px;
}

.TOP_yoko_p_b .TOP_yoko_p_b2{
		color: #000;
	font-size: 17px;
	margin:30px 0px;
}




.blue-container {
	margin:300px 0px -100px 0px;
display: flex; 
	justify-content: center; 
	align-items: center; 
}


.flex-container1 {
	margin-top:200px;
display: flex; 
	justify-content: center; 
	align-items: center; 
}

.button {
display:inline-block;
	width: 400px;
	padding:10px 0px 10px 0px;
	text-align:center;
	color:#fff;
	margin:10px 00px;
	border:1px solid;
	cursor:pointer;
	position: relative;
	text-decoration: none;
}





.flex-container2 {
display: flex; /* フレックスボックスを有効にする */
	justify-content: center; /* アイテムを中央に配置 */
	align-items: center; /* 縦方向に中央揃え */
	margin-bottom:100px;
}


.flex-container3 {
display: flex; /* フレックスボックスを有効にする */
	justify-content: center; /* アイテムを中央に配置 */
	align-items: center; /* 縦方向に中央揃え */
	margin-bottom:100px;
}



.TOP_image{
	margin-top: -300px;
	margin-right: -100px;
}

.TOP_image02{
	width: 450px;
	margin-top: 90px;
		margin-right:60px;
}

.TOP_image03{
	width: 450px;
	margin-top: 120px;
		margin-right:60px;
}



.b_02 {
display: flex; /* フレックスボックスを有効にする */
	justify-content: center; /* アイテムを中央に配置 */
	align-items: center; /* 縦方向に中央揃え */
	padding: 50px 50px; /* コンテナの内側のスペース */
}

.b_02_p {
		color: #fff;
}


.image02 {
width: 60%;
	height: 100%;
	transition: transform 0.4s ease, box-shadow 0.4s ease; /* アニメーション効果 */
}

.image02:hover {
transform: translateY(-10px); /* Y軸方向に20px上昇 */

	cursor: pointer; /* カーソルを指に変更 */
}


.flex-container3 {
display: flex; /* フレックスボックスを有効にする */
	justify-content: center; /* アイテムを中央に配置 */
	align-items: center; /* 縦方向に中央揃え */
	margin-bottom:100px;
}

.TOP_yoko_title_b2{
		color: #000;
	font-size: 21px;
}




/*フッター*/
.f_addr{
display: flex; /* フレックスボックスを有効にする */
	justify-content: center; /* アイテムを横方向に中央揃え */

	gap: 50px; /* アイテム間のスペースを指定 */
	z-index: 1;

}

.store-info {
	max-width: 600px;
	margin: 50px -60px;
	padding: 20px;
	color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}


.info-item {
	color: #fff;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.label {
	width: 100px;
}

.detail {
	flex: 1;
	text-align: left;
	padding-left: 20px;
}

.divider {
	width: 1px; /* 線の幅 */
	height: 540px; /* 線の高さ */
		margin:60px 0px 20px 40px;
	background-color: #fff; /* 線の色 */
}

.f_cureka {
color: #fff;
	margin-top:-50px;
}



/*
@media (max-width: 600px) {
	.info-item {
		flex-direction: column;			
}*/


.point_card{
	color: #fff;
	margin-top; 50px;
	width:800px;
	text-align: center;
	margin:0 auto;

}

.point_text{
	font-size: 32px;
	border-bottom: 1px solid ;
	border-top: 1px solid; 
	padding: 10px 0px;
	margin-top: 30px;
}

.point_card p{
		font-family: "MS ゴシック";
	font-weight:400;
	line-height: 30px;
	text-align: justify;
	margin:10px 40px 60px 40px;
	font-size: 19px;
}


.point_flow{
	margin: 60px 0px 200px 0px;
	text-align: center;
}

	






/*初めての方へ*/
.hajimete_title {
	display: flex;
	flex-direction: column;
	align-items: center;
		margin-top:240px;
}

.hajimete_midashi{
	writing-mode: vertical-rl; /* 縦書きにする */
	text-orientation: upright; 
	color: #fff;
	font-size: 36px; /* フォントサイズを調整 */
	line-height: 1.6; /* 行間の調整 */
}

.hajimete_title_p{
	color: #fff;

	margin: 20px 50px;
	text-align: justify;
	width: 500px;
	margin-top:60px;
	margin-bottom: 200px;
}


.hajimete{
	
	margin: 0 auto;
	text-align:center;
	margin-top: 700px;
	
}

.hajimete_image{
		margin: 0 auto;
	width:700px;
	
}

.hajimete_01{
	color: #fff;
	margin: 40px 50px;
}

.hajimete_end{
text-align: center;
	color: #fff;
	font-size:38px;
	margin: 30px;
}





/*ポイントカード*/
.large-text_point {
	color: #fff;
	font-size: 30px; 
	

}

.point_card{
	color: #fff;
	width:800px;
	text-align: center;
	margin:0 auto;

}

.point_text{
	font-size: 32px;
	border-bottom: 1px solid ;
	border-top: 1px solid; 
	padding: 10px 0px;
	margin-top: 30px;
}

.point_card p{
		font-family: "MS ゴシック";
	font-weight:400;
	line-height: 30px;
	text-align: justify;
	margin:10px 40px 60px 40px;
	font-size: 19px;
}


.point_flow{
	margin: 60px 0px 200px 0px;
	text-align: center;
}




/*ランチ*/
.lunch_menu-wrapper {
   display: flex;
   flex-wrap: wrap;
justify-content: center; /* アイテムを横方向に中央揃え */

	gap: 15px; /* アイテム間のスペースを指定 */
	margin-top:100px;
}


 .menu-column {
	 
   width: 35%; /* 左右に2列で表示するための幅 */
	margin-bottom: 20px;
	 margin-right:60px;
 }

.lunch_menu-image {
	width:400px;
	margin:20px 0px 0px 
		0px;
}

.lunch_menu-item_line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	   padding:0px 0;
	border-bottom: 1px solid #000;
	
}

.lunch_menu-item-name {
	font-size: 20px;

}

.lunch_menu-item-name_GENSEN {
	font-size: 35px;
}


.lunch_menu-item-price {
	text-align: right;
	font-size: 18px;
	 line-height: 1.2; /* 行間を詰める */
}


.mlunch_enu-item-price small {
	display: block;
	font-size: 12px;
	color: #666;
}


.lunch_menu-description {
	padding-top: 5px;
	font-size: 18px;
	color: #333;
}








/*モーダル*/

/* モーダルの基本スタイル */
.modal {
	display: none; /* 初期状態では表示しない */
	position: fixed;
	z-index: 1; /* 他のコンテンツより前面に表示 */
	left: 0;
	top: 0;
	width: 100%; /* 全画面幅 */
	height: 100%; /* 全画面高さ */
	background-color: rgba(0, 0, 0, 0.5); /* 背景を半透明にする */
}

/* モーダルの内容部分 */
.modal-content {
	background-color: #fff;
	margin: 10% auto; /* 画面中央に配置 */
	padding: 60px;
	border: 1px solid #888;
	width: 100; /* モーダルの幅 */
	max-width: 900px; /* 最大幅を設定 */
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	z-index: 999;
}

.modal.show {
	transform: translateY(0); /* 表示時に元の位置に戻す */
	opacity: 1; /* 表示時に透明度を1にする */
}

/* 閉じるボタン（×） */
.close {
	color: #fff;
	float: right;
	font-size: 30px;
	font-weight: bold;
	cursor: pointer;
}

.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* ボタンコンテナ */
.button-container {
	display: flex; /* 横並びにするためのフレックスボックス */
	justify-content: center; /* 中央揃え */
	margin-top: 20px; /* 上の余白 */
}

/* 画像ボタンのスタイル */
.image-button {
	width: 450px; /* ボタンの幅を指定 */
	height: auto; /* アスペクト比を維持 */
	margin: 60px 40px; /* ボタンの間隔を指定 */
	cursor: pointer; /* カーソルをポインターに */
	transition: transform 0.5s ease; /* 上昇時間を0.5秒に設定 */
}


.image-button:hover {
	transform: translateY(-5px); /* 上に5px移動 */
}





.map-container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9アスペクト比のためのパディング */
	height: 0; /* 高さは自動で計算されるため0に設定 */
}

.map-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /* 幅を100%に設定 */
	height: 100%; /* 高さも100%に設定 */
	border: 0; /* ボーダーなし */
}
/*-------ここまでモーダル-------*/













/*-------ここからお品書き-------*/

.oshina_menu-container {
  justify-content: center; 
  align-items: center;
  display: flex;
  margin: 0;
	margin-top: 60px;
	line-height:25px
}

.oshina_menu-items {
  display: flex;
  flex-direction: column;
  writing-mode: vertical-rl; /* 縦書き設定 */
  font-size: 17px;
}

.oshina_menu-item {
  color: black; /* メニューの基本文字色を黒に設定 */
  margin: 5px 0; /* 上下の余白 */
  font-size: 20px;
}


/* 小さめの文字と背景色を持つ項目 */
.oshina_menu-item.highlight {
  color: white; /* 白文字 */
  font-size: 16px;
  background-color: rgba(13, 56, 106, 0.7); /* 透明乗算の背景色 */
 padding: 4px 2px;
  margin-top: -5px;
	  display: inline-block; /* コンテンツの幅に背景を合わせる */
  border-radius: 4px; /* 角を少し丸める場合 */
}





.oshina_menu-image {
  margin-left: 10px; /* 画像との間隔 */
}

.oshina_menu-image img {
  max-width: 370px;
  height: auto; /* アスペクト比を保つ */
  margin-top: -20px;
}


/*-----ここから一品と飲み物-----*/



.oshina_menu-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  gap: 0px;
  margin: 120px 0px;
	  margin-right: 25px;
}



 .oshina_menu-column {
	 width: 100%px;
	   background-color: rgba(255, 255, 255, 0.8); /* 透明乗算の背景色 */
  padding:20px; /* 内部の余白 */
 }

.oshina_menu-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	   padding:0px 0;
	border-bottom: 0.5px solid #000;
	
}


.oshina_menu-item-name {
	font-size: 18px;
}

.oshina_menu-item-name_title {
  color: white; /* 白文字 */
  font-size: 17px;
  background-color: rgba(50, 50, 50, 0.7); /* 透明乗算の背景色 */
  padding: 0px 0px 0px 8px; /* 内部の余白 */
  margin-top: -5px;
	width:100%
}

.oshina_menu-item-name_title2 {
  color: white; /* 白文字 */
  font-size: 17px;
  background-color: rgba(50, 50, 50, 0.7); /* 透明乗算の背景色 */
  padding: 0px 0px 0px 8px; /* 内部の余白 */
  margin-top: -5px;
	width:100%
}



.oshina_menu-item-price {
	text-align: right;
	font-size: 20px;
	 line-height: 1; /* 行間を詰める */
	color: #000;
}


.oshina_menu-item-price small {
	display: block;
	font-size: 12px;
	color: #333;
}


/*固定ボタン*/

.oshina_b {
	display: flex;
	flex-direction: column; /* ボタンを縦に並べる */
	align-items: flex-end;
	position: fixed;
	top: 200px;

	z-index: 1000;
}

/* 各ボタンのスタイル */
.btn_oshina {
	text-align: center;
	display: inline-block;
	background-color: #000;
	color: #fff;
	width: 45px;
	padding: 10px;
	writing-mode: vertical-rl;
	text-decoration: none;
	border-radius: 10px; 
margin-right: 10px;
	-webkit-tap-highlight-color: transparent;
	transition: .2s ease-out;

}

/* ホバー時のスタイル */
.btn_oshina:hover {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	transform: translateY(-4px);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
}


a.anchor{
	display: block;
	padding-top: 90px;

}



/*-----ここから予約-----*/

.yoyaku_QR {
	display: flex; /* Flexboxを使用 */
	justify-content: center; /* 水平方向に中央揃え */
	align-items: center; /* 垂直方向に中央揃え */
	gap: 100px; /* QRコードとボタンのセット間の距離 */

}

.qr-button-set {
	display: flex; /* 各セットをフレックスボックスで配置 */
	flex-direction: column; /* 縦方向に配置 */
	align-items: center; /* セット内で中央揃え */
	margin: -40px 40px 10px 30px;
}

.qr-code {
	width: 150px; /* QRコードの幅を調整 */
	height: auto; /* 自動で高さを調整 */
	margin-bottom: 10px; /* QRコードとボタンの間の余白 */
}

.my-button {
	padding: 20px 120px; /* ボタン内の余白 */
	background-color: #3498db; /* ボタンの背景色 */
	color: #fff; /* ボタンのテキスト色 */
	text-decoration: none; /* 下線を消す */
	border-radius: 5px; /* ボタンの角を丸くする */
	transition: background-color 0.3s; /* ホバー時の色変化をスムーズに */
		margin-bottom: 100px;
}

.my-button:hover {
	background-color: #2980b9; /* ホバー時の背景色 */

}

/* スマホ用の調整 */
@media screen and (max-width: 768px) {
	.my-button {
		padding: 15px 40px; /* 余白を縮小 */
		font-size: 14px; /* 文字サイズを小さく */
		margin-bottom: 50px; /* マージンを調整 */
		width: 100%; /* ボタンを画面幅に合わせる */
		box-sizing: border-box; /* パディングを含めた幅に調整 */
	}
}























/*-------ここからスマホページ-------*/










.vertical-text_MO {
  display: flex;
  justify-content: center;
  align-items: center; 
  font-size: 34px;
  writing-mode: vertical-rl;
  height: 100vh;
  width: 80vw;
	  margin: -20px 0px -100px 0px;
  padding: 0;
	color: #fff;
}

.nami01 {
	  margin: -200px 0px 100px 150px;
width: 100px;
	color: #fff;
}

.store_text_MO {
  display: flex;
  justify-content: center;
  align-items: center; 
  font-size: 15px;
  writing-mode: vertical-rl;
	width: 80vw;
	  line-height: 1.56;
		color: #fff;
	  margin: -20px 0px 80px 0px;
}


.button_MO {
	padding:10px 50px 10px 50px;
	width:200px;
	color:#fff;
	border:1px solid;
}


.button_MO_top {
padding:10px 50px 10px 50px;
	color:#fff;
	border:1px solid;
	margin-top: 50px;
}



.MO_bbg_title{
	color: #fff;
	  font-size: 18px;
	margin: -30px 0px 30px 0px;
}

.MO_bbg_p{
	text-align: justify;
		color: #fff;
	  font-size: 14px;
	margin: 30px 0px 30px 0px;
		  line-height: 1.5;
}

.MO_bbg_B{
padding:10px 50px 10px 50px;
	color:#fff;
	border:1px solid;
	margin: 0px -50px;
	max-width:500px;
}


.gld_MO_p{
	text-align:justify;
	color:#fff;
	font-size: 13px;
	  margin: 10px -10px;
}

.gld_MO_con{
	   display: flex;
  justify-content: center; /* 中央に配置 */
  align-items: center;
  gap: 5px; /* ボタン間の隙間 */
  margin: 10px -28px; /* 必要に応じて調整 */
}

a.btn_gld_MO {
  display: inline-flex; /* ボタン内テキストを中央揃え */
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 600px;
  padding: 0px 0px;


}




/*お品書き*/


/*握り寿司*/
.oshina_menu-container_MO {
  justify-content: center; 
  align-items: center;
  display: flex;
  margin: 0;
}





.oshina_menu-items_MO {
  display: flex;
  flex-direction: column;
  writing-mode: vertical-rl; /* 縦書き設定 */
  font-size: 15px;
	  margin-top: 10px;
	line-height:26px;
}

.oshina_menu-item_MO {
  color: black; /* メニューの基本文字色を黒に設定 */
  margin: 5px 0; /* 上下の余白 */
  font-size: 20px;
}


/* 小さめの文字と背景色を持つ項目 */
.oshina_menu-item.highlight_MO {
  color: white; /* 白文字 */
  font-size: 17px;
  background-color: rgba(13, 56, 106, 0.7); /* 透明乗算の背景色 */
  padding-top: 8px; /* 内部の余白 */
  margin-top: -5px;
	  border-radius: 4px; 
}

.oshina_menu-image_MO {
  margin-left: -10px; /* 画像との間隔 */
}

.oshina_menu-image_MO img {
  max-width: 300px;
  height: auto; /* アスペクト比を保つ */
  margin: 10px 0px -10px 0px ;
		transform: translateX(4%);
}







/*一品料理・お飲み物*/
.oshina_menu-wrapper_MO {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  gap: 5px;
  margin-top: 20px;
	  margin-right: -57px;
		  margin-left: -73px;
}


 .oshina_menu-column_MO {
	 width: 37%;
 }

.oshina_menu-item_MO {
	display: flex;
	justify-content: space-between;
	align-items: center;
	   padding:0px 0;
	border-bottom: 0.5px solid #0C456B;
		color: #fff;
		font-size: 12px;
}


.oshina_menu-item-name_MO {
	font-size: 14px;
	
}

.oshina_menu-item-name_title_MO {
  color: white; /* 白文字 */
  font-size: 14px;
  background-color: rgba(12, 69, 107, 0.7); /* 透明乗算の背景色 */
  padding: 0px 0px 0px 8px; /* 内部の余白 */
  margin-top: -5px;
	width:100%
		
}

.oshina_menu-item-name_title2_MO {
  color: white; /* 白文字 */
  font-size: 15px;
  background-color: rgba(83, 71, 65, 1); /* 透明乗算の背景色 */
  padding: 0px 0px 0px 8px; /* 内部の余白 */
  margin-top: -5px;
	width:100%
}

.oshina_menu-item-price_MO {
	text-align: right;
	font-size: 13px;
	 line-height: 1; /* 行間を詰める */
	color: #fff;
}


.oshina_menu-item-price_MO small {
	display: block;
	font-size: 10px;
	color: #999;
}




/*固定ボタン*/

.oshina_b_MO {
	display: flex;
	flex-direction: column; /* ボタンを縦に並べる */
	align-items: flex-end;
	position: fixed;
	top: 100px;
	right: 0px;
	z-index: 1000;
	font-size: 13px;
}

/* 各ボタンのスタイル */
.btn_oshina_MO {
	text-align: center;
	display: inline-block;
	background-color: #000;
	color: #fff;
	width: 30px;
	padding: 10px 5px 10px 0px;
	writing-mode: vertical-rl;
	text-decoration: none;
	border-radius: 10px; 
	margin: -3px 3px 0px 0px;
	
}

/* ホバー時のスタイル */
.btn_oshina_MO :hover {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	transform: translateY(-4px);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
}




/*ポイントカード*/
.large-text_point_MO {
	display: flex;
	align-items: center;
	justify-content: center;
		font-size: 18px;
			color: #fff;

}


.point_card_MO {
  width: 100%; /* 任意の幅に調整 */
	text-align: center;
			color: #fff;
}

.point_text_MO {
		color: #fff;
	font-size: 18px;
		line-height: 21px;
	border-bottom: 1px solid ;
	border-top: 1px solid; 
		margin:10px -20px 20px -20px;
	padding: 5px;

}

.point_card_MO p{

	line-height: 18px;
	text-align: justify;
	margin:10px 0px 20px 0px;
	font-size: 13px;
	
}

.point_flow_wrapper_MO{
		margin:10px -20px 0px -20px;
}

















/*以下お知らせブログ内容*/
#blog_date{
	color: #fff;
	
	margin: 300px 0px -20px 0px;
	text-align: center;
}

#blog_title{
		color: #fff;
	text-align: center;
	font-size:35px; 
	border-bottom:solid 0.5px;
	
  line-height: 1.6;
}

#blog_naiyou{
		color: #fff;
	text-align: center;
		font-size:19px; 
		margin: 60px 0px 100px 0px;
}

.button_blog{
	background-color: #fff; 
  color: #6c6c6c; /* テキストの色 */

  padding: 10px 60px; /* 内側の余白 */
  font-size: 16px; /* 文字サイズ */
  border-radius: 5px; /* 角を丸くする */
  cursor: pointer; /* マウスポインタを変更 */
  transition: background-color 0.3s; /* ホバー時のアニメーション */
  width: auto; /* 幅を自動調整 */}

}






/*フッターメニュ*/
.wid {
  font-size: 16px; /* 基本サイズ */
  text-align: center; /* テキストを中央揃え */
  white-space: nowrap; /* 改行を防止 */
}

/* スマートフォン向けスタイル */
@media screen and (max-width: 768px) {
  .wid {
	font-size: 10px; /* フォントサイズを小さく */
	line-height: 1.5; /* 行間を広げる */
	white-space: normal; /* 改行を許可 */
  }
}

/* PC向けスタイル */
@media screen and (min-width: 769px) {
  .wid_pc {
	font-size: 18px; /* PCでは少し大きく */
  }
}