@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.main p {
    line-height: 1.9em;
	margin: 1.6em 0;
}
entry-card-title, .related-entry-card-title {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.2;
}
.red {
    color: #ea5506;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin: 1.2em 0;
}
/************************************
** 見出し
************************************/
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin: 1.2em 0;
}
.article h2 {
    position:relative;
    background: #90B340;/* 背景色 */
    color: #fff;/* 文字色 */
    font-size: 125%;/* 文字サイズ */
    font-weight: 700;/* 太さ */
    padding: 1em 1.1em;
    margin-top: 2.1em;
    margin-bottom: 1em;
    -webkit-border-radius: 3px;
    border-radius: 3px;/* 丸み */
    box-shadow: 0 1px 5px rgba(0,0,0,.03);
}
.article h2:before {
    position: absolute;
    left: 40px;/* 吹き出し位置左右 */
    bottom: -12px;/* 上下*/
    border-top: 12px solid #90B340;/* 色 */
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 0;
    content: "";
}
.article h3 {
    background-color: #f3f4f5;
    border-left: 10px solid #90B340;
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-size: 22px;
    padding: 12px 20px;
}
.article h4 {
    border-top: 2px solid #90B340;
    border-bottom: 2px solid #90B340;
}
.article h5 {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.sidebar h3 {
    background-color: #fff;
    font-size: x-large;
    color: #6f9c06;
}
/************************************
** 目次
************************************/
.toc {
width: 510px;
padding: 10px 20px 20px 30px; /*--余白を調整--*/
line-height: 2;
}
.toc-title {
font-size: 1.2em; 
text-align: left; /*--左側に寄せる--*/
padding: 5px 20px; /*--目次周辺に余白--*/
font-weight: bold; /*--太字に変更--*/
color: #cc9c15;
}
.toc .toc-list li a {
text-decoration: none; /*--リンクの下線を消去--*/
font-weight: bold; /*--太字に変更--*/
}
.toc .toc-list li ul li a {
text-decoration: none; /*--リンクの下線を消去--*/
font-weight: normal; /*--太字に変更--*/
}
/************************************
** テーブル
************************************/
/**テーブル通常**/
table th {
    background: #e6e6e6;
}
/* 640px以下*/
@media screen and (max-width: 640px) {
table th, table td p{
    padding: 0px 0px 0px 2px;
} 
.main table p{
	line-height: 1.7em;
    margin: 0.7em 0;
} 
}
/**テーブルインスタ用**/
table.insta {
	width: 800px;
	font-family: 'はなぞめフォント Regular', sans-serif !important;
	font-size: 34px;
    border: 2px solid #111;
	border-collapse:collapse !important;		/*セル同士の間に隙間を空けない*/
}
table.insta td {
	background-color: #fff;
	color: #000;
	font-size: 36px;
    border: 2px solid #111;
    padding: 0px 0px 0px 6px;
}
table.insta th {
	background-color: #fff;
	color: #000;
	font-size: 30px;
    border: 2px solid #111;
    padding: 0px;
}
/************************************
** マルバツ
************************************/
td.maru {
background-repeat: no-repeat;
background-position: center;
background-image: url(https://fdee08.claudeassets.com/20220923150600im_/https://lulupo.net/main/wp-content/uploads/mark/maru.png);
}
td.maru2 {
background-repeat: no-repeat;
background-position: center;
background-image: url(https://2ec6a2.claudeassets.com/20220923150600im_/https://lulupo.net/main/wp-content/uploads/mark/maru2.png);
}
td.batu {
background-repeat: no-repeat;
background-position: center;
background-image: url(https://41533d.claudeassets.com/20220923150600im_/https://lulupo.net/main/wp-content/uploads/mark/batu.png);
}
td.sankaku {
background-repeat: no-repeat;
background-position: center;
background-image: url(https://8cc057.claudeassets.com/20220923150600im_/https://lulupo.net/main/wp-content/uploads/mark/sankaku.png);
}
/************************************
** モバイルトップメニュー
************************************/
.slicknav_menu {
    background: #90b340;
}
.slicknav_btn {
    background-color: #ffffff;
}
.slicknav_menu .slicknav_menutxt {
    color: #20211f;
	text-shadow: none;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #20211f;
}
.slicknav_nav a {
   background-color: #ffffff;
   color: #20211f;
}
/************************************
** ピクトグラム
************************************/
/*サービスカラーピクトグラム*/
.pictogram {
	margin: 3px;
}
/* 640px以下*/
@media screen and (max-width: 640px) {
.pictogram {
    width: 18%;
}
}
/************************************
** スクロールテーブル
************************************/
table th, table td {
    line-height: 2.0;
}
.table-scroll {
overflow: scroll;
}
.table-scroll table {
table-layout: fixed;
}
.table-scroll::-webkit-scrollbar{height:20px;}/*バーの太さ*/
.table-scroll::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
.table-scroll::-webkit-scrollbar-thumb{background:#0034E2;}/*バーの色*/
    .table-scroll th {
        /* ヘッダーを固定する設定 */
        position: -webkit-sticky; 
        position: sticky;
        left: 0;
        z-index: 1; 
    } 
/* 640px以下*/
@media screen and (max-width: 640px) {
    .table-scroll th {
        /* ヘッダーを固定する設定 */
        position: -webkit-sticky; 
        position: sticky;
        left: 0;
        z-index: 1; 
    } 
}

/**文字入れ大タブ付き**/
.box1-green{
	margin: 2em auto; /* ボックスの余白 */
	background: #f2fee5; /* ボックス背景色 */
	border-radius:4px; /* ボックス角丸 */
	max-width:680px; /* ボックス横幅 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box1-green .box-title {
	background: #9ACA64; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 10px 10px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box1-green p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}
.box2-green{
	margin: 2em auto; /* ボックスの余白 */
	border-radius:4px; /* ボックス角丸 */
	max-width:600px; /* ボックス横幅 */
	border:1px solid #9ACA64; /* ボックス線 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box2-green .box-title {
	background: #9ACA64; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box2-green p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}
.box1-yellow{
	margin: 2em auto; /* ボックスの余白 */
	background: #fef9ed; /* ボックス背景色 */
	border-radius:4px; /* ボックス角丸 */
	max-width:600px; /* ボックス横幅 */
	padding: 3.5em 2em 1.5em; /* ボックス内側余白 */
	position:relative; /* 配置に関するもの(ここを基準に) */
}
.box1-yellow .box-title {
	background: #fdc44f; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	font-weight: bold; /* タイトル文字の太さ */
	font-size: 20px;/* タイトル文字の大きさ */
	padding: 5px;/* タイトル周りの余白 */
	text-align: center;	/* タイトル中央寄せ */
	border-radius: 4px 4px 0px 0px;	/* タイトル角丸 */
	position:absolute;	/* 配置に関するもの(ここを動かす) */
	top:0;	/*上から(0px)に配置 */
	left:0; /*左から(0px)に配置 */
	width:100%;/*横幅最大幅 */
}
.box1-yellow p {
	margin: 0;/* 文字の余白リセット */
	padding: 0; /* 文字の内側余白リセット*/
}
/**小タブ変更**/
.blank-box.bb-tab {
    margin: 2em auto;
	max-width: 680px;
}
.bb-label::after {
    font-size: 1.1em;
    font-weight: bold;
}
.bb-check .bb-label::after{
  content: "チェック";
}
.bb-point .bb-label::after{
  content: "ポイント";
}
.bb-pickup .bb-label::after{
  content: "ピックアップ";
}
.bb-bookmark .bb-label::after{
  content: "関連ページ";
}
.bb-yomitai .bb-label::after{
 content: "あわせて読みたい";
}
.bb-osusume .bb-label::after{
content: "オススメ";
}
.blank-box.bb-tab.bb-yellow .bb-label {
    background-color: #ffc107;
}
/**関連記事タブカラー変更**/
.bct-related .blogcard-label {
    background: #f39800;
}
/**Amazon楽天カラー変更**/
.shoplinkrakuten a {
    background: #9b7b6c;
}
.shoplinkamazon a {
    background: #f39800;
}
/************************************
** ボックス背景
************************************/
.dark-box {
    background-color: #f0f0f0;
}
.success-box, .sp-success, .success {
    color: #333;
    background-color: #f7f5eb;
}
.warning-box, .sp-warning, .warning {
    color: #333;
}
/************************************
** ボックス白抜き
************************************/
.blank-box.bb-green {
    border-color: #90b340;
}
.blank-box.bb-tab.bb-green .bb-label {
    background-color: #90B340;
}
/************************************
** アコーディオン
************************************/
details {
  border: 1px solid #ccc;
}
details:not(:last-child) {
  margin-bottom: 20px;
}
/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
details summary {
  list-style: none;
  cursor: pointer;
  padding: 10px;
  background: #fff;
  color: #69a029;
  font-size: 18px;
  font-weight: bold;
}
/**
 * Chrome用のデフォルト三角削除
**/
details summary::-webkit-details-marker {
  display: none;
}
/************************************
** トップに戻るマークを目次に変更
************************************/
/*トップに戻るマークを変更*/
.go-to-toc-button {
    flex-direction: column;
}
.go-to-toc-button:after {
    content:'目次';
    font-size: 14px; /* 文字サイズ */
	color: #fff;
    margin-top: 2px;
}
.go-to-toc-button {
	width: 60px; /* 横幅 */
    height: 60px; /* 高さ */
    border-radius: 50%; /* 丸くする */
	font-size: 30px;
    color: #fff;
}
/************************************
** ボタン
************************************/
/**cocoonボタンに余白**/
.btn-s {
    margin: 0pc 0px 4px 0px;
}
.btn-l{
   margin: 10px;
}
.btn-light-green {
    background-color: #90b340;
}
/*ボタンに影*/
.btn-l {
  border-radius: 22px;
box-shadow: 6px 6px 4px gray;
}
/* 光らせる */
.btn-deep-orange.btn-l {
 position: relative;
 overflow: hidden;
}
/**ランキングボタンカラー変更**/
.btn-blue, .ranking-item-detail a, .btn-wrap.btn-wrap-blue > a {
    background-color: #9b7b6c;
}
.btn-red, .ranking-item-link a, .btn-wrap.btn-wrap-red > a {
    background-color: #f39800;
}
/*YouTube動画中央*/
.video-container {margin: 0px auto;}
/*問い合わせ確認ボタン*/
input.button{
    width: 100%;
    height: 50px;
    font-size: 1.1em;
}
/*ブログカード*/
.blogcard-title {
    font-size: 20px;
    line-height: 1.8em;
}
/**一覧カードの抜粋非表示**/
.blogcard-snippet {
 display: none;
}
/*=================================================================================
	カエレバ・ヨメレバ・トマレバ https://money-affairs.com/kaereba-yomereba-css/
=================================================================================*/
 
.cstmreba {
	width:98%;
	height:auto;
	margin:36px auto;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
.cstmreba a {
	transition: 0.8s ;
}
.cstmreba a:hover {
}
.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #ffffff; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.booklink-image a,
.kaerebalink-image a,
.tomarebalink-image a {
	width:100%;
	display:block;
}
.booklink-image a img, .kaerebalink-image a img, .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a,
.tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.booklink-powered-date a,
.kaerebalink-powered-date a,
.tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.booklink-powered-date a:hover,
.kaerebalink-powered-date a:hover,
.tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size:12px;
}
.kaerebalink-link1 div img, .booklink-link2 div img, .tomarebalink-link1 div img {
	display:none !important;
}
.booklink-link2 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.booklink-link2>div,
.kaerebalink-link1>div,
.tomarebalink-link1>div {
	float:left;
	width:24%;
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
}
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border: 2px solid #ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a, .booklink-link2 .shoplinkamazon a {
	background:#a3a3a3;
	border: 2px solid #ffffff;
} /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
	background: #ff6666;
    border: 2px solid #ffffff;
} /* 楽天 */
.kaerebalink-link1 .shoplinkseven a, .booklink-link2 .shoplinkseven a {
	background:#a3a3a3;
} /* 7net */
/****** ボタンカラー ここまで *****/
 
/***** ボタンデザイン　マウスオーバー時ここから *****/
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover {
	background: #fff;
}
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a:hover, .booklink-link2 .shoplinkamazon a:hover {
	color : #ffffff!important ;
	background : #838383; } /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a:hover , .booklink-link2 .shoplinkrakuten a:hover {
	color : #ffffff!important ;
	background: #eb3b2f ; } /* 楽天 */
.kaerebalink-link1 .shoplinkseven a:hover, .booklink-link2 .shoplinkseven a:hover {
	color : #ffffff!important ;
	background:#838383;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.booklink-footer {
	clear:both;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
#header .logo .site-name-text {
    font-size: 1.8em;
}
.toc {
padding:  10px 20px 0px 0px; /*--余白を調整--*/
}
.article ul, .article ol {
    padding-left: 10px;
}
/**テーブル通常**/
table {
	font-size: 14px;
}
table th{
	font-size: 12px;
}
/**2カラムタブ**/
.column-wrap{
    font-size: 14px;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#header .logo .site-name-text {
    font-size: 1.3em;
}
.toc {
width: 340px;
padding:  0px 0px 0px 0px; /*--余白を調整--*/
}
.box1-yellow .box-title {
	font-size: 14px;/* タイトル文字の大きさ */
}
.box1-green .box-title {
	font-size: 14px;/* タイトル文字の大きさ */
}
.box2-green .box-title {
	font-size: 14px;/* タイトル文字の大きさ */
}
.blogcard-title {
    font-size: 14px;
    line-height: 1.8em;
}
}
@media screen and (max-width: 320px) {
  .blogcard-thumbnail {
    width: 100px;
  }
  .blogcard-content {
    margin-left: 110px;
  }
  .blogcard-title {
    height: 35px;
  }
}
/*
     FILE ARCHIVED ON 15:05:59 Sep 23, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:20:28 Aug 14, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.423
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.04
  esindex: 0.006
  cdx.remote: 7.72
  LoadShardBlock: 120.878 (3)
  PetaboxLoader3.datanode: 107.236 (5)
  PetaboxLoader3.resolve: 251.02 (2)
  load_resource: 270.887
  loaddict: 36.058
*/