/*
================================================================
	pmktm.css	2024/09/09	Zumi
	ｽﾀｲﾙｼｰﾄ
================================================================
*/
/* ｶｽﾀﾑﾌﾟﾛﾊﾟﾃｨ */
:root {
	--rem_pc_px: 			100px;		/* PCは 1rem = 100px として定義 */
	--rem_pc: 				100;
	--rem_mb_px: 			50px;		/* mobileは 1rem = 50px として定義 */
	--rem_mb: 				50;
	--font-family-bold: 	"UD新ゴ コンデンス90 M", "Meiryo UI", sans-serif;
	--font-family-normal: 	"UD新ゴ コンデンス90 L", "Meiryo UI", sans-serif;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*	共通ｽﾀｲﾙ 定義
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media all {
	html, body, div, span, p, blockquote, a, address, img, pre, article, section,
	dl, dt, dd, ol, ul, li, form, label, table, tr, th, td,
	input, select, textarea {
		margin: 			0;
		padding: 			0;
		font-family:		"UD新ゴ コンデンス90 L", "Hiragino Maru Gothic ProN W3", "Meiryo UI","メイリオ","MS UI Gothic",sans-serif;
	}
	ol, ul {
		list-style: 		none;
	} 
	html {
		background-color: 	lightgray;
/*		scroll-behavior: 	smooth;	*/
		/***  1rem = 100px として定義 ***/
		font-size: 			var(--rem_pc_px);
	}
	body {
		width:				1200px;
		background-color: 	white;
		color:				black;
		font-size:			0.14rem;
		font-weight:		normal;
		font-style:			normal;
		margin: 			auto;
		box-shadow: 		0 0 10px rgba(0, 0, 0, 0.2);
	}
	input, select, textarea {
		font-size: 			0.14rem;
	}
	textarea {
		resize: 			none;
	}
	a:link, a:active, a:visited {
		color: 				dimgray;
		text-decoration: 	none;
	}
	a:hover{
		transition: 		all 0.2s ease;
		opacity: 			0.3;
	}
	h1, h2 {
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}
	p {
		letter-spacing: 	0.005rem;
	}
	/* ﾎﾞｯｸｽｻｲｽﾞ算出をborer-boxに変更（お決まり） */
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media (min-width: 751px) and (max-width: 1200px) {
	body {
		width:				760px;
	}
}
@media (max-width: 750px) {
	html {
		/***  ﾓﾊﾞｲﾙ向けの場合、1rem = 50px として定義 ***/
		font-size:			var(--rem_mb_px);
	}
	body {
		font-size:			calc((0.14rem * var(--rem_pc) / var(--rem_mb)) * 0.8);
		width:				360px;
	}
	input, select, textarea {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb)) * 0.8);
	}
	select, input[type="text"],input[type="url"],input[type="password"], textarea {
		border-radius: 		0;
	}
	input[type="text"], input[type="url"],input[type="password"], textarea {	
		font-size: 			16px;			/* 16px以上だとｽﾏﾎで自動拡大されない */
	}

}
/*------------------------------------*/
/*	共通TBL（cmn_tbl）
/*------------------------------------*/
@media all {
	.cmn_tbl {
		margin: 			0.1rem 0.2rem;
		border: 			0.01rem solid black;
		border-collapse: 	collapse;
		font-size: 			0.14rem;
	}
	.cmn_tbl caption {
		margin-bottom: 		0.05rem;
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}
	.cmn_tbl th, .cmn_tbl td {
		border: 			0.01rem solid black;
		padding: 			0.02rem 0.05rem;
		text-align: 		left;
	}
	.cmn_tbl th {
		background-color: 	lightgrey;
	}
	.cmn_tbl td {
		background-color: 	white;
	}
	.cmn_tbl tr.gray td {
		background-color: 	silver;
	}
}
@media (max-width: 750px) {
	.cmn_tbl {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb)) * 0.8);
	}
}
/*------------------------------------*/
/*	共通ﾎﾞﾀﾝ（cmn_btn）
/*------------------------------------*/
@media all {
	.cmn_btn, a.cmn_btn, button.cmn_btn {
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
		line-height: 		150%;
		position: 			relative;
		display: 			inline-block;
		padding: 			0.01rem 0.08rem;
		cursor: 			pointer;
		-webkit-user-select: 	none;
		-moz-user-select: 	none;
		-ms-user-select: 	none;
		user-select: 		none;
		-webkit-transition: all 0.3s;
		transition: 		all 0.3s;
		text-align: 		center;
		vertical-align: 	middle;
		text-decoration: 	none;
		letter-spacing: 	0.01rem;
		border-radius: 		0.1rem;
		border:				none;
		color: 				white;
		background-color: 	#f56500;
	}
	.cmn_btn:hover, a.cmn_btn:hover {
		transition: 		all 0.3s ease;
		color: 				red;
		opacity: 			0.3;
	}
}
/*------------------------------------*/
/*	共通ﾘﾝｸ（cmn_sel）
/*------------------------------------*/
@media all {
	.cmn_sel {
		display: 			flex;
		align-items:		center!important;
	}
	.cmn_sel a {
		margin: 			0 0.05rem;
		padding: 			0.02rem 0.04rem;
		color: 				blue;
		text-decoration: 	none;
	}
	.cmn_sel a.sel {
		background-color: 	darkorange;
		color: 				white;
	}
	.cmn_sel a:hover {
		transition: 		all 0.2s ease;
		opacity: 			0.3;
	}
	.cmn_sel div {
		margin: 			0;
	}
	.cmn_sel p {
		margin: 			1rem;
	}
}
/*------------------------------------*/
/*	共通ﾗｼﾞｵﾎﾞﾀﾝ（cmn_radio）
/*------------------------------------*/
@media all {
	.cmn_radio {
		display: 			flex;
		align-items: 		center;
		margin: 			0;
		padding: 			0;
	}
	.cmn_radio a, .cmn_radio a.checked {
		display:			block;
		color: 				dimgray;
		margin: 			0 0.1rem 0 0;
		padding: 			0.03rem;
		font-size: 			0.14rem;
/*		border:				1px solid purple; 	/* DEBUG用 */
	}
	.cmn_radio a:before,
	.cmn_radio a.checked:before {
/*		border:				1px solid red;		/* DEBUG用 */
		content: 			'';
		background-size: 	0.20rem;
		background-repeat: 	no-repeat;
		padding: 			0 0.2rem 0.02rem 0rem;
		margin:				0 0.05rem 0 0;
	}
	.cmn_radio a:before {
		background-image: 	url('../image/icons/radio-button-unchecked.png');
	}
	.cmn_radio a.checked:before {
		background-image: 	url('../image/icons/radio-button-checked.png');
	}
}
@media (min-width: 751px) and (max-width: 1200px) {
	.cmn_radio a:before,
	.cmn_radio a.checked:before {
		padding: 			0 0.2rem 0.04rem 0rem;
	}
}
@media (max-width: 750px) {
	.cmn_radio a, .cmn_radio a.checked {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb)) * 0.8);
	}
}
/*------------------------------------*/
/*	NEW ! 表示用（new）
/*------------------------------------*/
@media all {
	span.new {
		color:				#ff9199!important;
	}
}
/*------------------------------------*/
/*	横並び表示用（flex）
/*------------------------------------*/
@media all {
	.flex {
		margin: 			0;
		display: 			flex;
		align-items:		center;
	}
	.flex .image {
		margin: 			0;
		padding: 			0;
/*		overflow: 			hidden;	*/
/*		position: 			relative;*/
	}
	.flex .text {
		margin: 			0;
		padding: 			0;
	}
}
/*------------------------------------*/
/*	ｱﾝｶｰ用（anchor_offset）
/*------------------------------------*/
@media all {
	.anchor_offset {
		position: 			absolute;
		height:				0.8rem;
		top:				-0.8rem;
		visibility:			hidden;
	}
}
/*-----------------------------------------------*/
/*	ﾏｳｽﾎﾊﾞｰで画像に文字列表示（txt_ovr_img ）
/*-----------------------------------------------*/
@media all {
	.txt_ovr_img {
		width:				auto;
		height:				auto;
		overflow:			hidden;
		margin:				0rem 0rem;
		position:			relative;	/* 相対位置指定 */
	}
	.txt_ovr_img .caption {
		font-size:			0.16rem;
		text-align: 		center;
		padding-top:		0.6rem;
		color:				white;
	}
	.txt_ovr_img .mask {
		width:				100%;
		height:				100%;
		position:			absolute;		/* 絶対位置指定 */
		top:				0;
		left:				0;
		opacity:			0;						/* マスクを表示しない */
		background-color:	rgba(0,0,0,0.4);		/* マスクは半透明 */
		-webkit-transition:	all 0.2s ease;
		transition:			all 0.2s ease;
	}
	.txt_ovr_img:hover .mask {
		opacity:			1;				/* マスクを表示する */
	}
}
/*------------------------------------*/
/*	ﾄｯﾌﾟへ戻るﾎﾞﾀﾝ（page_top）
/*	ﾍﾟｰｼﾞ下部へ進むﾎﾞﾀﾝ（page_bottom）
/*------------------------------------*/
@media all {
	#page_top {
		position: 			fixed;
		bottom: 			0.8rem;					/* ﾎﾞﾀﾝの表示位置 */
		right: 				0.2rem;					/* ﾎﾞﾀﾝの表示位置 */
	}
	#page_bottom {
		position: 			fixed;
		bottom: 			0.2rem;					/* ﾎﾞﾀﾝの表示位置 */
		right: 				0.2rem;					/* ﾎﾞﾀﾝの表示位置 */
	}
	.page_top_link, .page_bottom_link {
		background: 		purple;			   /* ﾎﾞﾀﾝの色 */
		border-radius: 		50%;					/* ﾎﾞﾀﾝの形 */
		display: 			block;
		position: 			relative;
		height: 			0.5rem;					/* ﾎﾞﾀﾝのｻｲｽﾞ */
		width: 				0.5rem;					/* ﾎﾞﾀﾝのｻｲｽﾞ */
	}
	.page_top_link:before, .page_bottom_link:before {
		content: 			'';
		margin: 			auto;
		position: 			absolute;
		right: 				0;
		left: 				0;
		-ms-transform: 		rotate(45deg);
		-webkit-transform: 	rotate(45deg);
		transform: 			rotate(45deg);
		height: 			0.11rem;				/* 矢印の大きさ */
		width: 				0.11rem;				/* 矢印の大きさ */
	}
	.page_top_link {
		background: 		purple;			   /* ﾎﾞﾀﾝの色 */
	}
	.page_bottom_link {
		background: 		navy;			   	   /* ﾎﾞﾀﾝの色 */
	}
	.page_top_link:before {
		top: 				0.05rem;
		bottom: 			0;
		border-top: 		solid 0.03rem white;	   /* 矢印の太さ・色：top・left・rotate(45deg)ｾｯﾄで上向き矢印 */
		border-left: 		solid 0.03rem white;	   /* 矢印の太さ・色：top・left・rotate(45deg)ｾｯﾄで上向き矢印 */
	}
	.page_bottom_link:before {
		top: 				0;
		bottom: 			0.05rem;
		border-bottom: 		solid 0.03rem white;
		border-right: 		solid 0.03rem white;
	}
}
@media (max-width: 750px) {
	#page_top {
		bottom: 			calc((0.8rem * var(--rem_pc) / var(--rem_mb) ) * 0.75);
		right: 				calc((0.2rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	#page_bottom {
		bottom: 			calc((0.2rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
		right: 				calc((0.2rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.page_top_link, .page_bottom_link {
		height: 			calc((0.5rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		width: 				calc((0.5rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.page_top_link:before {
		border-top-width: 	calc((0.03rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
		border-left-width: 	calc((0.03rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
		height: 			calc((0.11rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		width: 				calc((0.11rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.page_bottom_link:before {
		border-bottom-width:	calc((0.03rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
		border-right-width: 	calc((0.03rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
		height: 			calc((0.11rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		width: 				calc((0.11rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
}
/*------------------------------------*/
/*	ﾓｰﾀﾞﾙｳｨﾝﾄﾞｳ（modal）
/*------------------------------------*/
@media all {
	.modal {
		position: 			fixed;
		top: 				0;
		left: 				0;
		z-index: 			1;
		display: 			flex;
		align-items: 		center;
		justify-content: 	center;
		width: 				100%;
		height: 			100%;
		background-color: rgb(0 0 0 / 60%);
		opacity: 			0;
		transition: 		opacity 0.5s, scale 0s 0.5s;
		scale: 				0;
	}
	.modal:target {
		opacity: 			1;
		transition: 		opacity 0.5s;
		scale: 				1;
	}
	.close {
		position: 			absolute;
		top: 				0.2rem;
		right: 				0.2rem;
		font-size: 			0.24rem;
		color: 				black;
		text-decoration: 	none;
		cursor: 			pointer;
		transform: 			translate(50%, -50%);
	}
	.modal-wrapper {
		position: 			relative;
		width: 				90%;
		max-width: 			11rem;
		max-height: 		70%;
		padding: 			0.2rem;
		margin: 			auto;
		overflow-y: 		auto;
		background-color: #FEFEFE;
		border-radius: 		0.055rem;
		transition: 		scale 0.5s;
		scale: 				0;
	}
	.modal:target .modal-wrapper {
		transition: 		scale 0.5s;
		scale: 				1;
	}
	.modal-content h1 {
		margin: 			0;
		font-size: 			0.18rem;
		line-height: 		1.2em;
		letter-spacing: 	0.02em;
		color:				deeppink;
	}
}
/*===================================================*/
/*	ﾀｲﾄﾙ部（p_header, p_title）
/*===================================================*/
@media all {
	.p_header {
		display: 			flex;
		align-items:  		center;
		background-color: 	lavenderblush;
	}
	.h_box1, .h_box2 {
		margin: 			0rem;
		width: 				0.7rem;
		height: 			0.3rem;
	}
	.h_counter {
		margin-left:		auto;
		padding-right: 		0.05rem;
		width:				3.8rem;
		background-color:	lavenderblush;
		display: 			flex;
		align-items:		center;
		font-size: 			0.12rem;
	}
	.p_title {
		width:				auto;
		display: 			flex;
		justify-content:	space-between;
		align-items:		end;
		margin-bottom: 		0.05rem;
	}
	.p_title img {
		margin:				0.1rem 0 0.05rem 0.1rem;
		width:				4.8rem;	
	}
	.p_title .p_env {
		margin:				0 0 0.05rem 0;
	}
	.p_title .p_env span {
		font-size: 			0.24rem;
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}
	.p_title div {
		font-size:			0.14rem;
	}
}
@media (max-width: 750px) {
	.h_box1 {
		height: 			calc((0.3rem * var(--rem_pc) / var(--rem_mb)) * 0.7);
	}
	.h_box2 {
		display: 			none;
	}
	.h_counter {
		font-size: 			calc((0.11rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		padding-right: 		calc((0.05rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_title .p_env span {
		font-size: 			calc((0.24rem * var(--rem_pc) / var(--rem_mb) ) * 0.45);
	}
	.p_title div {
		font-size:			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.55);
	}
}
/*===================================================*/
/*	ﾒﾆｭｰ部（ﾓﾊﾞｲﾙ用：ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰ）
/*===================================================*/
@media all {
	/*　ﾊﾝﾊﾞｰｶﾞｰﾒﾆｭｰﾎﾞﾀﾝ　*/
	.hamburger {
		display : 			block;
		position: 			fixed;
		z-index : 			3;
		right : 			0.2rem;
		top   : 			0.4rem;
		width : 			0.6rem;
		height: 			0.6rem;
		cursor: 			pointer;
		text-align: 		center;
/*		border:				1px solid black;		/* DEBUG用 */
	}
	.hamburger span {
		display : 			block;
		position: 			absolute;
		width   : 			0.46rem;
		height  : 			0.03rem;
		left    : 			0.06rem;
		background : 		#56bdc5;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}	
	.hamburger div {
		position: 			absolute;
		top: 				0.4rem;
		left: 				0.05rem;
		font-size: 			0.15rem;
		letter-spacing: 	0.01rem;
	}
	.hamburger div::after {
		display: 			block;
		color: 				teal;
		content:			'MENU';
	}
	.hamburger.active div::after {
		content:			'CLOSE';
		color:				white;
	}
	.hamburger span:nth-child(1) {
		top: 				0.07rem;
	}
	.hamburger span:nth-child(2) {
		top: 				0.20rem;
	}
	.hamburger span:nth-child(3) {
		top: 				0.33rem;
	}
	/* ﾒﾆｭｰを開いてる時のﾎﾞﾀﾝ */
	.hamburger.active span:nth-child(1) {
		top : 				0.16rem;
		left: 				0.06rem;
		background:  		#BBBBBB;
		-webkit-transform: 	rotate(-45deg);
		-moz-transform   : 	rotate(-45deg);
		transform        : 	rotate(-45deg);
	}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 				0.16rem;
		left: 				0.06rem;
		background:  		#BBBBBB;
		-webkit-transform: 	rotate(45deg);
		-moz-transform   : 	rotate(45deg);
		transform        : 	rotate(45deg);
	}
	/* ﾒﾆｭｰVIEW　*/
	nav.p_menu {
		position: 			fixed;
		z-index : 			2;
		top  : 				0;
		left : 				0;
		color: 				#fff;
		background: 		rgba( 71,70,73,0.8);
		text-align: 		left;
		width: 				100%;
		transform: 			translateX(100%);
		transition: 		all 0.6s;
/*		padding: 			0.5rem 1.2rem 0.5rem 0.5rem;*/
		padding: 			1.05rem 0.23rem 0.5rem 0.5rem;
		font-size: 			0.18rem;
		letter-spacing: 	0.02rem;
	}
	nav.p_menu ul {
		margin: 			0 auto;
		padding: 			0;
		width: 				100%;
	}
	nav.p_menu ul li {
		border-top: 		0.001rem solid darkgray;
		padding: 			0;
		width: 				100%;
		transition: 		0.4s all;
	}
	nav.p_menu ul li a.m_op {
		display: 			block;
		padding: 			0.1rem 0.5rem 0.1rem 0.7rem;
		color: 				white;
		text-decoration :	none;
		background-repeat:  no-repeat;
		background-position:	0.2rem;
/*		border: 			1px solid red;				/* DEBUG用 */
		width: 100%;
	}
	nav.p_menu a#menu_top {
		background-image: 	url('../image/icons/kkrn_icon_home_1s.png');
	}
	nav.p_menu a#menu_art {
		background-image: 	url('../image/icons/kkrn_icon_enpitsu_1s.png');
	}
	nav.p_menu a#menu_diary {
		background-image: 	url('../image/icons/kkrn_icon_techou_7s.png');
		float:				left;
	}
	nav.p_menu a#menu_info {
		background-image: 	url('../image/icons/kkrn_icon_oshirase_1s.png');
	}
	nav.p_menu a#menu_admin {
		background-image: 	url('../image/icons/kkrn_icon_kagi_2s.png');
	}
	nav.p_menu ul li:last-child {
		border-bottom: 		0.001rem solid darkgray;
	}
	nav.p_menu ul li a:hover {
		background-color:	whitesmoke;
		color: 				black;
	}
	/* ｸﾘｯｸでjQueryで追加・削除 */
	nav.p_menu.active {
		opacity: 			100;
		display: 			block;
		transform: 			translateX(0%);
	}
	/* ｱｺｰﾃﾞｨｵﾝﾒﾆｭｰ */
	.acd_check{
		display: none;
	}
	.acd_label{
		background-color:	silver;
		color: 				purple;
		display: 			block;
		position: 			relative;
		width: 				0.54rem;
		height: 			0.43rem;
		top: 				0.00rem;
		font-size:			0.24rem;
		margin:				0 0 0 auto;
/*		border: 			1px solid red;			/* DEBUG用 */
	}
	.acd_label:after{
		box-sizing: 		border-box;
		content: 			'＋';
		position: 			absolute;
		right: 				0.14rem;
		top: 				0.04rem;
	}
	.acd_label:hover {
		background-color:	purple;
		color:				white;
		cursor: 			pointer;
		opacity: 			0.6;
	}
	.acd_content{
		display: 			block;
		height: 			0;
		opacity: 			0;
		padding: 			0 0 0 0.5rem;
		transition: 		0.3s;
		visibility: 		hidden;
		font-size: 			0.16rem;
/*		border: 			1px solid purple;			/* DEBUG用 */
	}
	.acd_content a {
		color:   			white;
	}
	.acd_check:checked + .acd_label:after{
		content: 			'－';
	}
	.acd_check:checked + .acd_label + .acd_content{
		height: 			380px;					/* ｱｺｰﾃﾞｨｵﾝﾒﾆｭｰの高さ */
		opacity: 			1;
		padding-top: 		0.05rem;
		color: 				white;
		visibility: 		visible;
	}
	.acd_content h2 {
		margin: 			0;
		color: 				gold;
		font-size: 			0.16rem;
		font-weight: 		normal;
		letter-spacing: 	0.01rem;
		height: 			0.28rem;
		line-height:  		0.28rem;
		background-repeat:  no-repeat;
		background-size:    0.28rem;
		padding: 			0 0.4rem;
/*		border: 			1px solid black;			/* DEBUG用 */
	}
	.acd_content h3 {
		margin: 			0.05rem 0;
		color: 				gold;
		font-size: 			0.16rem;
		font-weight: 		normal;
		letter-spacing: 	0.01rem;
		padding: 			0 0.3rem;
		text-decoration: 	underline;
	}
	.acd_content #frm_menu_dr {
		margin: 			0 0 0.05rem 0;
		padding: 			0;
	}
	.acd_content #m_dr_mly h2 {
		background-image: 	url('../image/icons/kkrn_icon_calendar_3.png');
	}
	.acd_content #m_dr_theme h2 {
		background-image: 	url('../image/icons/kkrn_icon_tsuki_1.png');
	}
	.acd_content #m_dr_mly p, .acd_content #m_dr_theme p {
		margin: 			0 0 0 0.3rem;
	}
	.acd_content #m_dr_mly a, .acd_content #m_dr_theme a {
		margin: 			0 0.1rem 0 0;
	}
	.acd_content #m_dr_rgst a {
		background-image: 	url('../image/icons/kkrn_icon_kagi_2s.png');
		background-repeat:	no-repeat;
		background-size:	0.28rem;
		background-position: right;
		line-height:  		0.28rem;
		color: 				gold;
		padding: 			0.04rem 0.35rem 0.00rem 0.03rem;
	}

	.acd_content .btn_srch {
		margin: 			0 0.04rem;
		width: 				0.40rem;
		height: 			0.40rem;
		background-color: 	transparent;
		border: 			none;
		outline: 			none;
		box-shadow: 		none;
		background-repeat:  no-repeat;
		background-image: 	url('../image/icons/kkrn_icon_mushimegane_16.png');
		background-size:  	0.40rem;
		cursor: 			pointer;
	}
}
@media (max-width: 750px) {
	.hamburger {
		right : 			0.5rem;
		top   : 			calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.5);
		width : 			calc((0.6rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
		height: 			calc((0.6rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
	}
	.hamburger span {
		width   : 			calc((0.46rem * var(--rem_pc) / var(--rem_mb) ) * 0.68);
		height  : 			calc((0.03rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		left    : 			0.06rem;
	}
	.hamburger div {
		top: 				calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
		left: 				calc((0.05rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
		font-size: 			calc((0.15rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
		letter-spacing: 	0.01rem;
	}
	.hamburger span:nth-child(1) {
		top: 				calc((0.07rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.hamburger span:nth-child(2) {
		top: 				calc((0.2rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.hamburger span:nth-child(3) {
		top: 				calc((0.33rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.hamburger.active span:nth-child(1) {
		top : 				calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
		left: 				calc((0.06rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
	}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top : 				calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
		left: 				calc((0.06rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
	}
	nav.p_menu {
/*		padding: 			0.5rem 1.3rem 0.5rem 0.2rem;*/
		padding: 			1.3rem 0.5rem 0.5rem 0.2rem;
		font-size: 			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		letter-spacing: 	0.01rem;
	}
	nav.p_menu ul li {
		border-top: 		0.002rem solid darkgray;
	}
	nav.p_menu ul li a.m_op {
/*		padding: 			0.1rem 0.5rem 0.1rem 0.7rem;*/
		padding: 			0.1rem 0.5rem 0.1rem 0.9rem;
		background-position:	0.1rem;
	}
	nav.p_menu ul li:last-child {
		border-bottom: 		0.002rem solid darkgray;
	}
	.acd_label{
		width: 				calc((0.54rem * var(--rem_pc) / var(--rem_mb) ) * 0.80);
		height: 			calc((0.43rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		top: 				0;
		font-size:			calc((0.24rem * var(--rem_pc) / var(--rem_mb) ) * 0.80);
	}
	.acd_label:after{
		right: 				calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.80);
		top: 				calc((0.04rem * var(--rem_pc) / var(--rem_mb) ) * 0.80);
	}
	.acd_content{
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
	}
	.acd_content h2 {
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		height: 			calc((0.28rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		line-height:  		calc((0.28rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		background-size:    calc((0.28rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		padding: 			0 calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.80);
	}
	.acd_content h3 {
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
	}
	.acd_content .btn_srch {
		margin: 			0 0.04rem;
		width: 				calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		height: 			calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		background-size:  	calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
	}
	.acd_content #m_dr_rgst a {
		background-size:	calc((0.28rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		line-height:  		calc((0.28rem * var(--rem_pc) / var(--rem_mb) ) * 0.90);
		padding: 			0.07rem 0.7rem 0.01rem 0.03rem;
	}
	.acd_content input#m_dr_keyword {
		width: 				calc((2.5rem * var(--rem_pc) / var(--rem_mb) ) * 0.70);
		padding: 			0.01rem 0.1rem;
		font-size: 			16px;
	}
	.acd_content input#m_dr_keyword::placeholder {
		font-size: 			calc(16px * 0.90);
	}
}
/*===================================================*/
/*	ｺﾝﾄﾛｰﾙ部
/*===================================================*/
/*	管理者ﾒﾆｭｰ（adm_menu）*/
@media all {
	.adm_menu {
		background-color: 	lightblue;
		margin:				0;
		padding:			0 0.2rem;
		display: 			flex;
		align-items: 		center;
	}
	.adm_menu #adm_m_l {
/*		border: 			1px solid black;		/* DEBUG用 */
		display: 			flex;
		align-items: 		center; 
	}
	.adm_menu #adm_m_r {
/*		border: 			1px solid black;		/* DEBUG用 */
		margin: 			0 0 0 0.08rem;
	}
	.adm_menu #adm_m_r div {
/*		border: 			1px solid red;			/* DEBUG用 */
		display: 			flex;
		align-items: 		center; 
		margin: 			0.05rem;
	}
	.adm_menu #adm_m_r div.btn {
		display: 			block;
		margin: 			0;
		padding: 			0;
		text-align: 		right;
	}
	.adm_menu span {
		font-size: 			0.12rem;
	}
	.adm_menu input, .adm_menu select {
		margin: 			0 0.03rem;
	}
	#u_name, #pwd {
		width: 				0.9rem;
		font-size: 			0.12rem;
		margin: 			0;
	}
	#btn_adm_login, #btn_adm_logoff, #btn_adm_reset {
		width: 				0.7rem;
	}
	#sel_adm_func {
		background-color: 	ivory;
		color: 				teal;
	}
	#sel_adm_debug, #sel_adm_test_db {
		background-color: 	ivory;
		color: 				deeppink;
	}
}
@media (max-width: 750px) {
	.adm_menu {
		padding: 			0;	
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
	}
	.adm_menu span {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.65);
	}
	.adm_menu #adm_m_r {
		margin: 			0;
		padding: 			0.1rem 0.1rem;
	}
	.adm_menu #adm_m_r div {
		margin: 			0;
	}
	.adm_menu #adm_m_r div span {
		font-size: 			12px;
	}
	.adm_menu input, .adm_menu select {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.74);
	}
	#u_name, #pwd {
		width: 				2.5rem;
		font-size: 			16px;
		padding: 			0 0.08rem;
		height: 			24px;
		margin-right: 		0.05rem;
	}
	#u_name::placeholder, #pwd::placeholder {
		font-size: 			12px;
	}
	#btn_adm_login, #btn_adm_logoff, #btn_adm_reset {
		width: 				calc((0.7rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	#btn_adm_reset {
		margin-top: 		0.05rem;
	}
}
/*	ﾀﾌﾞ切替ﾎﾞﾀﾝ（tabs）*/
@media all {
	.tabs {
		margin: 			0.1rem 0 0 0;
		padding: 			0;
		background-color: 	white;
		box-shadow: 		0 0 0.1rem rgba(0, 0, 0, 0.2);
		width: 				750px;
		display: 			flex;
		align-items: 		center;
/*		justify-content:	space-between;*/
		border-top: 		0.01rem solid #cccccc;
		border-left: 		0.01rem solid #cccccc;
	}
	a.tab_item, a.tab_item_s {
		width: 				1.5rem;
		height: 			0.4rem;
		padding: 			0 0.1rem;
		background-color: 	#d9d9d9;
		font-weight: 		normal;
		text-align: 		center;
		text-decoration: 	none;
		color: 				black;
		transition: 		all 0.2s ease;
		display: 			flex;
		align-items: 		center;
		border-right:		0.01rem solid #cccccc;
	}
	.tab_img {
		background-repeat:  no-repeat;
		background-size:	contain;  
		width:				0.34rem;
		height:				0.34rem;
	}
	.tab_txt {
		margin: 			0 0 0 0.03rem;
		font-size: 			0.16rem;
		letter-spacing: 	0.02rem;
	}
	.tab_item:hover, .tab_item_s:hover {
		opacity: 			0.50;
	}
	.tabs a.on .tab_txt {
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}
	.tabs a.on#tab_top {
		background-color: 	#fff9fb;
		color:				crimson;
	}
	.tabs a.on#tab_art {
		background-color: 	#edf8fc;
		color: 				mediumblue;
	}
	.tabs a.on#tab_diary {
		background-color: 	#fdfdec;
		color: 				darkorange;
	}
	.tabs a.on#tab_movie {
		background-color: 	snow;
		color: 				purple;
	}
	.tabs a.on#tab_info {
		background-color: 	#f7fff7;
		color: 				green;
	}
	.tabs a.on#tab_admin {
		background-color: 	whitesmoke;
		color: 				black;
	}
	.tabs a#tab_top .tab_img {
		background-image:	url(../image/icons/kkrn_icon_home_1s.png);
	}
	/*
	*** ﾀﾌﾞ選択時と非選択時で画像を変更する場合は以下のｽﾀｲﾙを使用する（他のﾀﾌﾞも同様） ***
	.tabs a.on#tab_top .tab_img {
		background-image:	url(../image/icons/kkrn_icon_home_4.png);
	}
	*/
	.tabs a#tab_art .tab_img {
		background-image:	url(../image/icons/kkrn_icon_enpitsu_1s.png);
	}
	.tabs a#tab_diary .tab_img {
		background-image:	url(../image/icons/kkrn_icon_techou_7s.png);
	}
	.tabs a#tab_movie .tab_img {
		background-image:	url(../image/icons/kkrn_icon_youtube_1.png);
	}
	.tabs a#tab_info .tab_img {
		background-image:	url(../image/icons/kkrn_icon_oshirase_1s.png);
	}
	.tabs a#tab_admin .tab_img {
		background-image:	url(../image/icons/kkrn_icon_kagi_2s.png);
	}
}
@media (max-width: 750px) {
	.tabs {
		width: 				auto;
	}
	a.tab_item {
/*		padding: 			0 calc((0.1rem * var(--rem_pc) / var(--rem_mb) ) * 0.75);*/
		padding: 			0 calc((0.1rem * var(--rem_pc) / var(--rem_mb) ) * 0.8) 0 calc((0.1rem * var(--rem_pc) / var(--rem_mb) ) * 0.31);
/*		width: 				calc((1.5rem * var(--rem_pc) / var(--rem_mb) ) * 0.70);*/
		width: 				auto;
		height: 			calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
	}
	a.tab_item_s {
		padding: 			0 calc((0.1rem * var(--rem_pc) / var(--rem_mb) ) * 0.2);
		width: 				calc((1.5rem * var(--rem_pc) / var(--rem_mb) ) * 0.25);
		height: 			calc((0.4rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
	}
	a.tab_item_s div.tab_txt {
		display: 			none;
	}
	.tab_img {
		width:				calc((0.34rem * var(--rem_pc) / var(--rem_mb) ) * 1.0);
		height:				calc((0.34rem * var(--rem_pc) / var(--rem_mb) ) * 1.0);
	}
	.tab_txt {
		margin: 			0 0 0 0;
/*		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.75);*/
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.75);
		letter-spacing: 	0;
	}
}
/*===================================================*/
/*	ﾒｲﾝ部
/*===================================================*/
@media all  {
	/*	ﾒｲﾝ表示部（p_main）*/
	.p_main {
/*		border: 			1px solid black;			/* DEBUG用 */
		margin: 			0;
		padding: 			0.2rem 0.2rem 0.1rem 0.2rem;
	}

	/*	ﾃﾞﾊﾞｯｸﾞ情報表示部（dbg_inf）*/
	.dbg_inf {
/*		border: 			1px solid red;				/* DEBUG用 */
		font-size: 			0.14rem;
		margin: 			0.1rem 0 0 0;
	}
	
	.dbg_inf_cntl {
		display: 			flex;
		align-items:  		center;
	}
	.dbg_inf h2 {
		margin: 			0.05rem 0;
		color: 				green;
		font-size: 			0.15rem;
	}
	.dbg_inf p {
		width: 				90%;
		margin: 			0.05rem 0.04rem;
		color: 				black;
		line-break: 		anywhere; 		
		font-size: 			0.12rem;
	}
	.dbg_inf div.cmn_sel {
		font-size: 			0.12rem;
	}
}
@media (max-width: 750px) {
	.dbg_inf {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.dbg_inf_cntl {
		display: 			block;
	}
	.dbg_inf h2 {
		font-size: 			calc((0.15rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.dbg_inf p {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.dbg_inf div.cmn_sel {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
}
/*===================================================*/
/*	ﾌｯﾀ部
/*===================================================*/
@media all {
	/*	ﾌｯﾀ表示部（p_footer）*/
	div.p_footer {
		margin: 			0;
		padding: 			0.1rem;
		text-align: 		center;
		background-color: 	white;
	}
	.p_footer div.flex {
		display: 			flex;
		align-items: 		center;
		justify-content:	center;
	}
	.p_footer a {
		margin: 			0 0.2rem;
	}
	.p_footer p {
		text-align: 		right;
		color: 				dimgrey;
	}
}
@media (max-width: 750px) {
	.div.p_footer {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.p_footer p {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*	個別ｽﾀｲﾙ 定義
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*------------------------------------*/
/*	ｾｯｼｮﾝﾀｲﾑｱｳﾄ画面
/*------------------------------------*/
@media all {
	div.ses_tout  {
		margin: 			0.2rem 0 0 0;
		padding: 			0.5rem;
		background-color: 	#fff9fb;
		line-height:		150%;
		font-size: 			0.2rem;
		color:				dimgray;
	}
	.ses_tout img {
		width: 				0.34rem;	
	}
	.ses_tout a {
		font-size: 			0.16rem;
	}
}
@media (max-width: 750px) {
	div.ses_tout  {
		font-size: 			calc((0.20rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.ses_tout img {
		width: 				calc((0.34rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.ses_tout a {
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
}
/*------------------------------------*/
/*	TOP画面
/*------------------------------------*/
@media all {
	section.intro  {
/*		border: 			1px solid red;				/* DEBUG用 */
		margin: 			0;
	}
	.intro div.flex {
/*		border: 			1px solid red;				/* DEBUG用 */
		display: 			flex;
		align-items: 		center;
		width: 				auto;
		margin: 			0;
		padding: 			0;
	}
	.intro img {
		width: 				0.34rem;
	}
	.intro h1 {
		margin: 			0 0.1rem;
		font-size: 			0.18rem;
		letter-spacing: 	0.06rem;
		color:				purple;
	}
	.intro p {
/*		border: 			1px solid blue;					/* DEBUG用 */
		margin:				0.05rem 0.2rem;
		padding:			0;
		line-height:		120%;
		color:				dimgray;
		font-size: 			0.16rem;
		white-space:		pre-wrap;
		word-break:			break-all;
	}
	.p_top_info {
/*		border: 			1px solid green;				/* DEBUG用 */
		margin: 			0.1rem 0.1rem;
		padding: 			0;
	}
	.p_top_diary {
/*		border: 			1px solid green;				/* DEBUG用 */
		margin: 			0.1rem 0.1rem;
		padding: 			0;
	}
}
@media (max-width: 750px) {
	.intro img {
		width: 				calc((0.34rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.intro h1 {
		font-size: 			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.intro p  {
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
}
/*====================================*/
/*	日記画面
/*====================================*/
/*------------------------------------*/
/*	日記画面：BODY部
/*------------------------------------*/
@media all {
	/*	日記画面ﾌﾚｰﾑ（p_dr_frame）*/
	div.p_dr_frame {
/*		border: 			1px solid red;				/* DEBUG用 */
		display: 			flex;
		align-items: 		start;
		justify-content:	space-between;
		margin: 			0;
	}
	/*	日記ﾒｯｾｰｼﾞ */
	.p_dr_rslt_msg {
		margin: 			0.1rem;
		padding: 			0;
		color:				crimson;
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}
	.p_dr_frame .cmn_btn:hover {
		color:				white;
	}
	/*	日記本文（p_dr_body）*/
	article.p_dr_body  {
/*		border: 			1px solid red;				/* DEBUG用 */
		width: 				850px;
		margin: 			0;
		padding: 			0;
	}
	.p_dr_body section {
		background-color: 	white;
		border: 			0.01rem solid lightgrey;
		width: 				auto;
		margin:				0 0 0.2rem 0;
/*		padding:			0.1rem;	*/
		padding:			0;
		font-size:			0.16rem;
/*		position: 			relative;*/
		letter-spacing: 	0.005rem;
	}
	.p_dr_body section:last-of-type {
		margin:				0 0 0.1rem 0;
	}
	.p_dr_body h1 {
		font-size:			0.18rem;
		letter-spacing:  	0.02rem;
	}


	/*	日記本文：検索条件表示部（p_dr_srch）*/
	.p_dr_body .p_dr_srch_cnd {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		display: 			flex;
		justify-content: 	space-between;
		align-items: 		center;
		margin: 			0;
		padding: 			0;
		letter-spacing: 	0.01rem;
		font-size: 			0.18rem;
	}
	.p_dr_body .p_dr_srch_cnd h1 {
		display: 			flex;
		justify-content: 	space-between;
		align-items: 		center;
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
		margin: 			0 auto 0 0;
		padding: 			0;
		color:				deeppink;
		letter-spacing: 	0.01rem;
		font-size: 			0.18rem;
	}
	.p_dr_body .p_dr_srch_cnd .d_thm_key {
		display: 			inline-block;
		border-radius: 		0.08rem;
		background-color:	mistyrose;
		color:				dimgray;
		margin:				0;
		padding: 			0.01rem 0.06rem 0.03rem 0.06rem;
		font-size: 			0.14rem;
		letter-spacing: 	0;
	}
	.p_dr_body .p_dr_srch_cnd span {
		color:				dimgray;
		margin:				0 0.05rem 0 0.1rem;
		font-size: 			0.15rem;
	}
	.p_dr_body .p_dr_srch_cnd select {
		border-radius: 		0%;
		border-color:		silver;
		font-size: 			0.12rem;
		margin: 			0;
		background-color: 	white;
		color: 				teal;	
	}
	.p_dr_body .p_dr_srch_cnd a {
		margin-left: 		0.1rem;
		font-size: 			0.12rem;
		font-weight: 		normal;
		font-family:		var(--font-family-normal);
	}
	/*	日記本文：制御部（cntl）*/
	.p_dr_body .cntl {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		display: 			flex;
		align-items: 		center;
		justify-content: 	space-between;
		background-color:	whitesmoke;
		margin:				0;
		padding: 			0.02rem 0.1rem;
		font-size: 			0.12rem;
		color: 				dimgray;
	}
	.p_dr_body .cntl div.d_id {
		margin-right: 		0.3rem;
		font-size: 			0.16rem;
		color: 				purple;
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}
	.p_dr_body .cntl div.d_date_h {
		margin: 			0;
		width: 				1.95rem;
	}
	.p_dr_body .cntl div.d_date_h span {
		display: 			inline-block;
		width: 				0.65rem;
		color: 				teal;
	}
	.p_dr_body .cntl div.s2 span {
		width: 				0.5rem;
	}
	.p_dr_body .cntl img {
		margin:				0 0 0 0.10rem;
		padding: 			0;
		width: 				0.28rem;
		height: 			0.28rem;
	}
	.p_dr_body .cntl a.cmn_btn {
		margin:				0 0 0 0.07rem;
		padding: 			0 0.09rem;
		letter-spacing: 	0.02rem;
		font-weight: 		normal;
		font-family: 		var(--font-family-normal);
		font-size: 			0.14rem;
		background-color: 	crimson
	}
	/*	日記本文：ﾀｲﾄﾙ部（d_sec_head）*/
	.p_dr_body div.d_sec_head {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		display: 			flex;
		align-items: 		center;
		justify-content: 	space-between;
		margin: 			0.1rem 0.1rem 0 0.1rem;
		padding: 			0;
	}
	.p_dr_body div.d_sec_head_mb {
		margin: 			0.2rem 0.1rem 0 0.1rem;
		padding: 			0;
		line-height: 		100%;
	}
	.p_dr_body h2.d_date {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		display: 			flex;
		align-items:		center;
		color:				green;
		font-size:			0.18rem;
		margin: 			0;
	}
	.p_dr_body h2.sun {
		color:				red;
	}
	.p_dr_body h2.sat {
		color:				blue;
	}
	.p_dr_body h2 span.d_hday {
		color:				deeppink;
		font-size:			0.16rem;
		font-weight:		normal;
		margin: 			0 0.1rem 0 0;
	}
	.p_dr_body h2 span.new {
		font-size: 			0.14rem;
		font-weight: 		normal;
	}
	.p_dr_body h2.d_title {
		margin:				0 0.15rem;
		margin-right:		auto;
		font-size: 			0.18rem;
	}
	.p_dr_body div.d_theme {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		margin:				0;
		padding: 			0.01rem;
	}
	.p_dr_body .d_theme a {
		display: 			inline-block;
		border-radius: 		0.08rem;
		background-color:	mistyrose;
		color:				dimgray;
		margin:				0 0.05rem 0 0;
		padding: 			0.01rem 0.06rem 0.03rem 0.06rem;
		font-size: 			0.14rem;
	}
	/*	日記本文：本文部（d_text）*/
	.p_dr_body div.d_text {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
/*		margin:				0.05rem 0 0 0.05rem;	*/
		margin:				0.05rem 0.1rem 0.1rem 0.15rem;
		word-break:			break-all;
		line-height: 		135%;
	}
	.p_dr_body div.d_flex_grp {
/*		border: 			2px solid purple;			/* DEBUG用 */
		display: 			flex;
		align-items: 		end;
		overflow: 			hidden;
	}
	.p_dr_body .d_img_file {
/*		border: 			1px solid red;			/* DEBUG用 */
		margin:				0;
		padding: 			0;
	}
	.p_dr_body .d_img_file img {
/*		border: 			1px solid blue;			/* DEBUG用 */
		margin:				0.1rem 0.15rem 0.15rem 0;
		padding:			0;
		vertical-align: 	bottom;
	}
	.p_dr_body p.d_text_blk {
/*		border: 			1px solid green;			/* DEBUG用 */
		width: 				auto;
		margin:				0.1rem 0.15rem 0.15rem 0;
		padding: 			0.02rem 0.03rem;
		color:				teal;
		font-size: 			0.14rem;
		line-height: 		130%;
		letter-spacing: 	0.01rem;
	}
	.p_dr_body iframe {
		margin:				0.1rem 0.15rem 0.1rem 0;
		padding: 			0;
	}
	.p_dr_body video {
		margin:				0.1rem 0.15rem 0.1rem 0;
		padding: 			0;
	}
	.p_dr_body .d_img_file:last-child {
		margin: 			0;
		margin-right: 		0;
	}
	.p_dr_body .d_text_blk:last-child {
		margin-right: 		0;
	}
	.p_dr_body ul {
		margin:				0;
	}
	.p_dr_body li {
		margin:				0 0 0.05rem 0;
		line-height: 		120%;
	}
	.p_dr_body li span {
		margin-left: 		0.1rem;
		color:				crimson;
		font-size: 			0.14rem;
	}
	.p_dr_body span.srch_hit {
		background-color: 	yellow;
		color:				red;
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}

}
@media (min-width: 751px) and (max-width: 1200px) {
	body {
		width:				100%;
	}
	.p_dr_body .cntl div.d_date_h {
		display: 			none;
	}
	.p_dr_body .cntl div.d_date_h.s2 {
		display: 			block;
	}
}
@media (max-width: 750px) {
	article.p_dr_body  {
		width: 				100%;
	}
	.p_dr_body section {
		font-size:			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
	}
	.p_dr_body .p_dr_srch_cnd {
		font-size: 			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .p_dr_srch_cnd h1 {
		font-size: 			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .p_dr_srch_cnd .d_thm_key {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .p_dr_srch_cnd span {
		font-size: 			calc((0.15rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .p_dr_srch_cnd select {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .p_dr_srch_cnd a {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	/*	日記本文：制御部（cntl）*/
	.p_dr_body .cntl {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.p_dr_body .cntl div.d_id {
		margin-right: 		0.1rem;
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.p_dr_body .cntl div.d_date_h {
		width: 				calc((1.8rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .cntl div.d_date_h span {
		width: 				calc((0.5rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .cntl img {
		margin:				0;
		width: 				calc((0.28rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		height: 			calc((0.28rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body .cntl a.cmn_btn {
		padding: 			0.03rem 0.15rem;
		letter-spacing: 	0.04rem;
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body h2.d_date {
		font-size:			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.85);
	}
	.p_dr_body h2 span.d_hday {
		font-size:			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_dr_body h2 span.new {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.p_dr_body h2.d_title {
		font-size: 			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.85);
		margin:				0.2rem 0 0.1rem 0;
		margin-right:		auto;
		line-height: 		110%;
	}
	.p_dr_body div.d_text {
		line-height: 		140%;
	}
	.p_dr_body .d_theme a {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.p_dr_body p.d_text_blk {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.p_dr_body .d_img_file:last-child {
		margin: 			0;
		margin-right: 		0;
	}
	.p_dr_body .d_text_blk:last-child {
		margin-right: 		0;
	}
	.p_dr_body li span {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
}
/*------------------------------------*/
/*	日記画面：編集画面
/*------------------------------------*/
@media all {
	.p_dr_body .dr_edit,
	.p_dr_body .dr_conf {
/*		border:  			0.01rem solid red;		/* DEBUG用 */
		padding: 			0;
		margin: 			0;
	}
	.dr_edit h1,
	.dr_conf h1 {
/*		border:  			0.01rem solid red;		/* DEBUG用 */
		padding: 			0.08rem 0;
		margin: 			0;
		font-size: 			0.20rem;
		color:				deeppink;
		letter-spacing: 	0.03rem;
	}
	.dr_edit div.msg,
	.dr_conf div.msg {
/*		border:  			0.01rem solid red;		/* DEBUG用 */
		display: 			flex;
		align-items:		center;
		justify-content: 	center;
		padding: 			0.08rem 0;
		margin: 			0;
		text-align: 		center;
		font-size: 			0.15rem;
		color:				red;
		letter-spacing: 	0.01rem;
	}
	.dr_edit div.d_image,
	.dr_conf div.d_image {
		border:				0.01rem solid lightgrey;
		background-color:	white;
		padding: 			0.08rem;
		margin: 			0;
		font-size: 			0.12rem;
		line-height: 		120%;
		height: 			2.0rem;
		overflow-y:			scroll;
		display: 			none;
	}
	.dr_edit div.d_image_head,
	.dr_conf div.d_image_head {
		display: 			flex;
		align-items: 		center;
		margin: 			0.05rem;
	}
	.dr_edit div.d_image_head div,
	.dr_conf div.d_image_head div {
		margin-left: 		0.2rem;
		font-size: 			0.12rem;
	}
	.dr_edit div.d_image_head h2,
	.dr_conf div.d_image_head h2 {
		margin: 			0;
		padding: 			0;
		font-size: 			0.14rem;
		letter-spacing: 	0.01rem;
		color: 				dimgrey;
	}
	.dr_edit table {
		width: 				100%;
		background-color: 	whitesmoke;
		border:  			0.01rem solid slategrey;
		border-collapse: 	separate;
		border-spacing:  	0.02rem;
	}
	.dr_edit th, .dr_edit td {
		border:  			0.01rem solid slategrey;
		text-align: 		left;
	}
	.dr_edit th {
		background-color: 	dodgerblue;
		color: 				white;
		padding: 			0.02rem 0.05rem;
		width: 				1.0rem;
	}
	.dr_edit td {
		margin-left: 		0;
		padding: 			0.06rem 0.04rem; 
		background-color: 	white;
	}
	.dr_edit .dr_image {
		padding: 			0rem; 
		position: 			relative;
	}

	.dr_edit .dr_image div {
/*		border:				1px solid green;		/* DEBUG用 */
		margin: 			0.03rem 0.04rem;
		padding: 			0.03rem 0.04rem; 
		background-color: 	whitesmoke;
		color:				teal;

	}
	.dr_edit .dr_image div span {
		display: 			inline-block;
		margin: 			0;
		padding: 			0; 
		color:				teal;
	}
	.dr_edit .dr_image div label {
		color:				black;
	}
	.dr_edit .dr_image div.image_file {
/*		border:				0.01rem solid red;	/* DEBUG用 */
		display: 			flex;
		align-items: 		center;
		justify-content: 	center;
		width:				0.7rem;
		height:				0.7rem;
		background-color:	white;
		color:				crimson;
		padding:			0.04rem;
		margin: 			0.04rem;
		font-size:			0.12rem;
		text-align: 		center;
	}
	.dr_edit .dr_image p {
		margin: 			0.03rem 0.02rem;
		color:				dimgrey;
		letter-spacing: 	0;
	}
	.dr_edit span.err_msg {
		display: 			block!important;
		color: 				red!important;
	}
	.dr_edit input[type="text"], input[type="url"], .dr_edit textarea {	
		background-color: 	azure;
		border: 			0.01rem solid slategrey;
		padding: 			0.02rem 0.04rem;
		font-size: 			0.14rem;
	}
	.dr_edit input[type="radio"] {	
		margin: 			0 0.04rem;
	}
	.dr_edit input[type="file"] {
/*		border: 			2px red dotted;		/* DEBUG用 */
		color:				dimgrey;
		font-size: 			0.12rem;
		padding: 			0.04rem 0rem 0.03rem 1.2rem;
		position: 			relative;		
	}
	.dr_edit input[type="file"]::file-selector-button {
		position: 			absolute;
		top: 				0px;
		left: 				0px;
		padding: 			0.01rem 0.08rem;
		letter-spacing: 	0.01rem;
		font-weight: 		normal;
		font-family:		var(--font-family-normal);
		font-size:			0.14rem;
		line-height: 		150%;
		cursor: 			pointer;
		transition: 		all 0.3s;
		text-align: 		center;
		vertical-align: 	middle;
		text-decoration: 	none;
		border-radius: 		0.1rem;
		border:				none;
		color: 				white;
		background-color: 	#99908a;

	}
	.dr_edit input[type="file"]::file-selector-button:hover {
		transition: 		all 0.3s ease;
		opacity: 			0.3;
	}
	.dr_edit textarea#txt_d_text {
		letter-spacing: 	0.01rem;
		width: 				8.3rem;
		height: 			6.0rem;
	}
	.dr_edit input#txt_d_title {
		width:				7.28rem;
	}
	.dr_edit .button,
	.dr_conf .button {
		display: 			flex;
		align-items: 		center;
		justify-content: 	space-between;
		margin: 			0.3rem 0;
		padding: 			0;
	}
	.dr_edit .button .cmn_btn,
	.dr_conf .button .cmn_btn {
		background-color: 	crimson;
		width: 				1rem;
		font-size: 			0.16rem;
		letter-spacing: 	0.03rem;
	}
	.dr_edit .note {
		color:				teal;
	}
/*----------------------------------------
	↓ここから新規追加（ﾓﾊﾞｲﾙ用未追加）2024/12/3
/*----------------------------------------*/
	.dr_help {
		margin:				0.08rem 0.02rem;
		font-size: 			0.12rem;
	}
	.dr_help th, .dr_help td {
		line-height: 		150%;
		vertical-align: 	top;
	}
	.dr_help .example {
		color: 				teal;
		font-size: 			0.11rem;
	}
/*----------------------------------------
	↑ここまで新規追加（ﾓﾊﾞｲﾙ用未追加）2024/12/3
/*----------------------------------------*/
}
@media (min-width: 751px) and (max-width: 1200px) {

	.dr_edit input[type="file"] {
		padding: 			0.04rem 0rem 0.2rem 0.1rem;
	}
	.dr_edit textarea#txt_d_text {
		width: 				7.07rem;
		height: 			6.0rem;
	}
	.dr_edit input#txt_d_title {
		width:				6.07rem;
	}


}
@media (max-width: 750px) {
	.dr_edit h1,
	.dr_conf h1 {
/*		border:  			0.01rem solid red;		/* DEBUG用 */
		padding: 			0;
		font-size:			calc((0.20rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		letter-spacing: 	0.02rem;
	}
	.dr_edit div.msg,
	.dr_conf div.msg {
		padding: 			0.08rem 0.05rem;
		font-size:			calc((0.15rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		letter-spacing: 	0.01rem;
	}

	.dr_edit div.d_image,
	.dr_conf div.d_image {
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		line-height: 		120%;
		height: 			4.0rem;
	}
	.dr_edit div.d_image_head div,
	.dr_conf div.d_image_head div {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
	}
	.dr_edit div.d_image_head h2,
	.dr_conf div.d_image_head h2 {
		font-size: 			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
	}

	.dr_edit span.err_msg,
	.dr_conf span.err_msg {
		display: 			block;
		font-size:			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		color: 				red;
		margin: 			0.05rem 0.1rem;
	}
	.dr_edit h2 {
		background-color:	dodgerblue;
		color:				white;
		margin: 			0.1rem 0 0 0;
		padding: 			0 0.08rem;
		font-size:			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		letter-spacing: 	0.02rem;
	}
	.dr_edit div {
		background-color:	white;
		color:				black;
		margin: 			0;
		padding: 			0.1rem 0;
		font-size:			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
		letter-spacing: 	0.02rem;
	}
	.dr_edit input[type="text"], input[type="url"], .dr_edit textarea {	
		padding: 			0.02rem 0.04rem;
		font-size: 			0.32rem;			/* 16pxだと拡大されない */
		letter-spacing: 	0rem;
		line-height:  		120%;
	}
	.dr_edit input[type="radio"] {	
		margin: 			0 0 0 0.1rem;
	}
	.dr_edit textarea#txt_d_text {
		letter-spacing: 	0.01rem;
		width: 				100%;
		height: 			6.0rem;
	}
	.dr_edit .dr_image {
		padding: 			0.1rem 0.04rem;
		position: 			static;

	}
	.dr_edit .dr_image h3 {
		color:				black;
		margin: 			0.05rem 0.05rem;
		padding: 			0;
		font-size:			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		letter-spacing: 	0.01rem;
		font-weight: 		bold;
		font-family:		var(--font-family-bold);
	}
	.dr_edit .dr_image div {
		margin: 			0.03rem 0.04rem;
		padding: 			0.08rem 0.04rem; 
		background-color: 	whitesmoke;
		color:				teal;
		font-size:			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.9);
	}
	.dr_edit .dr_image div span {
		display: 			inline-block;
		margin: 			0 0.05rem;
		padding: 			0; 
		color:				teal;
	}
	.dr_edit .dr_image div.image_file {
/*		border:				0.01rem solid red;	/* DEBUG用 */
		display: 			flex;
		align-items: 		center;
		justify-content: 	center;
		width:				0.7rem;
		height:				0.7rem;
		background-color:	white;
		color:				crimson;
		padding:			0.04rem;
		margin: 			0.04rem;
		font-size:			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
		text-align: 		center;
	}
	.dr_edit .dr_image p {
		margin: 			0;
		padding: 			0;
		color:				dimgrey;
		letter-spacing: 	0;
	}
	.dr_edit .dr_image input[type="file"] {
/*		border: 			1px red dotted;		/* DEBUG用 */
		font-size:			calc((0.12rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
		padding: 			0.04rem 0rem 0.03rem 1.2rem;
		width: 				0.5rem;
	}
	.dr_edit input[type="file"]::file-selector-button {
		padding: 			0.01rem 0.08rem;
		font-size:			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		line-height: 		150%;
		cursor: 			pointer;
		border-radius: 		0.15rem;
	}
/*------------------------------------*/

	.dr_edit .button,
	.dr_conf .button {
		background-color:	transparent;
		margin: 			0.2rem 0;
		padding: 			0;
	}
	.dr_edit .button .cmn_btn,
	.dr_conf .button .cmn_btn {
		border-radius: 		0.2rem;
		width: 				1.6rem;
		font-size:			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
		letter-spacing: 	0.01rem;
		margin-bottom: 		0.4rem;
	}
	.dr_edit .note {
		background-color:	transparent;
		color:				teal;
		line-height: 		120%;
	}

/*----------------------------------------
	↓ここから新規追加（ﾓﾊﾞｲﾙ用未追加）2024/12/3
/*----------------------------------------*/
	.dr_help {
		margin:				0.08rem 0.02rem;
		font-size: 			0.12rem;
	}
	.dr_help th, .dr_help td {
		line-height: 		150%;
		vertical-align: 	top;
	}
	.dr_help .example {
		color: 				teal;
		font-size: 			0.11rem;
	}
/*----------------------------------------
	↑ここまで新規追加（ﾓﾊﾞｲﾙ用未追加）2024/12/3
/*----------------------------------------*/


}
/*------------------------------------*/
/*	日記画面：MENU部
/*------------------------------------*/
@media all {
	/*	日記ﾒﾆｭｰ（p_dr_menu）*/
	article.p_dr_menu  {
/*		border: 			1px solid red;				/* DEBUG用 */
		width: 				290px;
		margin: 			0;
		padding: 			0;
	}
	/*	日記ﾒﾆｭｰ（p_dr_menu）*/
	.p_dr_menu section {
		background-color: 	blanchedalmond;
		width: 				auto;
		margin:				0 0 0.1rem 0;
		padding:			0.1rem;
		font-size:			0.16rem;
		color:				grey;
		line-height: 		150%;
	}
	.p_dr_menu div.admin {
		display: 			flex;
		align-items: 		center;
		justify-content: 	space-between;
		background-color: 	whitesmoke;
		width: 				auto;
		margin:				0 0 0.05rem 0;
		padding:			0.1rem;
	}
	.p_dr_menu div.admin .cmn_btn {
		border-radius: 		0.2rem;
		background-color: 	crimson;
		letter-spacing: 	0.02rem;
		font-size: 			0.18rem;
		padding: 			0.02rem 0.15rem;
	}
	.p_dr_menu div.srch {
		background-color: 	lavenderblush;
		width: 				auto;
		margin:				0 0 0.05rem 0;
		padding:			0.02rem 0.1rem;
	}
	.p_dr_menu hr {
		margin: 			0.05rem 0;
		border: 			none;
		border-bottom: 		0.01rem solid grey ;
		box-shadow: 		0 0.01rem 0 white  ;
	}
	.p_dr_menu h2 {
		color:				orange;
		font-size:			0.18rem;
		margin: 			0;
	}
	.p_dr_menu .btn_srch {
		margin: 			0 0.04rem;
		width: 				0.40rem;
		height: 			0.40rem;
		background-color: 	transparent;
		border: 			none;
		outline: 			none;
		box-shadow: 		none;
		background-repeat:  no-repeat;
		background-image: 	url('../image/icons/kkrn_icon_mushimegane_16.png');
		background-size:  	0.40rem;
		cursor: 			pointer;
	}
}
@media (min-width: 751px) and (max-width: 1200px) {
	/*	日記ﾒﾆｭｰ（p_dr_menu）*/
	article.p_dr_menu  {
		display: 			none;
	}
}
/*------------------------------------*/
/*	動画画面
/*------------------------------------*/
@media all {

	article.p_movie  {
/*		border: 			1px solid red;				/* DEBUG用 */
		margin: 			0;
		padding: 			0;
	}
	.p_movie h1 {
		display: 			flex;
		align-items:		center;
		font-size:			0.16rem;
		letter-spacing:  	0.01rem;
		color:				dimgray;
		margin: 			0;
	}
	.p_movie section {
		display: 			flex;
		background-color: 	white;
		border: 			0.01rem solid lightgrey;
		width: 				auto;
		margin:				0.1rem 0.5rem 0.2rem 0;
		padding:			0.15rem 0.15rem 0.15rem 0.1rem;
		font-size:			0.16rem;
	}
	.p_movie figure {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		margin: 			0 0 0 0.1rem;
	}
	.p_movie iframe {
		width: 				3.52rem;
		height:				1.98rem;
	}
	.p_movie div {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		width: 				100%;
		margin: 			0 0 0 0;
		padding : 			0;
	}
	.p_movie section:last-of-type {
		margin-bottom:		0.05rem;
	}
	.p_movie h2 {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		display: 			flex;
		justify-content: 	space-between;
		align-items:		center;
		color:				teal;
		background-color:	lightcyan;
		font-size:			0.18rem;
		margin: 			0;
		padding: 			0.04rem 0.18rem;
		border-radius: 		0.2rem;
		letter-spacing:  	0.005rem;
	}
	.p_movie h2 span.m_date {
		font-size: 			0.14rem;
		font-weight: 		normal;
		margin-left: 		0.1rem;
		color:				red;
		white-space: 		nowrap;
	}
	.p_movie p {
/*		border:				0.01rem solid purple;			/* DEBUG用 */
		margin:				0.08rem 0.08rem;
		word-break:			break-all;
		line-height: 		130%;
	}
}
@media (max-width: 750px) {
	.p_movie section {
		display:			block;
		margin-right:		0;
	}
	.p_movie iframe {
		width: 				calc((3.52rem * var(--rem_pc) / var(--rem_mb) ) * 0.4);
		height:				calc((1.98rem * var(--rem_pc) / var(--rem_mb) ) * 0.4);;
	}
	.p_movie h2 {
		display: 			block;
		font-size:			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.7);
	}
	.p_movie h2 span.m_date {
		display:block;
		width:100%;
		text-align: 	right;
		font-size: 			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.p_movie p {
		word-break:			break-all;
		line-height: 		150%;
		font-size: 			calc((0.16rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
}
/*------------------------------------*/
/*	お知らせ画面
/*------------------------------------*/
@media all {
	/*	お知らせ（p_info）*/
	article.p_info, article.p_history {
/*		border: 			1px solid purple;			/* DEBUG用 */
		margin: 			0;
		padding: 			0;
	}
	.p_info section {
/*		border: 			1px solid red;				/* DEBUG用 */
		width: 				auto;
		margin:				0.05rem 0 0.05rem 0;
		padding:			0.05rem;
		font-size:			0.15rem;
		line-height: 		130%;
	}
	.p_info h1, .p_history h1 {
/*		border: 			1px solid red;				/* DEBUG用 */
		font-size:			0.18rem;
		letter-spacing:  	0.02rem;
		margin:				0.1rem 0 0.08rem 0;
	}
	.p_info h2 {
		font-size:			0.15rem;
		letter-spacing:  	0.01rem;
		margin:				0 0 0.04rem 0;
		color: 				teal;
	}
	.p_info p, .p_history p {
		white-space:		normal;
		word-break:			break-all;
	}
	.p_info span.new {
		margin-left: 		0.2rem;
		font-size:			0.13rem;
	}
	/*	更新履歴（p_history）*/
	article.p_history {
		margin-top: 		0.20rem;
	}
	.p_history section {
/*		border: 			1px solid red;				/* DEBUG用 */
		width: 				auto;
		margin:				0 0 0.05rem 0;
		padding:			0.05rem;
		font-size:			0.14rem;
		line-height: 		140%;
	}
	.p_history h2 {
		color:				#d42376;
		font-size:			0.14rem;
		font-weight:		normal;
		margin: 			0 0 0.05rem 0;
	}
	.p_history h2 span {
		color:				dimgrey;
	}
}
@media (max-width: 750px) {
	.p_info section {
		font-size:			calc((0.15rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_info h1, .p_history h1 {
		font-size:			calc((0.18rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_info h2 {
		font-size:			calc((0.15rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_history section {
		font-size:			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
	.p_history h2 {
		font-size:			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
}
/*------------------------------------*/
/*	落書き画面
/*------------------------------------*/
@media all {
	article.p_art  {
/*		border: 			1px solid purple;			/* DEBUG用 */
		margin: 			0;
		padding: 			0;
	}
	.p_art .flex {
		align-items: 		start;
	}
	.p_art section {
/*		border: 			1px solid red;				/* DEBUG用 */
		width: 				auto;
		margin:				0 0rem 0.1rem 0;
		padding:			0.05rem;
		font-size:			0.12rem;
		line-height: 		140%;
	}
/*
	.p_art .txt_ovr_img {
		width:				1.5rem;
		height:				auto;
		margin:				0;
	}
	.p_art .txt_ovr_img .caption {
		padding-top:		0.2rem;
		line-height: 		200%;
	}
*/
	.p_art figure.image {
		margin:				0 0.1rem 0 0;
	}
	.p_art div.text {
		margin-left:		0.1rem;
		padding: 			0;
	}
	.p_art p.art_title {
		display: 			block;
		font-weight: 		bold;
		font-family: 		var(--font-family-bold);
		font-size: 			0.18rem;
		margin: 			0 0 0.1rem 0;
		color:				green;
	}
	.p_art span.art_date {
		display: 			inline-block;
		margin-left: 		0.1rem;
		font-size: 			0.16rem;
		color:				crimson;
	}
	.p_art p.art_comment {
		font-size: 			0.14rem;
		margin: 			0 0 0 0.02rem;
		line-height: 		150%;
	}
	.p_art img {
		height:				1.2rem;
	}
}
@media (max-width: 750px) {
	.p_art p.text {
		font-size:			calc((0.14rem * var(--rem_pc) / var(--rem_mb) ) * 0.8);
	}
}
/*------------------------------------*/
/*	ﾌﾟﾗｲﾊﾞｼｰﾎﾟﾘｼｰ・利用規約画面
/*------------------------------------*/
@media all {
	article.p_policy  {
		width: 				auto;
		margin: 			0.4rem 0 0.2rem 0;
		padding: 			0;
		font-size: 			0.15rem;
		line-height: 		150%;
		text-align: 		center;
	}
	.p_policy section {
		width: 				850px;
		margin: 			auto;
		text-align: 		left;
	}
	.p_policy h1 {
		margin: 			0 0 0.3rem 0;
		color: 				black;
		font-size: 			0.2rem;
	}
	.p_policy h2 {
		margin: 			0.3rem 0 0.2rem 0;
		color: 				black;
		font-size: 			0.2rem;
	}
	.p_policy p {
/*		white-space:		pre-wrap;*/
		word-break:			break-all;
	}
}
@media (min-width: 751px) and (max-width: 1200px) {
	.p_policy section {
		width: 				700px;
	}
}
@media (max-width: 750px) {
	article.p_policy {
		font-size:			calc((0.15rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.p_policy h1, .p_policy h2 {
		font-size:			calc((0.2rem * var(--rem_pc) / var(--rem_mb) ) * 0.6);
	}
	.p_policy section {
		width: 				330px;
	}
}