@charset "utf-8";

/* 設定 */
*,
*::before,
*::after {box-sizing: border-box;}

html {
	font-size: 62.5%;
}

body {
	margin: 0;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	font-family: "游ゴシック体", Yu Gothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

a {text-decoration: none;}

img {
	/* width: 100%; */
	height: auto;
	vertical-align: top;
}

.store_pc {display: block;}
.store_tab {display: none;}
.store_sp {display: none;}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.flex_col {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* ページトップ */
/* .content_wrapper {background-color: #fff;} */

.topimage_box {
	width: 100%;
	margin: 0 auto;
	background: repeating-linear-gradient(309deg, rgba(96,186,231,0.2), 8px, transparent 8px, transparent 22px);
}

.top_contentbox {
	display: block;
	margin: 20px auto 30px auto;
	text-align: center;
}

/* 下記 冒頭 紹介文 */
.store_intro_box {
	width: 100%;
	margin: 5em auto 9.5em;
}

.store_intro_text {
	width: 90%;
	margin: 0 auto 2.5em auto;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.6;
	color: #333;
	position: relative;
}

.store_caption_deco{
	display: flex;
	opacity: 0;
}

.store_btnbox {
	width: 50%;
	margin: 0 auto;
	font-size: 1.3em;
	font-weight: 800;
	line-height: 1.6;
	text-align: center;
	border-radius: 50px;
	color: #333;
	background-color: #edc8c5;
	box-shadow: 4px 9px 12px -5px rgba(0, 0, 0, 0.3);
	transition-duration: .4s;
}

.store_btnbox:hover{transform: scale(1.1);}

.store_btnbox a {
	display: block;
	padding: 1em;
	color: #333;
}

.store_btnbox_setlink {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 100px;
	font-size: 1.3em;
	font-weight: 800;
	line-height: 1.6;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	background-color: #993b97;
	box-shadow: 4px 9px 12px -5px rgba(0, 0, 0, 0.3);
	transition-duration: .4s;
}

.store_btnbox_setlink:hover{transform: scale(1.1);}

.store_btnbox_setlink a {
	display: block;
	padding: 1em;
	color: #fff;
}

.store_int_imgbox1 img,
.store_int_imgbox2 img,
.store_int_imgbox3 img,
.store_int_imgbox4 img {width: 100%;}

.store_int_imgbox1 {
	position: absolute;
	width: 13%;
	top: -340px;
	left: 0;
	transform: translate(0,0) rotate(-10deg);
}

.store_int_imgbox2 {
	position: absolute;
	width: 13%;
	top: -180px;
	left: 0;
	transform: translate(0,0) rotate(3deg);
}

.store_int_imgbox3 {
	position: absolute;
	width: 12%;
	top: -360px;
	right: 0;
	transform: translate(0,0) rotate(3deg);
}

.store_int_imgbox4 {
	position: absolute;
	width: 12%;
	top: -190px;
	right: 0;
	transform: translate(0,0) rotate(3deg);
}

/* 全体のコンテナ（横並びにする設定） */
.column-container {
  display: flex;
  justify-content: space-between;
  gap: 30px; /* ボックス同士の間の余白 */
  width: 100%;
  max-width: 1012px; /* 全体の最大幅（お好みで調整してください） */
  margin: 0 auto 60px;
  box-sizing: border-box;
}

/* 各ボックスのデザイン */
.column-box {
  flex: 1; /* 3つのボックスを均等な幅にする */
  background-color: #fff8eb; /* 薄い背景色（ここで色味を変更できます） */
  padding: 24px; /* ボックス内側の余白 */
  border-radius: 15px; /* 角を少し丸くする */
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* 中の要素（見出し・本文・画像）を縦に並べる */
  justify-content: flex-start;
}

/* ボックス内の見出しのデザイン */
.column-box h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 2.0rem;
  color: #333;
  border-bottom: 2px solid #333; /* 見出しの下に薄い線を引くアクセント */
  padding-bottom: 8px;
}

/* ボックス内の本文のデザイン */
.column-box p {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #333;
}

.column-box img {
  width: 100%;       /* ボックスの幅いっぱいに画像を表示 */
  max-width: 350px;
  height: auto;      /* アスペクト比を維持 */
  margin: auto auto 0; /* ★超重要：これで上のテキストとの隙間を自動で埋め、画像を最下部に押し下げます。margin-topをautoにする */
  padding-top: 16px; /* テキストと画像がくっつきすぎないようにする余白 */
}

/* 上記まで 冒頭 紹介文 */

/* 下記 マップ */
.store_map_box {
	width: 100%;
	margin: 9.5em auto;
}

.store_tit_map {
	width: 40%;
	margin: 0 auto 2.5em auto;
}

.store_tit_map img,
.store_map_imgbox img,
.store_map_bkbox img,
.store_map_car img,
.store_tit_gourmet img,
.store_tit_souvenir img,
.store_tit_history img,
.store_tit_swst img,
.store_swst_img img,
.store_road_last img,
.store_sp_leftbk img,
.store_sp_rightbk img {width: 100%;}

.store_map_imgbox {
	width: 55%;
	position: relative;
	margin: 0 auto;
}

.store_map_bkbox {
	width: 70em;
	position: absolute;
	top: 35%;
	left: -35%;
	transform: translateX(-50px);
	/* background: url("../image/store/katsuragawa-d/map_bk_road.png") no-repeat; */
	overflow: hidden;
	z-index: -1;
}

.store_map_car {
	width: 20%;
	position: absolute;
	top: 140px;
	right: -40%;
	transform: translate(-50px, 50px) rotate(3deg);
}
/* 上記まで マップ */

/* 下記　アンカーリンク */
.store_anker_box {
    width: 100%;
    margin: 2.5em auto;
    padding: 2em; /* 左右にも少し余白を持たせると綺麗に収まります */
    background: repeating-linear-gradient(309deg, rgba(96,186,231,0.2), 8px, transparent 8px, transparent 22px);
    
    /* 横並び・折り返し・中央寄せの設定 */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.5em; /* ボタン同士の縦横の隙間をここで一括調整します */
    box-sizing: border-box;
}

/* ボタン共通の横幅設定（2カラム用） */
.store_anker_gourmet,
.store_anker_souvenir,
.store_anker_yatsuhashi,
.store_anker_history {
    width: calc((100% - 2.5em) / 2); /* 2カラムでぴったり半分に収まる計算 */
    min-width: 250px; /* 画面が狭くなりすぎた時に崩れないための保険（必要に応じて調整してください） */
    box-sizing: border-box;
}

.store_anker_gourmet,
.store_anker_souvenir,
.store_anker_yatsuhashi,
.store_anker_history {
    position: relative;
    font-size: 1em;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background-color: #615db2;
    box-shadow: 4px 9px 12px -5px rgba(0, 0, 0, 0.3);
    transition-duration: .4s;
}

/* 下記 アイコン */
.store_anker_gourmet::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10%;
    height: 100%;
    top: 25%;
    left: 40%;
    transform: translateX(-50px);
    background: url("../image/store/katsuragawa-d/store_ico1.png") no-repeat;
    z-index: 1;
}

.store_anker_souvenir::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10%;
    height: 100%;
    top: 25%;
    left: 40%;
    transform: translateX(-50px);
    background: url("../image/store/katsuragawa-d/store_ico2.png") no-repeat;
    z-index: 1;
}

