@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	ブログ用css

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	PC・SP共通部分

================================================================================ */


.blog_box{
	font-family: "Noto Sans Japanese",sans-serif;
}

.blog_wrap table{
	width:auto !important;
}
.blog_wrap table td{
	border:1px solid;
	padding:8px;
	width:auto !important;
}

.pull-left{
	float:left;
}
.pull-right{
	float:right;
}



/* カテゴリアイコン */
.blog_icon{
	padding:2px 8px;
	color:#ffffff;
	border-radius:4px;
	margin-right: 4px;
}


/* タグアイコン色 */
.blog_tag ul li a{
	background-color:#fedde7;
	color:#ec6882;
	border-radius:4px;
}


/* blockquote 引用 */
.blog_wrap blockquote {
	position: relative;
	background-color: #ffe9e4;
	padding: 30px;
}
.blog_wrap blockquote p {
	font-style: italic;
}
.blog_wrap blockquote:before {
	position: absolute;
	content: "“";
	color: #ec6882;
	font-size: 300%;
	line-height: 1em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	left: 0;
	top: 0;
	padding: 10px;
}
.blog_wrap blockquote:after {
	position: absolute;
	content: "”";
	color: #ec6882;
	font-size: 300%;
	line-height: 0em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	right: 0;
	bottom: 0;
	padding: 10px;
}


