@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

.ad-wrap{
min-height:300px;
}

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

}

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

}

/*768px以下*/
@media screen and (max-width: 768px){
/* アドセンス広告（モバイル）の高さを指定*/
.ad-wrap{
	min-height:300px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
		span.aaa{
		font-size:5px;
	}

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

/*マーカー*/
span.marker_yellow_hoso{
background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #FFF884 60%) repeat !important;
}

span.pink_line {
background:linear-gradient(transparent 60%, #FFDFEF 50%);
}

/*フォントサイズ120％*/	
span.my120per{
font-size:120%;
}

/*div120％*/
div.mydiv120{
font-size:120%;
}

/*フォントサイズ150％*/	
*.my150{
font-size:150%;
}


/*マージン上下15*/
div.mymargin10{
margin-top:10px;
margin-bottom:10px;
}

/*マージン上下15*/
div.mymargin15{
margin-top:15px;
margin-bottom:15px;
}


/*マージン上下20*/
div.mymargin20{
margin-top:20px;
margin-bottom:20px;
}


/*赤字*/
span.myred{
color:#FF0A0A;
}

/*青字*/
span.myblue{
color:blue;
}

/*茶色*/
span.mybrown{
color:#800000;
}

/*

/*茶色太*/
span.mybrownbold{
color:#800000;
font-weight:bold;
}

/*茶色120％太字*/
div.mybrownbold120{
font-size:120%;
margin-top:10px;
margin-bottom:10px;
color:#800000;
font-weight:bold;
}

/*茶色120％太字span*/
span.mybrownbold120span{
font-size:120%;
margin-top:10px;
margin-bottom:10px;
color:#800000;
font-weight:bold;
}

/*オレンジ枠*/
div.mywakuorange{
padding: 15px; margin: 15px auto 15px auto; position:relative; z-index:1;padding:15px;margin:15px auto 15px auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#FFF;border:2px solid #FF843F;font-weight:bold;
}

/*オレンジ枠*/
div.mywakuorange2{
padding: 15px; margin: 15px auto 15px auto; position:relative; z-index:1;padding:15px;margin:15px auto 15px auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#FFF;border:2px solid #FF843F;
}

/*橙枠*/
div.myorange{
border: 1px solid #FDE8A8;background-color: #FEF8E0;color: #804900;line-height:180%;padding:10px;
margin-top:20px;
margin-bottom:20px;
font-weight:bold;
}


/*緑枠*/
div.mygreen{
	padding: 15px; 
	margin: 15px auto 15px auto;
	border: 1px solid #C2E39B;background-color: #EFFADA;color:#346F15;line-height:180%;padding:10px;
margin-top:20px;
margin-bottom:20px;
	font-weight:bold;
}


/*赤枠*/
div.myred{
border: 1px solid #FABDA7;background-color: #FFEFEF;color: #A2462F;line-height:180%;padding:10px;
margin-top:20px;
margin-bottom:20px;
	font-weight:bold;
}


/*青枠*/
div.myblue{
border: 1px solid #C5D7ED;background-color: #EFF4FA;color: #2C4F7A;line-height:180%;padding:10px;
margin-top:20px;
margin-bottom:20px;
	font-weight:bold;
}



/*通常枠*/
div.mytuuzyouwaku{
border: 2px solid #CCCCCC;padding: 15px;margin-top: 10px;margin-bottom: 10px;clear: both;
margin-top:20px;
margin-bottom:20px;
	font-weight:bold;
}

/*通常枠*/
div.mytuuzyouwaku2{
border: 2px solid #CCCCCC;padding: 15px;margin-top: 10px;margin-bottom: 10px;clear: both;
margin-top:20px;
margin-bottom:20px;
}


/*通常枠白*/
div.mytuuzyousiro{
border: 2px solid #CCCCCC;background-color:#FFF;padding: 15px;margin-top: 10px;margin-bottom: 10px;clear: both;
margin-top:20px;
margin-bottom:20px;
	font-weight:bold;
}



/*点線枠*/
div.mytensenwaku{
padding: 15px; margin-top: 10px; margin-bottom:  10px;clear: both; border:dotted 1px #666;
margin-top:20px;
margin-bottom:20px;
	font-weight:bold;
}


/*背景灰色*/
div.myhaikeihaiiro{
padding: 15px; margin-top: 10px; margin-bottom: 10px;clear: both; background-color:#EBEBEB;
}



/*黄色枠*/
div.mykiiro{
padding: 15px; margin-top: 10px; margin-bottom: 10px;clear: both; background-color: #FFFFD2;font-weight:bold;
}

/*黄色枠*/
div.mykiiro2{
padding: 15px; margin-top: 10px; margin-bottom: 10px;clear: both; background-color: #FFFFD2;font-weight:normal;
}

/*○影枠*/
div.marukage{
padding: 15px; margin: 15px auto 15px auto; position:relative; z-index:1; padding: 15px; margin: 15px auto 15px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  background-color: #FFF; padding: 15px; margin: 15px auto 15px auto;  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
margin-top:20px;
margin-bottom:20px;font-weight:bold;
}


/*○灰背景*/
div.mymaruhai{	
padding: 15px; margin: 15px auto 15px auto; position:relative; z-index:1; padding: 15px; margin: 15px auto 15px auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F5F5F5;
margin-top:20px;
margin-bottom:20px;font-weight:bold;
}



/*○灰色枠影*/
div.mymaruhaikage{
padding:15px;margin:15px auto 15px auto;position:relative;z-index:1;padding: 15px;margin:15px auto 15px auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color: #f0f0f0;border:1px solid #d7d7d7; padding: 15px;margin: 15px auto 15px auto;-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
margin-top:20px;
margin-bottom:20px;
}



/*〇角*/
div.mymaru{
position:relative;z-index:1;padding: 15px;margin: 15px auto 15px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 2px solid #CCCCCC;
margin-top:20px;
margin-bottom:20px;font-weight:bold;
}

.over img{
    opacity: 0.5;
}
.nav ul{
    margin: 0.35em 0 0;
    padding: 0;
}
.nav li{
    display: inline;
    list-style: none;
}

/*bluewaku 青枠の字青*/
.bluewaku{
border: 1px solid #C5D7ED;background-color: #EFF4FA;color: #2C4F7A;line-height:180%;padding:10px;font-weight:bold;margin: 15px auto 15px auto;

}

/*redwaku 青枠の字赤*/
.redwaku{
border: 1px solid #FABDA7;background-color: #FFEFEF;color: #A2462F;line-height:180%;padding:10px;font-weight:bold;margin: 15px auto 15px auto;
}

/*greenwaku 青枠の字緑*/
.greenwaku{
border: 1px solid #C2E39B;background-color: #EFFADA;color: #346F15;line-height:180%;padding:10px;font-weight:bold;margin: 15px auto 15px auto;
}

/*yellowwaku 黄枠の字黄*/
.yellowwaku{
	border: 1px solid #FDE8A8;background-color: #FEF8E0;color: #804900;line-height:180%;padding:10px;font-weight:bold;margin: 15px auto 15px auto;
}

/*bluewaku2 青枠の字青　fontweightは普通*/
.bluewaku2{
border: 1px solid #C5D7ED;background-color: #EFF4FA;color: #2C4F7A;line-height:180%;padding:20px;margin: 15px auto 15px auto;
}

/*redwaku2 青枠の字赤*/
.redwaku2{
border: 1px solid #FABDA7;background-color: #FFEFEF;color: #A2462F;line-height:180%;padding:20px;margin: 15px auto 15px auto;
}

/*greenwaku2 青枠の字緑*/
.greenwaku2{
border: 1px solid #C2E39B;background-color: #EFFADA;color: #346F15;line-height:180%;padding:20px;margin: 15px auto 15px auto;
}

/*yellowwaku2 黄枠の字黄*/
.yellowwaku2{
	border: 1px solid #FDE8A8;background-color: #FEF8E0;color: #804900;line-height:180%;padding:20px;margin: 15px auto 15px auto;
}

/*ポイント1から8*/
.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8{
background-repeat: no-repeat;
height: 26px;
padding-left: 46px;
margin-top: 10px;
padding-top: 14px;
margin-bottom: 10px;
border-bottom:dotted 2px #CCC;
color: #3F3F3F;
background-position: 4px top;
clear: both;
background-size: auto auto;
font-size: 19px;
margin: 20px 0 10px;
min-height: 40px;
padding: 4px 0 0 70px;

background-position: left top;
background-repeat: no-repeat;
box-sizing: border-box;
color: #333;
font-weight: 700;
height: auto;
line-height: 1.5;
}
/*ポイント1から8の画像*/
.point1{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point1.png");
}
.point2{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point2.png");
}
.point3{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point3.png");
}
.point4{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point4.png");
}
.point5{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point5.png");
}
.point6{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point6.png");
}
.point7{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point7.png");
}
.point8{
background-image: url("https://tanikuchan.com/wp-content/uploads/2020/11/point8.png");
}

/*矢印オレンジ*/
.arrow_orange {
min-height:24px;
overflow:hidden;
font-weight:bold;
background-image: url(https://tanikuchan.com/wp-content/uploads/2020/11/arrow_orange.gif);
background-repeat: no-repeat;
background-position: left center;
background-size: 24px 15px;
padding-left: 28px;
font-weight: 700;
}

/*矢印オレンジ大きい*/
.arrow_orangebig {
min-height:24px;
overflow:hidden;
font-weight:bold;
background-image: url(https://tanikuchan.com/wp-content/uploads/2020/11/arrow_orange.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 24px 15px;
padding-left: 28px;
font-weight: 700;
}

/*矢印赤*/
.arrow_red{
min-height:24px;
overflow:hidden;
background-image: url(https://tanikuchan.com/wp-content/uploads/2020/11/arrow_red.gif);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
padding-left: 24px;
font-weight: 700;
}

/*矢印黒*/
.arrow_black {
background-image: url(https://tanikuchan.com/wp-content/uploads/2020/11/arrow_black.gif);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
padding-left: 24px;
font-weight: 700;
}

/*矢印青*/
.arrow_blue {
background-image: url(https://tanikuchan.com/wp-content/uploads/2020/11/arrow_blue.gif);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
padding-left: 24px;
font-weight: 700;
}

/*デフォルトチェック*/
.default_point{
border: none;
font-weight:bold;
overflow: hidden;
background-image: url(https://tanikuchan.com/wp-content/uploads/2020/11/default_point.png);
background-repeat: no-repeat;
background-position: left 5px;
background-size: 60px 30px;
padding: 5px 0 5px 66px;
margin:auto;
min-height: 1.875em;
}

/*チェックマーク*/
.arrow_check {
background-image: url(https://tanikuchan.com/wp-content/uploads/2020/11/icon-check-listsmall.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
padding-left: 24px;
font-weight: 700;
}


/*ulチェックリストマーク*/
ul.mychecklist{
list-style:none;
	margin-bottom: 0em
}

ul.mychecklist > li{
list-style-image:url("https://tanikuchan.com/wp-content/uploads/2020/11/icon-check-listsmall.png");
line-height:180%;
font-weight:bold;
}


/*myチェックリスト*/
.check-list{
	margin-left: 0;
}

.check-list li{
	list-style: none;	
}

.check-list li{
	margin-bottom: 1em;
	padding-left: 32px;
	background: url(https://tanikuchan.com/wp-content/uploads/2020/11/icon-check-listsmall.png) left 3px no-repeat;
}









/*olリストマーク青*/
ol.mylist_b{
/*color: #2C4F7A;*/
color:#224975;
line-height: 150%;
overflow: hidden;
margin: 20px 0 20px 7px;
counter-reset: number;
list-style: outside none none;
padding: 0;
counter-reset: number;
list-style: outside none none;
margin: 10px 0 10px 2px;
padding: 0
color: #1a2941;
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 20px;
position: relative;
}

ol.mylist_b> li {
/*color: #1a2941;*/
color:#224975;
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 30px;
position: relative;
}

ol.mylist_b > li::before {
background-color:#224975;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
content: counter(number,decimal);
counter-increment: number;
font-size: 12px;
font-weight: normal;
height: 19px;
left: 0;
letter-spacing: 0;
line-height: 19px;
position: absolute;
text-align: center;
top: 4px;
width: 19px;
}
/*olリストマーク青ここまで*/

/*olリストマーク緑*/
ol.mylist_g{
color: #346F15;
line-height: 150%;
overflow: hidden;
margin: 20px 0 20px 7px;
counter-reset: number;
list-style: outside none none;
padding: 0;
counter-reset: number;
list-style: outside none none;
margin: 10px 0 10px 2px;
padding: 0
color: #1a2941;
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 20px;
position: relative;
}

ol.mylist_g > li{
  color: #346F15;
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 30px;
position: relative;
}

ol.mylist_g > li::before {
background-color:#346F15;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
content: counter(number,decimal);
counter-increment: number;
font-size: 12px;
font-weight: normal;
height: 19px;
left: 0;
letter-spacing: 0;
line-height: 19px;
position: absolute;
text-align: center;
top: 4px;
width: 19px;
}
/*olリストマーク緑ここまで*/


/*olリストマーク赤*/
ol.mylist_r{
color: #A2462F;
line-height: 150%;
overflow: hidden;
margin: 20px 0 20px 7px;
counter-reset: number;
list-style: outside none none;
padding: 0;
counter-reset: number;
list-style: outside none none;
margin: 10px 0 10px 2px;
padding: 0
color: #1a2941;
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 20px;
position: relative;
}

ol.mylist_r > li{
color: #A2462F
/*color: #224975;*/
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 30px;
position: relative;
}

ol.mylist_r > li::before {
background-color:#A2462F;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
content: counter(number,decimal);
counter-increment: number;
font-size: 12px;
font-weight: normal;
height: 19px;
left: 0;
letter-spacing: 0;
line-height: 19px;
position: absolute;
text-align: center;
top: 4px;
width: 19px;
}
/*olリストマーク赤ここまで*/

/*olリストマーク黒*/
ol.mylist{
color: #333;
line-height: 150%;
overflow: hidden;
margin: 20px 0 20px 7px;
counter-reset: number;
list-style: outside none none;
padding: 0;
counter-reset: number;
list-style: outside none none;
margin: 10px 0 10px 2px;
padding: 0
color: #1a2941;
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 20px;
position: relative;
/*list-style-type:decimal-leading-zero;*/
}

ol.mylist> li {
color: #333;
font-weight: bold;
line-height: 1.5;
margin: 12px 0;
padding: 0 0 0 30px;
position: relative;
}

ol.mylist > li::before {
background-color:#333;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
content: counter(number,decimal);
counter-increment: number;
font-size: 12px;
font-weight: normal;
height: 19px;
left: 0;
letter-spacing: 0;
line-height: 19px;
position: absolute;
text-align: center;
top: 4px;
width: 19px;
}
/*olリストマーク黒ここまで*/

/*それぞれの属・品種ごとの写真用*/
table.zoku_syasin{
	border:solid 0px; 
	table-layout: fixed;
}
table.zoku_syasin td{
	text-align:center;
	vertical-align:top
}

table.zoku_saibai th{
	width:100px;
	text-align:center
}

/*写真などが前のコンテンツにかかってしまう場合回り込み*/
.honbun{
clear:left;	
}

/*属ごとなどのページの学名用のtableのcolを45%にする*/
.gakumeicol{
width:45%;
}

/*属の特徴のcolを30%に*/
.tokutyou{
width:30%;
}


/*属ごとなどのページの栽培カレンダーのtableのcol*/
.saibaicalendarcol{
width:20%;
}

/*栽培カレンダーの微調整*/

.zoku_saibaicalendar ul{
padding:0;
margin:0;
margin-left:15px;
}

.zoku_saibaicalendar li{
padding:0;
margin:0;
padding-left:0px;
}

/*属から探す写真ありの一覧用*/
table.itiran td,table.itiran{
border:solid 5px;
border-color:white;
text-align:center;
vertical-align:top;
background-color:#EEE;
font-weight:bold;
}

.itiran a{
display:block;
text-decoration-line:none;
}

/*気象条件のリスト化の調整*/
.kisyo ul{
padding:0;
margin:0;
margin-left:15px;
}

.kisyo li{
padding:0;
margin:0;
padding-left:0px;
line-height:120%;
}
/*
.samusa table{
	border-top-color:#DDD;
	border-top-width:10px;
}
*/
/*センタリング*/
.mycenter td{
	text-align:center;
}

/*ulとliの無間隔化*/

.nokankaku ul{
padding:0;
margin:0;
margin-left:15px;
}

.nokankaku li{
padding:0;
margin:0;
padding-left:0px;
}

table.toumei td,table.toumei{
border:solid 0px;
text-align:center;
vertical-align:top;
background-color:#FFF;
}

@media (min-width:1px) and (max-width:600px){
.danitaro{
font-size: 1.2em
}
}

/* photo-show3は写真PC3,SM2カラム（拡大あり）用*/
/* photo-show2は写真PC3,SM2カラム（拡大あり）用*/
@media (min-width:1px) and (max-width:600px){
.photo-show3 , .photo-show2{
display: flex;
flex-wrap:wrap;
}

.photo-show3 a, .photo-show2 a{
width: 48%;
margin:2px;display:block;
	
}
}

@media (min-width:601px) {
.photo-show3{
display: flex;
flex-wrap:wrap;
}

.photo-show3 a{
width: 31%;
margin:3px;display:block;
	
}

.photo-show2{
display: flex;
flex-wrap:wrap;
}

.photo-show2 a{
width: 35%;
margin:10px  15px 10px 15px;display:block;

}
}

/* photo-show3imgは写真PC3,SM2カラム（拡大なしimg）用*/
/* photo-show2imgは写真PC3,SM2カラム（拡大なしimg）用*/
@media (min-width:1px) and (max-width:600px){
.photo-show3img , .photo-show2img{
display: flex;
flex-wrap:wrap;
}

.photo-show3img img, .photo-show2img img{
width: 48%;
margin:2px;
display:block;
	
}
}

@media (min-width:601px) {
.photo-show3img{
display: flex;
flex-wrap:wrap;
}

.photo-show3img img{
width: 31%;
margin:3px;
display:block;
	
}

.photo-show2img{
display: flex;
flex-wrap:wrap;
}

.photo-show2img img{
width: 35%;
margin:10px  15px 10px 15px;display:block;

}
}
/*PCではmax300、SMではmax150pxで表示*/
@media (min-width:1px) and (max-width:600px){
.pcsmpic{
max-width:150px;
display:block;
}
}

@media (min-width:601px) {
.pcsmpic{
max-width:300px;
display:block;
}
}

/*PCではmax400、SMではmax300pxで表示*/
@media (min-width:1px) and (max-width:600px){
.pcsmpic400{
max-width:300px;
display:block;
}

.pcsmpic400 img{
	max-width:300px;
	display:block;
}
}

@media (min-width:601px) {
.pcsmpic400{
max-width:400px;
}

.pcsmpic400 img{
	max-width:400px;
}
}

/*追加　2022.11.19　パソコン用はfor-pcクラス、スマートフォン用はHTMLをdivで囲ってfor-smクラスを付けるとPCで3カラム、SMで2カラムの写真並べになる*/

table.mydotted td,table.mydotted{
border:dotted 1px;
text-align:center;
vertical-align:top;
background-color:#FFF;
}

@media screen and (min-width:480px) {
.for-sm{
display: none;
}
}

@media screen and (max-width:479px) {
.for-pc{
display: none;
}
}