/*フッターの規約リンクをアンダーラインが出るようにする*/
.kiyaku-link{
}
.kiyaku-link:hover{
	text-decoration:underline;
}
/*-------------------------------*/

/*ページビルダーで作る実験--*/
.akawaku{
	background-color:greenyellow;
	min-height:100px;
		border-radius:26px;
	padding:20px 30px 10px;
	font-size:18px;
	line-height:30px;
}
.kurowaku{
	background-color:cyan;
	min-height:100px;
		border-radius:26px;
	padding:20px 30px 10px;
	font-size:24px;
		line-height:36px;
}
.midoriwaku{
	background-color:magenta;
	color:white;
	min-height:100px;
	border-radius:26px;
	padding:20px 30px 10px;
	font-size:24px;
		line-height:36px;
}




/*かまぼこ用本文を指定*/
.kamabokohonmon{
	font-size:20px;
	line-height:35px;
	display:block;
	max-width:800px;
}
.kamabokohonmon a:hover{
	text-decoration:underline;
}
/*=======かまぼこ用キャプション指定=======*/
#xqs2{
	position: relative;
	top:-9px;
	padding:0px 0px 0px 7px;
	font-size: 12px;
	line-height:14px;
	max-width:800px;
}
/*=======かまぼこ用全体枠指定=======*/
.zw{
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
	line-height:35px;
	max-width:800px;
	border:100px solid silver ;
	border-radius: 10px;
	position:relative;
	background-image:url(https://www.haohaoweb.com/mucho/wp-content/uploads/2018/09/69241c067355b66f2990a58a9dde23d1.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}
/*=======蒲鉾 右よせ用親要素指定=======*/
.migiyose-k{
	position:relative;
	text-align:right;
}
.migiyose2{
	position:relative;
	text-align:right;
}
.migiyose00{
	position: relative;
	text-align:right;
	top: 20px;
	right: -30px;
}

.zw .migiyose .kamaboko_arrow_right {
	position: absolute;
	text-align:left;
	top: -30px;
	right: -30px;
}
.zw .migiyose2 .kamaboko_arrow_right {
	position: absolute;
	text-align:left;
	top: -60px;
	right: -20px;
}
.migiyose3{
	position: relative;
	text-align:right;
	top: 75px;
	right: -30px;
}
/*=======蒲鉾　謎の右移動を修正する=======*/
.tonpei0{
	position:absolute;
	right: -130px;
	top: -75px;
}
.tonpei{
	position:absolute;
	left: -80px;
}
.tonpei2{
	position:relative;
	left: -40px;
}

.tonpei3{
	position:relative;
	left: -100px;
	top:-20px;
}

.tonpei4{
	position:relative;
	left: -70px;
	top:150px;
}

.tonpei5{
	position:relative;
	left: -75px;
	top: -250px;
}
.tonpei6{
	position:relative;
	left: -100px;
	top:-310px;
}
/*====若い蒲鉾ー新ふきだし左========*/
.kamaboko_arrow_left {
	position: relative;
	display:inline-block;
	margin: 0 0 0 50px;
	padding: 20px 20px 5px 20px;
	max-width: 400px;
	min-height: 70px;
	background: #0d13d5;
	border: 9px solid #0d13d5;
	border-radius: 30px;
	color: white;
	opacity:0.8;
}
.kamaboko_arrow_left:after, .kamaboko_arrow_left:before {
	right: 100%;
	top: 35%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.kamaboko_arrow_left:after {
	border-color: rgba(13, 19, 213, 0);
	border-right-color: #0d13d5;
	border-width: 10px;
	margin-top: -10px;
}
.kamaboko_arrow_left:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #0d13d5;
	border-width: 23px;
	margin-top: -23px;
}
/*======若い蒲鉾ー新ふきだし右=======*/
.kamaboko_arrow_right {
	position: relative;
	background: #d50f8c;
	border: 9px solid #d50f8c;
	display:inline-block;
	margin: 0 0 0 50px;
	padding: 20px 20px 5px 20px;
	max-width: 500px;
	min-height: 70px;
	border-radius: 30px;
	color: white;
	text-align:left;
	opacity: 0.85;
}
.kamaboko_arrow_right:after, .kamaboko_arrow_right:before {
	left: 100%;
	top: 65%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.kamaboko_arrow_right:after {
	border-color: rgba(213, 15, 140, 0);
	border-left-color: #d50f8c;
	border-width: 10px;
	margin-top: -10px;
}
.kamaboko_arrow_right:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #d50f8c;
	border-width: 23px;
	margin-top: -23px;
}
/*=======若い蒲鉾＿第三の男=========*/
.kamaboko_jougai {
	position: relative;
	background: #fffa6e;
	border: 9px solid #fffa6e;
	display:inline-block;
	margin: 0 0 0 50px;
	padding: 20px 20px 5px 20px;
	max-width: 700px;
	min-height: 70px;
	border-radius: 30px;
	color: black;
	text-align:left;
	opacity: 0.85;
}
.kamaboko_jougai:after, .kamaboko_jougai:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.kamaboko_jougai:after {
	border-color: rgba(255, 250, 110, 0);
	border-right-color: #fffa6e;
	border-width: 10px;
	margin-top: -10px;
}
.kamaboko_jougai:before {
	border-color: rgba(255, 250, 110, 0);
	border-right-color: #fffa6e;
	border-width: 23px;
	margin-top: -23px;
}
/*======蒲鉾＿司会=======*/
.kamaboko_sikai {
	position: relative;
	background: #1fffc3;
	border: 9px solid #1fffc3;
	display:inline-block;
	margin: 0 0 0 50px;
	padding: 20px 20px 5px 20px;
	/*max-width: 700px;*/
	min-height: 70px;
	border-radius: 30px;
	color: black;
	text-align:left;
	opacity: 0.85;
}
.kamaboko_sikai:after, .kamaboko_sikai:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.kamaboko_sikai:after {
	border-color: rgba(31, 255, 195, 0);
	border-bottom-color: #1fffc3;
	border-width: 10px;
	margin-left: -10px;
}
.kamaboko_sikai:before {
	border-color: rgba(31, 255, 195, 0);
	border-bottom-color: #1fffc3;
	border-width: 23px;
	margin-left: -23px;
}
/*========================*/
/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/

/*---ビルダーで作るブログシネマ用のCSS---*/
.b-c-midasi{
position:relative
}
.b-c-midasi h2{
	position:absolute;
	font-size: 20px;
	color:#800000;
	line-height: 21px;
	letter-spacing:-0.07em;
	top:-5px;
}
.b-c-midasi h2:before{
	font-family:"FontAwesome";
	content:"\f144";
	color:#ce534d;
	font-size:1.1em;
	padding-right:5px;
}
.b-c-honmon{
	position:relative;
	top:30px;
	font-size: 18px;
	line-height: 35px;
	padding-top:10px;
	letter-spacing:-0.03em;
}
.b-c-honmon a:hover{
	text-decoration:underline;
}
.b-c-honmon-ex{
	font-size: 18px;
	line-height: 35px;
	padding-top:10px;
	letter-spacing:-0.03em;
}
/*ブログの本文のフォントサイズをルーティーンに指定する---------------------*/
.b-honmon {
	font-size: 17px;
	line-height: 35px;
	width:100%;
	padding-top:10px;

}
.b-honmon p{
	padding-left:7%;
	padding-right:7%;
		
}
.b-honmon h2{
	font-size: 20px;
	line-height: 24px;
}
.b-honmon h2:before{
	font-family:"FontAwesome";
	content:"\f144";
	color:#ce534d;
	font-size:1.1em;
	padding-right:5px;
}
/*=======空dvi下ケイ付き=======*/
.aiueo{
	position:relative;
	border-bottom:solid 1px gray;
}
/*=======空dvi下ケイなし=======*/
.aiu{
	position:relative;
}

/*======ハオコレロゴ配置========*/
.aiu .haocolle img{
	position: relative;
	top: -23px;
}
/*====リリコイてふロゴ配置========*/
.aiu .lilitef img{
	position: relative;
	top: -10px;
}
/*======くんくん配置=======*/
.kakiku{
	position: relative;
	top: -70px;
	left: 132px;
}
/*テーマ変更につき以下中止-----------------------------------------------------------------------------------*/
/*このサイトについて」ライン吹き出し風に改造コピペ*/
/*枠外の但し書き*/
#xqs{
	position: relative;
	top:-12px;
	padding:0px 0px 0px 17px;
	font-size: 10px;
	max-width:500px;
	margin-left:auto;
	margin-right: auto;
	max-width:500px;
}
/*以下、全体ボックスの背景色など*/
.line-bc {
  padding: 20px 10px;
  max-width: 500px;
  margin: 15px auto;
  text-align: right;
  font-size: 14px;
  background: rgb(200,186,156);
	border-radius: 20px;
}
/*第三の男*/
.balloon3 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.balloon3 .faceicon {
    float: left;
    margin-right: -50px;
    width: 40px;
}

.balloon3 .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.balloon3 .chatting {
    width: 100%;
    text-align: left;
}
.balloon3 .says {
    display: inline-block;
    position: relative; 
    margin: 0 0 0 50px;
    padding: 20px 20px 5px 20px;
    max-width: 350px;
    border-radius: 12px;
    background: rgb(161,137,119);
}
.balloon3 .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid rgb(161,137,119);
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.balloon3 .says p {
    margin: 0;
    padding: 0;
	color: white;
}
/*以下、一番目の男左側のコメント*/
.balloon6 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.balloon6 .faceicon {
    float: left;
    margin-right: -50px;
    width: 40px;
}

.balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.balloon6 .chatting {
    width: 100%;
    text-align: left;
}
.says {
    display: inline-block;
    position: relative; 
    margin: 0 0 0 50px;
    padding: 20px 20px 5px 20px;
    max-width: 400px;
    border-radius: 12px;
    background: #edf1ee;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #edf1ee;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.says p {
    margin: 0;
    padding: 0;
}


/*ふきだしジェネレーター*/
/*下ふきだし*/
.hharrow_box_bottom {
	position: relative;
	padding: 10px 10px 0px 15px;
    max-width: 350px;
    border-radius: 12px;
	background: white;
	border: 4px solid #6eb5b3;
}
.hharrow_box_bottom:after, .hharrow_box_bottom:before {
	top: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.hharrow_box_bottom:after {
	border-color: rgba(212, 213, 207, 0);
	border-top-color: white;
	border-width: 10px;
	margin-left: -10px;
}
.hharrow_box_bottom:before {
	border-color: rgba(110, 181, 179, 0);
	border-top-color: #6eb5b3;
	border-width: 16px;
	margin-left: -16px;
}
/*右ふきだし*/
.hharrow_box_right {
	position: relative;
	display: inline-block;
	background: #6eb5b3;
	border: 8px solid #6eb5b3;
	 max-width: 370px;
  border-radius: 12px;
	padding: 10px 10px 0px 10px;
	color: white;
}
.hharrow_box_right:after, .hharrow_box_right:before {
	left: 100%;
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.hharrow_box_right:after {
	border-color: rgba(213, 116, 60, 0);
	border-left-color: #6eb5b3;
	border-width: 10px;
	margin-top: -10px;
	
}
.hharrow_box_right:before {
	border-color: rgba(186, 15, 21, 0);
	border-left-color: #6eb5b3;
	border-width: 21px;
	margin-top: -21px;
}
/*ソーシャルロゴ不具合修正？*/
.col-md-6 .entry-social i{
font-family: "Font Awesome 5 Brands";
}
/*フッター１、２、３の処理*/
.hmrogo{
	position:relative;
}
.hoge img{
	position: relative;
	top: -3px;
}
.hmrogo .hoge img{
	position: relative;
	top: -30px
}
/*hestiaのコピーライトを消す-------
.copyright.pull-right {
	display:none
}
--------------------------------------*/
/*----*/
.migiyose{
	position: relative;
	left: 40px;
}
/*グローバルに好きな色を設定*/
.myfbcl-1{
	color:rosybrown;
}
/*
fontaweisome半透明→浮かび上がる
*/
.hantoumei-b p{
	opacity:0.5;
	transition:.3s;
}
.hantoumei-b p:hover{
	opacity:1;
	transition:0.5s;
}
/*フォントサイズをグローバルに80%*/
.fsz08{
	font-size:80%;
}
.ftsz14px{
	font-size:14px;
}
/*問合せページ*/
.otoiawase p{
	font-size: 18px;
	padding:20px 0 65px ;
}
.otoiawase h6{
	font-size: 14px;
	font-weight: bold;
	color: silver;
}
/*本体のHTMLに変更を加える。ブログページ下部の「関連記事」をサイズ変える。でも只の80％なのに異常にちいさくなる。--Hestia用なので今は関係なし
*/
.col-md-12 h2{
font-size:24px;
}
.col-md-12 h2:before {
font-family: "Font Awesome 5 Free";
  content: "\f00c";
  padding-right : 5px;/*文字との隙間*/
  color: #f89174;/*アイコンの色*/
  }
/*
以下、サイドウイジェットのテキストを
カスタムするための説明。
無料版の時とは違い、このウイジェットのテキストはなぜか「p」が適用されていることが判明。よって「p」そのものをカスタムする訳にはいかず、変則的に「h5」の見出しを適用することにした。そこで、この下で「h5」のサイズを70%にする宣言をたった一行書き加えた上、テキストウイジェットの本文の扱いをHTMLで「h5」にすると宣言すれば見事目的は達成できた。（ で本文を挟むだけ）
*/
/*アマゾンーアフィリエイト仮の配置用*/
.karihaichi {
	width: 200px;
	margin: 0 0 10px;
}

/*サイドバー吹き出し*/
/*一応これで目的は達成できたが、この場所に吹き出しデザインはそぐわないので、止めとく。
カスタム内容としては、ボーダーの太さを1pxにしたので、上の▲部分の太さも変更。これはbeforeが白でマスク。afterが下の黒三角。なので、afterのtopを-30pxから-28pxに変更した。これが限界でチト太いので、色をシルバーにした。
またleftタグで左右の位置を変更できるので、わし画像にあわせて、50%から45%に変更。これはbefore, after同時同じ数字にする。
また、フォントサイズを「.fukidasi-ue」で10pxに指定。これで、中身の文字は全て10pxサイズになる。吹き出しの使い方としてはこれで間違っていない。中に見出しとかを使う場合は別途対応しなければならん。*/
.fukidasi-ue {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 10px 12px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 10px;
	background: #FFF;
	border: solid 1px gray;
	border-radius: 10px;
	box-sizing: border-box;
}

.fukidasi-ue:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 45%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
	z-index: 2;
}

.fukidasi-ue:after {
	content: "";
	position: absolute;
	top: -28px;
	left: 45%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid silver;
	z-index: 1;
}

.fukidasi-ue p {
	margin: 0;
	padding: 0;
}

/*以上、ふきだしプロジェクト終り*/
/*グローバルにサイドバーつぶやきを設定*/
.glbtubu {
	position: relative;
	font-size: 9px;
/*padding: 0 0.5em;*/
}

.glbtubu p {
	position: relative;
/*ここもrelativeに指定しとかんとなぜか下の検索ウィジェットなどが全部上に上がってくる。*/
	top: -8px;
}

/*以下、映画のキャプション*/
#eiga-cap {
	font-size: 16px;
	line-height:20px;
	font-weight: bold;
	color: olive;
	border-style: dotted;
	border-color: silver;
	border-width: medium;
	padding: 14px 14px 14px 20px;

}

#kanb {
	font-size: 16px;
	font-weight: bold;
	color: darkgray;

}

