/* <system section="theme" selected="cocoa"> */
@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/background.gif?version=d58a623746ff3cc118fb1ad855aa6c) repeat;color:#5f5e5e}a{color:#333}a:hover{color:#a52929}#globalheader-container{background:#fff;border-bottom:1px solid #888}#container{width:800px;text-align:center;margin:30px auto 15px}#container-inner{text-align:left}#blog-title{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/radius10-width800-top.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat top;letter-spacing:.2em;padding-top:13px;*zoom: 1}#blog-title-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/radius10-width800-bottom.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat bottom;padding-bottom:13px;*zoom: 1}.header-image-enable #blog-title #blog-title-inner{padding-bottom:0}#title,#blog-description{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/box-800.png?version=d58a623746ff3cc118fb1ad855aa6c) repeat-y;*zoom: 1}#title{font-size:20px;padding:15px 25px}#title a:hover{color:#333}#blog-description{font-size:12px;font-weight:400;padding:0 30px 15px}#blog-title a{text-decoration:none}#content{margin-top:15px}#wrapper{width:500px;float:right}#box2{float:left}#content-inner:after{content:".";display:block;clear:both;height:0;visibility:hidden}#footer{clear:both}.entry{margin-bottom:15px;background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/radius10-width500-bottom.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat bottom;padding-bottom:13px;*zoom: 1}.entry-header{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/radius10-width500-top.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat top;padding-top:13px;position:relative;letter-spacing:.2em;*zoom: 1}.date,.entry-title,.categories,.entry-content,.entry-footer{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/box-500.png?version=d58a623746ff3cc118fb1ad855aa6c) repeat-y;*zoom: 1}.date a{text-decoration:none}.entry-title{padding:10px 30px 0;line-height:1.3}.entry-title a{text-decoration:none}.entry-title a:hover{color:#333}.date{font-size:10px;color:#666;padding:20px 30px 0}.date-last-updated{font-size:10px;color:#333}.categories{padding:5px 30px 0}.categories a{font-size:11px;margin-right:.4em}.entry-header-menu{position:absolute;top:30px;right:30px;font-size:13px}.entry-footer{padding:10px 30px 20px;font-size:12px}.entry-footer-section{margin-bottom:10px;letter-spacing:.2em}.social-buttons{margin-bottom:10px}.pager{height:50px;background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/pager.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat top;*zoom: 1;text-align:center;line-height:50px;font-size:13px;letter-spacing:.2em}.pager a{max-width:230px;height:50px;display:block;white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.pager-prev,.pager-next{display:block}.pager-prev{float:left;margin-left:10px}.pager-next{float:right;margin-right:10px}.pager-next a{margin-left:1em}#footer{letter-spacing:.2em;*zoom: 1;width:800px;margin:30px auto;text-align:center;background:#ffffff4d;border-radius:15px;box-sizing:border-box;padding:5px}#footer-inner{border-radius:10px;background:#fff;padding:5px}#footer-inner .guest-footer{margin:0 auto 1em}#footer-inner .guest-footer h3{padding-top:.5em}#footer-inner .guest-footer .guest-footer-btn:nth-child(2){font-size:12px}#footer-inner address,#footer-inner p{font-size:12px;line-height:1.5}.entry-comment{border-bottom:2px dotted #ccc}.comment{margin:10px 0 15px;padding:0}.comment li{list-style:none;padding:12px 0}.comment-user-name{font-weight:700;margin:0 0 3px;letter-spacing:.2em}.comment-user-name img{vertical-align:middle}.comment-content p{margin:.5em 0;line-height:1.7;word-wrap:break-word}.comment-metadata{display:inline;font-size:11px;color:#aaa}.comment-metadata a{color:#aaa}.leave-comment-title{font-size:12px;font-weight:400;margin:10px 0;padding:1px;display:inline;border-bottom:3px solid #999;text-transform:uppercase}.leave-comment-title:hover{border-bottom:3px solid #a52929;text-decoration:none;color:#a52929}.entry-content{padding:20px 30px;font-size:13px;line-height:2.2;letter-spacing:.1em;*zoom: 1;overflow:hidden}.entry-content p{margin:.7em 0}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{border-bottom:2px dotted #ccc}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 0 1.5em;padding:0}.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fafafa}pre{font-size:12px;padding:10px;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-content a:visited{color:#aaa}a.keyword{text-decoration:none;border-bottom:1px solid #DEDEDE}pre.lang-aa{font-size:14px;line-height:15px}.hatena-asin-detail li{line-height:1.4}#box2{font-size:12px;width:285px;letter-spacing:.2em;word-wrap:break-word}#box2 .hatena-module{margin-bottom:15px}#box2 .hatena-module-title{padding:10px 25px 6px}#box2 .hatena-module-body{padding:10px 25px 20px}#box2 .hatena-module-body ul{margin:0 0 0 1.5em}.hatena-module{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/radius6-width285-top.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat top;padding-top:13px;*zoom: 1}.hatena-module-title{font-weight:700;font-size:14px;color:#454545;background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/box-285.png?version=d58a623746ff3cc118fb1ad855aa6c) repeat-y top;*zoom: 1}.hatena-module-body{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/radius6-width285-bottom.png?version=d58a623746ff3cc118fb1ad855aa6c) repeat-y bottom;*zoom: 1}.hatena-module-profile .id{display:block;line-height:2}.profile-icon{border:1px solid #ccc}.hatena-module-profile .profile-description{margin:0 0 5px;line-height:1.4}.hatena-module-body ul{padding:0;list-style:circle}.hatena-module-body ul li{padding:.4em 0}.hatena-module-body{line-height:1.5}.hatena-module-body p,.hatena-module-body div{margin:.7em 0}.hatena-module-recent-entries ul{margin:0}.hatena-module-recent-entries li{margin:0;padding:10px 0;border-bottom:1px solid #ddd;list-style:none}form.search-form{position:relative}form.search-form input{border:1px solid #ccc;vertical-align:middle}.search-form .search-module-input{width:225px;padding:3px;margin:0;font-size:12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.search-form .search-module-button{height:23px;width:30px;border:none;text-indent:-999px;cursor:pointer;background:url(https://cdn.blog.st-hatena.com/images/theme/search_g.png?version=d58a623746ff3cc118fb1ad855aa6c) 50% 50% no-repeat;position:absolute;top:0;right:2px;z-index:999}li{zoom:normal}.page-about #container,.page-archive #container{margin:30px auto 0}.page-about .entry-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/radius10-width500-top.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat top;padding-top:13px;*zoom: 1;margin-bottom:0}.page-archive #main{background:#ffffff4d;border-radius:15px;box-sizing:border-box;padding:5px;margin-bottom:0;width:500px}.page-archive #main-inner{border-radius:10px;background:#fff}.page-about #google_afc_user{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/box-500.png?version=d58a623746ff3cc118fb1ad855aa6c) repeat-y;*zoom: 1}.page-about #google_afc_user{padding:20px;margin:0;background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/box-500.png?version=d58a623746ff3cc118fb1ad855aa6c) repeat-y;*zoom: 1}.page-about dt{font-size:14px;font-weight:700;border-bottom:2px dotted #ccc;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #main-inner{font-size:16px;padding:30px;letter-spacing:.2em}.page-archive .archive-entry{margin-bottom:30px}.page-archive .date{padding:0;margin-bottom:10px}.page-archive .entry-title{font-size:16px;font-weight:400;padding:0 0 5px;margin-bottom:7px;border-bottom:2px dotted #ccc;color:#666}.page-archive .entry-title a{color:#666;text-decoration:none}.page-archive .entry-title a:hover{text-decoration:underline}.page-archive p{font-size:12px;line-height:1.5em}.page-archive .categories a{font-size:10px}.page-archive .pager{margin-top:15px}.page-archive .categories{padding:0}.breadcrumb{background:url(https://cdn.blog.st-hatena.com/css/theme/cocoa/category.png?version=d58a623746ff3cc118fb1ad855aa6c) no-repeat center;height:50px;line-height:50px;overflow:hidden;margin-top:5px}.breadcrumb div{padding:0 30px;font-size:13px}#top-editarea,#bottom-editarea{color:#fff}

