/*
カスタム CSS 機能へようこそ。

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

.box1 {
	float: left;
	margin-right: 10px;
}

.linkbox {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px #62c1ce;
}

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

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

.button {
	display: inline-block;
	width: 200px;
	padding: 20px;
	border-radius: 4px;
	background-color: #3fc6d8;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.2rem;
	margin: 10px;
}

.button:hover {
	background-color: #5ad3e3;
}

.button a {
	color: #fff;
}

.textsmall{
	font-size:13px;
	line-height: 13px;
}


/*
マーカー
*/

.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}


/*
青ボタン
*/

.square_btn{
    display: inline-block;
	  box-sizing: border-box;
	　cursor : pointer;
	  width:100%;
    padding: 20px;
	  text-align: center;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-radius: 3px;
}

.square_btn:hover{
	background:#77a4df;
	cursor : pointer;
}


.square_btn a {
	color: #fff;
	text-decoration: none;
}


/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/
.cstmreba {
	width: 98%;
	height: auto;
	margin: 36px auto;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.cstmreba a {
	transition: .8s;
	color: #285EFF;
/* テキストリンクカラー */
}

.cstmreba a:hover {
	color: #FFCA28;
/* テキストリンクカラー(マウスオーバー時) */
}

.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fafafa;
/* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0 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;
}

.booklink-link2>div,
.kaerebalink-link1>div,
.tomarebalink-link1>div {
	float: left;
	width: 24%;
	min-width: 125px;
	margin: .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% .5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.26);
}

/* トマレバ */
.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: #FF9901;
	border: 2px solid #ff9901;
}

/* Amazon */
.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
}

/* 楽天 */
.kaerebalink-link1 .shoplinkseven a, .booklink-link2 .shoplinkseven a {
	background: #225496;
	border: 2px solid #225496;
}

/* 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: #FF9901;
}

/* Amazon */
.kaerebalink-link1 .shoplinkrakuten a:hover, .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000;
}

/* 楽天 */
.kaerebalink-link1 .shoplinkseven a:hover, .booklink-link2 .shoplinkseven a:hover {
	color: #225496;
}

/* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.booklink-footer {
	clear: both;
}

/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px) {
	.booklink-image,
		.kaerebalink-image,
		.tomarebalink-image {
		width: 100%;
		float: none;
	}
	
	.booklink-link2>div,
		.kaerebalink-link1>div,
		.tomarebalink-link1>div {
		width: 32.33%;
		margin: .5%;
	}
	
	.booklink-info,
		.kaerebalink-info,
		.tomarebalink-info {
		text-align: center;
		padding-bottom: 1px;
	}
}

/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px) {
	.booklink-link2>div,
		.kaerebalink-link1>div,
		.tomarebalink-link1>div {
		width: 49%;
		margin: .5%;
	}
}

/*
	Jetpack から移行された CSS
*/

/*
カスタム CSS 機能へようこそ。

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

.box1 {
	float: left;
	margin-right: 10px;
}

.linkbox {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px #62c1ce;
}

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

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

.button {
	display: inline-block;
	width: 200px;
	padding: 20px;
	border-radius: 4px;
	background-color: #3fc6d8;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.2rem;
	margin: 10px;
}

.button:hover {
	background-color: #5ad3e3;
}

.button a {
	color: #fff;
}

/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/
.cstmreba {
	width: 98%;
	height: auto;
	margin: 36px auto;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.cstmreba a {
	transition: .8s;
	color: #285EFF;
/* テキストリンクカラー */
}

.cstmreba a:hover {
	color: #FFCA28;
/* テキストリンクカラー(マウスオーバー時) */
}

.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fafafa;
/* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0 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;
}

.booklink-link2>div,
.kaerebalink-link1>div,
.tomarebalink-link1>div {
	float: left;
	width: 24%;
	min-width: 125px;
	margin: .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% .5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.26);
}

/* トマレバ */
.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: #FF9901;
	border: 2px solid #ff9901;
}

/* Amazon */
.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
	background: #bf0000;
	border: 2px solid #bf0000;
}

/* 楽天 */
.kaerebalink-link1 .shoplinkseven a, .booklink-link2 .shoplinkseven a {
	background: #225496;
	border: 2px solid #225496;
}

/* 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: #FF9901;
}

/* Amazon */
.kaerebalink-link1 .shoplinkrakuten a:hover, .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000;
}