.store_anker_yatsuhashi::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15%;
    height: 100%;
    top: 25%;
    left: 35%;
    transform: translateX(-50px);
    background: url("../image/store/katsuragawa-d/store_ico3.png") no-repeat;
    z-index: 1;
}

.store_anker_history::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15%;
    height: 100%;
    top: 25%;
    left: 40%;
    transform: translateX(-50px);
    background: url("../image/store/katsuragawa-d/anker_decoimg01.png") no-repeat;
    z-index: 1;
}
/* 上記まで アイコン */

.store_anker_gourmet a,
.store_anker_souvenir a,
.store_anker_yatsuhashi a,
.store_anker_history a {
    display: block;
    padding: 1.5em;
    color: #fff;
}

.store_anker_gourmet:hover,
.store_anker_souvenir:hover,
.store_anker_yatsuhashi:hover,
.store_anker_history:hover,
.store_swst_linkbtn:hover {
    transform: scale(1.05); 
    z-index: 2; 
}
/* 上記まで　アンカーリンク */

/* 下記 グルメ・お土産 */
.store_gourmet_box,
.store_sv_box,
.store_yatsuhashi_box {
	width: 100%;
	margin: 14em auto 0;
}

.store_history_box {
	position: relative;
	width: 100%;
	margin: 12em auto  15em;
	padding-bottom: 18em;
	background: url("../image/store/katsuragawa-d/bk_img01.jpg") center center no-repeat;
	background-attachment: fixed;
	background-size: 1140px auto;
}

.store_history_box::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 16em;
	position: absolute;
	top: 0%;
	left: 0%;
	background: url(../image/store/katsuragawa-d/wave01.png) 0 0 no-repeat;
	background-size: 100% auto;
}

.store_history_box::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 7.5em;
	position: absolute;
	bottom: -3%;
	left: 0%;
	background: url(../image/store/katsuragawa-d/wave02.png) 0 0 no-repeat;
	background-size: 100% auto;
}

.store_tit_gourmet,
.store_tit_souvenir {
	width: 35%;
	margin: 0 auto 2em auto;
	/* margin: 0 auto 6.5em auto; */
}

.store_tit_yatsuhashi {
	width: 40%;
	margin: 0 auto 2em auto;
	/* margin: 0 auto 6.5em auto; */
}

.store_tit_history {
	width: 45%;
	margin: 0 auto 4em auto;
	padding: 9em 0 0 0;
}

.store_text_sub{
	font-weight: bold;
	display: block;
}

/* 背景 */
.store_gourmet_bk1,.store_souvenir_bk1 {
	width: 100%;
	height: 100%;
	background: url("../image/store/katsuragawa-d/store_bk1.png") no-repeat top center;
	background-size: 100%;
	margin: 7em 0 5em 0;
	padding-bottom: 3em;
}

.store_gourmet_bk2,.store_souvenir_bk2 {
	width: 100%;
	height: 100%;
	margin: 5em 0 5em 0;
	background: url("../image/store/katsuragawa-d/store_bk2.png") no-repeat bottom right;
	background-size: 100%;
	padding-bottom: 5em;
}

.store_gourmet_bk3,.store_souvenir_bk3 {
	width: 100%;
	height: 100%;
	padding: 9.5em 0 0 0;
	background: url("../image/store/katsuragawa-d/store_bk3.png") no-repeat top center;
	background-size: 100%;
	margin: 5em 0 5em 0;
}

.ajust1_padding {padding-top: 4em;}

/* 下記_左レイアウト　二個玉カツ丼・京ばぁむ　*/
.store_gourmet_leftimg,.store_souvenir_leftimg {position: relative;}

.store_gourmet_left,.store_souvenir_left {
	width: 100%;
	position: relative;
}

.store_gourmet_left::after,.store_souvenir_left::after {
	content: "";
	width: 60%;
	height: 95%;
	display: inline-block;
	position: absolute;
	top: 4%;
	left: 31%;
	transform: translateX(-50%);
	z-index: -1;
	overflow: hidden;
	border-radius: 80% 90% 85% 100%;
	background-color: #f5deb3;
}

/* 下記_中央レイアウト 二個玉カツ丼・大阪もちまろ菓 */
.store_gourmet_center,.store_souvenir_center {
	width: 100%;
	position: relative;
}

.store_gourmet_centerimg,.store_souvenir_centerimg {
	width: 50%;
	margin: 0 auto 20px;
}

.store_gourmet_centertext,.store_souvenir_centertext {
	width: 35%;
	margin: 0 auto;
}

.store_gourmet_center::after,.store_souvenir_center::after {
	content: "";
	width: 65%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	overflow: hidden;
	border-radius: 90% 85% 90% 85%;
	background-color: #f5deb3;
}


/* 下記_右レイアウト 京ゆば丼＆京豆腐セット・京ばあむ */
.store_gourmet_right,.store_souvenir_right {
	width: 100%;
	position: relative;
}

.store_gourmet_right::after,.store_souvenir_right::after {
	content: "";
	width: 50%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 10%;
	left: 70%;
	transform: translateX(-50%);
	z-index: -1;
	overflow: hidden;
	border-radius: 60% 55% 60% 55%;
	background-color: #f5deb3;
}

/* アイテムメモ　*/

.store_item_memo01 {
		position: absolute;
	    top: 2%;
        right: -18%;
        transform: rotate(20deg);
		width: 50%;
	}

.store_item_memo02 {
		position: absolute;
	    top: -20%;
        left: 6%;
        transform: rotate(-8deg);
		width: 50%;
	}

.store_item_memo03 {
		position: absolute;
        top: -80px;
        right: -22%;
        transform: rotate(15deg);
        width: 50%;
	}	

/* 横幅 */

.store_gourmet_leftimg,
.store_gourmet_lefttext,
.store_souvenir_leftimg,
.store_souvenir_lefttext {width: calc((100% - 2em) /2);
text-align: right;}

.store_gourmet_centerimg,
.store_gourmet_centertext,
.store_souvenir_centerimg,
.store_souvenir_centertext {width: calc((100% - 2em) /2);}

.store_gourmet_rightimg,
.store_gourmet_righttext,
.store_souvenir_rightimg,
.store_souvenir_righttext {width: calc((100% - 2em) /2);}


/* img */
.store_gourmet_leftimg img,
.store_souvenir_leftimg img,
.store_gourmet_centerimg img,
.store_souvenir_centerimg img,
.store_gourmet_rightimg img,
.store_gourmet_righttext img,
.store_souvenir_rightimg img  {width: 85%;}

/* タイトル */
.store_gourmet_lefttit,
.store_gourmet_centertit,
.store_gourmet_righttit,
.store_souvenir_lefttit,
.store_souvenir_centertit,
.store_souvenir_righttit {
	font-size: 2em;
	line-height: 1.6;
	font-weight: 800;
	text-align: left;
	color: #333;
}

/* 価格 */
.store_gourmet_leftvl,
.store_gourmet_centervl,
.store_gourmet_rightvl,
.store_souvenir_leftvl,
.store_souvenir_centervl,
.store_souvenir_rightvl {
	margin-top: 1.1em;
	font-size: 1.5em;
	line-height: 1.6;
	text-align: right;
	color: #333;
}