/* </system> */

/* <system section="background" selected="bg8"> */
body{ background-color:#fdffe8; background-image:url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/theme8.png?version=d58a623746ff3cc118fb1ad855aa6c'); background-repeat:no-repeat; background-attachment:fixed; background-position:right top; }
/* </system> */

/*↓----更新日時表示----↓*/
.lastmod {
	background-color: transparent;
	padding: 5px 0px;
	text-decoration: none;
	font-size: 15px;
	display: inline;
	margin-left: 0px;
	font-family: 'Montserrat', sans-serif;
	color: #888888;
}
.lastmod::before {
	margin-right: 5px;
	margin-left: 10px;
	padding-left: 3px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: '\f01e';
}
.entry-date a {
	background-color: transparent;
	padding: 5px 0px 5px 6px;
	text-decoration: none;
	font-size: 15px;
	display: inline;
}
.entry-date a::before {
	margin-right: 5px;
	padding-left: 3px;
	font-family: "Font Awesome 5 Free";
	content: '\f073';
}
.date {
 text-align: right;
 display: inline;
 margin: 0 0 0 300px;
}

.list-entry-article .thumb-image
{
width: 77px; /*サムネイル画像の横幅*/
height: 77px; /*サムネイルが画像の縦幅*/
border-radius: 4em; /*サムネイル画像の角の丸みをなくす*/
}.profile-icon
{
width: 77px; /*サムネイル画像の横幅*/
height: 77px; /*サムネイルが画像の縦幅*/
border-radius: 4em; /*サムネイル画像の角の丸みをなくす*/
}
.hatena-fotolife, .http-image {
display: block;
margin: 0px auto;
}

.entry-header h1 {
  border-radius: 8px;
  position: relative;
  margin-right: 4px;
  padding: 8px 10px;
  border: 1px solid #222;
  color: #333;
  line-height: 1.5;
  z-index: 2;
  box-shadow: 4px 4px #222;
  background-color: #dbffdb;
}

.entry-content h2 {
  padding: 6px 10px;
  border-left: 10px solid #29b6b7;
  border-bottom: 1px solid #29b6b7;
  color: #333;
  line-height: 1.5;
  background-color: #f5f5f5;
}

.entry-content h3 {
  font-size: 130%;
  padding: 6px 10px;
  border-left: 6px solid #29b6b7;
  border-bottom: 0.5px solid #29b6b7;
  color: #333;
  line-height: 1.5;
  background-color: #f5f5f5;
}

.entry-content p {font-size: 16px;}
@media screen and (max-width: 480px){.entry-content p {font-size: 16px;}}

.entry-content li { font-size: 16px; }

/*目次のデザイン変更*/       
.entry-content ul.table-of-contents {
    padding: 15px 10px 15px 35px;  /* 枠内の余白（上右下左） */
    border:solid 2px #7DB4EC;  /* 線の種類と色 */
    background:#f7f7f7;  /* 背景 */
    border-radius:8px;/* 数字が大きいほど丸くなる */
}
.entry-content ul.table-of-contents:before {
    content: "目次";
    font-size: 20px;
}
.entry-content ul.table-of-contents li a {
    text-decoration: none;
    color:#3f3f3f;  /* 文字の色 */
}


.hatena-urllist li a {
    font-size: 13px ;
    line-height: 20px;
    font-weight: 500;
    color: #3f3f3f;
    text-decoration: none;
}

.hatena-module-title {
  position: relative;
  padding: 0.6em;
  background: #bcffbc;
  text-decoration: none;
  margin-bottom: 10px;
  font-size: 16px ;
  line-height: 20px;
  font-weight: 500;
  color: #3f3f3f;
  border-radius: 10px;
}

.hatena-module-title:after {
  position: absolute;
  content: '';
  top: 100%;  
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #bcffbc;
  width: 0;
  height: 0;
  text-decoration: none;
}

.hatena-module-title a {
    font-size: 16px ;
    line-height: 20px;
    font-weight: 500;
    color: #3f3f3f;
    text-decoration: none;
}

.hatena-module-body ul {
	list-style: none;
}

#title {
  position: relative;
  color: #333;
  text-shadow: 0 0 2px white;
  background:none;
  font-size: 30px;
}

