/* reCAPTCHAを非表示 */
.grecaptcha-badge { visibility: hidden; }


/* PCで画像を保存できないように（右クリック＆ドラッグ不可） */
img {
  pointer-events: none;
}

/* スマホで画像を保存できないように（右クリック＆ドラッグ不可） */
img {
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}






/* 画像にボタンをのせる */
.example {
  position: relative;
  }

.example a {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 41%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 20px;/*文字サイズ*/
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
	color: #ffffff!important;
  }

.example a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }

.example img {
  width: 100%;
  }





/* 固定ページ内のブロックで使用（見出し文字） */
.post_col post_col-2 p1{
	font-size:18px;
}




/* マウスオーバ時、画像薄く */
.wp a:hover img { opacity:0.5; }



/* フロー */
.flow {
    margin: 0 auto 50px;
}
.flow .box {
    margin: 0 auto 33px;
    width: 80%;
    padding: 10px;
    border: 3px solid #cccccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    font-size: 1.6em; /* テキストの指定 */
    font-weight: bold; /* テキストの指定 */
    line-height: 1.4; /* テキストの指定 */
	  color:#ffffff;
	  background-color:#cccccc;
}
.flow .box:after {
    border-top: 25px solid #cccccc;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    content: "";
    position: absolute;
    bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
    left: 50%;/* 中央寄せに使用 */
    margin-left: -70px; /* 中央寄せに使用 */
}
.flow .box:last-child:after {
    border: none; /* 最後のボックスだけ三角形を表示しない */
}


/* 矢印グラデーション */
.arrow {
    margin-top: ;
    padding-top: 15px; /* 要素の上の余白調整 */
    position: relative;
}
.arrow:before {
    width: 100px; /* 四角形の幅 */
    height: 80px; /* 四角形の高さ */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eaeaea));
    background-image: -webkit-linear-gradient(#FFFFFF, #eaeaea);
    background-image: linear-gradient(#FFFFFF, #eaeaea);
    content: "";
    position: absolute;
    top: 0;
    left: 50%; /* 中央寄せに使用 */
    margin-left: -50px; /* 中央寄せに使用 */
}
.arrow:after {
    border-top: 35px solid #eaeaea; /* 角度を緩やかなものに指定 */
    border-left: 70px solid transparent; /* 左のボーダーを透過に指定 */
    border-right: 70px solid transparent; /*右のボーダーを透過に指定*/
    content: "";
    position: absolute;
    top: 80px; /* 四角形の高さと同じ物を指定 */
    left: 50%; /* 中央寄せに使用 */
    margin-left: -70px; /* 中央寄せに使用 */
}
/* テキストの指定 */
.arrow span {
    position: relative;
    z-index: 3;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.4;
    text-shadow: 2px 2px 1px rgb(255,255,255);
	  text-align:center;
}



















/* Columns */
.row-block:before,.row-block:after { content: ""; display: table }
.row-block:after { clear: both }
.row-block { *zoom: 1; margin: 1em -7px }

*[class*="r-block"] { float: left; padding: 0 8px 1em }
*[class*="r-block"] > *:first-child { margin-top: 0 !important }
*[class*="r-block"] > *:last-child { margin-bottom: 0 !important }

.r-block-1  { width:  8.3333333333% }
.r-block-2  { width: 16.6666666667% }
.r-block-3  { width: 25% }
.r-block-4  { width: 33.3333333333% }
.r-block-5  { width: 41.6666666667% }
.r-block-6  { width: 47.7% }
.r-block-7  { width: 58.3333333333% }
.r-block-8  { width: 66.6666666667% }
.r-block-9  { width: 75% }
.r-block-10 { width: 83.3333333333% }
.r-block-11 { width: 91.6666666667% }
.r-block-12 { width: 100% }

.cl { clear: both }

@media(max-width: 640px) {

	*[class*="row-block"] { float: none !important; }
	.r-block-1,
	.r-block-2,
	.r-block-3,
	.r-block-4,
	.r-block-5,
	.r-block-6,
	.r-block-7,
	.r-block-8,
	.r-block-9,
	.r-block-10,
	.r-block-11,
	.r-block-12 { width: 100% !important; }

}






/*ステップ表示*/
.step{
  list-style-type: none;
  padding:0;
  margin:0;
}
.step li{
  position: relative;
  width:650px;
  height:100px;
  background: #b8b7b7;
  padding-top: 3em;
  padding-bottom:1em;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
  text-align:center;
  color: #fff;
}
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -120px;
  left: 0;
 border-top: 60px solid #b8b7b7;
	border-right: 341px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 341px solid transparent;
  z-index: 1;
}
.step li.is-current{
  background: #9bbb30;
  font-weight: bold;
}
.step li.is-current:after{
  border-color: #9bbb30 transparent transparent transparent;
}








