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

h1, h2, {
  margin: 0;
  padding : 0;
}
/*h1 {
    background: #f0fff0;
    box-shadow: 0px 0px 0px 5px #f0fff0;
    border: dashed 1px #006400;
    padding: 0.2em 0.5em;
    color: #454545;
    font-size: 140%;
}*/

h1 {
	background: #2BE515;
}

h2{
  font-size : 120%;
  color : #06561E;
}

.cp_actab {
    position: relative; /*親要素：現在の位置を基準に相対的な位置を決める*/
    overflow: hidden;	
	width: 100%;
    margin-bottom: 3px;
    color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
    /*font-weight: bold;*/
    line-height: 2.5;/*元は3*/
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    margin: 0 0 1px 0;
    cursor: pointer;
    background: #ffe4b5;
    color: #000000;
	border: 1px solid #ff8c00; /*ラベル枠*/
	border-radius: 2px; /* ラベルの角の丸み */
	width: auto; /*なにか。いらないかも*/
}
.cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.6s;
    transition: max-height 0.6s;
    background: #ffffff;
    color: #000000 !important;
	/*transition: 1s;  開閉スピードの設定 */
}
.cp_actab .cp_actab-content p {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
    max-height: none;
	border: 1px solid #ff8c00; /*回答枠*/
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;/*親要素を基準に絶対的な位置*/
	top: 0;
	right: 0;
	display: block;
	width: 2em;/*元は3*/
	height: 2em;/*元は3*/
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	text-align: center;
	/*right:10px;*/
    content:'\025bc';
	color: #ff8c00; /*質問contentの色  */
}
/*
.cp_actab input[type=checkbox] + label::after {
    content:'open \025bc';
}
*/
.cp_actab input:checked~label:after {
    content: '\025b2';
	color: #ff8c00; /*回答contentの色 */
}
.cp_actab-content-img {
    text-align: center;	
}

/*copyright
-------------------------------------*/
.copyright {
    text-align: center;
    padding-top: 5px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5px;
    background-color: #f5f5f5;
}
.copyright a {
    color: #000000;
    text-decoration: none;
    display: inline;
    size: auto;
    font-size: 80%;
}

/*ページトップへ戻る
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#pagetop a {
    display: block;
    background: #008000;
    color: #fff;
    width: 50px;
    padding: 10px 5px;
    text-align: center;
}
#pagetop a:hover {
    background: #8fbc8f;
}

/* 幅750px以下の表示
-------------------------------------*/
@media only screen and (max-width: 750px) {
    img { max-width: 100%; }
}