#title a{
   color:#808080;
}

#title:before {
  content: "";
  position: absolute;
  background: #ffd700;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 48%;
  /* border: dashed 1px white; */
  left: 53px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

#blog-description {
  width:80%;
  font-size: 16px;
  color: #010079;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

/* 記事の横幅 */
#main {
width: 700px;
}

#wrapper {
width: 700px;
}

#container {
    width: 1000px;
    margin: auto;
}

#container-inner {
width: 1000px;
}

.categories, .date, .entry-content, .entry-footer, .entry-title {
 background:none;
}

ol { font-size: 17px; }

@media screen and (max-width: 480px){.entry-content ul {font-size: 16px;}}
@media screen and (max-width: 480px){.entry-content ol {font-size: 16px;}}

span.author.vcard {
display: none;
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #000000;
    background:#f7f7f7;
}

.box5 p {
    margin: 0; 
    padding: 0;
}

/* 表 */
.entry-content table {
    width:auto; /* 大きさを自動に */
}
.entry-content table caption{ /* タイトル */
    font-size: 17px; /* 文字の大きさ */
    padding: 0.5px; /* 文字周りの余白 */
}
.entry-content table th { /* 見出しセル */
    border: 1px solid #000000; /* 線の太さ・種類・色コード */
    background: #B0DFFF; /* 背景色 */
    text-align: center; /* 中央揃え */
    padding: 0.5em; /* 文字周りの余白 */
    width:auto;/* 大きさを自動に */
    white-space:nowrap; /* 文字を折り返さない */
}
.entry-content table td { /* 普通のセル */
    border: 1px solid #000000; /* 線の太さ・種類・色コード */
    padding: 0.5em; /* 文字周りの余白 */
    width:auto;/* 大きさを自動に */
    white-space:nowrap; /* 文字を折り返さない */
    text-align: right; /* 右揃え */
}