/*横長な三角形*/
.sankaku{
	width: 0;
	height: 0;
	border-top: 60px solid #ffffff;
	border-right: 350px solid #f8f8f8;
	border-bottom: 60px solid #f8f8f8;
	border-left: 350px solid #f8f8f8;
}



/*吹き出しみたいな三角のついた見出しデザイン（赤）*/
.fukidashi {
    margin:20px 0;
}
.fukidashi dt {
    position: relative;
    color: #fff;
    font-weight:bold;
    float:left;
    clear:both;
    padding:10px 15px;
    background-color: #DE3737;
}
.fukidashi dd {
    padding:10px 30px;
    display:inline-block;
    background-color:#F8F8F8;
    margin:0;
}
.fukidashi dt::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-top: -10px;
    border-left-color: #DE3737;
}






/*ステップフローのCSS*/
ul.stepflow {
	border: none;
	margin: 1em 0.5em;
	padding: 0;
	list-style: none;
}
ul.stepflow > li:before, ol.stepflow > li:before {
	background-color:#cccccc!important;
}
.stepflow li {
    position: relative;
    padding: 0 0 1.5em 1.8em;
  list-style: none !important; 
}
.stepflow>li:before {
	content: "";
	width: 3px;
	background: #cccccc;
	display: block;
	position: absolute;
	top: 52px;
	bottom: 0;
	left: 8px;
}
.stepflow-white {
	content: '';
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 3px #232F3E;
}
.stepflow-black {
	content: '';
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 3px #232F3E;
	background-color: #232F3E;
}
.stepflow_label {
	padding: 12px 0px 5px 0px;
	margin-bottom:-5px;
	color: #999999;
	font-size: .8em;
	font-weight: bold;
}
.stepflow_title {
	font-size: 1.05em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom:15px;
  
}
.stepflow_content {
	font-size: .9em;
	line-height: 1.5;
	margin-top: .5em;
	padding: 0 0 2.5em;
	border-bottom: dashed 1px #cccccc;
  line-height: 1.7;
  word-break: break-all;
  margin-bottom:-23px;
}
.stepflow_content .p1{
 font-size:11px !important;
 color:#999999;
 line-height: 1.5 !important;
 margin-top:4px !important;
  display: block;
}

