/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2026 | 07:38:56 */
/* ここにCSSコードを追加 */

/*　固定ページの横棒をとる */
#sns h2:not([class])::before,#sns h3:not([class])::before,
#hoka h2::before,#hoka h3::before,#hoka li::before{
  content: none;     /* または display: none; */
}

/* 固定ページの横棒をとる end */

#sns h3 {
	border-left:none;
	font-size:1.2em;
	margin:0;
		  display: flex;       /* 横並びにする */
  align-items: center;
  gap: 8px;
/*	 flex: 1;      /* 利用可能な横幅をすべてテキストに割り当てる */
 /*  min-width: 0; スマホで文字がはみ出るのを防ぐおまじない */
/*   margin: 0;    余計な余白を消す */
	}

#int h2.betsu {
  position: relative;
  background: #d84b97;
  box-shadow: 0px 0px 0px 5px #d84b97;
  border: none;!important;
  border-left: none;!important;
  padding: 0.2em 0.5em;!important;
  color: #fff;
 /* width: 99%;
	margin-left:4px;*/
	margin-top:1.5em;
		  margin-bottom: -5px !important; 
  z-index: 1 !important;
	
}

#int h2.betsu:after {
  position: absolute;
  content: '';
  left: -6px;
  top: -6px;
  border-width: 0 0 20px 20px;
  border-style: solid;
  border-color: #fff #fff #f27ebd;
/*  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); */
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);	

}


#wan h2 ,#cat h2,#zuka h2,#inn h2,#trip h2,#int h2,#hoka h2,#sns h2 {
	 border-left:solid 12px #d84b97; /*左線*/
	letter-spacing:0px;
  margin-top: 10px;   /* 上の余白だけを消す */
  padding-top: 0;  /* (念のため)内側の上の余白も消す */
	color:#d84b97;
	font-weight:600;
	padding-left:0.5em;
	font-size:1.5em;
}
#hoka h2 {
	margin-top:1em;
		font-size:1.5em;
}

#inn h2{
	margin-top:1em;
	padding-bottom:-0.5em;
		font-size:1.5em;
}

#tk h2 {
	 border-left:solid 15px #d84b97; /*左線*/
		 border-top:solid 1px #d84b97; /*左線*/
	letter-spacing:0px;
  margin-top: 2em;   
  padding-top: 0;  /* (念のため)内側の上の余白も消す */
		padding-left:0.5em;
		font-size:1.5em;
}



#tk h3 {
	border-left:solid 5px #544541; /*	左線 #544541;*/
	color:#000000;
	font-weight:600;
	padding-left:10px;
	letter-spacing:0px;
	margin:1.5em 0.5em;
	padding:0.5em;
	border-bottom:none;
	border-top:none;
		font-size:1.3em;
}

/* わんこ税理士 */

#wan h3{
	color: #e6418c;
	font-weight:666;
	font-size:1.2em;
	padding-left:0.5em;
	margin-top:10px;
			font-size:1.3em;
}

#cat h3,#zuka h3,#trip h3,#trip h3,#int h3{
	 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;
		border-top:none;
	border-right:none;
			font-size:1.3em;
}

       #inn .profile_card1 h2,#inn .profile_card2 h2,#inn .profile_card3 h2,
       #inn .profile_card1 h3,#inn .profile_card2 h3,#inn .profile_card3 h3{
            font-weight: 500;
		   padding:0.5em;
            margin: 0px 0px 5px 0px;
		   background-color:transparent;
		   border-bottom:solid 0;
        }
       #inn .profile_card1 h2, #inn .profile_card2 h2, #inn .profile_card3 h2{
		   color:#fff;
		    border-left:solid 0px;
		   padding:0.6em;
		    border-radius: 10px 10px 0 0;
		  line-height:105%; 
        }
       #inn .profile_card1 h3,#inn .profile_card2 h3,#inn .profile_card3 h3{
		  font-size:1.8em;
		   line-height:105%;
		   color:#544541;
		   margin:0;
		    border-left:solid 0px; 
        }
