@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


.wlr{
  width:300px;	
  float : right;

}

.wll{
  width:300px;	
  float : left;

}
.wlc{
  width:300px;	
  margin : 15px auto;
 padding-left : 15px;
 color: #ff0000;
}

#content .cwll{
  width:300px;	
  float : left;
	text-align: center;
	font-size: 12px; 
}
#content .linkbox{
  border-width : 2px;
  border-style : dotted;
  border-color : #ff0000;
 padding : 2px 5px 5px 5px;
 margin-bottom : 30px;
 height : 22px;
 float : right;
 font-size : 15px;
}
#content .linkbox a{
 font-weight : bold;
 font-size : 15px;
}
#content .l123{
	list-style-type: decimal;	
}

#content .ulwaku {
	min-width : 250px;
	width: 85%;
	border-width : 8px;
	border-style : double;
	border-color : #00cc00;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 40px;
	margin-top : 30px;
	font-size: 16px;
	font-weight: normal;
	padding: 20px;
}
#content .ulwaku2 {
	min-width : 300px;
	width: 85%;
	border-width : 8px;
	border-top-style : double;
	border-bottom-style : solid;
	border-right-style : solid;
	border-left-style : solid;
	border-color : #00ccff;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 40px;
	margin-top : 30px;
	font-weight: normal;
	padding: 20px;
}
#content .ulwakusmall {
	min-width : 250px;
	width: 50%;
	border-width : 8px;
	border-style : double;
	border-color : #00cc00;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 40px;
	margin-top : 30px;
	font-size: 16px;
	font-weight: normal;
	padding: 20px;
}

#content .ulwaku ul,
#content .ulwaku2 ul,
#content .ulwakusmall ul{
	padding-left: 10%;
	list-style-type: square;
}
#content .ulwaku ul.l123{
	padding-left: 20px;
	list-style-type: decimal;
	font-weight: bold;
}


#content .ulwaku a{
	color : #002bff;
}
#content .ulwaku a:hover{
	color : #ff3366;
}
#content .ulwaku .catch,
#content .ulwaku2 .catch,
#content .ulwakusmall .catch{
	text-align: center;
	color: #800000;
	font-size : 20px;
	font-weight : bold;
	background-image: none;
	text-decoration : overline underline;
	background-color : #fff;
}
.kanren1 {
	padding : 10px;
	width : 600px;
	border-width : 2px;
	border-style : dotted;
	border-color : #ccc;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 20px;
	margin-top : 30px;
	font-size: 14px;
}
.kanren1 p{
	font-size: 14px;
	font-weight : normal;
	margin : 0;
	padding : 0;
}
.kanren1 ul{
	font-weight : normal;
	font-size: 12px;
	margin : 0;
	padding : 0;
}
.kanren1 li{
	float : left;
	list-style-type: none;
	margin : 4px;
	white-space: pre;

}
.kanren1 a{
	text-decoration : none;
	color : #666;
}
.kanren1 a:hover{
	color : #ff3366;
}
.clearb{
  clear : both;
}

#content .zwaku{
	margin : 20px auto 40px  auto;
	border-style: double;
	border-width : 20px 10px;
	border-color: #ff6347;
	min-width: 300px;
	width : 77%;
	padding : 10px;
}


#content .reason{
	margin: 20px auto 40px auto;
	padding : 10px;
	border-width : 20px 10px;
	border-color : #eeff00;
	border-style : solid;
	min-width: 300px;
	width : 75%;
	font-size: 16px;
}
#content .zwaku h2,
#content .reason h2{
	text-align: center;
	color: #0300d5;
	font-size : 18px;
	font-weight : bold;
	background-image: none;
	border-style: none;
	background-color: #fff;
}

#content .reason h3{
	font-size : 16px;
	font-weight : bold;
}

#content .kakomi{
	margin: 20px auto 30px auto;
	padding : 10px;
	border-width : 20px 10px;
	border-color : #ffff00;
	border-style : ridge;
	width : 77%;
	font-size: 16px;
	min-width: 300px;
}
#content .kakomi h3{
	text-align: center;
	color: #330000;
	font-size : 18px;
	font-weight : bold;
	border-style : none;	
}
#content .reason ol{
	padding-left: 10px;
	color: #330000;
}

