@charset "UTF-8";
/* CSS Document */

/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

body {
	background-color:#f8f9f5;
/**	background-image:url(../images/background.png); **/
}

header{
	margin: auto;
	max-width: 960px;
	min-width: 310px;
	filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.6));
}
section{
	margin: auto;
	max-width: 960px;
	min-width: 310px;
	background-color: #f8ffea;
	filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.6));

}
#headerContents{
	background-color: #f8ffea;
	height:80px;
}


#bodyContents{

	background-color: #f8ffea;
	height:auto;
}

#main-contents{
    width:90%;
    max-height:600px;
    margin: auto;
	margin-top: 5px;
	padding-top:5px;
    overflow-y: scroll;
    overflow-x: hidden;
	background-color: #f8ffea;
	background-image:url(../images/conversation_back.png);
	background-repeat: no-repeat;
	background-size: cover;
}


  /**
  *     お悩み毎選択ボタン
  **/
  .btn-select {
    background-color:#dcf8dc;
	background: -webkit-linear-gradient(to bottom ,#dcf8dc 50%, #72e272);	
	background: -moz-linear-gradient(to bottom ,#dcf8dc 50%, #72e272);
	background: -o-linear-gradient(to bottom ,#dcf8dc 50%, #72e272);
	background: -ms-linear-gradient(to bottom ,#dcf8dc 50%, #72e272);
    background: linear-gradient(to bottom ,#dcf8dc 50%, #72e272) ;
    border-radius: 10px;
  }
  .btn-select:hover {
    background-color:#95ea95;
	background: -webkit-linear-gradient(to bottom ,#95ea95 50%, #4edc4e);	
	background: -moz-linear-gradient(to bottom ,#95ea95 50%, #4edc4e);
	background: -o-linear-gradient(to bottom ,#95ea95 50%, #4edc4e);
	background: -ms-linear-gradient(to bottom ,#95ea95 50%, #4edc4e);
    background: linear-gradient(to bottom ,#95ea95 50%, #4edc4e) ;
    border-radius: 10px;
  }
  
  .btn-select:active {
    background-color:#72e272;
	background: -webkit-linear-gradient(to bottom ,#72e272 50%, #2bd52b);	
	background: -moz-linear-gradient(to bottom ,#72e272 50%, #2bd52b);
	background: -o-linear-gradient(to bottom ,#72e272 50%, #2bd52b);
	background: -ms-linear-gradient(to bottom ,#72e272 50%, #2bd52b);
    background: linear-gradient(to bottom ,#72e272 50%, #2bd52b) ;
    border-radius: 10px;
  }
 /* マーカー */
 .marker {
 background: linear-gradient(transparent 0%, #ff2b95 0%);
font-weight: bold; 
}


/** history用(休日の色) **/
.history-color{
	color: red;
	font-weight: 700;
}
.history-line {
	background-color: rgb(252, 184, 237);
}
.result-table{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.result-table th{
	background-color: #95ea95;
}


.result-table td,th{
	border:1px solid gray;
	font-size: 0.8rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px) 
{
	header{
		max-width:768px;
	}
	section{
		max-width:768px;
	}
	
	#headerContents{
		height:70px; 
	}
	#main-contents{
        width:95%;
    }

}
@media only screen and (min-width: 576px) and (max-width: 767px) 
{
	header{
		max-width:576px;
	}
	section{
		max-width:576px;
	}
	#headerContents{
		height:60px;
	}
	#main-contents{
        width:95%;
    }


}
@media only screen and (max-width: 575px) 
{
	header{
		width: 100%;
	}
	section{
		width: 100%;
	}
	#headerContents{
		height:50px;
	}
	#main-contents{
        width:95%;
    }
}
}