/* 詳細 */
.store_gourmet_leftdt,
.store_gourmet_centerdt,
.store_gourmet_rightdt,
.store_souvenir_leftdt,
.store_souvenir_centerdt,
.store_souvenir_rightdt {
	margin-top: .8em;
	font-size: 1.1em;
	line-height: 1.6;
	text-align: left;
	color: #333;
}

/* 下記_装飾*/
.store_gourmet_deco img{
	width: 100%;
}

.store_gourmet_people_g1 {
	width: 17%;
	position: absolute;
	bottom: -42%;
    right: -3%;
	transform: translateX(-50%);
}

.store_gourmet_people_g2 {
	width: 13%;
	position: absolute;
	top: -50%;
    right: 2%;
	transform: translateX(-50%);
}

.store_gourmet_people_s1 {
	width: 11%;
	position: absolute;
	top: -15%;
	left: 38%;
	transform: translateX(-50%);
}

.store_gourmet_people_s2 {
	width: 9%;
	position: absolute;
	top: 36%;
    left: 18%;
	transform: translateX(-50%);
}

.store_gourmet_people_s3 {
	width: 6%;
	position: absolute;
	top: 33%;
    left: 17%;
	transform: translateX(-50%);
}

.store_gourmet_people_s4 {
	width: 10%;
	position: absolute;
	top: -5%;
    right: 30%;
}

.store_gourmet_flower_g1 {
	width: 5%;
	position: absolute;
	top: 45%;
    right: 12%;
	transform: translateX(-50%);
}

.store_gourmet_flower_g2 {
	width: 5%;
	position: absolute;
	bottom: -12%;
    left: 10%;
	transform: translateX(-50%);
}

.store_gourmet_flower_g3 {
	width: 5%;
	position: absolute;
	bottom: -25%;
	right: 0%;
	transform: translateX(-50%);
}

.store_gourmet_flower_g4 {
	width: 5%;
	position: absolute;
	bottom: -45%;
	left: 15%;
	transform: translateX(-50%);
}

.store_gourmet_flower_s1 {
	width: 5%;
	position: absolute;
	bottom: -45%;
	right: 10%;
	transform: translateX(-50%);
}

.store_gourmet_flower_s2 {
	width: 5%;
	position: absolute;
	top: 5%;
    left: 19%;
	transform: translateX(-50%);
}

.store_gourmet_flower_s3 {
	width: 5%;
	position: absolute;
	bottom: 36%;
	right: 10%;
	transform: translateX(-50%);
}

.store_gourmet_flower_s4 {
	width: 5%;
	position: absolute;
	bottom: 0;
    left: 10%;
	transform: translateX(-50%);
}

.store_gourmet_flower_s5 {
	width: 5%;
	position: absolute;
	bottom: -30%;
    right: 10%;
	transform: translateX(-50%);
}

.store_gourmet_flower_s6 {
	width: 5%;
	position: absolute;
	bottom: -23%;
    left: 10%;
	transform: translateX(-50%);
}

.store_gourmet_flower_s7 {
	width: 5%;
	position: absolute;
	bottom: -40%;
    right: 10%;
	transform: translateX(-50%);
}

/* 背景　道路 */
.store_road_last {
	position: relative;
	width: 100%;
	margin: 0 auto 9em auto;
	bottom: 0%;
	left: 50%;
	/* background: url("../image/store/katsuragawa-d/last_bk_road.png") center center no-repeat; */
	transform: translateX(-50%);
}

/* 背景　車 */
.store_road_lastitem {
	position: absolute;
	width: 20%;
	bottom: 20%;
	left: 30%;
	transform: translateX(-50%);
}

/* 下記　アニメーション */
.animation{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 4s;
}

/* アニメーション設定 */
.movement {
	/* アニメーション開始から終了までの所要時間 */
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	/* アニメーションが開始するまでの遅延時間 */
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	/* アニメーションのループ回数 - infiniteで無限ループ */
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	/* キーフレームアニメーションで指定したプロパティをアニメーション開始前、終了後に適用するかどうか */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* 車 アニメーション */
@keyframes animate__shakeX{
	0%, 100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	50% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px) rotate(3deg);
	}
	/* 0% {
		transform: translate(0px, 0);
	}
	100% {
		transform: translate(100px, 0);
	} */
}

/* 下記　フェードイン(下から) */
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.anime__fadeInUp.is-active {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
/* 上記まで　フェードイン(下から) */
/* 上記まで　アニメーション */

/* 下記より 八ッ橋特集 */

.yatsuhashi_area{
	position: relative;
}

.store_yatsuhashi_people{
	width: 12%;
    position: absolute;
    bottom: -5%;
    left: 5%;
}

/* リスト全体のスタイル（3カラム化） */
.product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 全体を中央揃え */
  gap: 40px 24px; /* 上下の余白: 40px, 左右の余白: 24px */
  list-style: none;
  padding: 0;
  margin: 60px auto 0;
  max-width: 1000px; /* カード3個分が収まる最大幅 */
}

/* 各商品アイテムの枠組み */
.product-item {
  position: relative;
  display: flex;
  flex-direction: column;
  /* 3カラム時の1個あたりの幅（gap分を差し引いた計算） */
  width: calc((100% - 24px * 2) / 3); 
  box-sizing: border-box;
}

/* 上部の画像部分（カードから飛び出させる設定） */
.product-image {
  width: 85%;
  margin: 0 auto -50px; /* 下マージンをマイナスにしてカードと重ねる */
  position: relative;
  z-index: 2; /* カードより前面に表示 */
  text-align: center;
}

.product-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* ダークブラウンのカード本体 */
.product-card {
  background-color: #3b3233; /* 暗いブラウン（画像に近い色調） */
  color: #ffffff;
  border-radius: 16px;
  padding: 60px 20px 24px; /* 上部に画像が被るためpadding-topを大きめに確保 */
  border: 2px solid #961b1b; /* 少し明るい縁取り */
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* 商品タイトル */
.product-title {
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0 0 4px;
  color: #fed05f;
}

/* メーカー名 */
.product-maker {
  font-size: 1.7rem;
  color: #ffffff;
  margin: 0 0 12px;
}

/* 価格 */
.product-price {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: right;
  margin: 0 0 16px;
}

.product-price .tax {
  font-size: 1.4rem;
  font-weight: normal;
}

/* 説明文 */
.product-desc {
  font-size: 1.7rem;
  line-height: 1.6;
  color: #ffffff;
  margin: 0 0 12px;
}

/* 入り数・詳細情報 */
.product-detail {
  font-size: 1.6rem;
  color: #ffffff;
  margin-top: auto; /* 最下部に固定 */
}

.break {
  flex-basis: 100%;
  height: 0;
  margin: 0;
  padding: 0;
}

/* レスポンシブ対応（スマホ表示時は1カラムに落とす場合） */
@media (max-width: 768px) {
  .product-item {
    width: 90%; /* スマホでは全幅に */
  }
  /* 商品タイトル */
.product-title {
  font-size: 2.0rem;
}

/* メーカー名 */
.product-maker {
  font-size: 1.6rem;
}

/* 価格 */
.product-price {
  font-size: 2.0rem;
}

.product-price .tax {
  font-size: 1.4rem;
}

/* 説明文 */
.product-desc {
  font-size: 1.6rem;
}

.product-image {
  width: 80%;
}

}

/* 下記より 歴史めぐり */
.store_ht_intro {
	margin: 1em auto;
	font-size: 1.15em;
	text-align: center;
	line-height: 1.6;
	color: #333;
}

/* 下記より 中央寄せ */
.store_ht_card03 {
  position: relative;
  width: calc(18vw + 562px);
  padding: 3em 3em 6em 2em;
  margin: 5em auto 0;
  border-radius: 1em;
  box-shadow: 4px 9px 12px -5px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(rgba(177, 212, 233, 0.4) 1px, transparent 1px), linear-gradient(to right, rgba(177, 212, 233, 0.4) 1px, transparent 1px);
  background-size: 20px 20px;
  background-color: #fff;
  z-index: 1;
}

.store_ht_gridbox01 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2.5em;
}