/* 楽天 */
.kaerebalink-link1 .shoplinkseven a:hover, .booklink-link2 .shoplinkseven a:hover {
	color: #225496;
}

/* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.booklink-footer {
	clear: both;
}

/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px) {
	.booklink-image,
		.kaerebalink-image,
		.tomarebalink-image {
		width: 100%;
		float: none;
	}
	
	.booklink-link2>div,
		.kaerebalink-link1>div,
		.tomarebalink-link1>div {
		width: 32.33%;
		margin: .5%;
	}
	
	.booklink-info,
		.kaerebalink-info,
		.tomarebalink-info {
		text-align: center;
		padding-bottom: 1px;
	}
}

/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px) {
	.booklink-link2>div,
		.kaerebalink-link1>div,
		.tomarebalink-link1>div {
		width: 49%;
		margin: .5%;
	}
}



/*****  詳細ボックス *****/
.info_ad_box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 30px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}


.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}


.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}



.kanren::before {
  content: "関連";
  font-size: .75em;
  background: #FF9F80;
  color: #fff;
  padding: 5px 5px 3px;
  margin-right: 5px;
  border-radius: 3px;
	text-decoration:none;
}

/*****  リストボックス *****/
ul.boxlist,ol.boxlist {
  color: #668ad8;/*文字色*/
  border: dashed 2px #668ad8;/*破線 太さ 色*/
  background: #f1f8ff; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;
}

ul.boxlist li,ol.boxlist li {
  line-height: 1.5;
  padding: 0.5em 0;
}



