/*
Theme Name:	マテリアル2_child
Template:	wp_material2
Description:	マテリアル2の公式子テーマ
Version:	1.0
Author URI:	http://wp-material2.net
*/


/*色指定*/
/*.badge-red,
.badge-green{
	font-size: 0.85em;
	padding: 4px 8px 2px;
	margin-right: 5px;
	border-radius: 5px;
	color: #fff;
}*/
.bold-moji{font-weight:bold;}
.badge-red{background-color: #E86C2E;}
.badge-green{background-color: #88B04B;}
.main {
    background-color: #FFFEF4;
}
.sidebar_color, .side:before {
    background: #FFEFD3;
}
.sidebar_color, .side h2, .side p, .side a, .main_footer a {
    color: #6B4846;
}
.side h2 {
    color: #0D6B0A;
        border-bottom: 1px solid #0D6B0A;
}

.accent_color, #wp-calendar caption {
    background: #88B04B;
    color: #fff;
}
.accent_header, h2.under_content {
    color: #88B04B;
    border-top: 2px solid #88B04B;
    border-bottom: 2px solid #88B04B;
}
.drawer-hamburger {
    background: #FFEFD3 !important;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
    background: #6B4846;
}
.cat_list h2 {
   text-align: center
}
.cat_link a {
    background-color: #F6DEDE;
    color: #6B4846;
}

/*テーブル*/
table.hikaku {
	width: 500px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 12px;
}

table.hikaku th,
table.hikaku td {
	padding: 10px;
}

table.hikaku th {
	background: #295890;
	vertical-align: middle;
	text-align: left;
	width: 100px;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
}

table.hikaku th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #295890;
	border-width: 10px;
	margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() { 
	table.hikaku th::after {
		float: right;
		padding: 0;
		left: 30px;
		top: 10px;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
		border: 10px solid transparent;
		border-left: #295890 10px solid;
		margin-top: -10px;
	}
}

table.hikaku td {
	background: #f8f8f8;
	width: 360px;
	padding-left: 20px;
}

/*ボタン*/
#jump {
	position: relative;
	font:bold;
	background-color: #E86C2E;
	border-radius: 4px;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	text-align: center;
	box-shadow: 3px 3px 0 #EB1515;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
margin-bottom: 10px;
}
#jump a{
	text-decoration: none!important;
		color: white;
		position:absolute;top:0;left:0;
		width:90%;
		height:100%;
}
#jump:hover {
	background-color: #FFAA00;
	box-shadow: 3px 3px 0 #E86C2E;
}
#jump:active {
	top: 3px;
	box-shadow: none;
}

*//***************アコーディオン(目次)***************/

/* 親の[ul] */
.acdn-parent
{
	width: 85% ;
	margin: 0 auto ;
	padding: 12px 18px ;
	border: 2px solid rgba( 0,0,0, 0.1 ) ;
}


/* 子の[ul] */
.acdn-child
{
	display: none ;
    font-size: initial;
}

/* 余白設定 */
.acdn-child ,
.acdn-parent li ,
.acdn-parent li p
{
	margin: 0 ;
	padding: 0 ;
}

/* 親と子の[li] */
.acdn-parent li
{
	list-style: none ;
}


/* 親の[a] */
.acdn-parent li p a
{
	position: relative ;
	top: 0 ;
	left: 0 ;
}

.acdn-parent li p a:after ,
.acdn-parent li p a:hover:after
{
	color: #333 ;
	background: rgba( 0,0,255 , 0.1 ) ;
}

.acdn-parent li p a:after
{
	position: absolute ;
	top: 50% ;
	right: 12px ;
	content: "クリックで開閉" ;
	font-size: .85em ;
	margin-top: -12.5px ;
	height: 17px ;
	line-height: 17px ;
	padding: 4px 8px ;
}


/* 親の[a]と子の[li] */
.acdn-parent li p a ,
.acdn-child li
{
	border-bottom: 1px solid rgba( 0,0,0, 0.1 ) ;
}


/* 親と子の[a] */
.acdn-parent li a
{
	display: block ;
	padding: 8px 0 ;
	font-weight: 700 ;
	text-decoration: none ;
	color:darkblue ;
}

.acdn-parent li a:hover
{
	cursor: pointer ;
	color: #f00 ;
	background: rgba( 0,0,0, 0.1 ) ;
}


/* 子の[a] */
.acdn-child ul li a
{
color:black;
}
.acdn-child ul li a:before
{
	content: "∟" ;
	padding-right: 5px ;
}

