/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2026 | 07:37:50 */
.wakuwaku {
  width: 100%;
	border:solid 1px #999; 
	font-size:0.8em;
padding:0 20px;
margin:5px 0;
}

#sns h3 img {
  width: 60px;
  height: auto;        /* 縦横比を保つ */
  flex-shrink: 0;      /* スマホで画像が横に潰れるのを防ぐ */
}

/* アイコンのサイズを指定 */

img[src*="homepinkicon.png"] {
  width: 40px !important;
  height: auto !important;
}


.kinsi {
	/* inputやtextarea以外の要素の選択を無効化 */
:not(input):not(textarea) {
 -webkit-user-select: none; /* Chrome, Safari */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* IE/Edge */
 user-select: none;
 -webkit-touch-callout: none; /* iOSの長押しメニューも防止 */
-webkit-user-drag: none; /* 画像のドラッグを禁止 */
  user-drag: none;
}

}

.kinsi img {
  pointer-events: none;
  user-select: none;
}

#cat .memo{
    background: url(https://www.yomifami.com/wp-content/uploads/2026/02/memopink.png) no-repeat 10px center / 50px auto;
	background-position:left top;
	font-size:0.9em;
	line-height:1.2em;
    padding: 20px 0px 20px 70px;
	margin-top:2.5em;

}

#trip .memo,#int .memo{
	    background: url(https://www.yomifami.com/wp-content/uploads/2026/02/memopink.png) no-repeat 10px center / 50px auto;
	background-position:left top;
	font-size:0.9em;
	line-height:1.2em;
    padding: 20px 0px 20px 90px;
   background-color:#ECEADA;
background-position:20px 10px;

}



/* チケット　*/

#fortune,#tk,#wan,#cat,#inn,#trip,#int,#hoka{
	color:#544541;
	font-size:1em;
}

#wan h3 ,#cat h3,#zuka h3,#inn h3,#trip h3,#int h3,#hoka h3 {
	 border-left:solid 15px #d84b97; /*左線*/
	letter-spacing:0px;
  margin-top: 0;   /* 上の余白だけを消す */
  padding-top: 0;  /* (念のため)内側の上の余白も消す */
}
#hoka h3 {
	margin-top:1em;
}

#inn h3{
	margin-top:1em;
	padding-bottom:-0.5em;
}

#tk h3 {
	 border-left:solid 15px #d84b97; /*左線*/
		 border-top:solid 1px #d84b97; /*左線*/
	letter-spacing:0px;
  margin-top: 2em;   
  padding-top: 0;  /* (念のため)内側の上の余白も消す */
}
#tk h4{
	 border-left:solid 5px #544541; /*左線*/
	border-bottom:none;
	color:#544541;
	font-weight:bold;
	padding-left:10px;
	letter-spacing:0px;
	margin:1.5em 0.5em;
	padding:0.5em;
}


#tk li {
	list-style: none;
	padding-left:10px;
}

#tk ul{
	padding-top:0px;
padding-left: 40px; /* 画像の大きさ */
position: relative; /* リスト位置 */
	line-height:140%;
	margin-top:0px;
}

#tk ul::before {
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/calebrown.svg); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定 */
top: 0px;
left: 0px;
right:0px;
height: 40px;
width: 40px;
}

#tk .subscbox .protext ul::before {
content: none; 

}

#tk img {
	padding : 0px;
	text-align:center;
	
}

#tk .subscbox,#wan .subscbox ,#cat .subscbox,#zuka .subscbox,#inn .subscbox,#trip .subscbox,#int .subscbox,#fusui .subscbox,#hoka .subscbox{
	 padding:0.5em 1em;
    margin:1em 0;
    color: #2c2c2f;
    background: #eceada;/*背景色*/
}


#tk .subscbox .protext dl dt,#cat .subscbox .protext dl dt,#hoka.subscbox .protext dl dt{
	color:#897570;
		font-weight:600;
	color:#897570;
	font-size:1.2em;
	margin-bottom:1.0em;

}

#tk .subscbox dl dt,#cat .subscbox dl dt{
	font-weight:bold;
	font-size:1.2em;
	color:#d84b97;
	line-height:1.0em;
	padding-left: 0px 0 20px 15px;
	margin:20px 0;
}

#tk .subscbox dl dd,#zuka .subscbox dl dd,#inn .subscbox dl dd,#int .subscbox dl dd,#cat .subscbox dl dd,#inn .subxcbox dl dd,#hoka .subxcbox dl dd{
	padding-bottom:10px;
	margin-left:15px;
}

#tk .nb::before{
	 content: '';
  display: inline-block;
  width: 50px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image: url(https://www.yomifami.com/wp-content/uploads/2026/02/exclpink.png);
  background-size: contain;
  vertical-align: middle;
	margin-right:15px;
}
#tk .out::before,#zuka .out::before{
	 content: '';
  display: inline-block;
  width: 50px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image: url(https://www.yomifami.com/wp-content/uploads/2025/12/cartpink.png);
  background-size: contain;
  vertical-align: middle;
	margin-right:10px;
}

#wan a,#zuka a,#hoka a{
		color:#897570;
}

#tk a{
		color:#fff;
}

#trip a {
	text-decoration:none;
}

#wan a[href^="http"]:not([href*="yomifami.com"]):not([href*="youtube.com"]):not(:has(img))::after,
#zuka a[href^="http"]:not([href*="yomifami.com"]):not([href*="youtube.com"]):not(:has(img))::after,
#hoka a[href^="http"]:not([href*="yomifami.com"]):not([href*="youtube.com"]):not(:has(img))::after
{
		color:#897570;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1.0em;
  height: 1.0em;
  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/02/extlinkbrown.svg");
  background-repeat: no-repeat;
  background-size: contain;

}

#tk a[href^="http"]:not([href*="yomifami.com"]):not([href*="youtube.com"]):not(:has(img))::after,
#zuka a[href^="http"]:not([href*="yomifami.com"]):not([href*="youtube.com"]):not(:has(img))::after {
		color:#897570;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1.0em;
  height: 1.0em;
  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/03/linkwhite.png");
  background-repeat: no-repeat;
  background-size: contain;

}


#tk .postdate,#zuka .postdate,#inn .postdate,#int .postdate{
	text-align:left;
	font-size:80%;
	font-weight:bold;
   display: inline-block;
}

#tk .postdate::before,#zuka .postdate::before,#inn .postdate::before,#int .postdate::before  {
	content: "";
    display: inline-block;
	  background-repeat: no-repeat;
  background-size: contain;
	  width: 3.0em;
  height: 3.0em;
	  vertical-align: middle;
  background-image: url("https://www.yomifami.com/wp-content/uploads/2025/12/fingerbrown.png") ;  /* 背景画像でアイコンを入れる */
  padding: 0 0 0 1.5em;  /* アイコン画像分 + 適度な間隔 */
	margin-right:1em;
}

