/* ---------------------------
 header
--------------------------- */
.header-container-in.hlt-top-menu .logo-header {
	max-height: unset;
}
.header-container-in.hlt-top-menu .logo-header img {
	height: 70px;
	width: 120px;
	max-height: unset;
}
.site-name-text {
	display: block;
	width: max-content;
	padding: 5px 20px 5px;
	margin: 0 0 0 20px;
	background: rgba(226,247,242,0.1);
	border: 1px solid #ddd;
	border-top: 0;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.site-name-text:hover {
	padding: 15px 20px 5px;
	margin: 0 0 -10px 20px;
}

/* ---------------------------
 上部nav
--------------------------- */
.content-top {
	width: 75%;
	height: 120px;
	margin: -100px 0 -30px 25%;
}
@media (min-width: 780px) {
	.content-top {
		margin: -100px 0 -50px 25%;
	}
}

nav .sitemenu {
}
nav .sitemenu li {
	font-size: 14px;
	display: inline-block;
}
nav .sitemenu li a {
	display: block;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
nav .sitemenu li img {
	margin: 0 5px;
	vertical-align: middle;
}
/* それぞれのタブ */
nav .sitemenu li.make {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 15px 15px 0 0;
	margin: 30px 0 0 30px;
	background: rgba(255,255,255,0.7);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
nav .sitemenu li.make a {
	padding: 30px 20px 30px;
	border-radius: 15px 15px 0 0;
	font-size: 16px;
}
nav .sitemenu li.make:hover {
	margin: 20px 0 0 30px;
}
nav .sitemenu li.make:hover a {
	padding: 30px 20px 40px;
}
nav .sitemenu li.make:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	background: #ffe0e3;
	background-image: radial-gradient(#ff98a3 20%, transparent 0), radial-gradient(#ff98a3 20%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  border-radius: 15px 15px 0 0;
	top: 0;
	left: 0;
}

nav .sitemenu li.about_site,
nav .sitemenu li.howto_print {
	transform: rotate(-40deg);
	padding: 0;
	margin-right: -40px;
}
nav .sitemenu li.about_site a,
nav .sitemenu li.howto_print a {
	padding: 15px 15px 15px 70px;
}

nav .sitemenu li.about_site:hover,
nav .sitemenu li.howto_print:hover {
	border-radius: 0 0 20px 0;
}
nav .sitemenu li.about_site:hover:before,
nav .sitemenu li.howto_print:hover:before {
	border-radius: 0 0 17px 0;
}
nav .sitemenu li.howto_print {
	transform: rotate(-60deg);
}

 /* ページclass IDに合わせてそのページの付箋が前に来るように */
body.make nav .sitemenu li.make,
body.about_site nav .sitemenu li.about_site,
body.howto_print nav .sitemenu li.howto_print {
	z-index: 11;
}

/* SPのみのメニュー・固定ボタン
----------------- */
@media (max-width: 780px) {
	#drawer-checkbox {
	  display: none;
	}
	/* メニューボタン */
	#drawer-icon {
		display: block;
		position: fixed;
		top: 0.3%;
		right: 1%;
		height: 40px;
		width: 40px;
		background: #ff98a3;
		border-radius: 4px;
		color: #fff;
		text-align: center;
		line-height: 40px;
		font-size: 11px;
		z-index:99;
	}
	#drawer-icon span {
		display: block;
		background: #fff;
		border-radius: 4px;
		width: 80%;
		height: 10%;
		position: absolute;
		left: 0;
		top: 34%;
		margin: 0 10% 0;
		transition: all 0.3s ease-in-out;
	}
	#drawer-icon span::before,
	#drawer-icon span::after {
		background: #fff;
		border-radius: 4px;
		content: "";
		width: 100%;
		display: block;
		height: 100%;
		position: absolute;
		left: 0;
		top: 70%;
		margin: 0;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
	}
	#drawer-icon span::before {
	  margin-top: -38%;
	}
	#drawer-icon span::after {
	  margin-top: 19%;
	}
	#drawer-checkbox:checked ~ #drawer-icon span {
	  background: rgba(51, 51, 51, 0);
	}
	#drawer-checkbox:checked ~ #drawer-icon span::before,
	#drawer-checkbox:checked ~ #drawer-icon span::after {
		content: "";
		display: block;
		height: 100%;
		left: 0;
		margin: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#drawer-checkbox:checked ~ #drawer-icon span::before {
	  -webkit-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}
	#drawer-checkbox:checked ~ #drawer-icon span::after {
	  -webkit-transform: rotate(45deg);
	          transform: rotate(45deg);
	}

	/* 周りタップでメニューを閉じる */
	#drawer-close,
	#drawer-close2 {
	  display: none;
	  position: fixed;
	  z-index: 20;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: #fff;
	  opacity: 0;
	  transition: all 0.3s ease-in-out 0s;
	}
	#drawer-checkbox:checked ~ #drawer-close,
	#drawer-checkbox:checked ~ #drawer-close2 {
	  display: block;
	  opacity: 0.5;
	}

	#drawer-nav {
		background: #ff98a3;
		position: fixed;
		top: 35px;
		right: 0;
		z-index: 21;
		width: 70%;
		height: calc(100% - 50px);
		min-width: 200px;
		max-width: 400px;
	  transition: all 0.3s ease-in-out 0s;
	  transform: translateX(100%);
		 overflow: scroll;
    -webkit-overflow-scrolling: touch;
		list-style: none;
		padding-left: 0;
	}
	#drawer-nav li {
		border-bottom: 1px solid #fff;
		height: 45px;
	}
	#drawer-nav li a,
	#drawer-nav li label {
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		line-height: 45px;
		padding: 0;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 98%;
	}
	/* ×閉じる */
	#drawer-nav li label {
		position: relative;
		opacity: 1;
		background: #998978;
	}
	#drawer-nav li label:before,
	#drawer-nav li label:after {
		content: '';
		height: 10%;
		width: 10%;
		display: block;
		background: #fff;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		position: absolute;
		top: 45%;
		left: 20%;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	#drawer-nav li label:after {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}


	#drawer-checkbox:checked ~ #drawer-nav {
		transform: translateX(0);
	}

}/* /SPのみのメニュー・固定ボタン */