/* table */
ul.stepflow table { margin:0 0 24px 0; }
ul.stepflow td, ul.stepflow th { border:1px solid #bbb; padding:10px 15px 7px; background:; font-size:12px !important; line-height: 1.4 !important;}
ul.stepflow td {vertical-align:middle;}
ul.stepflow th {vertical-align:middle;}
ul.stepflow th { background:#f5f5f5; font-weight:normal; }
ul.stepflow tr:hover td{
  background-color: #CCFFFF !important;    /* マウスオーバー時のセルの背景色 */
}
ul.stepflow table {
  table-layout: fixed;
}
/*ステップフローのCSSここまで*/




/* フローテーブル */
table.company {
width: ;
margin-top: -1.5px ;
margin-bottom: 0 ;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
border-spacing: 0px 4px;
font-size: 12px;
}

table.company th,
table.company td{
padding: 10px;
}

table.company td{
font-size: 13px;
}

table.company th {
background: #b8b7b7;
vertical-align: middle;
text-align: left;
width: 20%;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 15px;
}

table.company td a{
    text-decoration: none;
    color:;  
    display: block;
    width: 100%;
    height: 100%;
} 

table.company th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #b8b7b7;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
table.company th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

table.company td {
background: #fff;
width: 100%;
padding-left: 20px;
vertical-align: middle;
}

/* フローテーブル1 */
table.company1 {
width: ;
margin-top: -1.5px ;
margin-bottom: 0 ;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
border-spacing: 0px 4px;
font-size: 12px;
}

table.company1 th,
table.company1 td{
padding: 10px;
height:30px;
}

table.company1 td{
font-size: 13px;
}

table.company1 th {
background: #b8b7b7;
vertical-align: middle;
text-align: left;
width: 20%;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 15px;
}

table.company1 td a{
    text-decoration: none;
    color:;  
    display: block;
    width: 100%;
    height: 100%;
} 

table.company1 th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #b8b7b7;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
table.company1 th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

table.company1 td {
background: #fff;
width: 100%;
padding-left: 20px;
vertical-align: middle;
}




/* タグクラウドの基本デザイン */
.xilitidytagscloud a {
  padding: 0.3em 0.5em;
  margin: 0 0.3em 0.3em 0;
  display:inline-block;
  font-size: 14px!important;
  background: rgba(51, 51, 51, 0.45);
  color: #fff!important;
  border-radius: 5px 5px 5px 5px;
}

/* タグクラウドのマウスオーバー時の背景色 */
.xilitidytagscloud a:hover {
    filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	opacity:0.6;
	color:#fff!important;
}




/* table */
.post_content table { margin:0 0 24px 0; }
.post_content td, .post_content th { border:1px solid #bbb; padding:10px 15px 7px; background:; font-size:14px !important; line-height: 1.4 !important;}
.post_content td {vertical-align:middle;}
.post_content th {vertical-align:middle;}
.post_content th { background:#f5f5f5; font-weight:normal; }
.post_content tr:hover td{
  background-color: #CCFFFF !important;    /* マウスオーバー時のセルの背景色 */
}
.post_content table {
  table-layout: fixed;
}



/* 目次　中央配置 */
#toc_container { 
  margin-left: auto; 
  margin-right: auto; 
}

/* 目次　行間 */
#toc_container li {
  line-height: 2;
}


/*サイドバー追尾目次*/
.toc_widget_list li{
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0;
  line-height: 1.2;
}
.toc_widget_list li ul a::before{	
	content: "・";
}
.toc_widget ul li ul {
    border: none;
    padding: 0px 0px 0px 10px;
}
.toc_widget ul {
    max-height: 460px;
    overflow-y: auto;
}
.toc_widget_list li ul{		
	margin-left: 1.0em;
	text-indent: -1.0em;	
  line-height: 0.7;
}
.toc_widget_list li ul li a {
	font-size: 12px;
	font-weight: normal;	
}






/* Title styles */
        .wpp-post-title {
        color: #333;
        text-decoration: none;
        font-weight: bold;
        }

/* スマホの記事タイトルの文字サイズ */
@media only screen and (max-device-width: 480px) {
	#post_title{
    font-size:21px !important;
  }
  .style3b{
    font-size:16px !important;
  }
  .post_content p{
    font-size:15px !important;
    line-height:1.7 !important;
  }
   .post_content li{
    font-size:15px !important;
    line-height:1.7 !important;
    list-style-type: disc;
  }
  .style4a{
 font-size:15px !important;
}
  .p1{
 font-size:11px !important;
 color:#999999;
 line-height: 1.5 !important;
 display:block;
}
/* 囲み枠（タイトル付き２） */
.box27 {
    position: relative;
    margin-top:;
    margin-bottom:;
    padding: 1em 1em;
    border: solid 3px #e8e8e8;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 1px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size:14px;
    background: #b5b5b5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
    font-size:13px;
}
}


/* 記事内の注記(小文字)の色をグレーに */
  .p1{
 color:#999999;
}


/* 英数字を途中で改行させない（記事・タイトル・ウィジェットタイトル・アーカイブタイトル） */
  .post_content p{
word-break: break-all;
}
  #post_title{
word-break: break-all;
}
.styled_post_list1 .title{
word-break: break-all;
}
.desc .title{
word-break: break-all;
}



/* リストのマーカーを黒丸に */
 .post_content li{
    line-height: 1.9;
    list-style-type: disc;
  }




/* 囲み枠Cの文字サイズ */
.well3{
 font-size:13px !important;
 margin-top:;
 margin-bottom:45px !important;
}

/* h3 h4を太字に */
.style3b{
 font-weight:bold !important;
 font-size:21px !important;
}

.style4a{
 font-weight:bold !important;
 font-size:19px !important;
}