#tk .yomimo,#zuka .yomimo,#inn .yomimo{
	 display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-color: #d84b97; 
	text-align:center;
	width:90%;
	margin-top:1em;
}
#zuka .yomimo a{
	color:#fff;
}

/* チケット　おわり　*/

/* 宝塚　*/

#zuka .telfax a[href^="tel:"] {
   pointer-events: none;
   text-decoration: none;
	color:#333;
}

#zuka p {
	line-height:120%;
	font-size:1.1em;
}

#zuka a[href^="http"]:([href*="yomifami.com"]):not(:has(img)):not([href*="youtube.com"])::before{
	color:#d84b97;
  content: "";
  display: inline-block;
  vertical-align: middle;
	margin-left:0.25em;
  width: 1.0em;
  height: 1.0em;
/*  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/02/linkpink.svg"); */
  background-repeat: no-repeat;
  background-size: contain;
}

#zuka li{
	  list-style: none;
 font-size: 16px;
  line-height: 1.5;
  padding-left: 1.8em;
  position: relative;
margin-left:1.5em;
}

#zuka li::before {
 content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #544541;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

#zuka ol::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/01/calepink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
right:0px;
height: 40px;
width: 40px;
}


#zuka ol {
 counter-reset: my-counter;
  list-style: none;
  margin: 0;
	padding-top:0px;
padding-left: 40px; /* 画像の大きさ */
position: relative; /* リスト位置 */
	line-height:140%;
}

#zuka .perf{
		font-size: clamp(0.8em, 1.8vw, 1.1em);
	line-height:1.0em;
	font-weight:600;
	margin:1.8em 0 0.5em 0;
	min-height: 0vw; min-height: 0;
}

#zuka .perfname{
	font-size: clamp(1.1em, 1.8vw, 1.8em);
	line-height:1.0em;
	font-weight:600;
	min-height: 0vw; min-height: 0;
}

#zuka .perfmemo{
	font-size: clamp(0.8em, 1.8vw, 1.1em);
	line-height:1.0em;
	font-weight:600;
	margin:-0.5em 0;
	min-height: 0vw; min-height: 0;
}

#inn .imp,#fusui .imp,#int .imp{
		font-size: clamp(1.2em, 1.8vw, 2.0em);
	line-height:1.0em;
	font-weight:600;
	margin:0.5em 0;
	background-color:#d84b97;
	color:#fff;
	line-height:1.4em;
	 counter-reset: my-counter;
  list-style: none;
	padding:5px;
		padding-bottom:10px;
	text-align:center;
	 min-height: 0; 
}


#zuka .subscbox .price::before,#inn .subscbox .price::before,#int .subscbox .price::before, .subscbox .price::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/pricepink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
right:0px;
height: 50px;
width: 50px;
}

#zuka .subscbox dd,#inn .subscbox dd,#int .subscbox dd #hoka .subscbox dd,#int .subscbox dd{
	font-size:1em;
	line-height:150%;
}

#zuka .subscbox dd{
	margin: 20px 0 35px 20px;
}

#inn .subscbox dd,#int .subscbox dd {
	margin: 10px 0 0px 20px;
}

#zuka .subscbox dl dl dt{
	font-size:1em;
	font-weight:600;
	line-height:110%;
	margin-top: 10px;
}

#zuka .subscbox dd dd{
	font-size:1em;
	line-height:110%;
	margin: 5px 0 0 10px;;
}

#zuka .subscbox .fax::before, .subscbox .fax::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/faxpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
  bottom: 0;
  margin: auto 0;
right:0px;
height: 50px;
width: 50px;
}

#zuka .subscbox .sumaho::before,#inn .subscbox .sumaho::before, .subscbox .sumaho::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/03/sumahopink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
  bottom: 0;
  margin: auto 0;
right:0px;
height: 50px;
width: 50px;
}

#inn .subscbox .pool::before, .subscbox .pool::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/05/poolpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
  bottom: 0;
  margin: auto 0;
right:0px;
height: 50px;
width: 50px;
}

#zuka .subscbox .attn::before,#int .subscbox .attn::before,#inn .subscbox .attn::before, .subscbox .attn::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/exclpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
  bottom: 0;
  margin: auto 0;
right:0px;
height: 50px;
width: 50px;
}

#zuka .subscbox .sakana::before,#int .subscbox .sakana::before,#inn .subscbox .sakana::before, .subscbox .sakana::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/03/wasyokupink.svg); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
  bottom: 0;
  margin: auto 0;
right:0px;
height: 50px;
width: 50px;
}




#zuka .subscbox .cart::before,#tk .subscbox .cart::before, .subscbox .cart::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2025/12/cartpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
top: 0px;
left: 10px;
  bottom: 0;
  margin: auto 0;
right:0px;
height: 50px;
width: 50px;
	}

#zuka .subscbox .cart a[href^="http"]:not(:has(img))::before{
	content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(g); /* 画像パス */
background-repeat: no-repeat;
background-size: 50px; /* 画像サイズを指定  */
}

#zuka .scta{
	font-size:0.8em;
	margin:0 0 1em 1em;
}

#zuka .link-none {
   pointer-events: none;
}



/* わんこ税理士 */

#wan h4{
	color: #e6418c;
	font-weight:666;
	font-size:1.2em;
}

#wan ol li {
	margin-bottom:0.5em;
}


.profile {
	color:#897570;
	 font-family: Times New Roman;
	border-left:none; /*左線*/
	border-bottom:none;
	font-size:1.3em;
	width:100%;
		margin: auto;
	padding:0.8em 0px;
}

#wan .kotae {
		width:100%;
/*margin: 0 auto; */
	padding: 1.5em;
    border-radius: 10px 10px 10px 10px;
    background-color: #f2f2f2;
	margin-bottom:1.5em;

}

#wan dl{
	width:100%;
/*margin: 0 auto; */
	padding: 1.5em;
    border-radius: 10px 10px 10px 10px;
    background-color: #f2f2f2;

}

#wan dt {
	text-indent: -1.2em;
	margin-left:1.5em;
    margin-bottom: 1.3em;
    color: #d13870;
    font-weight: 600;
	font-size:1.2em;
	line-height:1.3em;
}

#wan dt::before{
content: "Q.";
font-weight: bold;
	margin-right:0.5em;
	color:#d84b97;
}

#wan dd:first-of-type::before{
content: "回答";
font-weight: bold;
	margin-right:0.5em;
margin-left:-30px;	
}