.entry-content .cp_actab-content table td { /* 普通のセル */
    border: none;
}

.entry{
 background: none;
}

#blog-title {
 background: none;
}
#blog-title-inner {
 background: none;
}
.entry-header {
 background: none;
}
/**
 * シェアボタンここから
 */
.share-btn-type7 {
  max-width: 240px;
  margin: 1.2em auto;
  display: flex;
  justify-content: space-between;
}
.share-btn-type7 .share-btn__item {
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  box-shadow: 0 2px 2px rgba(0,0,0,.16);
  transition: all .3s;
}
.share-btn-type7 .share-btn__item:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 10px rgba(0,0,0,.14);
}
.share-btn-type7 .share-btn__item--hatebu {
  background-color: #00A4DE;
}
.share-btn-type7 .share-btn__item--facebook {
  background-color: #1778F2;
}
.share-btn-type7 .share-btn__item--twitter {
  background-color: #1BA1F3;
}
.share-btn-type7 .share-btn__item--pocket {
  background-color: #EF4155;
}
/**
 * シェアボタンここまで
 */
 
 .pager{
  background :none;
 }
 
 .switch__label {
	all: initial;
	width: 37px;
	position: relative;
	display: inline-block;
	padding-top: 3px;
	vertical-align: middle;
}
.p_inline{
	display:inline;
	vertical-align: middle;
}
input{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

output{
	vertical-align: middle;
}


.cp_actab .switch__label {
	background: #f1c6c6;
	display: inline-block;
}
.switch__content {
	display: block;
  cursor: pointer;
  position: relative;
  border-radius: 7px;
  height: 14px;
  background-color: rgba(34,31,31,.26);
  -webkit-transition: all .2s .2s;
	   -moz-transition: all .2s .2s;
	    -ms-transition: all .2s .2s;
	     -o-transition: all .2s .2s;
	        transition: all .2s .2s;
	overflow: hidden;
}

.switch__content:after {
	content: "";
	display: block;
	position: absolute;

	width: 0;
	height: 100%;
	top: 0;
	left: 0;

	border-radius: 7px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	    -ms-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;
}
.switch__input {
	display: none;
}
.switch__circle {
	display: block;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	background-color: #F1F1F1;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	    -ms-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;
	-webkit-box-shadow: 0 2px 2px #ccc;
	        box-shadow: 0 2px 2px #ccc;
}
.switch__input:checked ~ .switch__circle {
	left: 18px;
	background-color: #009688;
}
.switch__input:checked ~ .switch__content {

	border-color: transparent;
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
	    -ms-transition: all 0s;
	     -o-transition: all 0s;
	        transition: all 0s;
}

.switch__input:checked ~ .switch__content:after {
	background-color: rgba(0,150,136,.5);
	width: 100%;
}

.cp_ipcheck {
width: 90%;
margin: 2em auto;
text-align: left;
}
.cp_ipcheck input[type='radio'] {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_ipcheck label {
position: relative;
display: inline-block;
margin-right: 15px;
padding-right: 5px;
padding-left: 35px;
padding-top: 5px;
cursor: pointer;
}
.cp_ipcheck label::before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: block;
width: 24px;
height: 24px;
content: ' ';
border: 2px solid #da3c41;
}
.cp_ipcheck input[type='radio'] + label::before {
border-radius: 4px;
}
.cp_ipcheck input[type='radio']:checked + label {
padding-left: 10px;
color: #ffffff;
}
.cp_ipcheck input[type='radio']:checked + label::before {
top: 0;
width: 100%;
height: 100%;
background: #da3c41;
}
/* Transition */
.cp_ipcheck label, .cp_ipcheck label::before {
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
}

div.cboxcontainer{
     position:absolute;
     z-index: 3;
     background: #ffffff;
}

.square_btn{
    display: inline-block;
    padding: 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
}

.square_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}