/*じっけん*/
#kkku {
	display: compact;
	font-weight: bold;
}

#koko {
	margin-left: 2em;
}

/*まとめせってい実験ー回り込みー
回り込みというから判り難いが要はそのピクセル数だけの幅で文字を揃えることができるということらしい*/
div#leftn {
	float: left;
	width: 100px;
}

div#rightn {
	float: right;
	width: 100px;
}

/*classセレクタの実験*/
.kurasuserekuta {
	color: red;
	text-decoration: underline;
}
/*利用規約のページ*/
.k-center{
	text-align: center;
}
.kiyakun{
	display:inline-block;
	position:relative;
	padding:20px 10px 10px;
	max-width:800px;
	text-align: left;
}
.kiyakun h2{
	position:relative;
	top:.65em;
	font-size:26px;
}
.kiyakun p{
	font-size:18px;
	padding-top:6px;
}

/*相対配置の実験*/
.bbhh1 {
	color: silver;
	font-size: 70px;
	font-weight: bold;
	text-align: center;
}

.bbhh2 {
	position: relative;
	top: -233px;
	padding: 10px;
	color: white;
	background-color: gray;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.posiposi {
	position: relative;
	top: -150px;
}

/*サルワカくん＿横並びメニュー作成*/
#navii ul {
	list-style-type: none;
	text-align: center;
}