.store_ht_thumb01 {
  width: 100%;
  margin: 0 auto;
  /* overflow: hidden; */
}

.store_ht_thumb01 img {
	width: 100%;
	border-radius: 0 1em 1em 0;
}

.store_ht_txt01 {
  margin: 0 auto;
  font-size: 1.1em;
  line-height: 1.7;
  text-align: left;
  color: #333;
}

.store_ht_cont_tit01 {
  height: auto;
  position: absolute;
  top: -30px;
  right: -24px;
  font-size: 2em;
  font-weight: 800;
  writing-mode: vertical-rl;
  font-feature-settings: initial;
  line-height: 1.4;
}

.ac_markline01::before,
.ac_markline05::before {
	content: "";
	position: absolute;
	width: 16px;
	left: 50px;
	top: 0;
	bottom: 0;
	background-color: rgba(153, 59, 151, 0.45);
	z-index: 0;
}

.ac_markline02,
.ac_markline06 {
	text-indent: -1em;
	padding-top: 1em;
}

.ac_markline02::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 195px;
  top: 35px;
  left: 8px;
  bottom: 0;
  background-color: rgba(153, 59, 151, 0.45);
  z-index: 0;
}

.store_ht_mapbox {
	width: 100%;
	margin: 1em 0 0 0;
}

.store_ht_map_caption {
	margin-bottom: .5em;
	font-size: .9em;
	font-weight: 800;
	text-align: left;
	line-height: 1.6;
	color: #333;
}

.store_ht_down_arrow {
	display: inline-block;
	margin-left: .3em;
	border-width: 8px 8px 0 8px;
	border-style: solid;
	border-color: #615db2 transparent transparent transparent;
}

.store_ht_map_imgbox {width: 100%;}
.store_ht_map_imgbox img {width: 100%;}

/* 挿絵 */
.store_ht_illust_imgbox01 {
	width: 30%;
	position: absolute;
	bottom: -25%;
   right: -10%;
	transform: translate(0, -50px);
}

.store_ht_illust_imgbox01 img {width: 100%;}

/* 上記まで 左寄せ 日本で最初の～名神起工の地 */

/* 下記より 右寄せ 日本で初めての高速道路～鶏林橋 */
.store_ht_card02 {
  position: relative;
  width: calc(18vw + 562px);
  margin: 8em 0 8em auto;
  padding: 2em 2em 2em 4em;
  border-radius: 1em 0 0 1em;
  box-shadow: 4px 9px 12px -5px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(rgba(177, 212, 233, 0.4) 1px, transparent 1px), linear-gradient(to right, rgba(177, 212, 233, 0.4) 1px, transparent 1px);
  background-size: 20px 20px;
  background-color: #fff;
}

.store_ht_gridbox02 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2.5em;
}

.store_ht_thumb02 {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  order: 2;
}

.store_ht_thumb02 img {
	width: 100%;
	border-radius: 1em 0 0 1em;
}

.store_ht_txt02 {
  margin: 0 auto;
  font-size: 1.1em;
  line-height: 1.7;
  text-align: left;
  color: #333;
}

.store_ht_cont_tit02 {
  height: auto;
  position: absolute;
  top: -28px;
  left: -67px;
  font-size: 2em;
  font-weight: 800;
  writing-mode: vertical-rl;
  font-feature-settings: initial;
  line-height: 1.4;
}

.ac_markline03::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 400px;
  left: 67px;
  top: 0;
  bottom: 0;
  background-color: rgba(153, 59, 151, 0.45);
  z-index: 0;
}

.ac_markline04 {
  text-indent: -1em;
  padding-top: 1em;
}

.ac_markline04::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 368px;
  top: 34px;
  left: 24px;
  bottom: 0;
  background-color: rgba(153, 59, 151, 0.45);
  z-index: 0;
}
/* 上記まで 右寄せ 日本で初めての高速道路～鶏林橋 */

/* 下記より 日本初の技術～オーバーブリッジ */
.ac_markline06::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 264px;
  top: 35px;
  left: 8px;
  bottom: 0;
  background-color: rgba(153, 59, 151, 0.45);
  z-index: 0;
}
/* 上記まで 日本初の技術～オーバーブリッジ */

/* スライダー */
.store_ht_sliderbox {
	width: 100%;
	overflow: hidden;
}

/* 下記より アコーディオン ラーメン橋とは？ */
.store_ht_rahmen_btnbox {
  max-width: 328px;
  width: 100%;
  margin: 1em auto 0 auto;
  border: solid 1px #615db2;
  border-radius: 33px;
/* 	&:last-of-type {
		border-bottom: 2px solid #615db2;
	} */
}
.store_ht_rahmen_btn {
	width: 100%;
	position: relative;
	display: block;
	padding: 1em;
	font-size: 1.1em;
	font-weight: 800;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	background-color: #615db2;
}

.store_ht_rahmen_btn:hover {
	cursor: pointer;
	opacity: 0.8;
}
	
.store_ht_plusbtn {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 35%;
   right: 10%;
	transform-origin: center center;
	transition-duration: 0.2s;
}

.store_ht_plusbtn::before,
.store_ht_plusbtn::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 3px;
	top: 7px;
	left: 0;
	transform-origin: center center;
	border-radius: 10px;
	background-color: #fff;
}
		
.store_ht_plusbtn::before {
	width: 3px;
	height: 18px;
	top: 0;
	left: 7px;
}

