<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*--------------------------------------
  ボタン
--------------------------------------*/
.button {
display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f74f4f;/*ボタン色*/
  color: #FFF;
 /* border-bottom: solid 4px #627295; */
  border-radius: 3px;
}










/*--------------------------------------
  口コミボックス
--------------------------------------*/
.good_box{
      padding:10px 10px 10px 20px; 
border-style: solid; 
  border-color: #404082;
position:relative;
border-radius: 5px;
}
.good_box::before{
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(https://ten-choose.com/man.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.title-good_box {
 position: absolute;
 padding: 0.5em;
 left: 100px;
 top: 10px;
 font-weight: bold;
 /* background-color: #fff; /* タイトル背景色 */
 /* font-size: 22px; */
 font-family: "impact";
 /* color: #ff9900; /* タイトル文字色 */
}




/* ！マーク（ボックス） */
.question_box{
background-color: #faf0de;
position:relative;
margin-top:10px;
padding:80px 10px 10px 10px;
border-radius: 5px;
}
.question_box::before{
position:absolute;
top:20px;
left:20px;
font-size:2rem;
font-weight:700;
color: #ffffff;
text-align: center;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 43px;
border-radius: 50%;
content: "!";
background: #ffc863;
}
.title-question_box {
 position: absolute;
 padding: 0.5em;
 left: 60px;
 top: 10px;
 font-weight: bold;
 /* background-color: #fff; /* タイトル背景色 */
 font-size: 22px;
 font-family: "impact";
 color: #ff9900; /* タイトル文字色 */
}



/* ボックス（合わせて読みたい） */
.mybox2{
 background-color: #fff;	/* 背景色 */
 border: 3px solid #6495ed;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
 padding: 40px 10px 10px 20px;	/* 内側の余白 上・右・左・下 */
 position: relative;
}
.mybox2:before{
 background-color: #4169e1;	/* 吹き出し背景色 */
 border-radius: 5px;
 color: #fff;	/* 吹き出し文字色 */
 content: '合わせて読みたい記事';
 padding: 5px 20px;
 position: absolute;
 left: -10px;
 top: -20px;
}
.mybox2:after{
 border-top: 12px solid #4169e1;		/* 吹き出し三角部分の色 */
 border-right: 12px solid transparent;
 border-left: 12px solid transparent;
 content: '';
 position: absolute;
 top: 10px;
 left: 15px;
}



/* 囲い（紺） */
.kakomi-box11 {
 position: relative;
/* margin: 2em auto; */
 padding: 1.5em 1.5em 0.5em;
 color: #555555; /* 文章色 */
 background-color: #fff; /* 背景色 */
 border: 5px solid #404082; /* 枠線の太さ・色 */
 width: 100%;
}
.title-box11 {
 position: absolute;
 padding: 0.5em;
 left: 20px;
 top: -30px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 font-size: 20px;
 color: #404082; /* タイトル文字色 */
}



/* スマート　囲み枠　 */
.kakomi-smart {
 position: relative;
 margin: 2em auto;
 padding: 3em 1em .8em;
 width: 90%; /* ボックス幅 */
 border-style: solid;
 border-width: 5px 0 0 0;
 border-color: #907b6e; /* 枠の色 */
 background-color: #ede4cd; /* 背景色 */
 color: #666; /* テキスト色 */
 box-shadow: 0 0 3px #999; /* 影の色 */
}
.title-smart{
 position: absolute;
 top: 8px;
 left: 15px;
 background-color: #ede4cd; /* タイトル背景色 */
 color: #907b6e; /* タイトル色 */
 font-size: 1.1em;
 font-weight: bold;
 border-style: none none double;
 border-color: #907b6e; /*タイトル下線 */
 border-width: 3px;
}



/*　ボックス（青ポイント） */
.box1 {
    position: relative;
    margin: 10px;
    padding: 10px;
    border: solid 3px #3366ff;
    border-radius: 8px;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #3366ff;
    font-weight: bold;
}
.box1 p {
    margin: 0.5em 0.5em; 
    padding: 0.5em 0.5em;
}




/*　ボックス（外側タイトル付）　*/
.box27 {
    position: relative;
    margin: 1.5em 0;
    padding: 0.0em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -3px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 18px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0.5em 0.5em; 
    padding: 0.5em 0.5em;
}





/*　ボックス（赤ポイント） */
.box25 {
    position: relative;
    margin: 10px;
    padding: 10px;
    border: solid 3px #fa8072;
    border-radius: 8px;
}
.box25 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #fa8072;
    font-weight: bold;
}
.box25 p {
    margin: 0.5em 0.5em; 
    padding: 0.5em 0.5em;
}





/*　ボックス（緑・ポイント） */
.box26 {
    position: relative;
    margin: 10px;
    padding: 10px;
    border: dashed 2.5px #9BBB59;
    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: #9BBB59;
    font-weight: bold;
}
.box26 p {
    margin: 0.5em 0.5em; 
    padding: 0.5em 0.5em;
}