#navii ul li {
	display: inline-block;
	width: 80px;
	height: 40px;
	padding: 10px 0;
	margin: 10px 0;
	vertical-align: middle;
	background: skyblue;
	font-weight: bold;
	font-size: 13px;
	color: white;
}

/*横並びメニュー応用、サイドバーで利用*/
#navii-side ul {
	list-style-type: none;
	text-align: right;
}

#navii-side ul li {
	display: inline-block;
	width: 100px;
	height: 40px;
	padding: 10px 0;
	margin: 20px 0;
	border: solid 3px #CBBA9C;
	border-radius: 6px;
	box-sizing: border-box;
	vertical-align: middle;
	background: #CBBA9C;
	font-weight: bold;
	font-size: 10px;
	color: white;
}

#navii-side ul li a {
	text-decoration: none;
	color: white;
	padding: 5px;
}

/*サルワカくん　カギカッコエフェクト見出し　N.回回19*/
.box19 {
	position: relative;
	padding: .25em 1em;
	/*↓横サイズを小さくしてみる*/
	max-width: 550px
}

.box19:before,.box19:after {
	content: '';
	width: 120px;
	height: 80px;
	position: absolute;
	display: inline-block;
}

.box19:before {
	border-left: solid 3px #D3D3D3;
	border-top: solid 3px #D3D3D3;
	border-radius: 3px;
	top: 0;
	left: 0;
}