.is-active {
	.store_ht_plusbtn {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	.store_ht_plusbtn::before {content: none;}
}

.store_ht_rahmen_btn::-webkit-details-marker {display: none;}

.store_ht_rahmen_content {padding: 2em;}

.store_ht_rahmen_text01 {
	font-size: 1em;
	line-height: 1.6;
	color: #615db2;
}

.store_ht_rahmen_tit01 {
	position: relative;
	margin: 1em 0;
	padding-top: 1em;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.6;
	text-align: left;
	color: #615db2;
}

/* 下線 */
.store_ht_rahmen_tit01::before {
	content: "";
	position: absolute;
	width: 262px;
	height: .5px;
	top: 0%;
	left: 50%;
	background-color: #615db2;
	transform: translateX(-50%);
}

/* 閉じるボタン */
.store_ht_rahmen_close {
	display: block;
	margin: 1.5em auto 0 auto;
	padding: .6em 2em;
	font-size: 1em;
	font-weight: 800;
	color: #615db2;
	background: #fff;
	border: solid 2px #615db2;
	border-radius: 50px;
	cursor: pointer;
}

.store_ht_rahmen_close:hover {opacity: 0.7;}
/* 上記まで アコーディオン ラーメン橋とは？ */

/* 上記まで 歴史めぐり */


@media screen and (max-width: 1024px) {}

/* 下記　タブレット版 */
@media only screen and (max-width: 896px) and (min-width: 798px) {

	.store_pc {display: none;}
	.store_tab {display: block;}
	.store_sp {display: none;}

	.f_column {flex-direction: column;}

	.f_reverse {flex-direction: column-reverse;}

	/* 下記 冒頭 紹介文 */
	.store_intro_box {margin: 1.5em auto;}
	
	.store_intro_text {
		width: 90%;
		margin: 0 auto 1em auto;
		padding-bottom: 1em;
		font-size: 1em;
	}
	
	.store_btnbox {
		width: 90%;
		margin: 2em auto 0 auto;
		font-size: 1em;
	}

	.store_btnbox_setlink {
		width: 90%;
		margin: 30px auto 100px auto;
		font-size: 1em;
	}

	.store_caption_deco{
		justify-content: center;
	}
	
	.store_int_imgbox1 {
		position: relative;
		width: 15%;
		margin: 0 20px;
		top:0;
	}
	
	.store_int_imgbox2 {
		position: relative;
		width: 15%;
		margin: 0 20px;
		top:0;
	}

	.store_int_imgbox3 {
		position: relative;
		width: 15%;
		margin: 0 20px;
		top:0;
	}

	.store_int_imgbox4 {
		position: relative;
		width: 15%;
		margin: 0 20px;
		top:0;
	}
	
	/* 上記まで 冒頭 紹介文 */
	
	/* 下記 マップ */
	.store_map_box {margin: 4em auto;}
	
	.store_tit_map {
		width: 60%;
		margin: 0 auto 1.5em auto;
	}

	.store_map_imgbox {width: 85%;}
	
	.store_map_bkbox {
		width: 896px;
		height: 100%;
		position: absolute;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%, 50%);
		overflow: hidden;
	}
	
	.store_map_car {
		width: 23%;
		top: 88%;
		right: -4%;
	}
	/* 上記まで マップ */
	
	/* 下記　アンカーリンク */
	.store_anker_gourmet,
	.store_anker_souvenir,
	.store_anker_yatsuhashi,
	.store_anker_history {width: 90%;}
	
	.store_anker_gourmet,
	.store_anker_souvenir,
	.store_anker_yatsuhashi,
	.store_anker_history {font-size: 1em;}
	
	/* 下記 アイコン */
	.store_anker_gourmet::before {left: 45%;}
	
	.store_anker_souvenir::before {left: 45%;}

	.store_anker_yatsuhashi::before {left: 45%;}
	
	.store_anker_history::before {left: 46%;}
	
	/* 上記まで アイコン */
	.store_anker_box div:nth-last-of-type(2n) {margin: 1em 0em;}
	/* 上記まで　アンカーリンク */

	.ajust1_padding{padding-top: 4em;}
	
	/* 下記 グルメ */
	.store_gourmet_box,
	.store_sv_box,
	.store_yatsuhashi_box {
		width: 100%;
		position: relative;
		margin: 4em auto;
	}

	.store_history_box {
		width: 100%;
		position: relative;
		margin: 4em auto 10em auto;
		background-attachment: scroll;
		padding-bottom: 8em;
	}
	
	.store_tit_gourmet,
	.store_tit_souvenir,
	.store_tit_yatsuhashi,
	.store_tit_history {
		width: 50%;
		margin: 0 auto 5em auto;
	}
	
	/* 背景 */
	.store_gourmet_bk1,
	.store_gourmet_bk2,
	.store_gourmet_bk3,
	.store_souvenir_bk1,
	.store_souvenir_bk2,
	.store_souvenir_bk3 {
		padding: 0 0 0 0;
		background: none;
	}
	
		/* 下記_左レイアウト　タブレット*/
.store_gourmet_leftimg,.store_souvenir_leftimg {
	width: 85%;
	text-align: center;
}

.store_gourmet_left,.store_souvenir_left {
	width: 100%;
	position: relative;
}

.store_gourmet_left::after,.store_souvenir_left::after {
	width: 90%;
		height: 48%;
		top: 28%;
		left: 50%;
		transform: translate(-50%, 50%);
		border-radius: 65% 65% 65% 65%;
}

/* 下記_中央レイアウト　タブレット */
.store_gourmet_center,
.store_souvenir_center {
	width: 100%;
	position: relative;
}

.store_gourmet_centerimg {
	width: 75%;
}

.store_souvenir_centerimg {
	width: 75%;
}

.store_gourmet_centertext,
.store_souvenir_centertext {
	width: 35%;
	margin: 0 auto;
}

.store_gourmet_center::after,
.store_souvenir_center::after {
	width: 85%;
		height: 50%;
		bottom: 0%;
		left: 47%;
		transform: translate(-50%, -6%);
		border-radius: 65% 65% 65% 65%;
}

/* 下記_右レイアウト　タブレット */
.store_gourmet_right,.store_souvenir_right {
	width: 100%;
	position: relative;
}

.store_gourmet_right::after,.store_souvenir_right::after {
	width: 90%;
		height: 50%;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%, 68%);
		border-radius: 65% 65% 65% 65%;
}

/* アイテムメモ　*/

	.store_item_memo01 {
		width: 40%;
		position: absolute;
		top: 8%;
        right: 2%;
        transform: rotate(13deg);
	}
	
	.store_item_memo02 {
		width: 40%;
		position: absolute;
		top: 2%;
        right: 55%;
		transform: rotate(-30deg);
	}

	.store_item_memo03 {
		width: 40%;
		position: absolute;
		top: 0%;
        right: 60%;
		transform: rotate(-30deg);
	}

	/* 横幅 */

.store_gourmet_leftimg,
.store_gourmet_lefttext,
.store_gourmet_centerimg,
.store_gourmet_centertext,
.store_gourmet_rightimg,
.store_gourmet_righttext,
.store_souvenir_leftimg,
.store_souvenir_lefttext,
.store_souvenir_centerimg,
.store_souvenir_centertext,
.store_souvenir_rightimg,
.store_souvenir_righttext {width: 85%;
text-align: center;}

/* タイトル */
.store_gourmet_lefttit,
.store_gourmet_centertit,
.store_gourmet_righttit,
.store_souvenir_kpuddingtit,
.store_souvenir_centertit,
.store_souvenir_righttit {font-size: 1.3em;}

/* 価格 */
.store_gourmet_leftvl,
.store_gourmet_centervl,
.store_gourmet_rightvl,
.store_souvenir_kpuddingvl,
.store_souvenir_centervl,
.store_souvenir_rightvl {
		margin-top: .9em;
		font-size: 1.1em;
	}

/* 詳細 */
.store_gourmet_leftdt,
.store_gourmet_centerdt,
.store_gourmet_rightdt,
.store_souvenir_kpuddingdt,
.store_souvenir_centerdt,
.store_souvenir_rightdt {
		font-size: 1em;
		font-weight: 500;
	}


	/* 装飾 */
.store_gourmet_people_g1 {
    width: 22%;
    top: -9%;
    left: 88%;
}

.store_gourmet_people_g2 {
    width: 19%;
    top: -14%;
    right: -3%;
}

.store_gourmet_people_s1 {
	width: 16%;
	top: -8%;
	left: 75%;
}

.store_gourmet_people_s2 {
	width: 12%;
	top: 14%;
	right: 2%;
}

.store_gourmet_people_s3 {
	width: 9%;
   top: 51%;
        left: 9%;
}