#content .prwaku1,
#content .prwaku2,
#content .prwaku3,
#content .prwaku4,
#content .prwaku5,
#content .prwaku6,
#content .prwaku7,
#content .prwaku8,
#content .prwaku9 {
	width: 77%;
	min-width: 300px;
	padding: 20px;
	border-width : 8px;
	border-style: inset;
	margin: 20px auto 40px auto;
}
#content .prwaku1,
#content .prwaku1 h4{
	border-color: #cccc00;
}
#content .prwaku2,
#content .prwaku2 h3{
	border-color: #cccccc;
}
#content .prwaku3,
#content .prwaku3 h3{
	border-color: #da8f6b;
}
#content .prwaku4,
#content .prwaku4 h3{
	border-color: #99cc99;
}
#content .prwaku5,
#content .prwaku5 h3{
	border-color: #ffcc33;
}
#content .prwaku6,
#content .prwaku6 h3{
	border-color: #99ccff;
}
#content .prwaku7,
#content .prwaku7 h3{
	border-color: #ffa500;
}
#content .prwaku8,
#content .prwaku8 h3{
	border-color: #dc143c;
}
#content .prwaku9,
#content .prwaku9 h3{
	border-color: #009900;
}

#content .engl{
	background-color : #ff0000;
	color : #fff;
	padding-left : 30px;
	font-weight: bold;
}

#content .prwaku1 p,
#content .prwaku2 p,
#content .prwaku3 p,
#content .prwaku4 p,
#content .prwaku5 p,
#content .prwaku6 p{
	font-size: 16px;
	color: #000033;
	margin-bottom: 5px;
}
#content .prwaku1 ol,
#content .prwaku2 ol,
#content .prwaku3 ol,
#content .prwaku4 ul,
#content .prwaku5 ul,
#content .prwaku6 ul,
#content .prwaku7 ul,
#content .prwaku8 ol,
#content .prwaku9 ul {
	margin: 10px auto;	
	width: 280px;
	}
#content .prwaku1 h3,
#content .prwaku2 h2,
#content .prwaku3 h2,
#content .prwaku4 h2,
#content .prwaku5 h2,
#content .prwaku6 h2,
#content .prwaku7 h2,
#content .prwaku8 h2,
#content .prwaku9 h2 {
	text-align: center;
	border-width : 4px;
	border-style: double;
}

#content .marker{
	background-color: #ffff00;
	font-weight: bold;
}

#content .bgw{
	width : 72%;
	min-width: 300px;
	padding: 10px 0 0 30px;
	color: #330000;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-color: #ff8800;
	border-bottom-color: #ff8800;
	margin: 20px auto 10px auto;
}
#content .rbox h3{
  padding: 5px 0 5px 15px;
  border: 6px outset #ff6699;
  background-color: #660000;
  font-size: 21px;
  color: #fff;
}
#content .rbox h4{
	background: url(https://wood.fujilognet.jp/wp-content/uploads/2020/03/crsq_green24.png) center left no-repeat;
	height : 24px;
	padding-left: 35px;
	font-size : 20px;
	font-weight : bold;
}

#content .agency{
	min-width : 350px;
	width : 50%;
	font-size: 15px;
	color : #200089;
	padding: 20px 20px;
	float : right;
	border-width : 1px;
	border-style: dotted;
	border-color: #0400ff;

}
#content .agency h3{
	color : #002bff;
	font-size: 16px;
	font-weight: normal ;
	text-decoration : overline underline;
	background-color: #fff;
}

.mmenu{
	padding : 10px 40px;
	width : 300px;
	border-width : 4px;
	border-style : inset;
	border-color : #eeff00;
	margin : 20px auto;
	font-size : 15px;
}
.mmenu ul{
	font-weight : normal;
	margin : 0 ;
	padding : 0;
}
.mmenu li{
	float : left;
	list-style-type: none;
	margin-left : 30px;
	background-color : #fffc99;
	white-space: pre;
	font-weight: bold;
}

#content .tool{
	margin: 30px auto 20px auto;
	display : block;
	width: 180px;
	background-color: #0200ff;
	color : #eeff00;
	background-image: none;
	text-align: center;
	border-style : none;
	padding : 0;
	font-weight: bold;
	font-size: 14px;
}