#wan dd {
	margin:20px 10px;
	font-weight:bold;
}

#wan dd:not(:first-of-type) {
	font-weight: normal;
  margin-top: 3px; /* 上のddと間隔を空ける */
line-height:1.4em;
	margin-left:10px;	
}

#wan .wanko {
	    flex-direction: column;
 display:flex;
  justify-content: space-between;
  margin-bottom: 40p;

}

#wan .wankoimg {
	    width:100%;
    margin-left: 0;
	text-align:center;

}

#wan .wankoimg img {
	    width:50%;
    height:auto;
}

#wan .wankotext{
	line-height:1.3em;
	font-size:1.0em;
	margin-top:20px;
	text-align:left;
}

@media screen and (min-width:768px) {
#wan .wanko {
  flex-direction: row;
  }
	
#wan .wankoimg {
  width: 30%;
	margin-left:3%;
  }
#wan .wankoimg img {
  width: 30%;
  height:auto;
  }
	
}

#wan .pro,#cat .pro,#trip .pro,#int .pro,#tk .pro,#zuka .pro,#inn .pro,#fusui .pro ,#hoka .pro{
	  display: flex;
  flex-direction: column; /* 要素を縦に並べる今ここかえる */
  gap: 15px; /* 画像と文字の隙間 */align-content
 display:flex;
		/*      flex-direction: row; */
  justify-content: space-between;
  margin-bottom: 40px;
	margin: 0 auto;
		max-width:100%; /*横幅全体*/
	margin:0;
	padding:0;

}

#hoka .proimg,#wan .proimg,#cat .proimg ,#trip .proimg,#int .proimg,#tk .proimg,#zuka .proimg,#inn .proimg,#fusui .proimg {
	    width:50%;/* 100から変更 */
    margin-left: 0;
	text-align:center;
	margin: 0 auto;
}

#wan .proimg img ,#cat .proimg img ,#trip .proimg img,#int .proimg img,#tk .proimg img,#zuka .proimg img,#inn .proimg img,#fusui .proimg img,#hoka .proimg img{
  width: 100%;
  height:auto;
}

#hoka .protext,#wan .protext,#cat .protext,#trip .protext,#int .protext,#tk .protext,#zuka .protext,
#inn .protext,#fusui .protext,.protext{
	line-height:1.4em;
	font-size:0.9em;
	margin-left:10px;
}

.protext dl{
	width:100%;
	background-color: transparent;
		padding: 0;
}

.protext dt,#hoka .protext dt{
	font-weight:600;
	color:#897570;
	font-size:1.2em;
	margin-bottom:1.0em;
	margin-left:1.1em;
}

#wan .protext dt::before{
	content: none;
	font-weight: 600;
	margin-right:0.5em;
}


.protext dd{
	font-size:1.0em;
	line-height:1.5em;
	color:#897570;
	margin-left:0;
		font-weight: 400;
}

.protext dd p{
	font-size:1.0em;
	line-height:1.5em;
	color:#897570;
	margin-left:0;
		font-weight: 400;
}

#wan .protext dd:before {
	content: none;
font-weight: 300;

}

#fusui .pro ul,#zuka .pro ul,#tk .pro ul,#trip .pro ul,#cat .pro ul,#wan .pro ul,#int .pro ul,
#hoka .pro ul,#inn .pro ul,.pro ul {
  display: flex;        /* 横並びにする */
  justify-content: flex-start; /* 左寄せ（デフォルト） [2, 11] */
  list-style: none;     /* リストの点を消す [12] */
  padding: 0;           /* パディングを解除 */
  margin: 0;            /* マージンを解除 */
  gap: 10px;            /* アイコン間の余白 [12] */
	
}


/* @media screen and (min-width:768px) {@media screen and (max-width: 767px) */
	@media screen and (min-width:768px) {
	
	#wan .subscbox {
		margin:0;
		padding:0;
	}
	
	#fusui .profile,#wan .profile,#cat .profile,#trip .profile,#int .profile,#tk .profile,#zuka .profile,#inn .profile ,.profile{
	width:70%;
}
	
#fusui .pro,#wan .pro,#cat .pro,#trip .pro ,#inn .pro,#int .pro,#zuka .pro,#tk .pro,#inn .pro,#hoka .pro {

	max-width:70%;
	margin:auto;	
	  flex-direction: row; /*ここさわる */
}

	
#fusui .protext dl,#wan .protext dl,#cat .protext dl#trip .protext dl,#int .protext dl,#zuka .protext dl,#tk .protext dl,#inn .protext dl,.protext dl{
	max-width:100%;
	background-color: transparent;
}

#wan .proimg,#fusui .proimg,
#cat .proimg,#trip .proimg,#int .proimg,#tk .proimg,#zka.proimg,#inn .proimg ,.proimg{
    width:100%;
  }
#fusui .wankoimg img ,#wan .wankoimg img ,#cat .wankoimg img,#trip .wankoimg img,#int .wankoimg img ,.wankoimg img{
    width:100%;
    height:auto;
  }
}

#fusui a:visited,#wan a:visited,#cat a:visited,#trip a:visited,#inn a:visited,#int a:visited,#hoka a:visited,#sns a:visited,#hoika a:visited{
	color:#d84b97;
	text-decoration:none;
}

/* 内部リンク設定 */
#hoka a,#sns a,#sns a[href^="#"] ,#fusui a,#wan a,#cat a,#inn a,#inn a[href^="#"],#trip a,#int a,#int a[href^="#"],#hoka a[href^="#"]{
	color:#d84b97;
	font-size:1.1em;
	  display: inline-block; /* インライン要素をブロック要素のように扱う */
  padding-top: 8px;    /* 上の余白 */
  padding-bottom: 8px; /* 下の余白 */
	text-decoration-line:none;
}
/* ページ内リンクに白枠をつけている */
#inn a.kowaku[href^="#"],
#int a.kowaku[href^="#"]
{
	font-size:0.8em;
	border-radius: 30px;
	background:#fff;
	width:90%;
	text-align:center;
	 margin: 0 auto;
	text-decoration-line:none;

}
#fusui a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,
#trip a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,
#wan a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,
#cat a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,
#zuka a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,
#inn a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,#inn a[href^="#"]::before,
#int a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,#int a[href^="#"]::before,
#hoka a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,#hoka a[href^="#"]::before,
#sns a[href^="http"]:not([href*="youtube.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not(:has(img))::before,#sns a[href^="#"]::before
{ /* ここをさわった*/
	color:#d84b97;
  content: "";
  display: inline-block;
  vertical-align: middle;
	margin-left:0.25em;
  width: 1.0em;
  height: 1.0em;
/*  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/02/linkpink.svg"); */
  background-repeat: no-repeat;
  background-size: contain;
}