.store_gourmet_people_s4 {
	width: 12%;
	top: 9%;
    right: 59%;
	transform: translateX(-50%) scale(1, 1);
}

.store_gourmet_flower_g1 {
    width: 5%;
    top: 45%;
    right: 9%;
}

.store_gourmet_flower_g2 {
    width: 5%;
    bottom: 61%;
    left: 13%;
}

.store_gourmet_flower_g3 {
    width: 5%;
    bottom: -5%;
    right: 6%;
}

.store_gourmet_flower_g4 {
    width: 5%;
    bottom: -8%;
    left: 10%;
}

.store_gourmet_flower_s1 {
    width: 5%;
    bottom: -6%;
    right: 10%;
}

.store_gourmet_flower_s2 {
    width: 5%;
    top: -11%;
    left: 19%;
}

.store_gourmet_flower_s3 {
    width: 5%;
    bottom: 67%;
    right: 7%;
}

.store_gourmet_flower_s4 {
    width: 5%;
    bottom: 10px;
    left: -3%;
}

.store_gourmet_flower_s5 {
    width: 5%;
    bottom: -15%;
    right: 10%;
}

.store_gourmet_flower_s6 {
    width: 5%;
    bottom: -7%;
    left: 7%;
}

.store_gourmet_flower_s7 {
    width: 5%;
    bottom: -11%;
    right: 10%;
}

	
	/* 背景　道路 */
	.store_road_last {margin: 0 auto 3em auto;}
	
	/* 背景　車 */
	.store_road_lastitem {
		width: 25%;
		left: 50%;
	}

	/* 背景左右 */
	.store_sp_leftbk {
		position: absolute;
		width: 9%;
		height: 2000px;
		top: 5%;
		left: 0%;
		transform: translate(0,0);
		overflow: hidden;
		z-index: -2;
	}

	.store_sp_rightbk {
		position: absolute;
		width: 9%;
		height: 2000px;
		top: 5%;
		right: 0%;
		transform: translate(0,0);
		overflow: hidden;
		z-index: -3;
	}

	/* 下記より 八ツ橋特集 */

	.store_yatsuhashi_people{
	display: none;
}

	/* 下記より 歴史めぐり */
	.store_ht_intro {font-size: 1.1em;}

	.store_history_box::after {
		height: 10.5em;
		bottom: 0%;
		transform: translateY(59%);
	}

	/* 下記より 左寄せ 日本で最初の～名神起工の地 */
	.store_ht_card01,
	.store_ht_card03 {
		width: 90%;
		padding: 2em 2.5em 2em 2em;
		margin: 5em auto;
	}

	.store_ht_gridbox01 {
		grid-template-columns: none;
		column-gap: 0;
		grid-template-rows: 1fr;
		row-gap: 1em;
	}

	.store_ht_thumb01 {
		width: 90%;
		margin: 0;
		/* overflow: hidden; */
	}

	.store_ht_thumb01 img {
		height: 450px;
		object-fit: cover;
	}

	.store_ht_txt01 {
		width: 90%;
		margin: 0;
		font-size: 1em;
	}

	.store_ht_cont_tit01 {
		top: -30px;
		right: -30px;
	}

	.store_ht_map_imgbox {width: 90%;}

	/* 挿絵 */
	.store_ht_illust_imgbox01 {
		width: 40%;
		bottom: -14%;
        right: -2%;
	}

	.store_ht_illust_imgbox02 {
		width: 40%;
		left: 40px;
	}

	.store_ht_illust_imgbox03 {
		width: 35%;
		bottom: 1%;
	}
	/* 上記まで 左寄せ 日本で最初の～名神起工の地 */

	/* 下記より 右寄せ 日本で初めての高速道路～鶏林橋 */
	.store_ht_card02 {
		width: calc(20vw + 389px);
		margin: 0 0 0 auto;
		padding: 2em 2em 2em 2.5em;
	}

	.store_ht_gridbox02 {
		grid-template-columns: none;
		grid-template-rows: .4fr 1fr;
		column-gap: 0;
		row-gap: 1em;
	}

	.store_ht_thumb02 img {
		height: 450px;
		object-fit: cover;
	}

	.store_ht_txt02 {
		margin: 0 auto;
		font-size: 1em;
	}

	.store_ht_cont_tit02 {
		top: -28px;
		left: -78px;
		font-size: 2em;
	}
	/* 上記まで 右寄せ 日本で初めての高速道路～鶏林橋 */

	/* 下記より 日本初の技術～オーバーブリッジ */
	.ac_markline06::before {
		width: 16px;
		height: 264px;
		top: 35px;
		left: 8px;
	}

	.store_ht_cont_tit03 {
		right: -70px;
	}
	/* 上記まで 日本初の技術～オーバーブリッジ */

	/* 下記より アコーディオン ラーメン橋とは？ */
	.store_ht_rahmen_btnbox {max-width: 100%;}

	.store_ht_rahmen_btn {
		padding: 1em;
		font-size: 1em;
	}

	.store_ht_rahmen_content {padding: 1.5em;}

	/* 下線 */
	.store_ht_rahmen_tit01::before {width: 438px;}
	/* 上記まで アコーディオン ラーメン橋とは？ */

	/* 上記まで 歴史めぐり */
	}
/* 上記まで　タブレット版 */