.marker_yellow {
background: linear-gradient(transparent 80%, #f9e697 40%);
}

.marker_red {
background: linear-gradient(transparent 80%, #eac7cd 40%);
}

.marker_blue {
background: linear-gradient(transparent 80%, #BAD3FF 40%);
}




/* 吹き出し（ボックス） */
.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #faebd7;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #faebd7;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #faebd7;
}
.box23 p {
    margin: 1em 0; 
    padding: 0;
}











/* 人気記事アイコン */
.ninki{
}  
  
.ninki:before{
    
content:"人気記事";
color: #fff;
background-color: #ff8c00;  
padding: 3px 10px;


 
  
}








.yaji{
	position:relative;
	padding-left:35px;
	font-weight: bold;
	font-size: 20px;
	line-height: 38px;
}
 
.yaji:before{
 	content:''; 
 	height:0; 
 	width:0; 
 	display:block; 
 	border:10px transparent solid; 
 	border-right-width:0; 
 	border-left-color:#00A8FF; 
	position:absolute; 
	top:4px; 
	left:20px;
}
 
.yaji:after{
	content:''; 
	height:6px; 
	width:13px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:11px; 
	left:10px;
}





.point{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

.point:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }


.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}








/*ボックスデザイン*/

.box22{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box22 p {
    margin: 0; 
    padding: 0;
}




.box7{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4ec4d3;/*左線*/
    border-right: double 7px #4ec4d3;/*右線*/
}
.box7 p {
    margin: 0; 
    padding: 0;
}



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





/*引用デザイン*/

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: "FontAwesome";
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


.double-rectangle {
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}
.left-rectangle {
  float: left;
  margin-left: 20px;/*左に20pxの余白*/
}
.right-rectangle {
  float: right;
  margin-right: 20px;/*右に20pxの余白*/
}














/* ダブルレクタングル
----------------------------------------------------*/
.kiziad {
	padding:0px !important;
}
 
.adleft {float:left; width:336px;}
.adright {float:right; width:336px;}
 
/* clear */
.clear {clear:both;}
.clear hr {display:none;}
 
/* 大画面用の設定 */
@media screen and (min-width: 700px) {
	.kiziad {width:680px; position: relative;}
}
 
/* モバイル画面用の設定 */
@media screen and (max-width: 1080px) {	
	.kiziad {padding:0 !important; width:300px; margin:0 auto;}
	.adright {display:none;}
	.adleft {width:300px;}
}



ol.sample1{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0px;
  border: solid 1px #F6A38B;
}
  
ol.sample1 li{
  position:relative;
  line-height: 65px;
  margin: 7px 0 7px 40px;
  padding-left: 10px;
  font-weight: bold;
  font-size:14px;
}
  
ol.sample1 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -35px;
  width: 30px;
  height: 30px;
  background: #F6A38B;
  text-align: center;
  color: #fff;
  top: 65%;
  -moz-transform: translateY(-20%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  
}







/*　手書き風BOX 1　*/
.kakomi-te1 {
 margin: 2em auto; 
 padding: 1em 1.5em;
 width: 90%; /*幅の調節*/
 color: #000000; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border: 4px solid #f6bfbc; /*線の太さ・色*/
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}


/*　シンプルな２重線　*/
.mybox {
 border: 5px solid #eee;
 margin: 10px;
 padding: 10px;
 position: relative;
 z-index: 0;
}
.mybox:before {
 background-color: #f0b8bf;
 content: '';
 display: block;
 position: absolute;
 top: -5px;
 left: -5px;
 width: 5px;
 height: 5px;
 z-index: 1;
}




/*　ボックス（内側タイトル付）　*/

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #62c1ce;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0.5em 0.5em; 
    padding: 0.5em 0.5em;
}







/*--------------------------------------------------
  カエレバ・ヨメレバ・トマレバ　WordPressの場合
---------------------------------------------------*/
 
.cstmreba {
width: 98%;
height:auto;
margin:36px 0;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,.cstmreba .kaerebalink-box,.cstmreba .tomarebalink-box {
width: 100%;
background-color: #fff;  /* 全体の背景カラー */
overflow: hidden;
border:double #d2d7e6;
border-radius: 5px;
box-sizing: border-box;
padding: 12px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
/* サムネイル画像 */
.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img {
margin:0 ;
padding: 0;
text-align:center;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none; 
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name&gt;a,
.cstmreba .kaerebalink-name&gt;a,
.cstmreba .tomarebalink-name&gt;a {
border-bottom: 1px dotted ;
font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1,.cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2&gt;div, 
.cstmreba .kaerebalink-link1&gt;div, 
.cstmreba .tomarebalink-link1&gt;div {
float:left;
width:31%;
min-width:125px;
margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a, 
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a, 
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a , 
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a, 
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2&gt;div, 
.cstmreba .kaerebalink-link1&gt;div, 
.cstmreba .tomarebalink-link1&gt;div {
width: 95%;
margin: 0 auto 8px auto;
float:none;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}

/*例え話*/
.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #f8f8ff;
    box-shadow: 0px 0px 0px 10px #f8f8ff;
    border: dashed 2px #6495ed;
}
.box14 p {
    margin: 0.5em 0.5em; 
    padding: 0.5em 0.5em;
}



/*** 関連記事ボックス ***/
/*　テープ　枠　4 */
.kakomi-tape4 {
 position:relative;
 padding: 35px 20px 20px;
 margin: 2.5em auto;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #fffbf5; /*BOX背景色*/ 
 box-shadow: 0 2px 5px #999;
}
.title-tape4 {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.1);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-3deg);
}


/* チェックマーク */
.check2{
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
}

.check2:before{ 
font-family: FontAwesome;
content: "\f075";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}


.cat-label {
    top: 0.5em; /*上からの距離*/
    left: 0.5em; /*左からの距離*/
    border: none; /*ボーダーを消す*/
    font-size: 12px; /*文字サイズ*/
    color: #fff; /*文字色*/
    background-color: #49add1; /*背景色*/
    padding: 1px 10px; /*余白*/
    border-radius: 14px; /*角を丸く*/
}
</pre></body></html>