#inn .profile_card1 h3::before,#inn .profile_card2 h3::before,#inn .profile_card3 h3::before{
		  font-size:1.8em;
content: none;
        }

#inn h3 {
background-color:#544541;
	color:#fff;
	font-weight:600;
		position: relative;
  padding: 20px 20px 20px 80px;
	position: relative;
	width:100%;
	border-left:none;
}
#inn h3::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 h2,#int .subscboxmenu h2,#cat .subscboxmenu h2,#tk .subscboxmenu h2,#hoka .subscboxmenu h2,#wan .subscboxmenu h2 {
margin-top:0;
	background-color:#a17b6d;
	color:#fff;
	border-left:0px;
	margin-bottom:5px;
}
*/

#int .subscboxmenu h2,#inn .subscboxmenu h2,#cat .subscboxmenu h2,#tk .subscboxmenu h2,#hoka .subscboxmenu h2,#wan .subscboxmenu h2 {
margin-top:0;
	background-color:#544531;
	color:#fffff9;
	border-left:0px;
	margin-bottom:10px;
  border-top-left-radius: 8px;  /* 左上の角丸 */
  border-top-right-radius: 8px; /* 右上の角丸 */
  border-bottom-left-radius: 0;  /* 左下は四角のまま */
  border-bottom-right-radius: 0; /* 右下は四角のまま */
  padding: 10px;             /* 内側の余白（文字が背景の端にぶつからないための隙間） */
	
}

#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;;   
}	
	
}






.bcard-wrapper{
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 10px 0px;
    border-radius: 3px;
    padding: 12px;
    border: 1px solid #e0e0e0;
}
.bcard-site,.bcard-url{
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    max-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.bcard-header {
    position: relative;
    height: 30px;
    margin-bottom: 5px;
    display: block;
}
.withgfav{padding-left: 23px;}
.bcard-favicon {position: absolute;
    top: 0px; left:0px; width:16px; height:16px;}
.bcard-main{
    overflow: hidden;
    position: relative;
    display: block;
}
.withogimg{
    padding-right: 110px;
    height: 100px;
}
 .bcard-img {
width: 100px;
height: 100px; 
position: absolute;
    top: 0;
    right: 0;
    background-size:cover;
    background-position:center center;
}
 .bcard-title{
    font-size: 17px;
    margin: 0 0 2px;
    line-height: 1.4;
    max-height: 47px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
}
 .bcard-description {
    line-height: 1.5;
    font-size: 12px;
    max-height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.bcard-title a{color:#424242;}
.bcard-url a{color:#9e9e9e;}
.bcard-title a:hover,.bcard-url a:hover,.bcard-site a:hover{text-decoration:underline;}


/*　ブログリンク用CSS */

/* 森のテスト用　宿泊　*/

.soldout {
	 padding: 0.5em 1em;
    margin: 2em 0;
    background: #333;/*背景色*/
	text-decoration: line-through;　/*文字訂正線*/
	
}

#syuku{
	font-size:12px;
	line-height:1.1;
}

#syuku caption { 
	caption-side: top; text-align: left;
} 

#syuku H3{
	font-size:20px;
	font-weight:bold;
	margin:0px;10px;
	}
#syuku H4{
	color:#000044;
	font-weight:bold;
	font-size:14px;
}

#syuku span.red-bg-white-text {
  background-color: red; 
  color: white; 
  font-weight:bold;
 padding:5px;
}

#syuku .uline {
  border-bottom: 3px solid red;
  display: inline-block;
  padding-bottom: 5px;
    }

#syuku .tokutenbox {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
	background: #cde4ff;
	text-align:center;
	width:50%
}