/* 下記よりスマホ版 */
@media screen and (max-width: 796px) {
	.store_pc {display: none;}
	.store_tab {display: none;}
	.store_sp {display: block;}

	.f_column {flex-direction: column;}

	.f_reverse {flex-direction: column-reverse;}

	/* ページトップ */
	.top_contentbox {display: none;}

	/* 下記 冒頭 紹介文 */
	.store_intro_box {margin: 1.5em auto;}

	.store_intro_text {
		width: 90%;
		margin: 0 auto 1em auto;
		font-size: 1em;
	}

	.store_btnbox {
		width: 90%;
		font-size: 1em;
		margin: 3em auto 0 auto;
	}

	.store_btnbox a {padding: .8em;}

		.store_btnbox_setlink {
		width: 90%;
		font-size: 1em;
		margin: 40px auto 80px auto;
	}

	.store_btnbox_setlink a {padding: 1em;}

	.store_caption_deco{
		justify-content: center;
	}
	
	.store_int_imgbox1 {
		position: relative;
		width: 80%;
		margin: 0 0;
		top:0;
	}
	
	.store_int_imgbox2 {
		position: relative;
		width: 80%;
		margin: 0 0px;
		top:0;
	}

	.store_int_imgbox3 {
		position: relative;
		width: 80%;
		margin: 0 0px;
		top:0;
		transform: translate(0, 0) rotate(-3deg);
	}

	.store_int_imgbox4 {
		position: relative;
		width: 80%;
		margin: 0 0px;
		top:0;
		transform: translate(0, 0) rotate(5deg);
	}

		 .column-container {
    flex-direction: column;
    gap: 16px; /* 縦並びになった時のボックス間の余白 */
  }

  /* ボックス内の見出しのデザイン */
.column-box h3 {
  font-size: 1.6rem;
}

/* ボックス内の本文のデザイン */
.column-box p {
  font-size: 1.4rem;
}

	/* 上記まで 冒頭 紹介文 */

	/* 下記 マップ */
	.store_map_box {margin: 4em auto;}

	.store_tit_map {
		width: 90%;
		margin: 0 auto 1.5em auto;
	}

	.store_map_imgbox {
		width: 100%;
		padding-bottom: 5em;
	}

	.store_map_bkbox {
		width: 795px;
		height: 100%;
		bottom: 0%;
		left: 15%;
		transform: translate(-50%, 50%);
		background-size: cover;
		/* width: 100%;
		bottom: 0%;
		left: 50%;
		transform: translateX(-50%);
		background: url("../image/store/kusatsu-d/map_bk_road.png") bottom center no-repeat;
		background-size: contain; */
  }

	.store_map_car {
		width: 30%;
		top: 89%;
		right: 5%;
		transform: translate(-50%, 50%) rotate(6deg);
	}
	/* 上記まで マップ */

	/* 下記　アンカーリンク */
	.store_anker_gourmet,
	.store_anker_souvenir,
	.store_anker_yatsuhashi,
	.store_anker_history {
		width: 90%;
		margin: 0 auto;
	}

	.store_anker_gourmet,
	.store_anker_souvenir,
	.store_anker_yatsuhashi,
	.store_anker_history {
		position: relative;
		font-size: 1em;
		font-weight: 800;
		line-height: 1.6;
		text-align: center;
		border-radius: 50px;
		box-shadow: 4px 9px 12px -5px rgba(0, 0, 0, 0.3);
		transition-duration: .4s;
	}

	.store_anker_history::before {
    top: 25%;
    left: 32%;
}

	/* 下記 アイコン */
	.store_anker_gourmet::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 10%;
		height: 100%;
		top: 25%;
		left: 45%;
		transform: translateX(-50px);
		background: url("../image/store/katsuragawa-d/store_ico1.png") no-repeat;
		background-size: 85%;
		z-index: 1;
	}

	.store_anker_souvenir::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 10%;
		height: 100%;
		top: 25%;
		left: 45%;
		transform: translateX(-50px);
		background: url("../image/store/katsuragawa-d/store_ico2.png") no-repeat;
		background-size: 85%;
		z-index: 1;
	}

	.store_anker_yatsuhashi::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 6%;
		height: 100%;
		top: 24%;
		left: 42%;
		transform: translateX(-50px);
		background: url("../image/store/katsuragawa-d/anker_decoimg01.png") no-repeat;
		background-size: 100%;
		z-index: 1;
	}

	.store_anker_history::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 6%;
		height: 100%;
		top: 24%;
		left: 42%;
		transform: translateX(-50px);
		background: url("../image/store/katsuragawa-d/anker_decoimg01.png") no-repeat;
		background-size: 100%;
		z-index: 1;
	}

	/* 上記まで アイコン */
	.store_anker_gourmet a,
	.store_anker_souvenir a,
	.store_anker_yatsuhashi a,
	.store_anker_history a {
		display: block;
		padding: 1.5em;
		color: #fff;
	}

	.store_anker_box{
		gap: 1.5em;
	}

	.store_anker_box div:nth-last-of-type(2n) {margin: 1em 0;}
	/* 上記まで　アンカーリンク */

	/* 下記 グルメ */

	.store_gourmet_omimg,
	.store_gourmet_omtext,
	.store_gourmet_oumstore_titisetimg {width: 100%;}

	.store_gourmet_box,
    .store_sv_box {
    margin: 6em auto;
    padding: 0 1.5em;
    background:
        url("../image/store/katsuragawa-d/sp_left_deco.png") left top / 10% repeat-y,
        url("../image/store/katsuragawa-d/sp_right_deco.png") right top / 10% repeat-y;
    }
	
	.store_shower-sta_box {
		margin: 4em auto;
	}

	.store_tit_gourmet,
	.store_tit_souvenir,
	.store_tit_yatsuhashi {
		width: 85%;
		margin: 0 auto 3em auto;
	}

	.store_tit_history {
		width: 85%;
		margin: 0 auto 2em auto;
		padding: 5em 0 0 0;
	}

	/* 背景 */
	.store_gourmet_bk1,.store_souvenir_bk1 {background: none;
	margin: 0 0 3em 0;
	padding: 0;}

	.store_gourmet_bk2,.store_souvenir_bk2 {
		margin-top: 0;
		margin: 0 0 7em 0;
		padding: 2em 0 0 0;
		background: none;
	}

	.store_gourmet_bk3,.store_souvenir_bk3 {
		padding: 0;
		background: none;
		margin: 0 0 3em 0;
	}

	.ajust1_padding{padding-top: 3em;}

	/* 下記_スマホ左レイアウト*/
.store_gourmet_leftimg,.store_souvenir_leftimg {
	width: 85%;
	text-align: center;
}

.store_gourmet_left,.store_souvenir_left {
	width: 100%;
	position: relative;
}

.store_gourmet_left::after,.store_souvenir_left::after {
	width: 90%;
		height: 48%;
		top: 28%;
		left: 50%;
		transform: translate(-50%, 50%);
		border-radius: 65% 65% 65% 65%;
}

/* 下記_スマホ中央レイアウト */
.store_gourmet_center,
.store_souvenir_center {
	width: 100%;
	position: relative;
}

.store_gourmet_centerimg {
	width: 75%;
}

.store_souvenir_centerimg {
	width: 75%;
}

.store_gourmet_centertext,
.store_souvenir_centertext {
	width: 35%;
	margin: 0 auto;
}

.store_gourmet_center::after,
.store_souvenir_center::after {
	width: 85%;
		height: 50%;
		bottom: 0%;
		left: 47%;
		transform: translate(-50%, -6%);
		border-radius: 65% 65% 65% 65%;
}

/* 下記_スマホ右レイアウト */
.store_gourmet_right,.store_souvenir_right {
	width: 100%;
	position: relative;
}

.store_gourmet_right::after,.store_souvenir_right::after {
	width: 100%;
		height: 50%;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%, 60%);
		border-radius: 65% 65% 65% 65%;
}

/* アイテムメモ　*/

	.store_item_memo01 {
		width: 50%;
        top: 0%;
        right: 5%;
	}
	
	.store_item_memo02 {
		width: 50%;
		top: -2%;
        left: 2%;
	}

	.store_item_memo03 {
		width: 50%;
		top: -5%;
        right: -5%;
	}

	/* 横幅 */

.store_gourmet_leftimg,
.store_gourmet_lefttext,
.store_gourmet_centerimg,
.store_gourmet_centertext,
.store_gourmet_rightimg,
.store_gourmet_righttext,
.store_souvenir_leftimg,
.store_souvenir_lefttext,
.store_souvenir_centerimg,
.store_souvenir_centertext,
.store_souvenir_rightimg,
.store_souvenir_righttext {width: 85%;
text-align: center;}

/* タイトル */
.store_gourmet_lefttit,
.store_gourmet_centertit,
.store_gourmet_righttit,
.store_souvenir_lefttit,
.store_souvenir_centertit,
.store_souvenir_righttit {font-size: 1.3em;}

/* 価格 */
.store_gourmet_leftvl,
.store_gourmet_centervl,
.store_gourmet_rightvl,
.store_souvenir_leftvl,
.store_souvenir_centervl,
.store_souvenir_rightvl {
		margin-top: .9em;
		font-size: 1.1em;
	}

/* 詳細 */
.store_gourmet_leftdt,
.store_gourmet_centerdt,
.store_gourmet_rightdt,
.store_souvenir_leftdt,
.store_souvenir_centerdt,
.store_souvenir_rightdt {
		font-size: 1em;
		font-weight: 500;
	}


	/* 装飾 */
