@charset "UTF-8";


/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/* ############################################################## */

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*必要ならばここにコードを書く*/

/* ここからサイドバーの設定 */
#sidebar a {color: #96514d;} /* サイドバーの文字色 */
.sidebar {background-color: #f0f0f0;} /* サイドバーの背景色 */
.komoku1{background-color: #080;font-weight: bold;color:#fff;align-content}
.komoku2{background-color:#7FFF00;font-weight: bold;font-size:90%;}
/* ここまでサイドバーの設定 */

#UserCont_kaiin , #UserCont_kaiho , #UserCont_kensaku{
	width:	900px;
	.mojiBR	{text-indent:	0;}			/* 先頭行の字下げなし、改行 */
	.mojiBR1{text-indent:	1em;}			/* 先頭行の字下げ１、改行 */
	.mojisage0{text-indent:	0;margin:	0;}		/*　先頭行の字下げなし　*/
	.mojisage1{text-indent:	1em;margin:	0;}	/*　先頭行の字下げ　*/
	.mojiRight {text-align: right;margin:	0;}	/*　右端寄り	*/
	.mojiCentr{text-align: center;margin:	0;}	/*　センタリング	*/
	.line_break{line-height: 0.5; margin: 0;}	/*　改行	*/
	.burasage{padding-left: 1em;text-indent: -1em;margin: 0;}	/* ぶら下がり */
	.chapter{font-weight:bold ; padding-left:1em ; text-indent:-1em ; margin:0 ; }
	.article{font-weight:bold ; padding-left:3rem ; text-indent:-1em ; margin:0 ; }
	.term{font-weight:bold ; padding-left:5rem ; text-indent:-1em ; margin:0 ; }

}
#UserCont_kaiho{
	.left{float: left;}
	.right{float: right;}
	.box0{width:600px; text-align:center;letter-spacing:20px;}
	.box1{width:40px;margin: 0 auto;}
	.box2{width:100px;margin-left:0;}
	.box3{width:600px;}
	.box4{width:70px;}
	.clear{clear: both;}
}
.pc { display: block !important; }
.sp { display: none !important; }


#color99{ color: #F00;}
.login-username::after{
	content:"1023px以上";
}
/* ############################################################## */
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	#UserCont_kaiin  , #UserCont_kaiho , #UserCont_kensaku{
		width:	900px;
		font-size:90%;
		.mojiBR	{text-indent:	0;}
		.mojiBR1{text-indent:	1em;}
		.mojisage0{text-indent:	0;margin:	0;}
		.mojisage1{text-indent:	1em;margin:	0;}
		.mojiRight {text-align: right;margin:	0;}
		.mojiCentr{text-align: center;margin:	0;}
		.line_break{line-height: 0.5; margin: 0;}
		.burasage{padding-left: 1em;text-indent: -1em;margin: 0;}
		.yymmdd{display:none;}
		.chapter{font-weight:bold ; padding-left:1em ; text-indent:-1em ; margin:0 ; }
		.article{font-weight:bold ; padding-left:3rem ; text-indent:-1em ; margin:0 ; }
		.term{font-weight:bold ; padding-left:5rem ; text-indent:-1em ; margin:0 ; }
	}

	#UserCont_kaiho{
		.left{float: left;}
		.right{float: right;}
		.box0{width:600px; text-align:center;letter-spacing:20px;}
		.box1{width:40px;margin: 0 auto;}
		.box2{width:90px;margin-left:0;}
		.box3{width:600px;}
		.box4{width:70px;}
		.clear{clear: both;}
	}
	.pc { display: block !important; }
	.sp { display: none !important; }



  /*必要ならばここにコードを書く*/
	#color99{ color:#0F0;}
	.login-username::after{
		content:"834px以上 1023px未満";
	}
}

/* ############################################################## */
/*834px以下*/
@media screen and (max-width: 834px){
 /*必要ならばここにコードを書く*/
	#UserCont_kaiin  , #UserCont_kaiho , #UserCont_kensaku{
		width:	800px;
		font-size:90%;
		.mojiBR	{text-indent:	0;}
		.mojiBR1{text-indent:	1em;}
		.mojisage0{text-indent:	0;margin:	0;}
		.mojisage1{text-indent:	1em;margin:	0;}
		.mojiRight {text-align: right;margin:	0;}
		.mojiCentr{text-align: center;margin:	0;}
		.line_break{line-height: 0.5; margin: 0;}
		.burasage{padding-left: 1em;text-indent: -1em;margin: 0;}
		.yymmdd{display:none;}
		.chapter{font-weight:bold ; padding-left:1em ; text-indent:-1em ; margin:0 ; }
		.article{font-weight:bold ; padding-left:3rem ; text-indent:-1em ; margin:0 ; }
		.term{font-weight:bold ; padding-left:5rem ; text-indent:-1em ; margin:0 ; }
	}
	#UserCont_kaiho{
		.left{float: left;}
		.right{float: right;}
		.box0{width:600px; text-align:center;letter-spacing:20px;}
		.box1{width:40px;margin: 0 auto;}
		.box2{width:90px;margin-left:0;}
		.box3{width:600px;}
		.box4{width:70px;}
		.clear{clear: both;}
		.displayNONE{display: none;}
	}
	.pc { display: block !important; }
	.sp { display: none !important; }



	
	#color99{ color:#00F;}
	.login-username::after{
		content:"480px以上 834px未満";
	}
	
}
/* ############################################################## */

/*480px以下*/
@media screen and (max-width: 480px){
	.main {
		background-color: #f0f0f0;
	}
  /*必要ならばここにコードを書く*/
	#UserCont_kaiin  , #UserCont_kaiho , #UserCont_kensaku{
		width:	400px;
		font-size:90%;
		.mojiBR	{text-indent:	0;}
		.mojiBR1{text-indent:	1em;}
		.mojisage0{text-indent:	0;margin:	0;}
		.mojisage1{text-indent:	1em;margin:	0;}
		.mojiRight {text-align: right;margin:	0;}
		.mojiCentr{text-align: center;margin:	0;}
		.line_break{line-height: 0.5; margin: 0;}
		.burasage{padding-left: 1em;text-indent: -1em;margin: 0;}
		.yymmdd{display:none;}
		.chapter{font-weight:bold ; padding-left:1em ; text-indent:-1em ; margin:0 ; }
		.article{font-weight:bold ; padding-left:3rem ; text-indent:-1em ; margin:0 ; }
		.term{font-weight:bold ; padding-left:5rem ; text-indent:-1em ; margin:0 ; }
	}
	
	#UserCont_kaiho{
		.left{float: left;}
		.right{float: right;}
		.box0{width:400px; text-align:center;letter-spacing:20px;}
		.box1{width:40px;margin: 0 auto;}
		.box2{width:90px;margin-left:0;}
		.box3{width:400px;}
		.box4{width:70px;}
		.clear{clear: both;}
		.displayNONE{display: none;}
	}
	.pc { display: none !important; }
    .sp { display: block !important; }
	
	
	#color99{ color:#800000;}
	.login-username::after{
		content:"480px未満";
	}

}