#syuku table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
		background-color:#eeee;
  font-size: 14px;
}
/* #syuku table th {
  width: 22%;
  background: #fff27d;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
}
*/
#syuku table td {
	  width: 50%;
  border: 0px;

  box-sizing: border-box;
  padding: 5px;
  vertical-align: top;
  text-align: left;
}
@media all and (max-width: 600px) {
  #syuku table td{
    display: block;
    width: 100%;
    border: 0px;
  }
  #syuku table tr:last-child td:last-child {
    border: 0px;
  }
}

#syuku ul {
	list-style-type: none;
	margin-left:14px;/* マーカーを1文字寄せた分、ULにマージンを設定*/
}
#syuku ul li:before {
	content: '>>'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-14px; /* 1文字分、左に寄せる */
}

/* 宿泊プラン　上のメニューみたいなやつ　*/
.flex{
  max-width: 550px;
  margin: 0 auto;
	border-radius: 20px;
 border: 1px solid #d3d3d3;
	padding:20px;
}

@media screen and (min-width:600px) {  
  .flex{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
  }
  .item+.item{
    margin-left:4.0em;
	 margin-top:10px;
  }
 .item+.item strong{
    font-weight:bold;
	 font-size:1.8em;
	 padding-bottom:10px;
  }
}

/* 宿泊プランのテーブル表示 */

#yado table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0;
		background-color:#eeee;
  font-size: 14px;
}

 #yado table th {
  width: 22%;
  background: #ebebeb;
/*  border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
  box-sizing: border-box;
  padding: 15px;
  vertical-align: middle;
  text-align: center;
}

#yado table td {
	  width: 78%;

  box-sizing: border-box;
	  background: #fff;
  padding: 5px;
  vertical-align: top;
  text-align: left;
}
@media all and (max-width: 600px) {
  #yado table th{
    display: block;
    width: 100%;
  border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	    background: #ebebeb;
  }
	  #yado table td{
    display: block;
    width: 100%;
		  	    background: #fff;
/*  border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
*/		 
  }
  #yado table tr:last-child td:last-child {
    width: 100px; 
  }
}

#yado H3{
	font-size:14pt;
	color:#FFF;
	font-weight:bold;
	border-left:0px;
	margin:0px;10px;
	}
#yado H4{
	color:#0037de;
	font-weight:bold;
	font-size:18pt;
}


#ticket H3 {
	font-size:18pt;
	font-weight:bold;
	background-color:#B879B8;
  	padding: 30px;
	border-left:0px;
		line-height:230%;
	text-align:center;
	color: #ffffff;
}

#ticket h4 {
	border: #8800ff solid 1px; 
	border-left: #8800ff solid 10px;
	padding: 20px; background: #fff; font-size:14pt;
	font-weight:bold;
}

/*  チケット会場紫文字 */

.ticket_pu{
	color: #8800ff;
	font-size: 14pt;
	font-weight:bold;
	text-align:center;
	}

/*  チケット受け付け */

.ticket_10 {
	text-align: center;
	font-size: 10pt;
}

/* ネコ坊主さんのブログ　*/

#bozu H3 {
	margin-top:0px;
	border-bottom: 5px solid #b0c4de; 
	border-left:0px;
	font-weight:bold;
font-size: 1.3em;
	line-height: 1.5em;
	color:#333;
	
}

#bozu H4 {
	
	border-left: 13px solid #b0c4de; 
	border-bottom: 2px solid #b0c4de; 
	padding-left: 12px; 
	font-size: 25px;
	font-weight:bold;
			letter-spacing : normal;
	

}

/* Volの水色枠 */
#bozu .box {
	display: inline-block;
	border-width: 1px 1px 1px 10px;
	border-style: solid; 
	border-color: #ebebeb #ebebeb #ebebeb #8da0b6; 
	border-image: initial;
	background: #ffffff;
	padding: 5px 10px;
	margin: 2em 0px;
	box-shadow: rgba(0, 0, 0, 0.33) 0px 2px 3px;
	word-break: break-all;
	font-size: 14pt;
}

#bozu text-decoration {
/*   background: linear-gradient(rgba(204, 204, 255, 0) 60%, #ccccff 100%); */
	color:#ff00ff;
	text-decoration-style: double;
	font-size: 14pt;
}