/*SANGO風プロフィール*/
.sidebar-profile {
   width: 90%;
   font-size: 1em;
   background-image: url("https://something-plus.com/img/p_img.jpg");
   background-repeat: no-repeat;
   background-size: 100% auto;
   padding:10px 10px;
}
/*土台の余白*/
div#custom_html-2 {
    padding: 0 !important;
}
/*画面横幅が992px以上のサイズ*/
@media only screen and (min-width: 992px){
.sidebar-profile {
   padding: 43% .9em 2em .9em;
}
}
/*画面横幅が576px以上、991px以下のサイズ*/
@media (max-width: 991px) and (min-width: 576px){
.sidebar-profile {
   padding: 50% .9em 2em .9em;
}
}
/*画面横幅が575px以下のサイズ*/
@media only screen and (max-width: 575px){
.sidebar-profile {
   padding: 45% .5em 2em .5em;
   width: 100%;
}
}
.profile-center{
   text-align: center;
   margin-bottom: 15px;
}
/*プロフィール画像を丸くする*/
.profileimg{
   width: 100px;
   height: 100px;
   border-radius: 50%;
   border: solid 3px #fff;
}
@media only screen and (max-width: 575px){
.profileimg{
   width: 80px;
   height: 80px;
}
}
/*名前*/
.profile-name{
   font-size: 1.2em;
   text-align: center;
   font-weight: bold;
   color: #505454;
}
/*「詳しいプロフィールを見る」まわり*/
.profile-center.more{
   margin: 1em 1em 2em;
}
.profile-center.more:before{
   font-family:"FontAwesome";
   content:"\f138";
   color: #a2d7f3;
   font-size: 115%;
   padding-right: 0.8em;
}
/*SNSアイコンリスト*/
ul.sns-follow {
   text-align: center;
}
ul.sns-follow li{
   display: inline-block;
   height: 45px;
   vertical-align: middle !important;
   margin-bottom: 0;
   padding: 0 5px 0 5px !important;
}
ul.sns-follow li a {
   display: block;
   width: 45px;
   height: 45px;
   border-radius: 50px;
   color: #FFFFFF;
}
/*Twitterボタン*/
ul.sns-follow li.twitter-btn a{
   background: rgba(29,161,242,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.twitter-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}
/*Facebookボタン*/
ul.sns-follow li.facebook-btn a{
   background: rgba(59,89,153,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.facebook-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}
/*Instagramボタン*/
ul.sns-follow li.instagram-btn a{
   background: rgba(241,63,121,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.instagram-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}
/*Feedlyボタン*/
   ul.sns-follow li.feed-btn a{
   background: rgba(108,198,85,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.feed-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-5px);
}

/*  関連記事　*/


.kanren-link {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #ee7917;
background-color: #fffbf5;
}
.kanren-link p:last-child {
margin-bottom: 0;
}
.kanren-link::before {
position: absolute;
bottom: 100%;
left: -2px;
padding: 2px 6px;
content: "あわせて読みたい";
background-color: #ee7917;
color: #fff;
font-weight: bold;
}



/*噴出し*/

.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

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


/************************************
** アイコンつきリスト
************************************/
/* ボックス全体 */
.iconbox{
  margin: 0 auto 2em; /* 余白 */
  background: #fef9ed; /* 背景色 */
  border-radius:4px; /* 角丸 */
  max-width:600px; /* 横幅 */
  padding: 0; /* 余白 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
}
/* ボックスタイトル */
.iconbox .box-title {
  font-size: 18px; /* 文字サイズ */
  background: #fdc44f; /* 背景色 */
  text-align: center; /* 文字配置 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字太さ */
  letter-spacing: 0.05em; /* 文字間隔 */
  border-radius:4px 4px 0 0; /* 角丸 */
  line-height:1.5; /* 行間 */
  padding:1em 2em; /* 余白 */
}
/* 段落の余白リセット */
.iconbox p {
  margin: 0;/* 文字の余白リセット */
  padding: 0; /* 文字の内側余白リセット*/
}
/* ボックス 中 */
.iconbox .iconbox-wrap{
  display:-webkit-box; /* 配置 */
    display:-ms-flexbox; /* 配置 */
  display:flex; /* 配置 */
  padding:1.3em 2em; /* 余白 */
}
/* コンテンツ */
.iconbox .iconbox-wrap .box-content{
   width: 97%;/*横幅 */
   margin: 0 3% 0 0 !important;/* 余白 */
   line-height:1.8;/* 行間 */
  -ms-flex-item-align: center;/* 中央寄せ */
   align-self: center;/* 中央寄せ */
}
/* コンテンツ段落 */
.iconbox .iconbox-wrap .box-content p{
  margin-bottom:1em;/*余白 */
}
/* アイコン&吹き出し */
.iconballoon{
  -ms-flex-item-align: end; /* 下部に配置 */
  align-self: flex-end; /* 下部に配置 */
}
/* アイコン */
.iconballoon .icon{
  text-align:center;/* 位置を中央へ */
}
/* アイコン画像 */
.iconballoon .icon img{
  width: 120px; /* 横幅 */
  margin:0; /* 余白 */
}
/* アイコン画像 (amp)*/
.iconballoon amp-img{
  max-width: 120px !important; /* 横幅 */
  margin:0; /* 余白 */
}
/* 吹き出し文字 */
.iconballoon .balloon p{
  line-height:1.4; /* 行間 */
}
/* 吹き出し */
.iconballoon .balloon{
  position:relative; /* 配置 */
  width:140px; /* 横幅 */
  background:#fff; /* 背景色 */
  padding:10px; /* 余白 */
  text-align:center; /* 中央寄せ */
  border:2px solid #999;/* 線(太さ 種類　色) */
  color:#555555;/* 文字色 */
  font-size:14px;/* 文字サイズ */
  font-weight:bold;/* 文字太さ */
  border-radius:10px;/* 角丸 */
  margin-bottom:10px;/* 余白 */
  line-height:1.5; /* 行間 */
}
/* 吹き出し(三角) */
.iconballoon .balloon:after,.balloon:before{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  position:absolute;
  top:100%;
  left:50%;
}
.iconballoon .balloon:after{
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#FFFFFF;
}
.iconballoon .balloon:before{
   border-color:"rgba(153, 153, 153, 0)";
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    margin-top: 1px;
    border-top-color:#999999;
}
/*スマホ*/
@media screen and (max-width: 480px){
/* ボックスタイトル */
.iconbox .box-title {
  font-size: 14px; /* 文字サイズ */
}
/* ボックス 中 */
.iconbox .iconbox-wrap {
    padding: 1em 1em 1em 1.5em;/* 余白 */
}
/* コンテンツ */
.iconbox .iconbox-wrap .box-content{
  font-size:12px;/*文字サイズ */
}
/* アイコン画像 */
.iconballoon .icon img{
  width:80px;/* 横幅 */
  margin-top:5px;/* 余白 */
}
/* アイコン画像(amp) */
.iconballoon amp-img{
  max-width:80px !important;/* 横幅 */
  margin-top:5px;/* 余白 */
}
/* 吹き出し */
.iconballoon .balloon{
  width:80px;/* 横幅 */
  font-size:10px;/* 文字サイズ */
  padding: 1em 0;/* 余白 */
  border: 1px solid #999;/* 線(太さ 種類 色) */
}
/* 吹き出し(三角) */
.iconballoon .balloon:after {
    border-top-width: 12px;
    border-bottom-width: 10px;
    border-left-width: 11px;
    border-right-width: 11px;
    margin-left: -11px;
    border-top-color: #FFFFFF;
}
}
/************************************
** 箇条書き(点)
************************************/
/* 箇条書き */
.iconbox .list {
  list-style: none;/* 行頭記号削除  */
  padding: 0 !important;/* 余白リセット */
  margin: 0 !important;/* 余白リセット */
  border:none;/* 線リセット */
}
/* 箇条書き 行 */
.iconbox .list li { 
  position: relative;/* 行頭記号の配置  */
  margin: 0 0 0.5em 0 !important;/* 余白  */
  padding: 0 0 0.5em 1.4em !important;/* 余白 */
  line-height:1.8;/* 行間 */
}
/* 箇条書き 行頭記号 */
.iconbox .list li:before {
  background-color: #ffa952; /* 記号色 */
  position: absolute; /* 行頭記号の配置 */
  content: ''; /* 空文字 */
  top:13px; /* 上からの距離 */
  left: 0; /* 左からの距離 */
  width: 7px; /* 横幅 */
  height: 7px; /* 縦幅 */
  border-radius: 4px; /*角丸 */
}
/* 箇条書き 行頭記号リセット */
.iconbox .list-number li:after{
  content:'';
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き 行頭記号*/
   .iconbox .list li:before{
     top:8px;/* 上からの距離 */
   }
}
/************************************
** 箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.iconbox .list-number{
   counter-reset:number; /* 番号リセット */
   list-style: none !important;/* 行頭番号削除) */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.iconbox .list-number li {
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em !important;/* 余白 */
   line-height:1.8;/* 行間 */
}
/* 箇条書き(番号) 行頭番号 */
.iconbox .list-number li:before {
   counter-increment: number;/* 番号 */
   content: counter(number);/* 番号 */
   background-color: #fdc44f; /* 背景色 */
   color: #fff; /* 番号色 */
   position: absolute;/* 配置 */
   font-weight:bold;/* 文字太さ */
   font-size: 14px;/* 文字大きさ */
   border-radius: 50%;/* 角丸 */
   left: 0;/* 左からの距離 */
   top:4px;/* 上からの距離 */
   width: 22px;/* 横幅 */
   height: 22px;/* 縦幅 */
   line-height: 22px;/* 行間 */
   text-align:center;/* 中央寄せ */
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き(番号) 行 */
  .iconbox .list-number li{
     padding: 0 0 0.5em 2em !important;/* 余白 */
  }
  /* 箇条書き(番号) 行頭番号 */
  .iconbox .list-number li:before {
    font-size:10px;/* 文字大きさ */
    width: 18px;/* 横幅 */
    height: 18px;/* 縦幅 */
    line-height: 18px;/* 行間 */
    top:2px;/* 上からの距離 */
  }
}

/************************************
** ＼  新しいボックスとボタン    ／
************************************/

.box_gray {
    padding: 0.5em 1em;
    margin: 2em 0;
	padding:25px;
    color: #2c2c2f;
    background: #fafafa;/*背景色*/
	text-align: center;
}
.box_gray p {
    margin: 0;
	margin-bottom:10px;
    padding: 0;
}

.box_gray p.fons {
    margin: 0;
	margin-top:13px;
    padding: 0;
	font-size:14px;
}


.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  width:90%;
  padding:15px;
}

.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.box_gray_list {
    padding: 0.5em 1em;
    margin: 2em 0;
	padding:25px;
    color: #2c2c2f;
    background: #fafafa;/*背景色*/
}


/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 4列 */
flex-basis: calc(100%/2);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
/*filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));*//* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
  .p-nav ul li{
    -ms-flex-preferred-size: calc(100%/2);/* 2列 */
    flex-basis: calc(100%/2);/* 2列 */
  }
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #f6a068;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#f6a068;/* アイコン色 */
}


#site-title{
  margin-top:20px;
  margin-bottom:20px;
  font-size: 30px;
  line-height: 100%;
  background:url(https://something-plus.com/wp-content/uploads/2015/11/logo.gif) no-repeat;
  width:150px;
  height:146px;
  text-indent:-9999px;
  margin-left:auto;
  margin-right:auto;
}
#header {
  margin-bottom: 0px;
  background:#ffffff;
}