/* ---------------------------
 コンテンツ部分
--------------------------- */
.wrap {
	width: 1200px;
	margin: 0 auto;
	padding-right: 1%; 
}
@media screen and (max-width: 1200px) {
	.wrap {
		width: auto;
	}
}

.content-in {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
   
}
@media screen and (min-width: 780px) {
	.content-in {
		display: flex;
		flex-direction: row-reverse;
	}
}

/* ---------------------------
 サイドメニュー
--------------------------- */
.sidebar {
		display: none!important;
}
@media (min-width: 780px) {
	.sidebar {
		display: block!important;
		width: 22%!important;
		max-width: 262px;
    overflow: hidden;
		padding: 10px 20px 30px 10px!important;;
		margin: 10px -20px 0 0!important;
		background-color: transparent;
		box-shadow: 0px 0px 10px rgba(120,120,120,0.3);
	}
}
.sidebar::after {
    clear: both;
    content: "";
    display: block;
}
/* title */
.sidebar h3.widget-title {
	font-size: 15px;
	line-height: 100%;
	margin: 20px 0 5px;
	padding: 12px 10px 8px 15px;
	background-color: #e2f7f2;
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	color: #555;
	transform: rotate(0deg);
	opacity: 0.7;
}
.sidebar h3.widget-title:after {
	position: absolute;
	content: "";
	bottom: -2px;
	right: 2px;
	width: 50px;
	height: 50px;
	background: linear-gradient(to top left, rgba(0,0,0,0.1) 0%, rgba(100,100,100,0.1) 20%, transparent 50%, transparent 50%);
	-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}