.cp_actab {
	position: relative;
	overflow: hidden;
	width: 580px;
	margin: 0 auto;
	padding-right: 5px;
	color: #ffffff;
}
.cp_actab input[type=checkbox] {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	/*padding: 0 0 0 1em;*/
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #da3c41;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.2s;
	transition: max-height 0.2s;
	color: #333333;
	background: #f1c6c6;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(135deg);
}

input.reset_button{
	border: none;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:10px;
	font-size:16px;
  display: inline-block;
  padding: 7px 12px;
  border-radius: 25px;
  text-decoration: none;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
}
input.reset_button:hover {
	cursor: pointer;
	}

input.submit_botton{
	margin-top:10px;
	font-size:125%;
	height:40px;
	width:150px;
}
input.submit_botton:hover {
	cursor: pointer;
	}

	input[type='range']  {
		width:170px;
		 background-color : transparent ;
		 cursor: pointer;
	}

	input[type='range']::-moz-range-track{
		-moz-appearance: none ;
		border-radius: 5px;
		box-shadow: inset 1px 1px 1px rgba(000,000,000,0.10);
		background-color: #CCC;
		height: 8px;
		vertical-align:middle;
		margin:0; padding:0;
		border: none;
		cursor: pointer;
	}
	input[type='range']::-moz-range-thumb {
		-moz-appearance: none ;
		border-radius: 100%;
		background-color: #037cd5;
		box-shadow: inset 0 0 0 4px #AAA, inset 0 0 4px #AAA, inset 0 0 0 4px #AAA;
		height: 22px;
		width: 22px;
		vertical-align:middle;
		border: none;
		cursor: pointer;
		margin-top: -6px;
	}
	input[type='range']::-moz-range-thumb:hover {
		background: #888;
		box-shadow: inset 0 0 0 4px #888, inset 0 0 4px #888, inset 0 0 0 4px #888;
	}
	input[type='range']:active::-moz-range-thumb {
		background: #888;
		box-shadow: inset 0 0 0 4px #888, inset 0 0 4px #888, inset 0 0 0 4px #888;
	}
	input[type=range]::-ms-track {
		width: 100%;
		height: 8px;
		cursor: pointer;
		animate: 0.2s;
		background: transparent;
		border-color: transparent;
		border-width: 8px 0;
		color: transparent;
	}
	input[type=range]::-ms-fill-lower {
		background: #CCC;
		border: 0px solid #000101;
		border-radius: 50px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}
	input[type=range]::-ms-fill-upper {
		background: #CCC;
		border: 0px solid #000101;
		border-radius: 50px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}
	input[type=range]::-ms-thumb {
		box-shadow: inset 0 0 0 4px #AAA, inset 0 0 4px #AAA, inset 0 0 0 4px #AAA;
		border: 0px solid #000000;
		height: 22px;
		width: 22px;
		border-radius: 100%;
		background: #037cd5;
		cursor: pointer;
		margin-top: -2px;
	}
		input[type='range']::-ms-thumb:hover {
		background: #888;
		box-shadow: inset 0 0 0 4px #888, inset 0 0 4px #888, inset 0 0 0 4px #888;
		cursor: pointer;
	}

	input[type=range]::-ms-tooltip {
		display: none;
	}
	
	.btn-square {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  width: 100px;
  text-decoration: none;
  color: #e0e0e0;
  background: #c0c0c0;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  cursor: pointer;
}

.btn-square:active {
  border-bottom: solid 2px #fd9535;*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}