/* ================================================================================

	PC

================================================================================ */
@media (min-width: 768px) {

	/* 日付アーカイブ・タグタイトル */
	.category_title{
		margin-bottom:40px;
		font-size:32px;
		text-align:center;
	}



	/* レイアウト */
	.blog_box{
		max-width:1000px;
		width:100%;
		margin:0 auto;
	}


	.blog_wrap{
		float:left;
		width:690px;
	}
	.blog_function_wrap{
		float:right;
		width:280px;
	}

	.blog_wrap2{
		float:none;
		width:1000px;
	}




	.blog_wrap p{
		overflow:hidden;
		font-size: 18px;
	}

	.blog_wrap img{
		max-width:100%;
		height:auto;
		margin:0 0 16px;
	}

	.blog_wrap > ul > li{
		background-color:#ffffff;
		margin-bottom:60px;
		padding:48px;
		border-radius:8px;
	}
	.blog_wrap > ul > li:last-child{
		margin-bottom:24px;
	}


	.blog_title_date{
		font-size:15px;
		margin-bottom:8px;
	}
	.blog_title_link{
		font-size:28px;
		margin-bottom:24px;
	}


	/* 続きを読む */
	.blog_link{
		padding-top:24px;
		text-align:right;
	}



	/* タグアイコン */
	.blog_tag{
		margin-top:32px;
		border-top:1px dotted;
		padding:8px 0;
	}
	.blog_tag ul li{
		display:inline-block;
		margin:0 10px 0 0;
	}
	.blog_tag ul li a{
		padding:0 4px;
		display:block;
		font-size:14px;
	}



	/* 人気記事 */
	.popular_post_wrap{
		padding:0 0 30px;
	}
	.popular_post_wrap h2{
		text-align:center;
		font-size:24px;
		font-weight:300;
		border-bottom:1px solid;
		margin:0 auto 24px;
		padding-bottom:8px;
		line-height:0.9;
	}
	.popular_post_wrap h2 span{
		font-size:12px;
		color:#2276ab;
	}

	.popular_post_wrap ul{
		overflow:hidden;
		margin:0 auto;
	}
	.popular_post_wrap ul li{
		margin-right:20px;
		clear:none;
		padding-bottom:10px;
		margin-bottom:16px;
	}
	.popular_post_wrap ul li:last-child{
		margin-right:0px;
	}
	.popular_post_wrap ul li img{
		float:none;
		display:block;
		margin:0 auto 8px;

		width:300px;
		height:200px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.popular_post_wrap ul li a{
		float:none;
		display:block;
		text-align:left;
		font-size:inherit;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}
	.popular_post_wrap ul li span{
		float:none;
		display:block;
		text-align:left;
	}


	/* 最近の投稿・アーカイブ */
	.blog_function_wrap {
	}
	.blog_function_wrap_inner{
	}
	.blog_function_wrap_inner > ul{
		overflow:auto;
		margin:0 auto;
	}
	.blog_function_wrap_inner > ul > li{
		padding:0 0 40px;
	}
	.blog_function_wrap_inner > ul > li a{
		font-size:14px;
	}

	.blog_function_wrap_inner > ul > li > ul{
		width:100%;
		max-height: 400px;
		overflow: auto;
	}
	.blog_function_wrap_inner > ul > li > ul > li{
		font-size:16px;
		/* font-size:14px; */
		line-height:1.7;
		margin-bottom:16px;
	}
	.blog_function_wrap_inner h2{
		text-align:center;
		font-size:24px;
		/* font-size:20px; */
		font-weight:300;
		border-bottom:1px solid;
		margin:8px auto 24px;
		padding-bottom:8px;
		line-height:0.9;
	}
	.blog_function_wrap_inner h2 span{
		font-size:12px;
		color:#2276ab;
	}

	.blog_function_wrap_inner .recent_title_text{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		display:block;
		text-align:left;
	}
	.blog_function_wrap_inner .recent_title_date{
		font-size:14px;
		display:block;
		text-align:left;
	}
}






/* ================================================================================

	SP

================================================================================ */

@media (max-width: 767px) {

	/* 日付アーカイブ・タグタイトル */
	.category_title{
		margin-bottom:32px;
		font-size:20px;
		text-align:center;
	}


	/* ブログ */
	.blog_wrap img{
		max-width:100%;
		height:auto;
		margin:0 0 16px;
	}

	.blog_wrap iframe{
		max-width:100%;
		width:100%;
		margin:16px auto;
	}

	.blog_wrap > ul >li{
		background-color:#ffffff;
		margin-bottom:40px;
		padding:24px;
		border-radius:8px;
	}


	.blog_title_link{
		font-size:18px;
		margin-bottom:16px;
	}
	.blog_title_date{
		font-size:13px;
	}


	/* 続きを読む */
	.blog_link{
		padding-top:24px;
		text-align:right;
	}



	/* タグアイコン */
	.blog_tag{
		margin-top:32px;
		border-top:1px dotted;
		padding:8px 0;
	}
	.blog_tag ul li{
		display:inline-block;
		margin:0 10px 0 0;
	}
	.blog_tag ul li a{
		padding:0 4px;
		display:block;
		font-size:14px;
	}



	/* 人気記事 */
	.popular_post_wrap{
		padding-top:60px
	}
	.popular_post_wrap h2{
		text-align:center;
		font-size:20px;
		border-bottom:1px solid;
		width:80%;
		margin:0 auto 24px;
		font-weight:300;
		line-height:0.9;
		padding-bottom:8px;
	}
	.popular_post_wrap h2 span{
		font-size:12px;
		color:#2276ab;
	}
	.popular_post_wrap ul{
		overflow:auto;
	}
	.popular_post_wrap ul li{
		width:100%;
		margin-bottom:40px;
		clear:none;
	}
	.popular_post_wrap ul li:last-child{
		margin-right:0px;
	}
	.popular_post_wrap ul li img{
		float:none;
		display:block;
		margin:0 auto 8px;

		width:100%;
		height:auto;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.popular_post_wrap ul li a{
		float:none;
		display:block;
		text-align:center;
		font-size:inherit;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}
	.popular_post_wrap ul li span{
		float:none;
		display:block;
		text-align:center;
	}


	/* 最近の投稿・アーカイブ */
	.blog_function_wrap {
		margin-top: 80px;
	}
	.blog_function_wrap_inner{
		padding:40px 8px 0;
	}
	.blog_function_wrap_inner > ul{
		overflow:auto;
	}
	.blog_function_wrap_inner > ul > li > ul{
		width:100%;
		max-height:210px;
		height:100%;
		overflow:auto;
		margin-bottom:56px;
		text-align:center;
	}
	.blog_function_wrap_inner > ul > li > ul > li{
		line-height:1.3;
		margin-bottom:16px;
	}
	.blog_function_wrap_inner > ul > li > ul > li:last-of-type{
		margin-bottom:0;
	}
	.blog_function_wrap_inner h2{
		text-align:center;
		font-size:20px;
		border-bottom:1px solid;
		width:80%;
		margin:20px auto 20px;
		font-weight:300;
		line-height:0.9;
		padding-bottom:8px;
	}
	.blog_function_wrap_inner h2 span{
		font-size:12px;
		color:#2276ab;
	}
	.blog_function_wrap_inner .recent_title_text{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		width:62%;
		display:block;
		float:left;
		text-align:left;
	}
	.blog_function_wrap_inner .recent_title_date{
		width:38%;
		display:block;
		float:left;
		text-align:right;
	}
}









/* ================================================================================

	サイド店舗情報

================================================================================ */

/* PC設定 */
@media (min-width: 768px) {
	.side_info{
		width: 100%;
		margin-bottom:60px;
		text-align:center;
	}
	.side_info img{
		width:100%;
		height:auto;
		margin-bottom:8px;
		border-radius:8px;
	}
	.side_info h3{
		font-size:16px;
		font-weight:300;
		color:#ec6882;
		margin-bottom:8px;
	}
	.side_info p{
		font-size:12px;
		margin-bottom:24px;
		line-height:1.6;
	}
	.side_info a{
		pointer-events:none;
	}
}


/* SP設定 */
@media (max-width: 767px) {
	.side_info{
		width: 100%;
		margin-bottom:40px;
		text-align:center;
	}
	.side_info_img{
		margin-bottom:8px;
		border-radius:8px;
	}
	.side_info h3{
		font-size:16px;
		font-weight:300;
		color:#ec6882;
		margin-bottom:8px;
	}
	.side_info p{
		font-size:12px;
		margin-bottom:24px;
		line-height:1.6;
	}
}





/* ================================================================================

	ブログ記事署名

================================================================================ */

/* PC設定 */
@media (min-width: 768px) {
	#pryc-wp-acctbop-bottom {
		border-top: 1px solid #eeeeee;
		margin: 70px 0 0 0;
		padding: 30px 0;
	}
	.blog_woman {
		font-weight: 700;
		padding: 0 0 30px 0;
	}
	.blog_tel {
		padding: 0 0 30px 0;
	}
	.blog_tel a {
		font-size: 32px;
		font-weight: 700;
		pointer-events: none; /* リンク無効 */
	}
	.blog_mail {
		padding: 0 0 30px 0;
	}
	.blog_mail a {
		display: block;
		color: #4f2e2e;
		font-size: 18px;
		background-color: #ffd7cb;
		border: 1px solid #7b6868;
		padding: 15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.blog_prof {
		border: 1px solid #eeeeee;
		padding: 30px;
	}
	.blog_prof .left {
		float: left;
		height: 300px;
		padding: 0 30px 0 0;
	}
	.blog_prof .right {
	}
	h3.blog_prof_h3 {
		display: block;
		color: #4d6ea3;
		font-size: 20px;
		font-weight: normal;
    background: none !important;
    border-left: none !important;
		padding: 0 0 10px 0;
	}
	.blog_prof ul {
		clear: both;
		padding: 0 0 40px 0;
	}
	.blog_prof ul li a {
		float: left;
		font-size: 36px;
	}
	.blog_prof ul li:nth-child(1) a { /* Facebookアイコン */
		color: #3b5998;
	}
	.blog_prof ul li:nth-child(2) a { /* Feedアイコン */
		color: #ff7a21;
	}
}


/* SP設定 */
@media (max-width: 767px) {
	#pryc-wp-acctbop-bottom {
		font-size: 3.2vw;
		border-top: 1px solid #eeeeee;
		margin: 30px 0 0 0;
		padding: 30px 0;
	}
	.blog_woman {
		font-weight: 700;
		padding: 0 0 30px 0;
	}
	.blog_tel {
		padding: 0 0 30px 0;
	}
	.blog_tel a {
		font-size: 32px;
		font-weight: 700;
	}
	.blog_mail {
		padding: 0 0 30px 0;
	}
	.blog_mail a {
		display: block;
		color: #4f2e2e;
		font-size: 16px;
		background-color: #ffd7cb;
		border: 1px solid #7b6868;
		padding: 10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.blog_prof {
		border: 1px solid #eeeeee;
		padding: 30px;
	}
	.blog_prof .left {
		padding: 0 30px 0 0;
	}
	.blog_prof .right {
	}
	h3.blog_prof_h3 {
		display: block;
		color: #4d6ea3;
		font-size: 20px;
		font-weight: normal;
		background: none !important;
		border-left: none !important;
		padding: 0 0 10px 0;
	}
	.blog_prof ul {
		clear: both;
		padding: 0 0 40px 0;
	}
	.blog_prof ul li a {
		float: left;
		font-size: 36px;
	}
	.blog_prof ul li:nth-child(1) a { /* Facebookアイコン */
		color: #3b5998;
	}
	.blog_prof ul li:nth-child(2) a { /* Feedアイコン */
		color: #ff7a21;
	}
}














/* ================================================================================

	エディター記事 デザイン追加

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* h2見出し */
	.blog_wrap #pryc-wp-acctp-original-content h2 {
		background-color: #ffe2e8;
		color: #ec6882;
		border-left: 0.15em solid;
		border-radius: 0.3em;
		font-size: 24px;
		font-weight: normal;
		line-height: 1.4;
		padding: 0.3em 0.3em 0.3em 10px;
	}
	.blog_wrap #pryc-wp-acctp-original-content h2:not(:first-child) {
		margin-top: 1em;
	}

	/* h3見出し */
	.blog_wrap #pryc-wp-acctp-original-content h3,
	.blog_wrap .wp_rp_wrap .related_post_title {
		background-color: #def4fe;
		color: #43ade4;
		border-left: 0.15em solid;
		border-radius: 0.3em;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.4;
		padding: 0.3em 0.3em 0.3em 10px !important;
	}
	.blog_wrap #pryc-wp-acctp-original-content h3:not(:first-child) {
		margin-top: 1em;
	}

	/* 整形済みテキスト */
	.blog_wrap #pryc-wp-acctp-original-content pre {
		position: relative;
		background-color: #fff8bb;
		border-radius: 0.3em;
		font-size: 18px;
		font-family: "Noto Sans Japanese",sans-serif;
		padding: 1em;
		white-space: pre-wrap;
	}
	.blog_wrap #pryc-wp-acctp-original-content pre:not(:first-child) {
		margin-top: 1em;
	}
	.blog_wrap #pryc-wp-acctp-original-content pre:before {
		position: absolute;
		top: 4px;
		left: 4px;
		width: calc(100% - 8px);
		height: calc(100% - 8px);
		content: '';
		border: 3px dotted #ffe400;
		pointer-events: none;
	}

	/* コンテンツ↓の要素 */
	.blog_wrap #pryc-wp-acctp-bottom {
		margin-top: 40px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* h2見出し */
	.blog_wrap #pryc-wp-acctp-original-content h2 {
		background-color: #ffe2e8;
		color: #ec6882;
		border-left: 0.15em solid;
		border-radius: 0.3em;
		font-size: 4.5vw;
		font-weight: normal;
		line-height: 1.4;
		padding: 0.3em 0.3em 0.3em 1vw;
	}
	.blog_wrap #pryc-wp-acctp-original-content h2:not(:first-child) {
		margin-top: 1em;
	}

	/* h3見出し */
	.blog_wrap #pryc-wp-acctp-original-content h3,
	.blog_wrap .wp_rp_wrap .related_post_title {
		background-color: #def4fe;
		color: #43ade4;
		border-left: 0.15em solid;
		border-radius: 0.3em;
		font-size: 4vw;
		font-weight: normal;
		line-height: 1.4;
		padding: 0.3em 0.3em 0.3em 1vw !important;
	}
	.blog_wrap #pryc-wp-acctp-original-content h3:not(:first-child) {
		margin-top: 1em;
	}

	/* 整形済みテキスト */
	.blog_wrap #pryc-wp-acctp-original-content pre {
		position: relative;
		background-color: #fff8bb;
		border-radius: 0.3em;
		font-size: 4vw;
		font-family: "Noto Sans Japanese",sans-serif;
		padding: 1em;
		white-space: pre-wrap;
	}
	.blog_wrap #pryc-wp-acctp-original-content pre:not(:first-child) {
		margin-top: 1em;
	}
	.blog_wrap #pryc-wp-acctp-original-content pre:before {
		position: absolute;
		top: 4px;
		left: 4px;
		width: calc(100% - 8px);
		height: calc(100% - 8px);
		content: '';
		border: 3px dotted #ffe400;
		pointer-events: none;
	}

	/* コンテンツ↓の要素 */
	.blog_wrap #pryc-wp-acctp-bottom {
		margin-top: 8vw;
	}
}