/*  ネコ坊主紫下線 */
.neko_pubar {
	font-weight:bold;
	background: linear-gradient(rgba(204, 204, 255, 0) 60%, #ccccff 100%);
	font-size: 14pt;	
	}

/* 奥税理士  */

/*  リスト表示 　*/




#zerisi ul {

	list-style-type: none; 
   
}

#zerisi li{

	list-style-type:  upper-latin; 
	margin-left:40px;
}


#zerisi ul li::marker {
  color: #cf0070; /* 数字の色を赤に */
 font-weight:bold;
	font-size:20px;

}





#zerisi H3 {
	line-height: 30pt;
	color: #ffffff;
	font-weight:bold;
	font-size: 24pt;
	box-sizing: border-box; max-width: 100%; margin: 1em auto; padding: 20px 20px;
	background: #156CCE; 
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	border-left:0px;
	}

#zerisi H4 {
	font-size: 18pt;
	line-height:23pt
	font-weight:bold;	
	letter-spacing:- 0.05em;
	border-bottom:0px;
	color:#000;
}

/* Qだけ色違い　*/
#zerisi H4::first-letter {
  color: #ff6600;
		font-size: 26pt;
	font-weight:bold;
}

#zerisi dl dt {
	font-weight:bold;
}

#zerisi dl dt dd{

	font-weight:bold;
}

#zerisi dl dt dd::first letter{
color: #ff6600;
	font-weight:bold;
}



/*　囲碁のブログ 　*/

#igo H3 {
box-sizing: border-box; clear: both; padding: 20px 20px 20px; color: #e08db1; background: #FFFFFF; border: 4px solid #e08db1; border-radius: 0 8px 8px 8px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
text-align: center;
	font-size: 22pt; color: #cf0070;
	font-weight:bold;
	letter-spacing : normal;
}

#igo H4 {
	border-left: 15px solid #e08db1; 
	border-bottom: 2px solid #e08db1;
	padding-left: 12px;
	line-height: 30pt;
	color: #cf0070;
	font-size: 18pt;
		font-weight:bold;
		letter-spacing : normal;
}

/* Volのピンク枠 */
#igo .box3 {
	box-sizing: border-box;
	padding: 0.1em 1em;
	line-height: 1.2;
	max-width: 100%;
	float: left;
	color: #ffffff;
	background: #e08db1;
	border-radius: 8px 8px 0px 0px;
	font-size: 13pt;
	font-weight:bold;
	margin-bottom:0px;
}

#igo hr {
    border: none;
	width:50%;
    border-top: 3px dotted #e08db1;
	margin-left:25%;
	margin-bottom:15px;

}

#igo ol {
counter-reset: number 0;	
	
}

#igo li {
  	padding-left: 80px;
  	position: relative;
}

#igo ol li::before {
	counter-increment: number 1;
	content: "手順 "counter(number);
	margin-left:0px;
	color: #cf0070; 

}

/*  すみっこぐらし */

#sumi h3 {
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-top: 2px solid #de50a5; 
	border-bottom: 2px solid #de50a5;
	text-align: left;
	font-size: 14pt;
	color: #e6499d;
	border-left:0px;
	line-height:2.0em;
}

#sumi .price {
	box-sizing: border-box;
	max-width: 90%; 
	margin: 1em auto;
	padding: 10px 20px;
	background: #fcebf5; 
	 color: #333333;
	 border: 10px solid #ebb7d5;
	 border-top: 0;
	 border-bottom: 0;
	 box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}


#sumi .price dt {
	width:50px;
	font-weight:bold;
	color: #cc00bb;
	float: left;
	text-align:left;
	font-size:12pt;
	line-height:24pt;

}

#sumi .price dd {
	margin-left:50px;
		text-align:left;
		font-weight:bold;
	font-size:12pt;
		line-height:24pt;
	width:85%;

}






/*
CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