/* 新着 */
.widget-entry-card {
	display: flex;
	font-size: 13px;
}
.widget-entry-card-content {
	width: 49%;
	margin-left: 2%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.widget-entry-cards figure {
	width: 49%;
	float: none;
}

aside.widget-sidebar > ul li {
	border-bottom: 1px dotted #ddd;
}
aside.widget-sidebar li a {
	padding: 5px 0;
}
.new-entry-cards a {
	border-bottom: 1px dotted #ddd;
}

/* ---------------------------
 メインコンテンツ
--------------------------- */
.main {
		width: 99%;
}
@media (min-width: 780px) {
	.main {
	z-index: 10;
	overflow: hidden;
	width: 78%!important;
	margin: 0!important;
	padding: 10px 1% 0 0!important;
	background-color: transparent;
	background-image: url("/img/bg-mainbox.png");
	background-repeat: repeat-y;
	background-position: 0px 0px; /* left top*/
	position: relative;
	}
}
.main:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 150%;
	z-index: -1;
	animation-name: link_action ;/* アニメーション名 */
	animation-duration: 2s;/* アニメーション時間 */
}
@keyframes link_action {
	0% {
		z-index: 99;
		opacity: 1;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: -moz-linear-gradient(top left, #FFF 80%, #d0d0d0 100%); 
		background: -webkit-linear-gradient(top left, #FFF 80%, #d0d0d0 100%); 
		background: linear-gradient(to bottom right, #FFF 80%, #d0d0d0 100%); 
		box-shadow: 1px 1px 2px rgba(200,200,200,0.8);
		transform: matrix(1, -0.2, 0, 1, 0, 0);
	}
	50% {
		opacity: 1;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	100% {
		z-index: -1;
		opacity: 0;
		border: 0;
		background: -moz-linear-gradient(top left, #FFF 80%, #eee 100%); 
		background: -webkit-linear-gradient(top left, #FFF 80%, #eee 100%); 
		background: linear-gradient(to bottom right, #FFF 80%, #eee 100%); 
		box-shadow: 50px 50px 50px rgba(200,200,200,0);
		transform: matrix(1, -0.5, -0.5, 1, -2000, 0);
	}
}
.main .article {
	margin: 0px;
	padding: 30px 0 10px 0;
}
@media (min-width: 780px) {
	.main .article {
		margin-left: 30px;
		padding: 30px 25px 0px 50px;
		background: -moz-linear-gradient(top, #fff 90px, transparent 90px, transparent 100%); 
		background: -webkit-linear-gradient(top, #fff 90px, transparent 90px, transparent 100%); 
		background: linear-gradient(to bottom, #fff 90px, transparent 90px, transparent 100%); 
		box-shadow: 0px 0px 10px rgba(120,120,120,0.3);
	}
}
/* 投稿者情報 */
.author-info {
	display: none;
}

/* 目次 table of contents
--------------------------- */
.toc {
	position:relative;
	font-size: 12px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	background: #fff;
}
.toc:before {
	position: absolute;
	content: "";
	bottom: -2px;
	right: 2px;
	width: 50px;
	height: 50px;
	background: linear-gradient(to top left, rgba(0,0,0,0.1) 0%, rgba(100,100,100,0.1) 20%, transparent 50%, transparent 50%);
	-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
.toc-title {
	display: block;
	font-size: 14px;
	line-height: 120%;
	padding: 5px 15px 2px;
	margin-bottom: 5px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #f8f6ef 60%);
}
.toc li {
	line-height: 150%;
	padding: 10px 0;
	border-bottom: dotted 1px #ddd;
}
.toc a {
	color: #2879c9;
	text-decoration: underline;
}


/* ---------------------------
 メイン下
--------------------------- */
/* 関連記事 */
.under-entry-content{
	position:relative;
	font-size: 12px;
	margin: 30px 0 0;
	padding: 1px 20px;
/*	box-shadow: 1px 1px 2px rgba(0,0,0,0.1); */
	background: #fff;
}
/*
.under-entry-content:before{
	position: absolute;
	content: "";
	bottom: -2px;
	right: 2px;
	width: 50px;
	height: 50px;
	background: linear-gradient(to top left, rgba(0,0,0,0.1) 0%, rgba(100,100,100,0.1) 20%, transparent 50%, transparent 50%);
	-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
*/
.pager-post-navi {
	background: #fff;
}


/* パンくず */
.breadcrumb {
	margin: 0;
	color: #888;
	font-size: 12px;
	background: #fff;
}
/* 関連記事タイトル */
h2 .related-entry-heading{
	display: inline-block;
	font-size: 20px;
	line-height: 100%;
	margin: 10px 0 10px 30px;
	padding: 10px 25px 8px 25px;
	background-image: linear-gradient(-45deg, #ffe9eb 25%, #fff 25%, #fff 50%, #ffe9eb 50%, #ffe9eb 75%, #fff 75%, #fff 100%);
	background-size: 30px 30px;
	border-left: 2px dotted rgba(0, 0, 0, 0.1);
	border-right: 2px dotted rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	color: #4f2f3a;
	opacity: 0.7;
	line-height: 120%;
}


/* -----------------------------------------------
 birthdata_input
------------------------------------------------ */
table.birthdata_input {
	border: 1px solid #ccc;
	font-size: 100%;
	width: 98%;
	margin: 30px auto;
}
table.birthdata_input th{
	border: 1px solid #c8bbb0;
	background: rgb(216 205 177 / 20%);
	padding: 5px;
}
table.birthdata_input td {
	border: 1px solid #c8bbb0;
	padding: 5px 5px 5px 10px;
	background: #fff;
}
table.birthdata_input td select {
	height: 30px;
	border-radius: 5px;
	padding: 5px 8px;
	border: 1px solid #ccc;
	font-size: 120%;
	color: #444;
	width: auto;
}
input.create {
	font-size: 120%;
	border: 1px solid #e6c2d3;
	border-radius: 5px;
	background: #fff0f1;
	color: #9b8365;
	font-weight: bold;
	padding: 5px 20px;
	margin: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
input.reset {
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #eee;
	color: #aaa;
	font-weight: bold;
	padding: 5px 20px;
	margin: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
input.create:hover,
input.create:active,
input.reset:hover,
input.reset:active {
	box-shadow: 0px;
	background: #f7e8e9;
}

/* -----------------------------------------------
horoscope_data
------------------------------------------------ */
.horoscope_data table {
	border: 1px solid #c8bbb0;
	font-size: 90%;
	max-width: 270px;
	width: 98%;
	margin: 30px auto;
}
.horoscope_data table th{
	border: 1px solid #c8bbb0;
	background: rgb(216 205 177 / 20%);
	padding: 5px;
}
.horoscope_data table td {
	border: 1px solid #c8bbb0;
	padding: 5px 5px 5px 10px;
}
.horoscope_data table td.sign {
	text-align:right;
	padding-right: 15px;
}
.horoscope_data table tr.moon,
.horoscope_data table th.moon,
.horoscope_data table td.moon {
	border: solid 3px #e7d68b;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

/* ---------------------------
 footer
--------------------------- */
.footer-widgets {
	font-size: 12px;
}
.footer-widgets > div {
	width: 50%;
}
.footer-left, .footer-center, .footer-right {
}
@media screen and (min-width: 780px) {
	.footer-widgets {
		display: flex;
	}
	.footer-widgets > div {
		width: 33%;
	}
	.footer-left, .footer-center, .footer-right {
	}
}


/* **********************************************
 各ページごとの設定
********************************************** */
/* コンテンツ一覧、カテゴリTOP */
.ect-2-columns,
.ect-3-columns {
	padding: 10px 0;
	margin: 0px 0px 0 0px;
	background: none;
	box-shadow: none;
}
@media screen and (min-width: 780px) {
.ect-2-columns,
.ect-3-columns {
		padding: 90px 30px 20px 50px;
		margin: -85px 0px 0 30px;
		background: -moz-linear-gradient(top, #fff 90px, transparent 90px, transparent 100%);
		background: -webkit-linear-gradient(top, #fff 90px, transparent 90px, transparent 100%);
		background: linear-gradient(to bottom, #fff 90px, transparent 90px, transparent 100%);
		box-shadow: 0px 0px 10px rgba(120,120,120,0.3);
	}
	/* コンテンツ一覧 */
	body.blog .ect-2-columns,
	body.blog .ect-3-columns {
	    padding: 50px 30px 20px 50px;
	    margin: 0px 0px 0 30px;
	}
}


/* ---------------------------
 お問い合わせ
--------------------------- */
.contact_form {
}
.contact_form {
}
.contact_form {
}


/* ---------------------------
 Q&A
--------------------------- */
.qa dl {
	position: relative;
	font-size: 12px;
	margin: 60px 0;
	padding: 0px 15px 15px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	background: #fff2d7;
}
.qa dl:after{
	position: absolute;
	content: "";
	bottom: -2px;
	right: 2px;
	width: 50px;
	height: 50px;
	background: linear-gradient(to top left, rgba(0,0,0,0.1) 0%, rgba(100,100,100,0.1) 20%, transparent 50%, transparent 50%);
	-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
.qa dt {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	margin: -30px 0 20px;
	padding: 15px 25px 10px 45px;
	background-image: linear-gradient(-45deg, #ffe0e3 25%, #fff 25%, #fff 50%, #ffe0e3 50%, #ffe0e3 75%, #fff 75%, #fff 100%);
	background-size: 30px 30px;
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	color: #555;
	opacity: 0.7;
	position: relative;
}
.qa dt:before {
	position: absolute;
	content: "";
	background: #ff98a3;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: 6px;
	left: 10px;
}
.qa dt:after {
	position: absolute;
	content: "Ｑ";
	color: #fff;
	top: 9px;
	left: 12px;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
}
.qa dd {
	position: relative;
	margin: 10px 10px 10px 30px;
}
.qa dd:before{
	content: ";
}
.qa dd:after{
	position: absolute;
	content: "Ａ";
	color: rgba(255,255,255,0.6);
	top: 0;
	left: -70px;
	font-size: 75px;
	line-height: 75px;
	font-weight: bold;
}

/* ---------------------------
 更新履歴
--------------------------- */
.updates dl.normal dt {
	width: 7.5em;
}

/* ---------------------------
 リンクリスト
--------------------------- */
.link_list .url_list {
	margin: 0;
	padding: 0!important;
}

.link_list .url_block {
	border: 1px solid #ddd;
	box-sizing: border-box;
	margin: 10px 0 50px;
	list-style: none;
}
@media (min-width: 780px) {
	.link_list .url_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.link_list .url_block {
		width: 45%;
	}
}

.link_list .url_block h2 {
	margin: -30px 0 10px 0!important;
}
.link_list .url_block a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.link_list .url_block p {
	margin: 5%;
}
.link_list .url_block p.site {
	margin: 0;
}
.link_list .url_block p.site a {
	padding: 60px 10px 10px;
	margin-top: -40px;
}

.link_list .creates {
	margin: 0;
	padding: 0!important;
	display: flex;
	-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.link_list .creates li {
	width: 32%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	margin: 15px 0;
	list-style: none;
}
.link_list .creates li img {
	
}
.link_list .creates li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
}

/* カラセレ */
.link_list .colorselect {
}
.link_list .colorselect p {
	margin: 5%;
}
.link_list .colorselect ul {
	padding: 0 0 0 10%;
}
.link_list .colorselect li {
	margin: 0 0 10px 0;
}
.link_list .colorselect li a {
	padding: 2px;
}
.link_list .colorselect li img {
    height: 50px;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin: 2px 10px 2px 2px;
}
.link_list .colorselect li.dot_stripe img {
	height: 25px;
}
.link_list .colorselect li.dot_stripe img:first-child {
    margin-right: 0;
}
.link_list p.dot_stripe {
	font-size: 85%;
	margin-top: 0;
}

/* **********************************************
 共通パーツ
********************************************** */
/* ---------------------------
 title
--------------------------- */
/* WP設定リセット */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5 {
	height: auto;
	font-size: 20px;
	line-height: 100%;
	padding: 0;
	marin: 0;
	border:none;
	background: none;
	background-color: transparent;
}

/* マステ風 */
.article h1,
h1.archive-title,
.article h2.title_1,
.article h3.title_1 {
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 100%;
	margin: 50px 0 20px;
	padding: 10px 10px 8px 15px;
	background-image: linear-gradient(-45deg, #ffe9eb 25%, #fff 25%, #fff 50%, #ffe9eb 50%, #ffe9eb 75%, #fff 75%, #fff 100%);
	background-size: 30px 30px;
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	color: #4f2f3a;
/*	transform: rotate(-6deg); */
	opacity: 0.7;
	line-height: 120%;
}

h1.archive-title {
	margin-left: 80px;
}
@media (min-width: 450px) {
	.article h1,
	.article h2.title_1,
	.article h3.title_1{
		padding: 15px 30px 10px;
	}
}
.article h1 img,
.article h2.title_1 img,
.article h3.title_1 img {
	height: 32px;
	background: rgba(255,255,255,0.7);
	border-radius: 4px;
	margin-right: 10px;
	vertical-align: middle;
	color: #826b73;
}
/* 付箋風タイトル */
.article h1.title_2,
.article h2.title_2,
.article h3.title_2 {
	position: relative;
	margin: 50px 0 20px;
	padding: 18px 15px 15px 25px;
	background: #fbf0f1;
	color: #826b73;
	line-height: 120%;
}
.article h1.title_2::after,
.article h2.title_2::after,
.article h3.title_2::after {
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	box-shadow: 1px 1px 1px #eae3e8;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: #fff #fff #f5edf2;
}
/* 点線アンダーライン */
.article h1.title_3,
.article h2.title_3,
.article h3.title_3 {
	border-bottom: 5px dotted #fcdada;
	padding: 10px 10px 8px 15px;
	margin: 50px 0 20px;
	font-size: 20px;
	line-height: 120%;
	text-align: left;
	color: #826b73;
	border-left: solid 5px #fcdada;
}

/* 蛍光ペン風 */
.article h1.title_4,
.article h2.title_4,
.article h3.title_4,
.article h4.title_4 {
	display: inline-block;
	padding: 0 15px;
	font-size: 20px;
	line-height: 150%;
	margin: 20px 0 20px;
	background: linear-gradient(transparent 65%, #ffe0e3 65%);
	font-weight: bold;
	color: #826b73;
}
/* 背景色＆囲み */
.article h1.title_5,
.article h2.title_5,
.article h3.title_5 {
	position: relative;
	padding: 15px 20px 18px;
	background: #fbf0f1;
	color: #826b83;
	margin: 50px 5px 20px;
}
.article h1.title_5:before,
.article h2.title_5:before,
.article h3.title_5:before {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	content: '';
	border: 1px solid #e5a6b9;
}

/* ---------------------------
 付箋風BOX
--------------------------- */
.sticky_note{
	position:relative;
	font-size: 12px;
	margin: 15px 0;
	padding: 15px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	background: #e2f7f2;
}
.sticky_note:before{
	position: absolute;
	content: "";
	bottom: -2px;
	right: 2px;
	width: 50px;
	height: 50px;
	background: linear-gradient(to top left, rgba(0,0,0,0.1) 0%, rgba(100,100,100,0.1) 20%, transparent 50%, transparent 50%);
	-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
/* カラー */
.c_0 { background: #fff; }

.c_1 { background: #6bc2ac; }
.c_2 { background: #e2f7f2; }

.c_3 { background: #ff98a3; }
.c_4 { background: #ffe0e3; }

.c_5 { background: #f5cc75; }
.c_6 { background: #fff2d7; }

.c_7 { background: #998978; }
.c_8 { background: #f6f6f6; }

.sticky_note .title_2 {
	font-size: 16px;
	background: linear-gradient(transparent 65%, #fff 65%);
}
/* ---------------------------
 normal table
--------------------------- */
table.normal {
	border: 1px solid #ccc;
	font-size: 100%;
}
table.normal th{
	border: 1px solid #ccc;
	background: rgba(200,200,200,0.2);
}
table.normal td {
	border: 1px solid #ccc;
}
/* ---------------------------
 normal dl
--------------------------- */
dl.normal {
	border-bottom: 1px solid #ccc;
}
dl.normal dt {
	clear:both;
	float: left;
	border-top: 1px solid #ccc;
	padding: 5px 10px;
}
dl.normal dd {
	border-top: 1px solid #ccc;
	padding: 5px;
}

/* ***********************************************
 エントリーの中の文字装飾
*********************************************** */
.entry-content ul {
	margin: 0;
	padding-left: 1.5em;
}
.entry-content strong {
	font-weight: bold;
}
.entry-content .big {
	font-size: 150%;
}
.entry-content small {
	font-size: 80%;
}

.entry-content .pink {
	color: #ff98a3;
}
.entry-content .gray {
	color: #bbb;
}

.entry-content .pen {
    display: inline;
    line-height: 135%;
    margin: auto 2px;
    padding: 0 3px;
    background: linear-gradient(transparent 55%, #ffe0e3 55%);
}

/* ***********************************************
 ブログ内容用装飾
*********************************************** */
dl.beige {
	line-height: 135%;
	padding: 0 3px;
	background: #f8f6ef;
}
dl.beige dt{
	font-size: 18px;
	line-height: 200%;
	padding: 15px 0px 5px 10px;
	color: #826b73;
	font-weight: bold;
	border-bottom: 1px solid #e6e1d0;
	margin: 20px 20px 0;
}
dl.beige dd {
	background: #f8f6ef;
	padding: 20px 20px 20px;
	line-height: 200%;
	margin: 0 0 40px 0;
}
dl.pen dt{
	position: relative;
}
dl.pen dt::before{
	content: '\f040';
	color: #826b73;
}

dl.pink {
	line-height: 135%;
	padding: 0 3px;
	background: #fffafa;
}
dl.pink dt{
	font-size: 18px;
	line-height: 200%;
	padding: 15px 0px 5px 10px;
	color: #826b73;
	font-weight: bold;
	border-bottom: 1px solid #e5a6b9;
	margin: 20px 20px 0;
}
dl.pink dd {
	background: #fffafa;
	padding: 20px 20px 20px;
	line-height: 200%;
	margin: 0 0 40px 0;
}

dl.blue {
	line-height: 135%;
	padding: 0 3px;
	background: #eaf6f9;
}
dl.blue dt{
	font-size: 18px;
	line-height: 200%;
	padding: 15px 0px 5px 10px;
	color: #826b73;
	font-weight: bold;
	border-bottom: 1px solid #7badb9;
	margin: 20px 20px 0;
}
dl.blue dd {
	background: #eaf6f9;
	padding: 20px 20px 20px;
	line-height: 200%;
	margin: 0 0 40px 0;
}


/* ***********************************************
 汎用（サイト横展開時も変えない）
*********************************************** */
/* 表示切替 */
.for_sp { display: block; }
.for_pc { display: none; }
@media (min-width: 780px) {
	.for_sp { display: none; }
	.for_pc { display: block; }
}


/* display調整 */
.display_unset {
	display: unset;
}
.display_block {
	display: block;
}
.display_inline {
	display: inline;
}
.display_flex {
	display: flex;
}
.display_none {
	display: none;
}

/* 回り込み・位置設定系 */
.left { float:left!important; }
.right { float:right!important; }

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.align_l {
	text-align: left;
}
.align_r {
	text-align: right;
}
.align_c {
	text-align: center;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/* 背景だけ横幅フル */
.bg_full {
	width: 100%;
	marign: 0;
	padding: 0;
}
@media (min-width: 780px) {
	.bg_full {
		margin: 0 -200%;
		padding: 0 200%;
		overflow-x: hidden;
	}
}

/* 幅・高さ系 */
.w_100 { width: 100%; }
.w_90 { width: 90%; }
.w_80 { width: 80%; }
.w_70 { width: 70%; }
.w_60 { width: 60%; }
.w_50 { width: 50%; }
.w_40 { width: 40%; }
.w_30 { width: 30%; }
.w_20 { width: 20%; }
.w_10 { width: 10%; }
.w_auto { width: auto; }

.h_100 { height: 100%; }
.h_90 { height: 90%; }
.h_80 { height: 80%; }
.h_70 { height: 70%; }
.h_60 { height: 60%; }
.h_50 { height: 50%; }
.h_40 { height: 40%; }
.h_30 { height: 30%; }
.h_20 { height: 20%; }
.h_10 { height: 10%; }
.h_auto { height: auto; }

/* 画像関連 */
img.full {
	width: 100%!important;
}
img.fifty,
img.forty,
img.thirty,
img.twenty,
img.ten {
	width: 100%;
}

@media (min-width: 768px) {
	img.right {
		margin: 0px 0px 5px 5px;
		float: right;
	}
	img.left {
		margin: 0px 5px 5px 0px;
		float: left;
	}
	img.full {	width: 100%;	}
	img.fifty {	width: 50%;	}
	img.forty {	width: 40%;	}
	img.thirty {	width: 30%;	}
	img.twenty {	width: 20%;	}
	img.ten {	width: 10%;	}
}

@media (min-width: 992px) {
	p img.full {	width: auto!important;	}
}

/* 余白系 */
.mt_-50 { margin-top:-50px!important; }
.mt_-40 { margin-top:-40px!important; }
.mt_-30 { margin-top:-30px!important; }
.mt_-20 { margin-top:-20px!important; }
.mt_-10 { margin-top:-10px!important; }
.mt_0 { margin-top:0px!important; }
.mt_10 { margin-top:10px!important; }
.mt_20 { margin-top:20px!important; }
.mt_30 { margin-top:30px!important; }
.mt_40 { margin-top:40px!important; }
.mt_50 { margin-top:50px!important; }

.mb_-50 { margin-bottom:-50px!important; }
.mb_-40 { margin-bottom:-40px!important; }
.mb_-30 { margin-bottom:-30px!important; }
.mb_-20 { margin-bottom:-20px!important; }
.mb_-10 { margin-bottom:-10px!important; }
.mb_0 { margin-bottom:0px!important; }
.mb_10 { margin-bottom:10px!important; }
.mb_20 { margin-bottom:20px!important; }
.mb_30 { margin-bottom:30px!important; }
.mb_40 { margin-bottom:40px!important; }
.mb_50 { margin-bottom:50px!important; }

.ml_-50 { margin-left:-50px!important; }
.ml_-40 { margin-left:-40px!important; }
.ml_-30 { margin-left:-30px!important; }
.ml_-20 { margin-left:-20px!important; }
.ml_-10 { margin-left:-10px!important; }
.ml_0 { margin-left:0px!important; }
.ml_10 { margin-left:10px!important; }
.ml_20 { margin-left:20px!important; }
.ml_30 { margin-left:30px!important; }
.ml_40 { margin-left:40px!important; }
.ml_50 { margin-left:50px!important; }

/* 回転 */
.deg_-10 { transform: rotate(-10deg); }
.deg_-8 { transform: rotate(-8deg); }
.deg_-6 { transform: rotate(-6deg); }
.deg_-4 { transform: rotate(-4deg); }
.deg_-2 { transform: rotate(-2deg); }
.deg_0 { transform: rotate(0deg); }
.deg_2 { transform: rotate(2deg); }
.deg_4 { transform: rotate(4deg); }
.deg_6 { transform: rotate(6deg); }
.deg_8 { transform: rotate(8deg); }
.deg_10 { transform: rotate(10deg); }

/* z-index */
.z_10 { z-index:10; }
.z_20 { z-index:20; }
.z_30 { z-index:30; }