@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*[HTML] a********************/
.entry-content p a { text-decoration: none !important; }/*リンクのアンダーラインを非表示*/

/*[HTML] strong********************/
strong {color: #008000;}

/*[TP] 太文字.css********************/
span.hutoji {font-weight: bold;}

/*[TP] 小文字.css********************/
span.TP-small {font-size: small;}

/*[TP] 注目!!********************/
.TP-chumoku {
	color: #fff;
	background-color: #fc7a22;
	padding: 1px 5px 0px;
	margin: 0px 7px;
	border-radius: 3px;
	font-size: .9em /*15px*/;
	font-weight: bold;
}

/*[TP] 取り消し線.css********************/
span.torikeshisen {
	text-decoration:line-through;
	text-decoration-color:#000000;/*線の色を指定*/
	text-decoration-style:double;/*線のスタイルを指定*/
}

/*[HTML] 文字中央寄せ(P)********************/
p.center {
	text-align: center;
	font-size: .9em;
}

/*[TP] 太字 + 色（Google - Mapと同色）********************/
.google-map-kiiro, .google-map-midori, .google-map-usumidori, .google-map-mizuiro, .google-map-ao, .google-map-koniro, .google-map-murasaki, .google-map-akairo, .google-map-orenji, .google-map-tyairo, .google-map-haiiro, .google-map-kuro {font-weight: bold;}
.google-map-kiiro {color: rgb(244,235,55);}/*黄色*/
.google-map-usumidori {color: rgb(98,175,68);}/*薄緑色*/
.google-map-midori {color: rgb(0,157,87);}/*緑色*/
.google-map-mizuiro {color: rgb(11,169,204);}/*水色*/
.google-map-ao {color: rgb(65,134,204);}/*青色*/
.google-map-koniro {color: rgb(63,91,169);}/*紺色*/
.google-map-murasaki {color: rgb(124,53,126);}/*紫色*/
.google-map-orenji {color: rgb(248,151,27);}/*橙色*/
.google-map-akairo {color: rgb(219,68,54);}/*赤色*/
.google-map-tyairo {color: rgb(121,80,70);}/*茶色*/
.google-map-haiiro {color: rgb(119,119,119);}/*灰色*/
.google-map-kuro {color: rgb(0,0,0);}/*黒色*/

/*引用、引用風のBOX********************/
.entry-content blockquote, 
.inyou-modoki {
   font-size: 16px;
	box-sizing: border-box;
	margin: 1.3em 0;
	padding: 10px 15px 5px 40px;
	font-style: normal;
	border-radius: 2px;
	position: relative;
	background-color: #fff;
	border: solid 2px #bdbdbd;
}
.entry-content blockquote { color: #464646; }
.entry-content blockquote:before, 
.inyou-modoki:before {
	top: 20px;
	left: 10px;
	font-size: 20px;
}
.entry-content blockquote:before { color: #241d4f !important; }
.inyou-modoki:before {
	display: inline-block;
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f10d";
	font-weight: 900;
	vertical-align: middle;
	line-height: 1;
	color: #ed1c24 !important;
}
.entry-content blockquote p,
.inyou-modoki p {
	margin: 10px 0px 5px;
	color: #545B63;
}
.inyou-modoki p {
	padding: 0;
	line-height: 1.7;
}
a .inyoumoto { /*aタグ 引用元専用.css*/
	display: inline;
	text-align: right;
	color: #a7a199;
	font-size: 12px;
	cursor: /*default*/text;
	font-style: italic;
}
.inyoumoto:before {	content: "引用元：";}
.entry-content blockquote ul, 
.entry-content blockquote ol {color: #545B63;}

/*h2********************/
.entry-content h2 {
	position: relative;
	border: none;
	font-weight: bold;
	padding: 12px 5px 12px 20px;
	background: #333333;
	color:#fff;
}
/*h3********************/
.entry-content h3 { border-left: solid 8px #60caad !important; }
/*h4********************/
.entry-content h4 {
	border-bottom: 2px dashed #a7a199;
	padding: .5em 0;
}
/*h5********************/
.entry-content h5 {
	margin-bottom: 1em;
	padding-top: 10px;
	margin-left: -10px;
}
.entry-content h5:before {
	content: '◆\a';
	color: #111111;
}
/*テーブル********************/
.entry-content table th { text-align: left; }
tr.tr-head th, tr.tr-head {
	padding: 2px;
	background: var(--wp--preset--color--sango-pastel);/*SANGOの"薄めの下地色"に連動*//*#c8e4ff*/
	font-weight: bold;
	text-align: left/*center*/;
	color: #252525;
}
table { font-size: 0.9em; color: #000; }
.table-bg-white > table {
	background: #fff;
	text-align: left;
	width: 100%;
	margin: 5 auto 1em;/*上 左右 下*/
	border: 1px solid #545B63;
}
@media screen and (max-width: 459px) { .table-bg-white > table { width: 100%; } }
.table-bg-white > table tr:not(:last-child) { border-bottom: 1px solid #3e3e3e; }
.table-bg-white > table td {
	border-right: 1px solid #545B63;
	padding: 5px;
}
.scroll-box table {	max-width:initial; }
.scroll-box {
	overflow-x: auto;
	margin-bottom:10px;
	white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll-box::-webkit-scrollbar { height: 5px; }
.scroll-box::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #f3f3f3;
}
.scroll-box::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #ccc;
}

/*投稿ページ（https://runbkk.net/blog/）の記事カードに余白を追加********************/
.c_linkto:not(.longc_linkto) img { padding: .45em .45em 0 .45em;}

/*ページャーを四角にする（参考　https://for-men.jp/pager/）********************/
.pagination span , .pagination a{ border-radius: 5%; }

/*[TP] Google Mapの使い方********************/
.googlemap-box-title:before {
	padding: 0px 2px;
	color: #dd4e40;
	font-family: "Font Awesome 5 Free";
	content: "\f3c5  ";
}
.googlemap-box-title {
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: -30px;
	left: -3px;
	height: 28px;
	padding: 0 10px;
	border-radius: 3px 3px 0px 0px;
	background: #22a565;
	color: #fff;
	vertical-align: middle;
	line-height: 28px;
}
.googlemap-box {
	position: relative;
	padding: 12px 12px 0px !important;
	margin: 3em 0 2em !important;
	border-radius: 3px;
	border: solid 3px #22a565 !important;
	background: #ffffff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);
}
.googlemap-box p { margin-bottom: 0.7em; }
.googlemap-box ul {	margin: 0px auto; padding-top: 5px; }
span.google-map-slide-menu:before {	content: url(/wp-content/uploads/google-map-slide-menu.png); }
span.google-map-fullscreen:before {	content: url(/wp-content/uploads/google-mapfullscreen.png); }
span.google-map-slide-menu:before, span.google-map-fullscreen:before { margin: 0px;	position: relative;	top: 3px; }

/*[TP] free box********************/
.free-box-title {
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: -30px;
	left: -3px;
	height: 28px;
	padding: 0 10px;
	border-radius: 3px 3px 0px 0px;
	color: #fff;
	background: #ffb36b;
	font-size: 17px;
	vertical-align: middle;
	line-height: 28px;
}
.free-box .free-box-title:before {
	padding: 0px 5px;
	font-family: "Font Awesome 5 Free";
	content: "\f0a4 ";
}
.free-box {
	position: relative;
	line-height: 1.8;
	padding: 14px 12px 0px;
	margin: 3em 0 2em;
	box-sizing: border-box;
	border-radius: 2px;
	border: solid 3px #ffb36b;
	background: #fffbf5;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);
}
.free-box p { margin-bottom: 0.7em; }
.free-box ul { margin: 0px auto; }

/*[TP] 〜のもくじへ戻るボタン*/
.back-to-top-btn {
	display: inline-block;
	padding: 5px 20px 5px 15px;
	margin: 20px 0px 10px;
	background: #eaedf2;
	font-weight: bold;
	/*border: solid var(--wp--preset--color--sango-main);*/
	border-radius: 3px;
}
.back-to-top-btn:before, .back-to-top-btn a { color:#0053f9; }
.back-to-top-btn:before {
	font-family: "Font Awesome 5 Free";
	margin: 0px 15px 0px 2px;
	content: '\f062';
}

/*[SANGO] 関連記事 kanren（https://saruwakakun.com/sango/shortcode-list#i-2）*/
.linkto {
	border: solid 2px #000000;
	border-radius: 0px;
}
.linkto img,
.linkto:hover img {
	box-shadow: none;
}
.linkto:hover {
	background:#ffffff;
	box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
}

/*[SANGO]カードタイプの関連記事 card2（https://saruwakakun.com/sango/shortcode-list#i-4）*/
/*.c_linkto.longc_linkto*/.longc_linkto {
	border: solid 2px #333333;
	border-radius: 0px;
}
.longc_img img { padding: 0.45em 0.45em 0.45em 0.45em; }
.c_linkto_long { transition: 0.5s ; }
.c_linkto_long:hover {
	box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
}
/*****レイアウト崩れ修正 - 確定cssのみ、以下*****/


/*[PORIPU] ワンポイント吹き出し（参考　https://oldno07.com/poripu/add-code/#i）********************/
.points p {
	margin: 0;
	padding: 0 1em;
}
.points {
	position: relative;
	display: inline-block;
	/*margin: 1.5em 0 .9em 0;*/
	padding: 5px 20px;
	min-width: 120px;
	max-width: 100%;
	color: #fff;
	background: #81D4FA;
	border-radius: 15px;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
}
.points:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 30%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 10px solid #81D4FA;
}
.points.p-red {background: #ef9a9a;} .points.p-red:before{border-top: 10px solid #ef9a9a;}/*赤系*/
.points.p-orange {background: #FFCC80;} .points.p-orange:before{border-top: 10px solid #FFCC80;}/*オレンジ系*/
.points.p-green {background: #80CBC4;} .points.p-green:before{border-top: 10px solid #80CBC4;}/*緑系*/
.points.p-blue {background: #7986CB;} .points.p-blue:before{border-top: 10px solid #7986CB;}/*青系*/
.points.p-custom {background: var(--wp--preset--color--sango-accent);} .points.p-custom:before{border-top: 10px solid var(--wp--preset--color--sango-accent);}/*カスタマイズ用 - SANGOのアクセントカラーに連動*/

/*[PORIPU] 関連リンク用吹き出し（参考　https://oldno07.com/poripu/add-code/#i-8）********************/
.prp-kanren {
	position: relative;
	background-color: #fff;
	border: 2px solid #E0E0E0;
	border-radius: 5px;
	margin:30px 5px 20px 7px;
	padding: 25px 20px 15px 20px;
}
.prp-kanren:before {
position: absolute;
	border-radius: 15px;
	background-color: #9E9E9E;
	color: #fff;
	font-family:"FontAwesome", "Helvetica","Yu Gothic";
	content: '関連する記事';
	font-size: 14px;
	font-weight: bold;
	padding: 5px 20px;
	left: -10px;
	top: -20px;
}
.prp-kanren:after {
	position: absolute;
	border-top: 12px solid #9E9E9E;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	content: '';
	top: 10px;
	left: 15px;
}
.prp-kanren ul {
	list-style-type: none;
	border:none;
	margin:0;
	padding:0;
}
.prp-kanren ul li {
	list-style-type: none !important;
	position: relative;
	padding: .2em 0 .2em 1.5em;
	line-height: 1.5;
}
.prp-kanren ul li:before {
	position: absolute;
	left: 0;
	display: inline-block;
	font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
	content:'\f05d\ ';
	color: #9E9E9E;
	width: 8px;
	height: 8px;
	margin: 0 16px 20px 0;
}
.fa5 .prp-kanren ul li:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f058';
}
/*赤系*/
.prp-kanren.p-red { border: 2px solid #ffcdd2; }
.prp-kanren.p-red:before { background-color: #ef9a9a; }
.prp-kanren.p-red:after { border-top: 12px solid #ef9a9a; }
.prp-kanren.p-red ul li:before { color: #ef9a9a; }
/*オレンジ系*/
.prp-kanren.p-orange { border: 2px solid #FFE0B2; }
.prp-kanren.p-orange:before { background-color: #FFCC80; }
.prp-kanren.p-orange:after { border-top: 12px solid #FFCC80; }
.prp-kanren.p-orange ul li:before { color: #FFCC80; }
/*緑系*/
.prp-kanren.p-green { border: 2px solid #B2DFDB; }
.prp-kanren.p-green:before { background-color: #80CBC4; }
.prp-kanren.p-green:after { border-top: 12px solid #80CBC4; }
.prp-kanren.p-green ul li:before { color: #80CBC4; }
/*青系*/
.prp-kanren.p-blue { border: 2px solid #C5CAE9; }
.prp-kanren.p-blue:before { background-color: #7986CB; }
.prp-kanren.p-blue:after { border-top: 12px solid #7986CB; }
.prp-kanren.p-blue ul li:before { color: #7986CB; }
/*カスタマイズ用 - SANGOのアクセントカラーに連動*/
.prp-kanren.p-custom { border: 2px solid var(--wp--preset--color--sango-accent); }
.prp-kanren.p-custom:before { background-color: var(--wp--preset--color--sango-accent); }
.prp-kanren.p-custom:after { border-top: 12px solid var(--wp--preset--color--sango-accent); }
.prp-kanren.p-custom ul li:before { color: var(--wp--preset--color--sango-accent); }
/*関連記事BOX内のリストタグ（番号なし）css調整用*/
.prp-kanren ul { padding-left: 0px !important; }

/*[SANGO] BOX2 移植********************/
.box-c {
	margin: 2em 0;
	padding: 1.5em 1em;
	border: solid 2px #d1d1d1;
	border-radius: 5px;
	background: #fff;
}
.box-c p {
	margin: 0;
	padding: 0;
}

/*[SANGO] BOX｜メモ********************/
.box-supplement {
	background: #FFFDE7;
	position: relative;
	line-height: 1.8;
	padding: 6px 12px !important;
	margin: 0 auto 20px auto !important;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);
}
/*[SANGO] BOX｜注意********************/
.box-warning {
	background: #FCE4EC;
	position: relative;
	line-height: 1.8;
	padding: 6px 12px !important;
	margin: 0 auto 20px auto !important;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);
}
/*[PORIPU] BOX｜ノート********************/
.memo.note { background: #f6f6f6; }/*灰色背景*/ 
.memo.note .memo_ttl { color: #777777; }
.memo.note .memo_ttl:before {
    background: #777777;
    font-family:"FontAwesome";
    content: "\f02d";
}
.fa5.memo.note .memo_ttl:before{
    font-family:"Font Awesome 5 free";
    font-weight:900;
    content: "\f02d";
}
/*[PORIPU] BOX｜セーフ********************/
.memo.safe { background: #e8f4ff; }/*水色背景*/
.memo.safe .memo_ttl { color: #5dbce8; }
.memo.safe .memo_ttl:before {
    background: #5dbce8;
    font-family:"FontAwesome";
    content: "\f2b4";
}
.fa5 .memo.safe .memo_ttl:before{
    font-family: "Font Awesome 5 free";
    font-weight:900;
    content: "\f024";
}
/*[for-men.jp] BOX｜ポイント********************/
.memo.point { background: #E8FFE8; }/*緑色背景*/
.memo.point .memo_ttl { color: #4DB6AC; }
.memo.point .memo_ttl:before {
    background: #4DB6AC;
    font-family:"FontAwesome";
    content: "\f2b4";
}
.fa5 .memo.point .memo_ttl:before{
    font-family: "Font Awesome 5 free";
    font-weight:900;
    content: "\f06c";
}

/*リストタグ********************/
.entry-content ul, .entry-content ol {
	border: 0px;
}
.entry-content ul {
	padding-left: 40px;
}
.entry-content ol {
	padding-left: 20px;
	counter-reset: number;
}
.entry-content ol li {
	list-style: none;
	position: relative;
	padding-left: 1.6em;
}
.entry-content ol li:before {
	counter-increment: number;
	content: counter(number);
	background: #e55937;
	color: #fff;
	width: 1.5em;
	height: 1.5em;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	display: block;
	text-align: center;
	line-height: 1.5em;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 11px;
}

/*画像キャプション********************/
.entry-content .wp-caption {
	max-width: 100%;
	border: none;
	padding: 0px;
}
.entry-content .wp-caption p,
.entry-content .wp-caption p.wp-caption-text,
.entry-content .wp-caption p.wp-caption-text a,
.entry-content .wp-caption p.wp-caption-text a:hover {
	color: #a7a199;
	font-style: italic;
	font-size: 13px;
	text-align: right;
	text-decoration: none; 
	cursor: text;
	margin: 0px;
	padding: 0px 5px 10px 0px;
}

/*投稿 > カテゴリー********************/
.entry-count {
/*float: right;*/
	margin-left: 14px;
	border-radius: initial;
}

/*投稿 > タグ********************/
  a.tag-link-261 {/*PR（tag/public-relations/）*/
  /*color: #3e3e3e;
  background-color: var(--wp--preset--color--sango-accent);*/ /*背景色 - SANGOの"アクセントカラー"に連動*/
  }

/*このページのURLをコピーするボタン（参考　https://vitalenta.net/url-copybtn/）********************/
.copy_btn {
	padding: 10px 0 !important;
	font-weight:bold;
	color: #252525;
	text-align: center;
	cursor: pointer;
	background: var(--wp--preset--color--sango-accent);/*背景色 - SANGOの"アクセントカラー"に連動*/
	transition: .3s;
}
.copy_btn:hover {/*ホバー*/
	/*color: #fff;*/
	/*background: var(--wp--preset--color--sango-pastel);*//*背景色 - SANGOの"薄めの下地色"に連動*/
	opacity: 0.5;
}
.copy_btn i:before {
	display: inline-block;
	margin-right: 5px;
	content: '\f0c5';
	font-size: 20px;
	vertical-align: middle;
}
.copy_btn.copied {/*コピー成功時*/
	color: #fff;
	background: var(--wp--preset--color--sango-main);/*背景色 - SANGOの"メインカラー"に連動*/
	pointer-events: none;
}
.copy_btn.copied i:before {
	content: '\f00c';
}
.copy_btn.not-copied {/*コピー失敗時*/
	color: #fff;
	background: #d87f74;/*背景色 - 赤系*/
	pointer-events: none;
}
.copy_btn.not-copied i:before {
	content: '\f06a';
}

/*pcketに保存するボタン********************/
/*.tp-pocket-save-btn {
	 display:block;
	padding: 10px 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background: #ee4056;
	transition: .3s;
	}
.tp-pocket-save-btn:hover {
	text-decoration:none;
	color: #252525;
	background: var(--wp--preset--color--sango-pastel);
}*/

/*外観 > ウィジェット > サイドバー > 最近のコメント（リッチ）（参考 https://nelog.jp/recent-comments-widget-custom）********************/
dl.recent-comments {
	width:100%;
	margin: 10px auto;
}
dl.recent-comments dt {
	text-align: left;
	clear: left;
	float: left;
	width: 46px;
	white-space: nowrap;
	margin: 3px 3px 0px;
}
dl.recent-comments dd {
	margin-left: 0px;
	margin-bottom: 15px;
	border-bottom: dotted 2px #3e3e3e;
	background-color: #fff;
}
dl.recent-comments dd:last-child {
	border-bottom: dotted 0px;
}
dl.recent-comments dd .recent-comment-author{
	font-weight: bold;
}
dl.recent-comments dd .recent-comment-content{
	font-size: 14px;
	white-space: pre-wrap;
}
div.recent-comment-title {
	font-size: 12px;
}
div.recent-comment-date {
	font-size: 10px;
	color: #a7a199;
}

/*コメント欄********************/
/*.comment-form-url { display: none; }*//*URL入力欄を非表示*/

/*プロフィール関係********************/
.profile-background {/*背景画像に余白*/
	margin:0px 10px;
	padding-top:10px;
}
.yourname {font-size: 18px;}
.profile-content p {
	white-space: pre-wrap;/*プロフィール内での改行*/
	margin: 10px 0px 0px;/*外側余白｜上 左右 下*/
} 
.author-info__inner p {	white-space: pre-wrap;} /*記事下"この記事を書いた人"欄*/

/*[SANGO] レイアウト崩れ等の修正********************/


/*フッターメニュー（ページ最下部）（参考 https://for-men.jp/footer-btn/）********************/
#footer-menu .footer-links a /*, .privacy-policy-link*/ {
	color:#252525 !important;
	display: inline-block;
	background: #e9e9e9;
	padding: 5px 13px;
	border-radius: 3px;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: .8em;
}
#footer-menu .footer-links a:hover {
	text-decoration: none;
	box-shadow: 0 10px 15px -3px rgba(0,0,0,.24);
}

/*ウェブサービス｜アプリーチ（https://mama-hack.com/app-reach/）********************/
.appreach {
  text-align: left;
	padding: 10px;
	border: solid 2px #000000;
	background: #fff;/*背景色*/
	border-radius: 3px;/*角を丸く*/
	box-shadow: 0 8px 15px -5px rgba(0,0,0,.25);/*影*/
	overflow: hidden;
	margin: 20px 0px;/*上下 左右*/
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p { margin: 0; }
.appreach a:after { display: none; }
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
	content: "";
	display: block;
	clear: both;
}
.appreach__name {
	font-weight: bold;/*文字の太さ*/
	font-size: 16px;
	line-height: 1.5em !important;
	max-height: 3em;
	overflow: hidden;
}
.appreach__info { font-size: 12px !important; }
.appreach__developper, 
.appreach__price {
	font-weight: bold;/*文字の太さ*/
	margin-right: 0.5em;
}
.appreach__posted,
.appreach__posted a { /*visibility:hidden !important;*/
	margin-left: 0.5em;
}
.appreach__posted a {
	color: #545B63 !important;/*リンク色*/
	cursor: text !important;/*オンマウス時*/
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img,
.appreach__gplink img {
	height: 40px;
	box-shadow: 0 8px 15px -5px rgba(0,0,0,.25);
	transition: .3s ease-in-out;
}
.appreach__aslink img {
  margin-right: 10px;
  width: 135px;
}
.appreach__gplink img {
	width: 134.5px;
}
.appreach__aslink img:hover,
.appreach__gplink img:hover {
	box-shadow: 0 12px 15px -5px rgba(0,0,0,.25);
	transition: .3s ease-in-out;
}

/*プラグイン ｜Rinker（https://rinker.booth.pm/items/891465）********************/
 div.yyi-rinker-contents div.yyi-rinker-box { border: solid 2px #000000; }
 div.yyi-rinker-contents ul.yyi-rinker-links li {
	 display: inline-block;
	height: 37px;
	margin: 5px 10px 5px 0;
	padding: 0 12px;
	border-radius: 3px;
	background: #73c1ea;
	box-shadow: 0 8px 15px -5px rgba(0,0,0,.25);
	font-size: .85em;
	font-weight: bold;
	vertical-align: middle;
	line-height: 37px;
	transition: .3s ease-in-out;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover { box-shadow: 0 12px 15px -5px rgba(0,0,0,.25); }
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { background: #ffb36b; }
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { background: #ea7373; }
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 37px;
	line-height: 37px;
	font-size: 0.95em;
	padding-right: 0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:before {
	padding-right: 3px;
	font-family: "Font Awesome 5 Free";
	content: "\f0da"!important;
	right: auto;
}

/*プラグイン ｜SNS Count Cache｜Twitterのシェア数だけ非表示********************/
.tw.sns-btn__item .scc.dfont { display: none; }

/*プラグイン ｜Invisible reCaptcha｜バッヂを右寄せ表示********************/
.grecaptcha-badge {
	margin-top : 30px;
	margin-left	: auto;
}

/*[TP] hotel box（agoda , expedia , hotels , booking）********************/
.hotellink-box,
.hotel-ichiran-link-box {
	width: 100%;
	margin: 0 0 2rem;
	padding: 1rem;
	background: #fff/*#f9f9f9*/;
	border: solid 2px #000000;
	border-radius: 2px;
	box-sizing: border-box;
	zoom: 1;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);
}
.hotellink-image,
.hotel-ichiran-link-image {
	float: left;
	width: 205px;
	margin: 0;
	text-align: center;
}
.hotellink-info,
.hotel-ichiran-link-info {
	margin: 0 0 0 220px;
	line-height: 1.6rem;
}
.hotellink-name,
.hotel-ichiran-link-name {
	font-size: 105%;
	color: #000;
	font-weight: bold;
}
.hotellink-name { margin: 0px; }
.hotel-ichiran-link-name { margin-bottom: 25px; }
.hotellink-name:before,
.hotel-ichiran-link-name:before {
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
}
.hotellink-name:before { content: " \f0da  "; }
.hotel-ichiran-link-name:before { content: " \f236  "; }
.hotellink-box ul {	margin: 0px 0px 10px 0px; }
.hotellink-box ul li {
	font-size: 95%;
	margin: 10px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
}
.hotellink-link1,
.hotel-ichiran-link-link1 { width: 90%; }
.hotellink-link1 div,
.hotel-ichiran-link-link1 div {
	float: left;
	width: 49%;
	margin-bottom: 1%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.hotellink-link1 div:nth-child(even), 
.hotel-ichiran-link-link1 div:nth-child(even) { margin-left: 2%; }
.hotellink-link1 div a,
.hotel-ichiran-link-link1 div a {
	display: block;
	padding: 3px 0;
	margin-bottom: 4px;
	text-decoration: none;
}
.hotelagoda a,
.hotelexpedia a,
.hotelbookingcom a,
.hotelhotelscom a,
.hotel-ichiran-agoda a,
.hotele-ichiran-xpedia a,
.hotel-ichiran-hotelescom a,
.hotele-ichiran-bookingcom a {
	display: block;
	text-decoration: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);
	position: relative;
	overflow: hidden;
}
.hotelagoda a:hover,
.hotelexpedia a:hover,
.hotelbookingcom a:hover,
.hotelhotelscom a:hover,
.hotel-ichiran-agoda a:hover, 
.hotel-ichiran-expedia a:hover { box-shadow: 0 12px 15px -5px rgba(0,0,0,.25); }
/*↓ボタン光る↓*/
.hotelagoda a:after,
.hotelexpedia a:after,
.hotelhotelscom a:after, 
.hotelbookingcom a:after, 
.hotel-ichiran-agoda a:after, 
.hotele-ichiran-xpedia a:after, 
.hotel-ichiran-hotelscom a:after, 
.hotele-ichiran-booking a:after {
	content:'';
	height: 100%;
	width: 30px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #BDBDBD;
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 4.0s ease-in-out infinite;
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/*↑ボタン光る↑*/
.hotelagoda a {
	color: #545B63;
	background: #ffffff;
	border-radius: 3px;
	border: 2px solid #3e3e3e;
}
.agoda-a {color: #ff0000;}
.agoda-g {color: #ff9900;}
.agoda-o {color: #339966;}
.agoda-d {color: #800080;}
.agoda-a2 {color: #0174df;}
.hotelexpedia a {
	color: #FFFF00;
	background: #00355f;
	border-radius: 3px;
	border: 2px solid #00355f;
}
.hotelbookingcom a {
	color: #f2f6fa;
	background: #003580;
	border-radius: 3px;
	border: 2px solid #003580;
}
.hotelhotelscom a {
	color: #FFF;
	background: #d32f2f;
	border-radius: 3px;
	border: 2px solid #d32f2f;
}
.hotel-yoyaku-agoda:after,
.hotel-yoyaku-expedia:after,
.hotel-yoyaku-bookingcom:after,
.hotel-yoyaku-hotelscom:after,
.hotel-ichiran-yoyaku-agoda:after,
.hotel-ichiran-yoyaku-expedia:after,
.hotel-ichiran-yoyaku-hotelscom:after,
.hotel-ichiran-yoyaku-bookingcom:after {
	font-size:13px;
	font-family: "Font Awesome 5 Free";
}
.hotel-yoyaku-agoda:after,
.hotel-yoyaku-expedia:after { content: " で予約"; }
.hotel-yoyaku-hotelscom:after, 
.hotel-yoyaku-bookingcom:after { content: ".com で予約"; }
.hotel-ichiran-yoyaku-agoda:after, 
.hotel-ichiran-yoyaku-expedia:after { content: " で検索"; }
.hotel-ichiran-yoyaku-hotelscom:after, 
.hotel-ichiran-yoyaku-bookingcom:after { content: ".com で検索"; }
.hotel-yoyaku-agoda:after,
.hotel-ichiran-yoyaku-agoda:after {	color: #545B63;	}
.hotel-yoyaku-expedia:after,
.hotel-ichiran-yoyaku-expedia:after, 
.hotel-yoyaku-hotelscom:after, 
.hotel-ichiran-yoyaku-hotelscom:after {	color: #fff; }
.hotel-yoyaku-bookingcom:after,
.hotel-ichiran-yoyaku-bookingcom:after { color: #009fe3; }
.hotellink-box:after,
.hotellink-box:after,
.hotel-ichiran-link-box:after,
.hotellink-box:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
@media only screen and (max-width:768px) {
	.hotelexpedia a { margin-bottom: 10px; }
	.hotel-yoyaku-agoda:after,
	.hotel-yoyaku-expedia:after,
	.hotel-yoyaku-hotelscom:after,
	.hotel-yoyaku-bookingcom:after,
	.hotel-ichiran-yoyaku-agoda:after,
	.hotel-ichiran-yoyaku-expedia:after
	.hotel-ichiran-yoyaku-hotelscom:after
	.hotel-ichiran-yoyaku-bookingcom:after { font-family: "Font Awesome 5 Free"; }
	.hotel-yoyaku-agoda:after,
	.hotel-yoyaku-expedia:after { content: " で予約　\f0a9"; }
	.hotel-yoyaku-hotelscom:after,
	.hotel-yoyaku-bookingcom:after { content: ".com で予約　\f0a9"; }
	.hotel-ichiran-yoyaku-agoda:after,
	.hotel-ichiran-yoyaku-expedia:after { content: " で検索　\f002"; }
	.hotel-ichiran-yoyaku-hotelscom:after,
	.hotel-ichiran-yoyaku-bookingcom:after { content: ".com で検索　\f002"; }
	.hotellink-name,
	.hotel-ichiran-link-name { margin: 15px 0px 15px 5px; }
	.hotellink-image,
	.hotel-ichiran-link-image {
		float: none;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.hotellink-image img,
	.hotel-ichiran-link-image img { width: 380px; }
	.hotellink-info,
	.hotel-ichiran-link-info { margin: 0; }
	.hotellink-link1,
	.hotel-ichiran-link-link1 { width: 100%; }
	.hotellink-link1 div,
	.hotel-ichiran-link-link1 div {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.hotellink-link1 div:nth-child(even),
	.hotel-ichiran-link-link1 div:nth-child(even) {
		margin-left: 0;
		margin-bottom: 10px;
	}
}