@charset "utf-8";

.accbox, .accboxPink{
    padding: 0;
    width: 100%;
}
/* ----------------------------------------------
デフォルト
-------------------------------------------------*/

.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 12px 2em;
    color :#005bac;
    font-size: 1.2rem;
    font-weight: bold;
    background: #eee url(../images/common/arrow_down_s.png) no-repeat 97% center;
    background-size: auto 20px;
    cursor :pointer;
    /* transition: all 0.2s; */
}

.accbox label:hover {
    background: #ffe7f6 url(../images/common/arrow_down_p.png) no-repeat 97% center;
    background-size: auto 20px;
    color: #f5386b;
}
.accbox label:visited {
    background :#288cd6;
}
.small{
    font-size: 12px;
}

/* ----------------------------------------------
ピンク
-------------------------------------------------*/
.accboxPink label {
    display: block;
    margin: 1.5px 0;
    padding : 12px 2em;
    color: #f5386b;
    font-size: 1.2rem;
    font-weight: bold;
    background: #ffe7f6 url(../images/common/arrow_down_p.png) no-repeat 97% center;
    background-size: auto 20px;
    cursor :pointer;
}

.accboxPink label:hover {
    background: #eee url(../images/common/arrow_down_s.png) no-repeat 97% center;
    background-size: auto 20px;
    color :#005bac;
}
.accboxPink label:visited {
    background :#288cd6;
}

.accbox input, .accboxPink input {
    display: none;
}
.accbox .accshow, .accboxPink .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    background: #fff;
    opacity: 1;
    border: 1px solid #eee;
}

@media screen and (max-width: 812px) {
.accbox label, .accboxPink label {
    text-indent: -1em;
    padding : 12px 2em 12px 2em;
}
}

/* ----------------------------------------------
NewType java script不要
-------------------------------------------------*/
.acbox{
	width: auto;
	font-size:0px; 
	margin-bottom: 10px;
}

.acbox label{
	width: auto;
	font-size: 1.2rem; 
	font-weight: bold;
	position: relative;
	display: block;
	padding:8px 8px 8px 32px;
	cursor: pointer;
	color: #005BAC;
	background: #eee;
}

.acbox label:hover{  /*background: #8BC34A; */}
.acbox input{ display: none;}
.acbox label:after{
	font-size: 1.2rem;
	font-weight: bold;
	content:"+"; 
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -14px;
}

.acbox input:checked ~ label::after {
	content:"-"; 
	font-size: 2rem;
	font-weight: normal;
}

.acbox div{
	height: 0px;
	opacity: 0;
	transition: 0.20s; /* 開閉スピード */
}

.acbox input:checked ~ div{
	height: auto;
    padding: 10px;
	opacity: 1;
}

.acbox-under h3{
    margin-bottom: 5px;
}

.acbox input:checked ~ label {  /*background: #8BC34A;*/}
.acbox-under{font-size: 15px;}