.box19:after {
	border-right: solid 3px #D3D3D3;
	border-bottom: solid 3px #D3D3D3;
	border-radius: 3px;
	bottom: 0;
	right: 0;
}

.box19 p {
	margin: 0;
	padding: 0;
}

/*saru No.23---Font Awesomeを使えない*/
.box23 {
	position: relative;
	margin: 2em 0 2em 40px;
	padding: 8px 15px;
	background: #fff0c6;
	border-radius: 30px;
}

.box23:before {
	font-family: FontAwesome;
	content: "\f111";
	position: absolute;
	font-size: 15px;
	left: -40px;
	bottom: 0;
	color: #fff0c6;
}

.box23:after {
	font-family: FontAwesome;
	content: "\f111";
	position: absolute;
	font-size: 23px;
	left: -23px;
	bottom: 0;
	color: #fff0c6;
}

.box23 p {
	margin: 0;
	padding: 0;
}

/*サルワカNo.24シンプル吹き出し*/
.box24 {
	position: relative;
	padding: .5em .7em;
	margin: 2em 0;
	background: #e6f4ff;
	color: #5c98d4;
	font-weight: bold;
}

.box24:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e6f4ff;
	width: 0;
	height: 0;
}

.box24 p {
	margin: 0;
	padding: 0;
}