#content .bmenu{
	width : 250px;
	font-size: 14px;
	color : #200089;
	padding: 30px 20px;
	float : right;
	border-width : 6px;
	border-style: dotted;
	border-color: #adff2f;
	margin-bottom: 30px;
}
#content .bmenu h4{
	color : #002bff;
	font-size: 14px;
	font-weight: normal ;
	text-decoration : overline underline;
}
#content .bgw1 {
	min-width: 200px;
	width : 42%;
	padding: 10px 20px;
	font-size: 16px;
	color: #0000ff;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-color: #ff8800;
	border-bottom-color: #ff8800;
	margin: 20px auto 10px auto;
}
#content .bgw2 {
	width: 240px;
	padding: 10px;
	font-size: 14px;
	color: #330000;
	border-top-style: ridge;
	border-bottom-style: ridge;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-color: #ff8800;
	border-bottom-color: #ff8800;
	margin: 20px auto 10px auto;
}
#content .bgw1 h3,
#content .bgw2 h3 {
	text-align: center;
	font-size: 18px;
}
#content .bgw1 ul{
	padding-left: 20px;
}
#content .maroon{
	background-color: #800000;
	font-weight: bold;
	font-size: 20px;
	color:#fff;
	padding-left: 20px;
}


#content .rmarker{
	background-color : #ff0000;
	font-weight: 600;
	color: #fff;
}
#content .cback{
	text-align: right;
	margin-top: 1px;
}
#content .cback a{
	color: #aaa;
	font-size: 14px;
	text-decoration :none
}
#content .prred{
	text-align: center;
	text-shadow: darkgray 10px 10px;
	font-size : 27px;
	color : #ff0000;
	font-weight : 600;
}

#content .dotbox{
  border-width : 2px;
  border-style : dotted;
  border-color : #ffcc33;
  padding : 10px 20px;
 margin-bottom : 30px;
 width : 85%;
	min-width: 300px;
 float : right;
 font-size : 16px;
}
#content .greendotbox{
  border-width : 2px;
  border-style : dotted;
  border-color : #00ff00;
  padding : 10px 20px;
	margin-left : auto;
	margin-right : auto;
 margin-bottom : 30px;
 width : 52%;
	min-width: 300px;
}

#content .greenbox30{
  border-top : 1px solid #999999;
  border-right :1px solid #999999;
  border-bottom :6px solid #33cc99;
  border-left :10px double #33cc99;	
  padding : 10px 20px;
	margin-left : auto;
	margin-right : auto;
 margin-bottom : 30px;
 width : 30%;
	min-width: 300px;
 font-size : 16px;
}
#content .greenbox30 ul{
	color: #8b4513;
}

#content .dotbox .capt{
	font-size : 16px;
	background-color: #ff3300;
	color : #fff;
	padding :0 1em;
	font-weight : bold;
	text-decoration : none;
	border : none;
}

#content .important{
	color: #ff0000;
	font-weight : bold;
}
#content .play li{
list-style: none;
}

#content .play li:before{
content : url("https://pclife.thebestofall.info/wp-content/uploads/2018/05/gir1_ico_01.png");
    padding-right: 15px;
}
#content .chk li{
list-style: none;
}

#content .chk li:before{
content : url("https://pclife.thebestofall.info/wp-content/uploads/2018/05/chk.gif");
    padding-right: 15px;
}
#content .galary1 li{
	float : left;
	list-style-type: none;
	margin : 4px;
	white-space: pre;

}

#content .div70{
	width : 70%;
	min-width : 300px;
	margin-left : auto;
	margin-right : auto;	
}
#content .div60{
	width : 60%;
	min-width : 300px;
	margin-left : auto;
	margin-right : auto;	
}
#content .kagebox{
	 width : 50%;
}
#content .kagebox2{
	 width : 30%;
}

#content .kagebox,
#content .kagebox2{
	padding : 20px;
	margin-left : auto;
	margin-right : auto;
 margin-bottom : 30px;
	 margin-top : 30px;
	min-width: 300px;
 font-size : 16px;
	box-shadow: 4px 4px navy,10px 5px 10px 10px gray;
}
#content .kagebox ul,
#content .kagebox2 ul{
		padding-left: 40px;
	color : #660000;
}
#content .daidashbox{
  border-width : 4px;
  border-style : dashed;
  border-color : #ff9900;
  padding : 20px;
	margin-left : auto;
	margin-right : auto;
 margin-bottom : 30px;
 width : 50%;
	min-width: 300px;
 font-size : 18px;
}
#content .outbox{
  border-width : 4px;
  border-style : outset;
  border-color : #ccffff;
  padding : 10px 20px;
 margin-bottom : 30px;
 width : 85%;
	min-width: 300px;
	margin: 10px auto 20px auto;
 font-size : 16px;
}

#content .outbox .catch{
	font-size : 16px;
	background-color: #3366ff;
	color : #fff;
	padding :0 1em;
	font-weight : bold;
	text-decoration : none;
	border : none;
}
#content .afpr {
	font-size : 15px;
	text-align: right;
	color: #808080;
	text-decoration : none;
	border : nonee;
	
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}