#inn .webres a[href^="http"]:not([href*="youtube.com"]):not(:has(img))::before,
#int .webres a[href^="http"]:not(:has(img))::before,
#hoka .webres a[href^="http"]:not(:has(img))::before{ /* ここをさわった*/
	color:#d84b97;
 content: none;
font-weight:600;
}

#fusui a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::before,
#trip a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::before,
#wan a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::before,
#cat a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::before,
#zuka a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::before,
#hoka a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::before,
#inn a[href^="#"]::before,
#int a[href^="#"]::before{
		color:#d84b97;
  content: "";
  display: inline-block;
  vertical-align: middle;
	margin-left:0.25em;
  width: 1.0em;
  height: 1.0em;
/*  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/02/linkpink.svg"); */
  background-repeat: no-repeat;
  background-size: contain;
}

/* ねこ坊主 */

#cat p,#int p,#wan p{
	font-size:1em;
	line-height:130%;
}

#cat h4,#zuka h4,#trip h4,#trip h4,#int h4{
	 border-left:solid 5px #d84b97;/*左線*/
	border-bottom:none;
	color:#d84b97;
	font-weight:bold;
	padding-left:10px;
	letter-spacing:0px;
	margin:1.5em 0.5em 0.5em 0.5em;
	padding:0em 0.5em 0 0.5em;
}

#cat .protext dt,#trip .protext dt,#tk .protext dt,#zuka .protext dt {
	font-weight:600;
	color:#897570;
	font-size:1.2em;
	margin-bottom:1.0em;
}

#cat .subscbox{
	 padding:0.5em 1em;
    margin:1em 0;
    color: #2c2c2f;
	font-size:1em;
	line-height:140%;
    background: #eceada;/*背景色*/
}

#cat .normal{
line-height:140%;
}

/* お得な宿 */
#inn p{
	font-size:1.1em;
	line-height:120%;
}
#inn .profile_card1,#inn .profile_card2,#inn .profile_card3,{
            display: flex;/* 画像タイトルまでが左 2 */
	            padding: 1rem 2rem;
            border: 1px solid #eee;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            align-items: center/* 垂直方向に中央　*/
					 		    border-radius: 10px 10px 0 0;
        }

#inn .card_photo{
            text-align: center;
            flex: 0 0 30%;
            -webkit-flex: 0 0 30%;
        }

#inn .card_photo p{
            text-align: left;
line-height:105%;
	margin: 0 10px 10px 10px;
	font-size:0.9em;
}

       #inn .card_photo_img{
            position: relative;
           width: 200px;
          height: 150px;
            overflow: hidden;

            display: inline-block;

        }
      #inn .card_photo_img img{
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: auto;
            height: 100%;
		  border:3px solid #fff;
		  background-color:#fff;
        }

       #inn .profile_card1 h3,#inn .profile_card2 h3,#inn .profile_card3 h3,
       #inn .profile_card1 h4,#inn .profile_card2 h4,#inn .profile_card3 h4{
            font-weight: 500;
		   padding:0.5em;
            margin: 0px 0px 5px 0px;
		   background-color:transparent;
		   border-bottom:solid 0;
        }
       #inn .profile_card1 h3, #inn .profile_card2 h3, #inn .profile_card3 h3{
		   color:#fff;
		    border-left:solid 0px;
		   padding:0.6em;
		    border-radius: 10px 10px 0 0;
		  line-height:105%; 
        }
       #inn .profile_card1 h4,#inn .profile_card2 h4,#inn .profile_card3 h4{
		  font-size:1.8em;
		   line-height:105%;
		   color:#544541;
		   margin:0;
		    border-left:solid 0px; 
        }
#inn .profile_card1 h4::before,#inn .profile_card2 h4::before,#inn .profile_card3 h4::before{
		  font-size:1.8em;
content: none;
        }

 #inn .profile_cards{
            display: flex;
            display: -webkit-flex;
            align-items: stretch;
            -webkit-align-items: stretch;
	 margin-bottom:2em;

        }
 #inn .profile_cards .profile_card1, #inn .profile_cards .profile_card2, #inn .profile_cards .profile_card3{
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            -webkit-flex-direction: column;
            width: 50%;
            margin: 1%;
            box-sizing: border-box;
        }
       #inn .profile_cards1 .card_photo,#inn .profile_cards2 .card_photo,#inn .profile_cards3 .card_photo{
            flex:  0 0 auto;
            -webkit-flex: 0 0 auto;

        }

 #inn .profile_cards .profile_card1{
	 		background: #a4c0c9;
	 		    border-radius: 10px 10px 0 0;
        }

 #inn .profile_cards .profile_card2{
		background: #E9967A;/*#E8D3A5;*/
	 	 		    border-radius: 10px 10px 0 0;
        }

 #inn .profile_cards .profile_card3{
				   background:#C9A3B3;
	 	 		    border-radius: 10px 10px 0 0;
        }
       #inn .profile_cards .card_photo{
            flex:  0 0 auto;
            -webkit-flex: 0 0 auto;

        }

@media screen and (max-width: 768px) {
           #inn .profile_card1,#inn .profile_card2,#inn .profile_card3,
           #inn .pricecards,
           #inn .profile_cards{
                flex-direction: column;
                -webkit-flex-direction: column;
            }
           #inn .pricecard.premium{
                order: 1;
                -webkit-order: 1;
            }
          #inn .profile_cards .profile_card1, #inn .profile_cards .profile_card2, #inn .profile_cards .profile_card3{
                width: 100%;
            }
           #inn .pricecard,
           #inn .card_photo{
                flex: 0 0 auto;
                -webkit-flex: 0 0 auto;
            }
        }

#inn details {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  border-radius: 4px;
  overflow: hidden;
	background-color:#f4f4f4;
		width:100%;
}

#inn summary {
  padding: 20px 20px 20px 40px;
  background-color: #f4f4f4;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
	position: relative;
	width:100%;
				color:#d84b97;
	font-weight:bold;
}

#inn summary::after{
	    content: "+"; /* プラスマーク */
    font-size: 1.2em;
    font-weight: bold;
    color: #d84b97;
	position: absolute; right: 1em;
}

#inn details[open] summary::after {
  content: "- "; /* 開いた時のアイコン */
}

#inn summary:hover {
  background-color: #e8e8e8;
}

#inn details > dl .sina,#inn details > p,#int dl .sina,#inn dl .sina{
  content: "";
  display: block;
  clear: both; /* floatの解除 */
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
	font-size:1em;
		padding:0.3em 0.3em 0 1.5em;
}