/*枠途中にタイトルNo.26*/
.box26 {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px khaki;
	border-radius: 8px;
}

.box26 .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #95ccff;
	font-weight: bold;
}

.box26 p {
	margin: 0;
	padding: 0;
}

/*ラベル風Mo.27*/
.box27 {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px #62c1ce;
	border-radius: 0 8px 0 8px;
}

.box27 .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #62c1ce;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.box27 p {
	margin: 10px;
	padding: 0;
/*margin-left: 100px;*/
	font-size: 12px;
}

/*絶対配置*/
#zethich {
	position: relative;
}

#hb101 {
	color: silver;
	font-size: 50px;
	font-weight: bold;
}

#hb102 {
	position: absolute;
	top: 40px;
	left: 200px;
	width: 180px;
	margin: 0;
	padding: 10px;
	color: white;
	background-color: gray;
	text-align: center;
}

/*aタグやspanタグで円ヲ描く*/
.ogncircle {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: skyblue;
}

/*紹介用カッコ内テーブル*/
.captb table tr td {
	border-collapse: collapse;
	border: none;
	padding: 30px;
	font-weight: bold;
	color: gray;
}

/*カッコ内テーブルの見出し用*/
.captb table tr td .midasikun {
	color: olive;
	line-height: 17px;
	font-size: 16px;
}
.captb table tr td p {
	color: grey;
	line-height: 21px;
	font-size: 14px;
	letter-spacing:-0.08em;
	padding:6px 0 0;
}
/*テーブル内宣伝写真用*/
.captb table tr td .senden {
	max-width: 80px;
	height:auto;
	position: absolute;
	top: -12px;
	left: -6px;
}

.tb-zti {
	position: relative;
}

.tb-zti .captb table {
	position: relative;
/*本来は「absolute」のハズなんだが、滅茶苦茶になるので「relative」にした*/
	top: 10px;
	left: 10px;
}

.captb table {
	width: 100%;
}

/*さるわか表示非表示切替の
.saruhidden_box {
	margin: 2em 0;
	padding: 0;
}
*/
/*label要素はココでは使えないことが判明
*/
/*ということでこれは使えない
.saruhidden_box label {
	padding: 15px;
	font-weight: bold;
	border: solid 2px black;
	cursor: pointer;
}

.saruhidden_box label: hover {
	background: #efefef;
}

.saruhidden_box input {
	display: none;
}

.saruhidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
}

.saruhidden_box input:checked ~ .hidden_show {
	padding: 10px 0;
	height: auto;
	opacity: 1;
}
*/