/**/
.su-spoiler.oritatami {	font-size:1.5rem;
	font-weight: bold;}
  .su-spoiler.oritatami .su-spoiler-title { background-color: #84ADEA }
  .su-spoiler.oritatami .su-spoiler-content { background-color: #C0D1EB;
  	font-size:1.3rem;
	font-weight: bold;}

/*商品カード*/
.amazon-text {float: left;margin-right:10px;}

#amazon{position: relative;font-size: 13px;}
#amazon-in{width: 320px;height: 100px;border: 1px solid #000;padding: 20px 0 0 30px;margin: 0;}
#amazon-on{position:absolute; top:-5px; left:30px; background-color: #fff;line-height: 1em;}

#amazonbtn li:nth-child(2) {
  background: #34d94d;
  background-image: -webkit-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -moz-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -ms-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -o-linear-gradient(top, #34d94d, #4fb82c);
  background-image: linear-gradient(to bottom, #34d94d, #4fb82c);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 3% 3% 3% 3%;
  border: solid #248c1f 1px;
  text-decoration: none;
  width: 41%;
　text-align:center;

  font-weight:bold;
}
  
#amazonbtn li:nth-child(2):hover {
  background: #4cfc3c;
  background-image: -webkit-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -moz-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -ms-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -o-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: linear-gradient(to bottom, #4cfc3c, #7ed934);
  text-decoration: none;
}

#amazonbtn li:first-child {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 3% 3% 3% 3%;
  border: solid #1f628d 1px;
  text-decoration: none;
  width: 41%;
  font-weight:bold;
}
#amazonbtn a {
text-decoration: none !important;
  	 color: white !important;
}
#amazonbtn li:first-child:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
	
#amazonbtn  {
    width: 100%;
    text-align: center;
    margin: auto;	  
}
 
#amazonbtn li    {
    display: inline-block;
		list-style-type:none;
}

/*見出し*/
.content_body h2 {font-size: 1.7em;margin: 0 0 1em;
padding:4px 5px;
border-color:#0D6B0A;
color: white;
border-width:3px 0 3px 0;
border-style:solid;
background:#88B04B;
}

.content_body h3 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
	color:#0D6B0A;
    font-size: 1.2rem;
}
.content_body h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #88B04B;
}

.content_body h4{
	padding-bottom: .5em;
	border-bottom: 4px dotted #88B04B;
    border-left: 7px solid #0D6B0A;
	color:#0D6B0A;	
	font-size: 1.2rem;
}
#underline {color: #FF9966;
    font-weight:bold;
	border-bottom: dotted 3px;
border-bottom-color: #FF9966;
	padding-bottom: 3px;
	margin:0px;
}

/*マーカー*/
.keikou {
    background: linear-gradient(transparent 40%, rgb(255, 170, 170) 40%);
}
.keikoub {
    background: linear-gradient(transparent 40%, rgb(204, 255, 255) 40%);
}
.aka-line{padding: 3px 5px 1px;
border-bottom: double 3px;
border-bottom-color: #FF9966;
font-weight: bold;
background: #fffce7;}
.akaji{color: #FF9966;
    font-weight:bold;}
    .akaji-center{color: #FF9966;
    font-weight:bold;text-align:center;}

.kasen{padding: 3px 5px 1px;
border-bottom: solid 2px;
color: black!important;
border-bottom-color: #FF9966;
font-weight: bold;
}
/*リボン*/

.ribbon {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
}
  
.ribbon p {
    display: inline;   
}
.ribbon p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 22px;
    background: #d93131;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.ribbon p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
  
.ribbon p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}
	  


/*カード*/
#panel{display:flex;}
#panel section {
  margin: 10px;
  border-radius: 5px;
  background: #F5F0CF;
  padding: 15px;
}
#pnel h3 {
  color: #E6AC27;
  font-size: 1.5rem;
}
#panel p {
  margin-top: 10px;
}
/*カード2*/
#panel2{display:flex;flex-wrap:wrap;justify-content:space-around;}
#panel2 section {
  margin: 10px;
  padding-top: 10px;
  padding: 5px;
  width:320px;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}
#panel2 h3 {
  color: #E6AC27;
  font-size: 1.5rem;
}
#panel2-block{
	position: relative;
	display: block;
	width: 300px; 
}
.panel2-title {
  font-size: 20px;
  margin-top: 8px;
  margin-bottom: 8px !important;
  text-align: center;
  color: #333;
}
.panel2-text {
  color: #777;
  line-height: 1.5;
}