/* h5の文字サイズ */
.style5a{
 font-size:16px !important;
 font-weight:normal !important;
}



/* 関連記事カードリンク */
.cardlink{
 margin-top:-5px !important;
 margin-bottom:15px !important;
}

/* 文字サイズ(注記に使用する文字)PC */
 .p1{
 font-size:11px !important;
 line-height: 1.5 !important;
 margin-top:8px !important;
 display:block;
}


/* ソースコード */
.crayon-syntax{
 margin-top:-10px !important;
}

/* 画像下に出典先の情報 */
.via {
   font-size:10px !important;
}

/* 中央寄せのclass（ボタン） */
.align1{
   text-align:center;
   margin-top:27px !important;
   margin-bottom:30px !important;
}

/* 記事本文の字間 */
.post_content p{
  letter-spacing: 0.04em !important;
}


/* 三角矢印 */
.triangle3{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #d8d8d8;
  margin:  0 auto;  
}

/* 三角矢印1 */
.triangle5{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #eaeaea;
  margin:  0 auto;  
}


/* アイキャッチの下幅 */
#post_image{
 margin-bottom:15px !important;
}
/* 投稿日の位置（スマホ） */
@media screen and (max-width: 770px) {
#post_meta_top .date { margin: -10px 0 0 0 !important;
  }
}
/* 記事タイトルの上幅 */
#post_title{
  margin-top:10px !important;
  }

/* アドセンスのレスポンシブ広告をサイトフレーム内に収める */
.ad {
    overflow: hidden;
}
.ad1 {
    overflow: hidden;
    margin-top:-20px;
    margin-bottom:-10px;
}


/* 空白行（hr class～）*/
.space1{
  display: block;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	outline: none !important;
}

/*--------------------------------------------------
  カエレバ・ヨメレバ・トマレバ　WordPressの場合
---------------------------------------------------*/
 
.cstmreba {
width: 100%;
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:;
color:#333; /* テキストリンクカラー */
}
.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 20px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px -30px 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;
margin-top:5px;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none; 
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
font-size:16px;
color:#333;
}
/* タイトル下に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>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
float:left;
width:31%;
min-width:125px;
margin:2.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;
 margin: 1px 0;
 padding:3% 0.5%;
 border-radius: 8px;
 font-size: 13px;
 font-weight: bold;
 line-height: 180%;
 color: #fff;
 box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;} /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
 background:#FF9901;
 border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
 background: #bf0000;
 border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
 background:#225496;
 border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/
 
/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
 background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
 color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
 color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
 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>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
width: 98%;
margin: 10 auto 8px auto;
float:none;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}

/* 背景塗りつぶし */
.box3 {
    padding: 0.1em 0.3em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #f6f6f6;/*背景色*/
    border-radius: 5px;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/* 背景塗りつぶし1（WordPressのクリックボタン） */
.box1 {
    padding: 0.4em 0.5em;
    margin: 0 2px;
    color: #ffffff;
    font-size:10px;
    background: #008ec2;/*背景色*/
    border-radius: 3px;
   vertical-align:  9%;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/* 背景塗りつぶし2（WordPressのクリックボタン） */
.box2 {
    padding: 0.4em 0.5em;
    margin: 0 2px;
    color: #222222;
    font-size:10px;
    background: #f7f7f7;/*背景色*/
    border-radius: 3px;
   vertical-align:  9%;
}
.box2 p {
    margin: 0; 
    padding: 0;
}





/* ステップのアイコン矢印 */
.speech-balloon {
    width: ;
    height: 28px;
    padding:2px;
    background: #d6d6d6;
    position: relative;
    float: left;
}
.speech-balloon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid #d6d6d6;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0px;
    left: 100%;
}


/* 改行幅（狭く） */
.post_content p {
    margin-bottom: 18px;
}



/* 囲み枠（タイトル付き０） */
.box25 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #e8e8e8;
    border-radius: 8px;
}
.box25 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size:;
    background: #FFF;
    color:;
    font-weight: bold;
}
.box25 p {
    margin: 0; 
    padding: 0;
}

/* 囲み枠（タイトル付き１） */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #e8e8e8;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size:;
    background: #FFF;
    color:;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/* 囲み枠（タイトル付き２） */