#inn .sina dt,#inn .sina dt {
  float: left;
  clear: left; /* dtが左側に来るようにする */
		  width: 100px;
	padding:0.3em 0.3em 1em 1.5em;
}

#inn .sina dd,#int .sina dd {
  float: left;
  margin-left: 0;
  width: calc(100% -  100px); /* 親要素の幅に合わせて計算 */
	padding:0.3em 1.5em 0.5em 0;

}

#inn .sinawide dt,#int .sinawide dt {
  float: left;
  clear: left; /* dtが左側に来るようにする */
		  width: 180px;
	padding:0.3em 0.3em 1em 1.5em;
}

#inn .sinawide dd,#int .sinawide dd {
  float: left;
  margin-left: 0;
  width: calc(100% -  180px); /* 親要素の幅に合わせて計算 */
	padding:0.3em 1.5em 0.5em 0;

}

#int .icon ul {
  padding-left: 0 !important;    /* 左側の空白を消す */
  margin-top: 0 !important;       /* 上側の余白を詰める（必要に応じて調整） */
  list-style: none;   /* （参考）左側の黒丸「・」も消したい場合 */
}

#int .icon li{
  display: inline-block;
  list-style: none;
	  vertical-align: top;   
}

#int .icon a, 
#int .icon img {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

#inn details summary::before {
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/frecookpink.svg); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定 */
top: 10px;
left: 0px;
right:0px;
height: 40px;
width: 40px;
}


#inn a[href^="tel:"],#int a[href^="tel:"]{
    font-size:2em;
	font-weight:666;
  }

#inn a:hover[href^="tel:"],#inn .webres a:hover ,#int .webres a:hover,.webres a:hover, a:hover[href^="http"], a:hover[href^="#"] {
 opacity: 0.7;
  }

#inn a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::after,
#int a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::after,
#trip a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::after,
#sns a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::after,
#hoka a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"]):not(:has(img))::after
{
		color:#897570;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1.0em;
  height: 1.0em;
  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/02/extlinkpink.svg");
  background-repeat: no-repeat;
  background-size: contain;
text-decoration:none;
}

#int .kakomig a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"])::after,
#hoka .kakomig a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"])::after{
			color:#897570;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1.0em;
  height: 1.0em;
  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/03/linkwhite.png");
  background-repeat: no-repeat;
  background-size: contain;
text-decoration:none;
}

#int .kakomip a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"])::after,
#hoka .kakomip a[href^="http"]:not([href*="yomifami.com"]):not([href*="x.com"]):not([href*="instagram.com"]):not([href*="tiktok.com"]):not([href*="youtube.com"])::after{
			color:#897570;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1.0em;
  height: 1.0em;
  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/03/linkwhite.png");
  background-repeat: no-repeat;
  background-size: contain;
text-decoration:none;
}

#inn h4 {
background-color:#544541;
	color:#fff;
	font-weight:600;
		position: relative;
  padding: 20px 20px 20px 80px;
	position: relative;
	width:100%;
}
#inn h4::before {
content: '';
		margin: 10px 20px;
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/pointshiro.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定 */
top: 0px;
left: 0px;
right:0px;
height: 40px;
width: 40px;
}
/* メニューの上古いもの 
#inn .subscboxmenu,#int .subscboxmenu,#cat .subscboxmenu,#tk .subscboxmenu,#hoka .subscboxmenu,#wan .subscboxmenu {
		background-color:#ECEADA;
	padding:0 0 5px 0;

}

*/
.subscboxmenu{
		background-color:#fffff9;
	border:solid 1px #ECEADA;
	padding:0 0 10px 0;
	width:100%;
	margin: 0 auto;
	margin-bottom:10px;
	  border-top-left-radius: 8px;  /* 左上の角丸 */
  border-top-right-radius: 8px; /* 右上の角丸 */
  border-bottom-left-radius: 0;  /* 左下は四角のまま */
  border-bottom-right-radius: 0; /* 右下は四角のまま */
}



#inn .subscboxmenu h3,#int .subscboxmenu h3,#cat .subscboxmenu h3,#tk .subscboxmenu h3,#hoka .subscboxmenu h3,#wan .subscboxmenu h3 {
margin-top:0;
	background-color:#a17b6d;
	color:#fff;
	border-left:0px;
	margin-bottom:5px;
}


/*　メニューのふるいもの　
#wan .submenu a[href^="#"],#inn .submenu a[href^="#"],#int .submenu a[href^="#"],#cat .submenu a[href^="#"],#tk .submenu a[href^="#"] ,#hoka .submenu a[href^="#"]  {
	text-align:left;
		font-size:100%;
	background-color:#ECEADA;
}

*/
#wan .submenu a[href^="#"],#inn .submenu a[href^="#"],#int .submenu a[href^="#"],#cat .submenu a[href^="#"],#tk .submenu a[href^="#"],#hoka .submenu a[href^="#"]{
	text-align:left;
		font-size:100%;
	background-color:#fff9f5;
				margin-left:0px;
	padding-left:0px;
	  background: none !important; /* 他で背景画像が指定されていた場合の打ち消し */

}


/* メニューの古いもの　 
#wan .submenu a[href^="#"]::before,#inn .submenu a[href^="#"]::before,#int .submenu a[href^="#"]::before,#tk .submenu a[href^="#"]::before ,#cat .submenu a[href^="#"]::before{
 content: "→　"; /* 画像の代わりに文字を設定 */
/*   background-image: none; /* 画像を解除 */
/*   width: auto; /* 幅を自動に戻す */
 /*  height: auto; /* 高さを自動に戻す */
/*   color: #d84b97; /* 文字色などを変更 */
/*   font-weight: bold;
}
*/
/*
#hoka .submenu a[href^="#"]::before{
 content: none; 
	line-height:100%;
}
*/

.submenu a[href^="#"]::before{
 content: "▼\00a0" !important;
	margin-right: 5px; /* 空白の幅を自由に調整可能 */
  background: none !important; /* 他で背景画像が指定されていた場合の打ち消し */
	line-height:100%;

}


/* メニューの古いもの　
#wan .submenu li,#inn .submenu li,#int .submenu li,#cat .submenu li,#tk .submenu li{
	list-style: none;
 border-bottom:3px solid #fff;
	width:93%;
}

#hoka .submenu li {
	list-style:none;
 border-bottom:3px solid #fff;
	width:93%;
	margin:0 0 0 90px;
}
*/
.submenu li,#wan .submenu li,#inn .submenu li,#int .submenu li,#cat .submenu li,#tk .submenu li,#hoka .submenu li {
	list-style:none;
 border-bottom:2px dotted #a17b6d;
	width:95%;
}



