/*
Theme Name: RDSGN ORIGINAL									
*/

.pc{
	display:none;
}

/**********************************************
    PC版 CSS
**********************************************/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');/*日本語明朝*/
@import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');/*見出しに使っている英語*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/**************************************************************
全体
**************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 100%;
    scroll-behavior: smooth;
	overflow-x: hidden;
}
body {
    font: 500 16px/1.75 "Noto Sans JP", sans-serif;
    color: #000;
    text-align: left;
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 13px;
    margin: 0px;
    text-align: center;
    line-height: 180%;
	overflow-x: hidden;
}

.kusa{
	  font-family: 'Kosugi Maru', sans-serif;
}
/**************************************************************
リンク
**************************************************************/
a:link {
    color: #000;
    text-decoration: none;
	transition: 1.0s ;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
}
a:active {
    color: #000;
    text-decoration: none;
}



.sp{
	display:none;
}

.header{
	background-color:#000;
	padding:5px;
}

.header .logo{
	width:200px;
	margin:0 auto;
}

.header .logo img{
	width:100%;
	height:auto;
}
.header .nav{
	display:none!important;
	width:600px;
	display:flex;
	justify-content:flex-end;
}
.header .nav li{
	list-style:none;
}
.header .nav li a{
	display:block;
	padding:10px;
	color:#fff;
	font-weight:600;
}

.gensen{
	background-color:#464444;
		color:#fff;

}
.gensen .obi{
  background-image: url(https://p-pata.com/pataweb/image/ami.svg);
  background-repeat: repeat-x;   /* 横方向だけ繰り返す */
  background-size: auto 50px;    /* 高さを50pxに合わせる */
  height: 60px;                  /* 要素自体の高さも50px */
}

.gensen h2{
	font-size:20px;
	color:#fff;
	font-weight:normal;
}
.gensen .icon{
	width:200px;
	margin:0 auto;
	margin-top:40px;
}
.gensen .icon img{
	width:100%;
	height:auto;
}

:root{--ink:#343434;--sub:#9a8470;--line:#c8c8c8}

.top-index{max-width:1200px;margin:0 auto;padding:0 20px;font-family:"Rubik",system-ui,-apple-system,"Noto Serif JP",serif;color:var(--ink)}

.top-index__block{
	margin:40px 0;}

.top-index__block img{
	width:100%;
	height:auto;
	border-radius:5px;
	margin-bottom:10px;
}


/* 覆いの初期状態（非表示） */
[data-scroll-anim] .top-index__image::after{
  content:"";position:absolute;inset:0;z-index:1;background:#9a8470;visibility:hidden;
}
/* スクロールで現れたとき：横スライドでめくれる */
[data-scroll-anim="true"] .top-index__image::after{
  visibility:visible;
  transform:translate3d(-100%,0,0);
  animation:topIndex .7s cubic-bezier(.645,.045,.355,1) forwards;
}
@keyframes topIndex{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-100%,0,0)}
}
/* ホバー演出：画像ズーム＋薄いカラー膜スライド */
.top-index__image:hover img{transform:scale(1.05)}
.top-index__image:hover::after{
  visibility:visible;
  background:rgba(154,132,112,.22);
  animation:revealHover .6s ease forwards;
}
@keyframes revealHover{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}

.top-index__txt{position:relative}

.eyebrow{font-size:15px;color:var(--sub);margin:0 0 .8rem;
	letter-spacing:-0.9px;
	  font-family: 'Kosugi Maru', sans-serif;}

.ttl{font-family:"Noto Serif JP",serif;
	font-weight:600!important;
	font-size:13px!important;
	line-height:1.1;
	color:#858494!important;
	margin:.2rem 0 1.2rem;}



.lead{font-size:12px;
	line-height:1.9;
	margin:0 0 15px;
	color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.lead br{
	display:none;
}



.more{display:inline-block;font-size:.95rem;text-decoration:none;color:#fff!important;position:relative;padding-bottom:.2rem}
.more a{
	color:#fff!important;
}
.more::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);transition:transform .4s ease;transform-origin:left;transform:scaleX(0)}
.more:hover::after{transform:scaleX(1)}



.kanko{
	background-image:url(https://p-pata.com/pataweb/wp-content/uploads/2025/10/anaba.webp);
	background-repeat:repeat-y;
	background-position:bottom;
	padding:40px 20px;
}
.kanko h2{
	font-size:20px;
	padding:15px 0;
	  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	color:#fff;
	font-weight:normal;
}
.kanko p{
	margin:0 auto;
	padding:20px 0;
	color:#fff;
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.kanko p br{
	display:none;
}

.kanko-flex{

}
.kanko-flex .k-box{
	box-sizing:border-box;
	margin-bottom:25px;
	color:#fff;
}
.kanko-flex .k-box img{
	width:100%;
	height:auto;
	margin-bottom:10px;

}
.kanko-flex .k-box h3{
	font-size:16px;
	margin-bottom:5px;
}
.kanko-flex .k-box p{
	text-align:left;
	width:100%!important;
	font-size:11px;
	line-height:140%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.kanko .icon{
	width:200px;
	margin:0 auto;
	margin-top:40px;
}
.kanko .icon img{
	width:100%;
	height:auto;
}

.food-m{
	background:url(https://p-pata.com/pataweb/wp-content/uploads/2025/10/4granping3-1.webp);
	padding:30px 20px;
}
.food-m h2{
	font-size:18px;
	color:#fff;
}

.food-naka{
	background:url(https://p-pata.com/pataweb/wp-content/uploads/2025/10/4granping3-2.webp);
	background-size:cover;
	padding:40px 20px;
}

.cards {

}

.card {
  display: flex;           /* 横並びにする */
  flex-direction: row;     /* 横方向 */
  border-radius: 3px;
  overflow: hidden;
	margin-bottom:20px;
}

.card img {
  width: 50%;              /* 横半分を画像に */
  object-fit: cover;
  display: block;
	border-radius:20px;
}

.card-content {
  width: 50%;              /* 横半分を文章に */
  color: #fff;
  padding: 20px 0 20px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.card-content h3 {
  margin-bottom: 35px;
  font-size: 18px;
}

.card-content p{
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:140%;
}

.about-p{

}

.about-p h2{
	background-color:#004484;
	padding:30px;
	font-size:18px;
	color:#fff!important;
}

.about-mv{
	background-image: linear-gradient(rgba(0, 88, 171, 0.6), rgba(0, 88, 171, 0.6)), url(https://p-pata.com/pataweb/wp-content/themes/rdsgn/image/base/hbg.jpg);
	background-color: #0058ab;
	padding:15px 20px;
	background-position: center;
	text-align:center;
}
.about-mv img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.about-p h3{
	font-size:16px;
	line-height:150%;
	padding:20px;
	color:#3e7dd2;
}

.about-p p{
	padding:10px;
	margin:0 auto;
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.about-p p br{
	display:none;
}

.about-p .link-botan{
	width:300px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

.about-p .link-botan a{
	background: #007cd8;
        color: #fff;
        background-image: url(https://p-pata.com/pataweb/wp-content/themes/rdsgn/image/base/hbg.jpg);
	padding:15px;
	display:block;
	border-radius:10px;

}

.about-p .link-botan a:hover{	transition: 1.0s ;
    opacity:0.7;}
.about-p .link-botan img{
	width:100%;
	height:auto;
	display:block;
}

.footer{
	margin-top:50px;
	padding:10px;
	background-color:#565656;
	color:#fff;
	font-size:11px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}