.panel2-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 10px;
}
.panel2-link a:hover {
  color: #0090aa;
}
.panel2-content {
  text-align:center;
  padding-top: 0;
  padding: 5px;  background: #fff;
  margin:0;
  font-size: 14px;
  border-top:none;
}
/*カードナビ*/
#card-nav {display:flex;flex-wrap:wrap; justify-content:space-around;}
#card-nav section {
  border-radius: 5px;
  width:350px;
  min-height: 300px;
  max-width: 400px;
}
#card-nav h3 {
  color: #E6AC27;
  font-size: 1.5rem;
}
#card-nav p {
  margin-top: 10px;
}
#card-nav img {
  border-radius: 5px 5px 0 0;
  height: auto;
border: 1px solid #eee ;
}

/*ブログカード*/

#blog-card{
 border:1px solid #ddd;
 word-wrap:break-word;
 max-width:100%;
 border-radius:5px;
 margin-bottom: 30px;
}
.blog-card-thumbnail{
 float:left;
 padding:10px;
}
 
.blog-card-thumbnail img {
   width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
 padding: 0;
}


/*.card {
    display:block
  min-width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
} */	
.panel-img{
width:100%
}

.card-title {
  font-size: 20px;
  margin-top: 8px;
  margin-bottom: 8px !important;
  text-align: center;
  color: #333;
}
.card-text {
  color: #777;
  line-height: 1.5;
}

.card-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 10px;
}
.card-link a:hover {
  color: #0090aa;
}
/*ボタン*/



#btn2 li {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 3% 3% 3% 3%;
  border: solid #1f628d 1px;
  text-decoration: none;
  width: auto;
  font-weight:bold;
}
#btn2 a {
text-decoration: none !important;
  	 color: white !important;
}
#btn2 li:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
	
#btn2   {
    width: 100%;
    text-align: center;
    margin: auto;	  
}
 
#btn2 li    {
    display: inline-block;
		list-style-type:none;
}

	

 
		  
/*スライドボタン*/
#cardbtn li:nth-child(2) {
  background: #34d94d;
  background-image: -webkit-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -moz-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -ms-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -o-linear-gradient(top, #34d94d, #4fb82c);
  background-image: linear-gradient(to bottom, #34d94d, #4fb82c);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 3% 3% 3% 3%;
  border: solid #248c1f 1px;
  text-decoration: none;
  width: 41%;
　text-align:center;

  font-weight:bold;
}
  
#cardbtn li:nth-child(2):hover {
  background: #4cfc3c;
  background-image: -webkit-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -moz-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -ms-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -o-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: linear-gradient(to bottom, #4cfc3c, #7ed934);
  text-decoration: none;
}

#cardbtn li:first-child {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 3% 3% 3% 3%;
  border: solid #1f628d 1px;
  text-decoration: none;
  width: 41%;
  font-weight:bold;
}
#cardbtn a {
text-decoration: none !important;
  	 color: white !important;
}
#cardbtn li:first-child:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
	
#cardbtn   {
    width: 100%;
    text-align: center;
    margin: auto;	  
}
 
#cardbtn li    {
    display: inline-block;
		list-style-type:none;
}

/*カラムのボタン*/

#mokuteki li:nth-child(2) {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:15px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
#mokuteki li:nth-child(2):hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
#mokuteki li:nth-child(2):active {
	position:relative;
	top:1px;
}
 
  
#mokuteki li:first-child  {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #eb675e));
	background:-moz-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #eb675e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#eb675e',GradientType=0);
	background-color:#e4685d;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:15px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
#mokuteki li:first-child:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb675e), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #eb675e 5%, #e4685d 100%) ;
	background:-o-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #eb675e 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb675e', endColorstr='#e4685d',GradientType=0);
	background-color:#eb675e;
}

#mokuteki a {
text-decoration: none !important;
  	 color: white !important;
}

#mokuteki   {
    width: 100%;
    text-align: center;
    margin: auto;	  
}
 
#mokuteki li    {
    display: inline-block;
		list-style-type:none;
}



/*スライドカードのデザイン*/
#slide-panel {
  margin: 5px;
}
#slide-panel .naiyou {

}  
#slide-panel h3 {
  color: #E6AC27;
  font-size: 1.5rem;
  margin: 5px;
	  }
.card-content {
  text-align:center;
  padding-top: 0;
  padding: 5px;  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
  margin:0;
  font-size: 14px;
  border-top:none;
  
}
.card-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
border: 1px solid #eee ;
}