#inn .webres,#int .webres,#cat .webres,#tk .webres,#hoka .webres{
	font-size:1.3em;
	font-weight:600;
	color:#897570;
	line-height:1.4em;
	 counter-reset: my-counter;
  list-style: none;
  margin: 15px 0;
	padding-top:0px;
padding-left: 70px; /* 画像の大きさ */
position: relative; /* リスト位置 */
}

#inn .subscbox .dur::before,#int .subscbox .dur::before,.subscbox .dur::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/01/calepink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}


#inn .subscbox .present::before,#int .subscbox .present::before, .subscbox .present::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/presentpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}

#inn .subscbox .meal::before,#int .subscbox .meal::before,.subscbox .meal::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/03/meal.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}

.subscbox .telephone::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/03/telpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}

#inn .subscbox .webres::before,#int .subscbox .webres::before, .subscbox .webres::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/03/sumahopink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}

#inn .subscbox .point::before,#int .subscbox .point::before,.subscbox .point::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/exclpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}

#inn .subscbox .bed::before,.subscbox .bed::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/02/bedpink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}


#inn .subscbox dd img{
	padding:0em 0 0 0;
}

#inn .caps {
	font-size:1.5em;
	color:#d84b97;
	font-weight:600;
}

#inn .ccd {
	font-size:90%;
	text-align:center;
	margin: -15px 0px 15px 0px;
}
#inn .pen,#tk .pen,#cat .pen,#hoka .pen{
	text-align:right;
	font-size:80%;
	color:#a17b6d;
}


#inn .pen::before,#trip .pen::before,#int .pen::before,#tk .pen::before,#cat .pen::before,#hoka .pen::before, .pen::before  {
	content: "";
    display: inline-block;
	  background-repeat: no-repeat;
  background-size: contain;
	  width: 2.5em;
  height: 2.5em;
	  vertical-align: middle;
  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/03/penlitebrown.png") ;  /* 背景画像でアイコンを入れる */
  padding: 0 0 0 1.5em;  /* アイコン画像分 + 適度な間隔 */
	margin-right:1em;
}

#inn .hotel,#int .hotel,#hoka .tablelist,#hoka .hotel{
  display:flex; /*横並び*/
  flex-wrap: wrap; /*折り返し*/
  width: 100%;	
 }
#inn .hotel dt,#int .hotel dt,#hoka .tablelist dt,#hoka .hotel dt{
  width: 20%;
	padding:10px 0 10px 20px;
	background-color:#ECEADA;
	border-bottom:1px solid #fff;
	line-height:150%;
}
#inn .hotel dd,#int .hotel dd,#hoka .tablelist dd,#hoka .hotel dd {
  margin-left: 0; /*初期値リセット*/
  width: 80%;
		padding:10px 0;
		padding:10px 0 10px 20px;
		border:1px solid #ECEADA;
	line-height:150%;
}

.hotel ul {
  display: flex;       /* 横並びにする */
  list-style: none !important; /* 強制的に黒ポチを消す */
  list-style-type: none !important;
  padding: 0;          /* 左側の余白をリセット */
  margin: 0;           /* 上下の余白をリセット */
  gap: 15px;           /* アイコン同士の間隔（お好みで調整） */
  align-items: center; /* アイコンの縦方向の配置を中央に揃える */
}

@media (max-width: 768px) {
#inn .hotel,#int .hotel,#hoka .tablelist {
flex-flow: column;
}
	#hoka .tablelist dt {
		width:100%;
	}
	#inn .hotel dt,#inn .hotel dd,#int .hotel dt,#int .hotel dd,#hoka .tablelist dd{
		width:100%;
	line-height:150%;
	}
}

#inn img,#int img{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0 0 0;
	margin-top: 5px;
	display: block;


}

#inn .innpink,#int .innpink,#zuka .innpink,#trip .innpink,#cat .innpink,#hoka .innpink,#wan .innpink,#fusui .innpink,#nasi .innpink,#sns .innpink{
color:#d84b97;
	font-weight:666;
}

#inn .bigpink,#int .bigpink,#zuka .bigpink,#trip .bigpink,#cat .bigpink,#hoka .bigpink,#wan .bigpink,#fusui .bigpink,#nasi .bigpink,#sns .bigpink
{
color:#d84b97;
	font-size:130%;
}

#inn .innmap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

#inn .innmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#inn a[href^="#"].toup,
#trip a[href^="#"].toup,
#int a[href^="#"].toup,
#hoka a[href^="#"].toup{
    /*コレ*/border-radius: 50%;
   /* display: flex; 今だけ */
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #544541;
    color: #FFF;
    text-decoration: none;
    text-align: center;
margin: 0 auto;
align-items: center;
justify-content: center;
	font-size:80%;
	content: none; 
 position: relative;
			display: block;

}
#inn a[href^="#"].toup:before,
#trip a[href^="#"].toup:before,
#int a[href^="#"].toup:before,
#hoka a[href^="#"].toup:before{
content: none; 
	    text-align: center;

}
 #inn a[href^="#"],#int a[href^="#"]{
	content: none; 
	text-align: center;
	margin: 0 auto;
	text-decoration-line:none;
 position: relative;
		display: block;
} 

#inn a[href^="#"].resphone,#inn a[href^="http"].resphone,#int a[href^="#"].resphone{
	display: block;
	font-size:1.2em;
	border-radius: 30px;
	background:#d84b97;
	width:90%;
	text-align:center;
	 margin: 0 auto;
	text-decoration-line:none;
	color:#fff;
	padding:20px 0;
	margin-top:10px;
 position: relative; 
}

#inn a[href^="#"].resphon::before,#int a[href^="#"].resphon::before{ /* ここをさわった*/
	color:#d84b97;
  content:"";
  display: inline-block;
  vertical-align: middle;
	margin-left:0.25em;
  width: 20px;
  height: 20px;
/*  background-image: url("https://www.yomifami.com/wp-content/uploads/2026/02/linkpink.svg"); */
  background-repeat: no-repeat;
  background-size: contain;
}


#inn .textbig {
	font-size:120%;
	line-height:180%;
	
}

/* ごほうび旅 */
#trip img {
	padding:10px 0 0 0;
	margin:0 auto;
	display: block;
}

#inn p,#trip p{
	font-size:1em;
	line-height:120%;
	}

#trip .p_cap,#inn .p_cap,#hoka .p_cap,#int .p_cap{
	text-align:center;
	font-size:0.9em;
	padding-bottom:1em;
	margin-top:-1em;
}

#trip .p_capright,#inn .p_capright,#hoka .p_capright,#int .p_capright{
	text-align:right;
	font-size:0.9em;
	padding-bottom:1em;
	margin-top:-1em;
}