.store_gourmet_people_g1 {
    width: 29%;
    top: -13%;
    left: 86%;
}

.store_gourmet_people_g2 {
    width: 25%;
    top: -36%;
    right: -15%;
}

.store_gourmet_people_s1 {
	width: 20%;
	top: -4%;
	left: 86%;
}

.store_gourmet_people_s2 {
    width: 16%;
    top: 0%;
    left: 21%;
}

.store_gourmet_people_s3 {
	width: 11%;
    top: 7%;
    left: 91%;
    transform: scaleX(-1);
}

.store_gourmet_people_s4 {
	width: 19%;
    top: -2%;
    right: 66%;
	transform: translateX(-50%) scale(1, 1);
}

.store_gourmet_flower_g1 {
    width: 5%;
    top: 52%;
    right: 9%;
}

.store_gourmet_flower_g2 {
    width: 5%;
    bottom: 61%;
    left: 13%;
}

.store_gourmet_flower_g3 {
    width: 5%;
    bottom: -5%;
    right: 6%;
}

.store_gourmet_flower_g4 {
    width: 5%;
    bottom: -8%;
    left: 10%;
}

.store_gourmet_flower_s1 {
    width: 5%;
    bottom: -6%;
    right: 10%;
}

.store_gourmet_flower_s2 {
    width: 5%;
    top: -11%;
    left: 19%;
}

.store_gourmet_flower_s3 {
    width: 5%;
    bottom: 67%;
    right: 7%;
}

.store_gourmet_flower_s4 {
    width: 5%;
    bottom: -41px;
    left: -4%;
}

.store_gourmet_flower_s5 {
    width: 5%;
    bottom: -6%;
    right: -8%;
}

.store_gourmet_flower_s6 {
    width: 5%;
    bottom: -7%;
    left: 7%;
}

.store_gourmet_flower_s7 {
    width: 5%;
    bottom: -3%;
    right: 10%;
}

	/* 背景　道路 */
	.store_road_last {margin: 0 auto 4em auto;}

	/* 背景　車 */
	.store_road_lastitem {
		width: 35%;
		left: 50%;
	}

	/* 背景左右 */
	.store_sp_leftbk {
		position: absolute;
		width: 9%;
		height: 1680px;
		top: 15%;
		left: 0%;
		transform: translate(0,0);
		overflow: hidden;
		z-index: -2;
	}

	.store_sp_rightbk {
		position: absolute;
		width: 9%;
		height: 1680px;
		top: 15%;
		right: 0%;
		transform: translate(0,0);
		overflow: hidden;
		z-index: -3;
	}

	/* 下記より 八ツ橋特集 */
	.store_yatsuhashi_box{
		margin: 5em auto 0;
	}

	.store_yatsuhashi_people{
	display: none;
}

	/* 下記より 歴史めぐり */

	.store_history_box {
		margin: 5em auto 8em auto;
		padding-bottom: 10em;
		background-attachment: scroll;
		background-size: 100% 100%;
	}

	.store_ht_intro {
		margin: 1em auto 0 auto;
		padding: 0 1.2em;
		font-size: 1.1em;
	}

	.store_history_box::after {
		height: 9em;
		bottom: 0%;
		left: 0;
		transform: translateY(79%);
	}

	/* 下記より 中央配置 */
	.store_ht_card01,
	.store_ht_card03 {
		width: 90%;
		padding: 1em 1.5em 1em 1em;
		margin: 2em auto 0;
	}

	.store_ht_thumb01 img {
		height: 250px;
		object-fit: cover;
	}

	.store_ht_gridbox01 {
		grid-template-columns: none;
		column-gap: 0;
		grid-template-rows: .5fr .5fr;
		row-gap: 1em;
	}

	.store_ht_thumb01 {
		width: 100%;
		margin: 0;
		/* overflow: hidden; */
	}

	.store_ht_txt01 {
		width: 100%;
		margin: 0;
		font-size: .9em;
	}

	.store_ht_cont_tit01 {
		font-size: 1.1em;
		top: 0px;
		right: -40px;
	}

	.ac_markline01::before, .ac_markline05::before {
		width: 8px;
		left: 28px;
		top: 0;
		bottom: 0;
	}

	.ac_markline02::before {
		width: 8px;
		height: 114px;
		top: 20px;
		left: 4px;
		bottom: 0;
	}

	.store_ht_map_caption {font-size: .8em;}

	.store_ht_map_imgbox {width: 90%;}


	/* 挿絵 */
	.store_ht_illust_imgbox01 {
		width: 40%;
		bottom: -15%;
        right: -2%;
	}

	.store_ht_illust_imgbox02 {
		width: 50%;
		left: 10%;
		top: -3%;
	}

	.store_ht_illust_imgbox03 {
		width: 40%;
		bottom: 1%;
		right: 8%;
	}
	/* 上記まで 左寄せ 日本で最初の～名神起工の地 */

	/* 下記より 右寄せ 日本で初めての高速道路～鶏林橋 */
	.store_ht_card02 {
		width: calc(20vw + 200px);
		margin: 5em 0 5em auto;
		padding: 1em 1em 1em 1.5em;
	}

	.store_ht_thumb02 img {
		height: 250px;
		object-fit: cover;
	}

	.store_ht_gridbox02 {
		grid-template-columns: none;
		column-gap: 0;
		grid-template-rows: .4fr;
		row-gap: 1em;
	}

	.store_ht_txt02 {
		margin: 0 auto;
		font-size: .9em;
	}

	.store_ht_cont_tit02 {
		top: -28px;
		left: -45px;
		font-size: 1.1em;
	}

	.ac_markline04::before {
		width: 8px;
		height: 205px;
		top: 20px;
		left: 13px;
	}

	.ac_markline03::before {
		width: 8px;
		height: 225px;
		left: 39px;
		top: 0;
		bottom: 0;
	}
	/* 上記まで 右寄せ 日本で初めての高速道路～鶏林橋 */

	/* 下記より 日本初の技術～オーバーブリッジ */
	.ac_markline06::before {
		width: 8px;
		height: 152px;
		top: 19px;
		left: 5px;
	}
	/* 上記まで 日本初の技術～オーバーブリッジ */

	/* 下記より アコーディオン ラーメン橋とは？ */
	.store_ht_rahmen_btnbox {max-width: 100%;}

	.store_ht_rahmen_btn {
		padding: 1em;
		font-size: 1em;
	}

	.store_ht_rahmen_content {padding: 1.5em;}

	/* 下線 */
	.store_ht_rahmen_tit01::before {width: 100%;}

	/* 閉じるボタン */
	.store_ht_rahmen_close {
		width: 100%;
		margin: 1em auto 0 auto;
		padding: .6em 2em;
		font-size: .9em;
		border: solid 1.5px #615db2;
	}

	.store_ht_rahmen_close:hover {opacity: 1;}
	/* 上記まで アコーディオン ラーメン橋とは？ */

	.store_ht_cont_tit03 {
		position: absolute;
		top: 0px;
		right: -40px;
	}

	.store_ht_gridbox03 {
		grid-template-columns: none;
		column-gap: 0;
		grid-template-rows: 1fr;
		row-gap: 1em;
	}

	/* 上記まで 歴史めぐり */
}