#sp-image{position:relative;display:block;border:none;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 2px 5px #ccc;
  margin:0;
  border-bottom:none;
}

/*探偵*/
.tan-kou {
font-size:  1 em;
     text-align:center;
     font-weight: bold;
     background-color: rgba(255 ,255, 153,0.3);
     color: #008800
}

.font1{
font-weight:bold;
font-size:23px;
color:#FF570D;
border-bottom:dotted 2px #000;
}
/*ふせん*/
#notes {margin: 0 auto !important;
}

#notes li {
    position: relative;
list-style-type:none !important;
    width: 80%;
    min-height: 50px;
    margin: 25px auto;
    padding: 15px;
    background: #f1f3a2;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(247,247,210,1)), to(rgba(240,242,155,1)));
    background: -moz-linear-gradient(top, rgba(247,247,210,1), rgba(240,242,155,1));
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 12px (rgba(0,0,0.5));
    box-shadow: 0 1px 2px #000;
    -webkit-transform: rotate(-.5deg);
    -moz-transform: rotate(-.5deg);
    -o-transform: rotate(-.5deg);
}
 
#notes li:nth-child(even) {
    -webkit-transform: rotate(.5deg);
    -moz-transform: rotate(.5deg);
    -o-transform: rotate(.5deg);
}
 
#notes li p {
    text-align: center;
    font: 13px;
    color: #000;
    text-shadow: white 1px 1px 0px;
    overflow:hidden;
}
 
#notes li::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 115px;
    top: -15px;
    width: 75px;
    height: 25px;
    z-index: 2;
    background-color: rgba(243,245,228,0.5);
    border: 2px solid rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 5px #888;
    -moz-box-shadow: 0 0 5px #888;
    box-shadow: 2px 2px 2px #000;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
}
 
#notes li:nth-child(even)::before {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
}

/*探偵見出し*/
.hallist
,.hallist li{
	padding:0px ;
	margin:0px !important;
}
 
.hallist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
font-size: 20px !important;
}
 
.list8{
	counter-reset:li;
	margin-left:20px !important;
color: #008800;

}
 
.list8 li{
	position:relative;
	display: block;
	padding:8px 0px 8px 30px; 
}
 
li.list8-count:after{
	counter-increment: li;
	content: counter(li);
	position: absolute;	
	left: -16px;
	top: 2px;
	background: #FFCC99;
	height: 30px;
	width: 30px;
	line-height: 32px;
	border: 2px solid #FF9900;
	font-weight: bold;
        color:black;
        font-size:17px !important;
	border-radius: 30px;
}
 
li.list8-count:before{
	content:''; 
        color:balck;
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255 ,255, 153,0.3) inset;
	top:11px; 
	left:15px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #FF9900;
}

.taikendan {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff!important;
  font-size: 17px;
  background: #18b300;
  padding: 5px 10px 5px 10px;
  text-decoration: none !important;
  text-align:middle !important;
}
  
 
/*----------------------------------------------------
    table
----------------------------------------------------*/

.content_body table {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	margin-bottom: 20px;
	width: 100%;
}

table tr td {
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
    text-align:center;
    vertical-align:middle;
  line-height:normal;
}

table th {
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
    font-weight:bold;
  text-align:center;
    vertical-align:middle;
width:150px;
  line-height:normal;
}

.content_body table tr td {
	font-size: 13px;
text-align:center;
    vertical-align:middle;
}


.mokuji {
background-color: rgba(255 ,255, 153,0.3);
font-weight:bold;
}


.content_body #table1 {
	border: 1px #FF6928 solid;
	margin-bottom: 20px;
	width: 100%;
}

#table1 tr td {
	padding:5px;
    border-bottom: none !important;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: rgba(255,105,40, 0.4);
	font-size: 13px;
    text-align:center;
	height: auto;
}

#table1 th {
	padding: 5.5px;
	border:none;
    background-color: rgba(255 ,255, 153,0.3);
	font-size: 13px;
    color: #009900;
    width: 100px;
	height: auto;
}

.content_body #table1 tr td {
	vertical-align: middle;
	font-size: 13px;
	height: auto;
}

/*table*/

#table2{
	width:100%
    margin:5px auto;
	font-size:100%;
	border:#6699ff 1.5px solid;　  
}
#table2 tr{
    border-bottom:#6699ff 1px solid;
}
#table2 tr:last-child{
	border:none
 }
#table2 th{
	width:inherit;
    padding:5px 10px;
	display:table-cell;
	border-right:#6699ff 1px solid;
	text-align: center;
}