#trip .pen,#int .pen{
	text-align:right;
	font-size:90%;
}
#trip .souvenir {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #d84b97;
    border-radius: 8px;
	width:100%;
margin: 0 auto;
 top:30px;
margin-bottom:60px;
}
#trip .souvenir .souvenir-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color:#d84b97;
    font-weight: bold;
}
#trip .souvenir p {
    margin: 0; 
    padding: 0;
	text-align:center;
}

#trip .video
{
  width: 50%;
  height: 50%;
	margin:0 auto;
	display: block;
	 border: 3px solid #ccc;
}

@media screen and (min-width:768px) {
#trip .souvenir {
	width:80%;
margin: 0 auto;
 top:30px;
margin-bottom:60px;
}
}

/* インタビュー */
#int .talk dt,#int .talk dd,.talk dt,.talk dd{
	line-height:120%;
  padding:0 0 1em 0;
  margin: 0; 	
}
#int .talk dt,.talk dt {
  font-weight: bold;
}

#int .talk dd,.talk dd {
	margin-left:0px;
}

@media (min-width: 762px) {
#int .talk {
    display: grid;
    grid-template-columns: 100px 1fr;
  }
}

/*　インタビュー */

/* youtbe　*/
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

/* youtube short */

.youtube_short{
 width: 60%; /* 伸縮する横幅 */
 max-width: 350px; /* 最大の横幅 */
 margin: auto; /* 画面の中央に配置 */
}
.youtube_short iframe{
 aspect-ratio: 9 / 16;
	 width: 100%;
 height: 100%;
}


#int .subscbox .place::before, .subscbox .place::before{
content: '';
position: absolute; /* リストに対しての位置確定 */
background: url(https://www.yomifami.com/wp-content/uploads/2026/04/placepink.png); /* 画像パス */
background-repeat: no-repeat;
background-size: 40px; /* 画像サイズを指定  */
top: 0px;
left: 15px;
right:0px;
height: 40px;
width: 40px;
}


/* おかたづけ */

#cat .mokuji {
	border-bottom: 6px double #C4D6D2;
	border-top: 6px double #C4D6D2;
	border-left:0;
	color: #95809f;
	font-size:17pt;
	padding-right:30px;
	line-height:150%;
	
}


#cat .olmarusuji {
	counter-reset: item;
	margin: 0em 0;
	line-height: 0.5em;
	font-size: 0.8em;
}

#cat .olmarusuji li {
	 counter-increment: item;
	list-style: none;
	margin-bottom: 0.8em;
}

#cat .olmarusuji li::before{
	content: counter(item);
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  text-align: center;
  border-radius: 50%;
  background: #eceada;
  color: #222;
  margin-right: 0.6em;

}

#cat ul li{
	line-height: 1.4em;
	font-size:0.9em;
}


#cat ol li{
	line-height: 1.6em;
	font-size:1em;
}

/*　アイコン画像を小さく表示 */



/* 固定ページ　*/

#hoka ul li{
	list-style-type: none;
}

img{

	max-width: 100%;  
	max-height: 675px; 
	object-fit: contain; 
	border-width: 0;
}

#hoka .border{
		padding: 5px 0;
	margin: 5px 0;
	border:1px solid #999;
	margin: auto;
  display: block;
  height: auto;
}

#hoka ol {
	margin:0 2em;
	  list-style: none;
}

#hoka .qa dt {
  margin-bottom: 1em;
  color: #333333;
  font-weight: 600;
}

#hoka .qa dt::before,
#hoka .qa dd::before {
  margin-right: .4em;
}

#hoka .qa dt::before {
  content: "Q.";
}

#hoka .qa dd {
  margin: 0 0 2.5em;
  padding: 1em 1.5em;
  background-color: #f2f2f2;
  color: #333333;
}

#hoka .qa dd::before {
  content: "A.";
}
#hoka p,#sns p ,#nasi p{
	line-height:105%;
	font-size:1em;
}

#hoka a {
	font-size:0.9em;
}

#hoka .small {
	font-size:80%;
	font-weight:600;
}
/* 占い */

#cat .image-number-list li {
	  list-style: none; /* 標準の数字を消す */
  position: relative;
  padding-left: 100px; /* 画像を表示するスペースを空ける */
  margin-bottom: 30px;
  min-height: 100px; /* 画像の高さに合わせて調整 */
    display: flex;
    flex-direction: column; /* 縦並びにする */
}

#cat .image-number-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 100px; /* 画像の幅 */
  height: 100px; /* 画像の高さ */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 768px) {
	
	#cat .image-number-list li {
	  list-style: none; /* 標準の数字を消す */
  position: relative;
  padding-left: 50px; /* 画像を表示するスペースを空ける */
		margin-left:-40px;
  margin-bottom: 30px;
  min-height: 50px; /* 画像の高さに合わせて調整 */
}

#cat .image-number-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 50px; /* 画像の幅 */
  height: 50px; /* 画像の高さ */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
}



.rate{
position: relative;
display: inline-block;
}
.rate:before{
content: "★★★★★";
color: #ccc;
}

.rate0-5:after,
.rate1:before,
.rate1:after,
.rate1-5:before,
.rate1-5:after,
.rate2:before,
.rate2:after,
.rate2-5:before,
.rate2-5:after,
.rate3:before,
.rate3:after,
.rate3-5:before,
.rate3-5:after,
.rate4:before,
.rate4:after,
.rate4-5:before,
.rate4-5:after,
.rate5:after{
position: absolute;
top:0;
left:0;
color: #FFA500;
overflow: hidden;
height: 24px;
}

.rate .rate0-5:after,
.rate .rate1-5:after,
.rate .rate2-5:after,
.rate .rate3-5:after,
.rate .rate4-5:after{
	width: 8px;
	content: "★";
}

.rate .rate1:after,
.rate .rate1-5:before{
	content: "★";
}
.rate .rate1-5:after{
	left: 1em;
}
.rate .rate2:after,
.rate .rate2-5:before{
	content: "★★";
}
.rate .rate2-5:after{
	left: 2em;
}
.rate .rate3:after,
.rate .rate3-5:before{
	content: "★★★";
}
.rate .rate3-5:after{
	left: 3em;
}
.rate .rate4:after,
.rate .rate4-5:before{
	content: "★★★★";
}
.rate .rate4-5:after{
	left: 4em;
}
.rate .rate5:after{
	content: "★★★★★";
}

.ichigyou img{
    vertical-align: middle;
    display: inline-block;
}
.ichigyou span{
    display: inline-block;
}

.ichigyou {
	background: url(https://www.yomifami.com/wp-content/uploads/2026/05/sun.jpg) no-repeat 10px center / 50px auto;
    padding: 10px 10px 10px 70px;
	margin-bottom:10px;
	color:#1b3b66;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','serif';
	font-weight:900;

}

#cat .catmirai li {
    line-height: 0.7em;
    list-style-position: outside;
}