.box27 {
    position: relative;
    margin-top:;
    margin-bottom:;
    padding: 1em 1em;
    border: solid 3px #e8e8e8;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 1px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size:16px;
    background: #b5b5b5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
    font-size:14px;
}

/* 囲み枠（タイトル付き３） */
.box28 {
    position: relative;
    margin-top:;
    margin-bottom:;
    padding: 1em 1em;
    border: solid 3px #e8e8e8;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 1px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size:15px;
    background: #b5b5b5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box28 p {
    margin: 0; 
    padding: 0;
    font-size:14px;
}
.box28 p li{
    margin: 0; 
    padding: 0;
    font-size:14px;
}





/* フロー */
ul.flow_list{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.flow_list li{
	border: 5px solid #ccc;
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 4px 10px;
    position: relative;
   display:block;
}
ul.flow_list li::after{bottom: -34px;
    color:#ccc;
    content: "▼";
    font-size: 24px !important;
    left: 47%;
    position: absolute;}
ul.flow_list li.last::after{/*最後の▼を外す*/
    content: "";
}
ul.flow_list li p2::first-letter{/*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.15em;
}
ul.flow_list ol span{
  line-height:1.5;
  display:block;
}






/* 補足説明 */
.supplement{
	background:lightyellow;
	background:rgba(255,255,0,.1);
	font-size: 12px !important;
	padding:1.6em;
	margin: 1.5em 0 2em;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 1px solid rgba(237, 237, 237, 0.5);
}
.supplement p:last-child{
	margin-bottom:0;
}
.supplement.warning{
	background:pink;
	background: rgba(255, 0, 45, 0.18);color:#333;
}
.supplement:before{font-family:"Font Awesome 5 Free";content:'\f4ff';display:inline-block;margin-right:.3em;font-size: 1.2em;margin-left:3px;margin-bottom:4px;font-weight: 900;}
.supplement.warning:before{content:'\f4ff';font-weight: 900;}
.supplement.boader:before{content: none;font-weight: 900;}
.supplement.noicon:before{content: none;font-weight: 900;}
.supplement.boader{
	background:none;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
}



@media screen and (max-width: 640px) {
  .supplement p{
	font-size: 12px !important;
  line-height: 1.5!important; 
}
 /* 囲み枠（タイトル付き３） */
.box28 {
    position: relative;
    margin-top:;
    margin-bottom:;
    padding: 1em 1em;
    border: solid 3px #e8e8e8;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 1px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size:14px !important;
    background: #b5b5b5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box28 p {
    margin: 0; 
    padding: 0;
    font-size:14px !important;
}
}


/* 囲み内のリストの文字サイズ＆行間 */
.well3 ul li{
   font-size:13px !important;
   line-height:1.8 !important;
}


/* 囲み内のリストのマーカーを数字＆文字サイズ＆行間 */
.well3 ol li {
    list-style-type: decimal;
    font-size:13px !important;
    line-height:1.8 !important;
  }

/* 囲み内のリストのマーカーを数字＆文字サイズ＆行間 */
.well31 { margin:2em 0 2em; padding:1em 1.5em;line-height:2.0; border:1px dashed #cdcdcd; background:#fcfcfc;  box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.well31 ol li {
    list-style-type: decimal;
    font-size:13px !important;
    line-height:1.8 !important;
  }


/* 囲み枠 */
.box29 {
    position: relative;
    margin-top:;
    margin-bottom:;
    padding: 1em 1em;
    border: solid 3px #e8e8e8;
}
.box29 p {
    margin: 0; 
    padding: 0;
    font-size:14px;
}

/* 囲み枠 */
.box30 {
    position: relative;
    margin-top:;
    margin-bottom:;
    padding: 1em 1em;
    border: 1px dashed #cdcdcd;
    background:#fcfcfc;  
    box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3);
}
.box30 ol li {
    list-style-type: decimal;
    font-size:13px !important;
    line-height:1.8 !important;
  }

/* 囲み枠 */
.box31 {
    position: relative;
    margin-top:;
    margin-bottom:;
    padding: 1em 1em;
    border: 1px dashed #cdcdcd;
    background:#fcfcfc;  
    box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3);
}
.box31 ol li {
    list-style-type: decimal;
    font-size:;
    line-height:;
  }