#table2 td{
    padding:5px 10px;
	display:table-cell;
	text-align: left;
}


.content_body #table3 {
	border: 1px #FF6928 solid;
	margin-bottom: 20px;
	width: 100%;
}

#table3 tr td {
	padding:5px;
    border-bottom: none !important;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: rgba(255,105,40, 0.4);
	font-size: 13px;
    text-align:center;
	height: 36px;
}

#table3 th {
	padding: 5.5px;
	border:none;
    background-color: rgba(255 ,255, 153,0.3);
	font-size: 13px;
    color: #009900;
    width: 100px;
	height: 36px;
}

.content_body #table3 tr td {
	vertical-align: middle;
	font-size: 13px;
	height: 36px;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


@media only screen and (max-width: 780px) {

#table1 {
	display: block;
	position: relative;
}
#table1 thead {
	display: block;
	float: left;
}
#table1 tbody {
	display: block;
	position: relative;
	width: auto;
	overflow-x: scroll;
	white-space: nowrap;
	vertical-align:middle !important;
}
#table1 thead th {
	display: block;
}
#table1 tbody td {
	display: block;
}
#table1 tbody tr {
	display: inline-block;
margin: 0 -3px;
	vertical-align;middle !important;
    display: table-cell
}
#table1 th:not(:last-child) {
	border-bottom: none;
}
#table1 td:not(:last-child) {
	border-bottom: none;
}
#table1 td {
	border-left: none;
}
.content_body #table1 td:nth-child(even) {
	background-color: rgba(153,255,153,0.1);

}

#table3 {
	display: block;
	position: relative;
}
#table3 thead {
	display: block;
	float: left;
}
#table3 tbody {
	display: block;
	position: relative;
	width: auto;
	overflow-x: scroll;
	white-space: nowrap;
	vertical-align:middle !important;
}
#table3 thead th {
	display: block;
}
#table3 tbody td {
	display: block;
}
#table3 tbody tr {
	display: inline-block;
margin: 0 -3px;
	vertical-align;middle !important;
}
#table3 th:not(:last-child) {
	border-bottom: none;
}
#table3 td:not(:last-child) {
	border-bottom: none;
}
#table3 td {
	border-left: none;
}
table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


  #panel {
    flex-direction: column;
	}
	#panel2{flex-direction: column;}
#cardbtn li:nth-child(2) {
  background: #34d94d;
  background-image: -webkit-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -moz-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -ms-linear-gradient(top, #34d94d, #4fb82c);
  background-image: -o-linear-gradient(top, #34d94d, #4fb82c);
  background-image: linear-gradient(to bottom, #34d94d, #4fb82c);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 3% 3% 3% 3%;
  border: solid #248c1f 1px;
  text-decoration: none;
  width: 81%;
　text-align:center;

  font-weight:bold;
}
  
#cardbtn li:nth-child(2):hover {
  background: #4cfc3c;
  background-image: -webkit-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -moz-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -ms-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: -o-linear-gradient(top, #4cfc3c, #7ed934);
  background-image: linear-gradient(to bottom, #4cfc3c, #7ed934);
  text-decoration: none;
}

#cardbtn li:first-child {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 3% 3% 3% 3%;
  border: solid #1f628d 1px;
  text-decoration: none;
  width: 81%;
  font-weight:bold;
}
#cardbtn a {
text-decoration: none !important;
  	 color: white !important;
}
#cardbtn li:first-child:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
	
#cardbtn   {
    width: 100%;
    text-align: center;
    margin: auto;	  
}
 
#cardbtn li    {
    display: block;
		list-style-type:none;
  margin:auto;
  margin-top:5px;
}
}
/*-table2-*/
#table2{
	width:95%;
    margin:2em auto;
	border:#6699ff 1.5px solid;
}
#table2 th{
    padding:3px;
	display:block;
	background-color:#ccddff;
}


#table2 td{
	padding:5px;
	display:block;
	text-align:center;
}



}

@media only screen and (min-width: 781px) {
.post-content #table1 tr:nth-child(even) {
  	background-color: rgba(153,255,153,0.1);
 }
}




@media only screen and (min-width: 1170px) {
 
 
}

	
	
	
	
	
	
	




/*****************************************
 タブレット（大）以下
******************************************/
@media screen and (max-width: 1180px) {





}
/*****************************************
 タブレット（小）以下
******************************************/
@media screen and (max-width: 620px) {





}
/*****************************************
 スマホ用
******************************************/
@media screen and (max-width: 480px) {





}