@media screen and (max-width: 767px) {
    #cat .catmirai li {
        line-height: 1.7em;
        list-style: none;
        position: relative;
        padding-left: 1.2em;
    }

    #cat .catmirai li::before {
        content: "●";
        position: absolute;
        left: 0;
        top: 2.0em;
        font-size: 0.65em;
        line-height: 1em;
    }
}

#cat .place {
	line-height:1.5em;
}
#cat .place dt {
	font-weight:600;
}


#cat .place dd {
	margin-bottom:1em;
}

#cat .seizafusui dt,#cat .umarefusui dt{
		font-size:1.3em;
	font-weight:600;
	background-color:#ede4e1;
	padding:5px;
		font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','serif';
	
}

#cat .umarefusui dt{
		background-color:#f5ecf4;
	padding-left:1em;
}


#cat .seizafusui dd,#cat .umarefusui dd{
		margin-bottom:1em;
		line-height:1.5em;
		/* font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','serif'; */
	
}

#cat .umarefusui dd ol{
	margin-top:-20px;
}

#cat .recipewaku {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #915da3;/*文字色*/
    background: #FFF;
    border: solid 3px #915da3;/*線*/
    border-radius: 10px;/*角の丸み*/
	margin-top:-10px;
}

#cat .seiza{
  width: 500px;
  height: 200px;
  display: inline-block;	
}



#fusui p{

	font-size:1em;
	line-height:120%;
}

#fusui h2{
	color:#807ed9;
		 border-left:solid 0px #807ed9; /*左線*/
	letter-spacing:0px;
  margin-top: 0;   /* 上の余白だけを消す */
  padding-top: 0;  /* (念のため)内側の上の余白も消す */
	
	display: flex;
  align-items: center; /* アイコンとテキストを上下中央揃えにする */
  gap: 10px;   
}

#fusui h2 img {
  width: 80px;        /* アイコンのサイズを調整 */
  height: auto;
}


#fusui .subscbox ol{
	  vertical-align: top;


}

#fusui .subscbox li {
    padding: .5em;
	  vertical-align: top;

}

#fusui .subscbox li:not(:last-child) {
    border-bottom: 1px dashed #d84b97; 
}

#fusui .subscbox li::marker {
    color: #d84b97; 
    font-size: 1.1em;
}

#fusui h3 {
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #025a40;
	border-left:0px;
    color: #333333;
}

#fusui h3::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #025a40;
    content: '';
}

#fusui h3::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #025a40;
    content: '';
}

#fusui h2 {
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #025a40;
	border-left:0px;
    color: #333333;
}

#fusui h2::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #025a40;
    content: '';
}

#fusui h2::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #025a40;
    content: '';
}

#cat .ranking{
	display: flex;
	align-items: center;
	margin-top:2em;
}

#inn .subscbox h3 {
	color:#fff;
		    background: #d84b97;/*背景色*/
	letter-spacing:0px;
  margin: 0 -1em;;   
  padding: 0.6em;  /* (念のため)内側の上の余白も消す */
}

@media screen and (max-width: 767px) {
#inn .subscbox h3 {
  margin: 0 -1.1em;;   
}	
	
}

#inn .waku{
	border:solid 5px #d84b97;
	    background: #fff;/*背景色*/
	padding:0px 20px;
}

/* --- ボックス --- */
#cat .section {
width: auto; /* ボックスの幅 */
height: 220px; /* ボックスの高さ */
overflow: auto;
background-color: #fff0f5; /* ボックスの背景色 */
border: 1px #c0c0c0 dotted; /* ボックスの枠線 */
font-size: 90%; /* 文字サイズ */
color: #000000; /* 文字色 */

}

/* --- ボックス内の段落 --- */
#cat .section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

#cat .nyanco-oubo {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #696969;
    background: #00ffff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
		
}
#cat .nyanco-oubo p {
    margin: 0; 
    padding: 0;
text-align: center;
}

#cat .nyanco {
    padding: 0.8em 0.8em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 4px #f08080;
    border-radius: 8px;
	text-decoration-line:none;
}
#cat .nyanco p {
    margin: 0; 
    padding: 0;
}

#fusui li {
	margin-top:0.6em;
	line-height:120%;
	
}

.marker {
	background-color:#ECEADA;
}

.subscbox .price,
.subscbox .cart,
.subscbox .fax ,
.subscbox .sumaho ,
.subscbox .attn,
.subscbox .sakana,
.subscbox .dur,
.subscbox .bed,
.subscbox .present,
.subscbox .meal,
#inn .telephone,
#int .telephone,
.subxcbox .point,
#inn .webres,
#int .dur,
#int .present,
#int .place,
#int .webres,
#hoka .webres,
.subscbox .price,
.subscbox .pool,
.subscbox .place,
.subscbox .bed,
.subscbox .telephone,
.subscbox .point,
.subscbox .webres{
	font-size:1.3em;
	font-weight:700;
	color:#897570;
	line-height:1.4em;
	 counter-reset: my-counter;
  list-style: none;
  margin: 15px 0;
	padding-top:0px;
		padding-bottom:10px;
padding-left: 70px; /* 画像の大きさ */
position: relative; /* リスト位置 */
	   -webkit-text-stroke: 0.5px #897570; /* 文字と同じ色で0.5pxの輪郭を付ける */
  text-stroke: 0.5px #897570;
}

.search-container #search-box {
	  width:250px;/*横幅*/
  padding:0 15px;/*プレースホルダーの位置調整*/
  border-radius:4px 0 0 4px;/*左側の角を少し丸める*/		
  background:#eee;/*検背景カラー*/
  border:none;/*枠線を消す*/ 
  outline:0;/*クリック時の青い枠線消す*/
	
}

.search-container #sub1{
	  width:70px;/*横幅*/ 
  border-radius:0 4px 4px 0;/*右側の角を少し丸める*/ 
  background:#7fbfff;/*背景カラー*/ 
  border:none;/*枠線を消す*/ 
  color:#fff;/*テキストカラー*/ 
  font-size:16px;/*フォントサイズ指定*/ 
  cursor: pointer;/*マウスを乗せると指差しポインターになる*/
}

.search-container #sub1:hover{
	  background: #92dbff;/*背景カラー変更*/
}

#cat .box1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
#cat .box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
#cat. box1 p {
    margin: 0; 
    padding: 0;
}

#cat .box2 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ffa500;
	border-radius: 0;
}
#cat .box2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ffa500;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
#cat. box2 p {
    margin: 0; 
    padding: 0;
}