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

/* 金券払いキャペーン */
#kinken_hajimete {
    background: #FFF;
    color: #211714;
}
#kinken_hajimete .pc {
    display: none;
}
#kinken_hajimete h1,
#kinken_hajimete h2,
#kinken_hajimete h3,
#kinken_hajimete h4 {
    margin: 0;
}
#kinken_hajimete p {
    margin: 0 0 15px 0;
}
#kinken_hajimete p:last-child {
    margin: 0;
}
#kinken_hajimete a {
    color: #211714;
}
#kinken_hajimete strong a {
    color: #e72f57;
}
#kinken_hajimete figure {
    margin: 15px 0;
    padding: 0;
    text-align: center;
}
#kinken_hajimete img {
    max-width: 100%;
    vertical-align: bottom;
}
#kinken_hajimete .btn {
    text-align: center;
    margin: 15px 0;
}
#kinken_hajimete .btn .btn_mini img {
    width: 70%;
    margin: 0 auto;
}
#kinken_hajimete section strong {
    color: #e72f57;
}
#kinken_hajimete .btn a img {
    margin-bottom: 15px;
}
#kinken_hajimete .btn a:last-child img {
    margin-bottom: 0;
}
#kinken_hajimete .notice {
    background: #efeae6;
    padding: 15px;
    border-radius: 10px;
    margin-top: 20px;
}

/* guidance */
#kinken_hajimete .guidance {
    margin: 0 20px 40px 20px;
}

/* flow */
#kinken_hajimete .flow {
    margin-bottom: 30px;
}
#kinken_hajimete .flow .flow_box {
    padding: 30px 20px;
}
#kinken_hajimete .flow .flow_box h3 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #cda86d;
}
#kinken_hajimete .flow .flow_box h3 span {
    background: #e72f57;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 10px;
}
#kinken_hajimete .flow .flow_box .btn_area {
    background: #feffae;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    margin-top: 20px;
}
#kinken_hajimete .flow .flow_box .btn_area a {
    margin-top: 20px;
    display: block;
}
#kinken_hajimete .flow .flow_box .attention {
    background: #feffae;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
}
#kinken_hajimete .flow .flow_step {
    margin-bottom: 40px;
}
#kinken_hajimete .flow .flow_step h4 {
    margin-bottom: 10px;
}
#kinken_hajimete .flow .flow_step:last-child {
    margin-bottom: 0;
}
#kinken_hajimete .flow figure {
    border: 1px solid #dfd3cc;
}
#kinken_hajimete .flow figure.bordernone {
    border: none;
}

/* acco_info */
#kinken_hajimete .acco_info {
    padding: 15px;
    background: #dfd3cc;
}
#kinken_hajimete .acco_info .toggle {
	display: none;
}
#kinken_hajimete .acco_info .Label {
	padding: 15px 15px 15px 45px;
	display: block;
	color: #fff;
	background: #804c34 url("../img/ico_hatena.png") no-repeat 10px 50%;
    background-size: 25px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 10px;
}
#kinken_hajimete .acco_info .Label::before{
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
#kinken_hajimete .acco_info .Label,
#kinken_hajimete .acco_info .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
#kinken_hajimete .acco_info .content {
	height: 0;
	padding: 0;
	overflow: hidden;
}
#kinken_hajimete .acco_info .toggle:checked + .Label + .content {
	height: auto;
	padding: 20px;
    border-radius: 5px;
	transition: all .3s;
    background: #FFF;
    margin: 10px 0 30px 0;
}
#kinken_hajimete .acco_info .toggle:checked + .Label + .content:last-child {
    margin: 10px 0 0 0;
}
#kinken_hajimete .acco_info .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
#kinken_hajimete .acco_info .content h4 {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 10px;
}
#kinken_hajimete .acco_info .content h4::before {
    content: "●";
    color: #e72f57;
    margin-right: 5px;
}
#kinken_hajimete .acco_info .content hr {
    border: 0;
    border-bottom: 1px dotted #cda86d;
    margin: 20px 0;
}
#kinken_hajimete .acco_info .content .btn {
    margin-bottom: 0;
}

/* about */
#kinken_hajimete #about h2 {
    background: #e72f57;
    color: #FFF;
    padding: 20px;
    font-size: 26px;
    line-height: 160%;
}
#kinken_hajimete #about .about_box {
    padding: 20px;
}
#kinken_hajimete #about .about_box .notice {
    padding: 30px;
}

/* expensive */
#kinken_hajimete .expensive {
    margin: 30px 0;
    padding: 15px;
    background: #feffae;
}
#kinken_hajimete .expensive h3 {
    background: #e72f57;
    color: #FFF;
    padding: 5px 10px;
    font-size: 18px;
    line-height: 160%;
    border-radius: 5px;
    margin-bottom: 10px;
}
#kinken_hajimete .expensive .expensive_box {
    padding: 10px;
}
#kinken_hajimete .expensive .expensive_box h4 {
    margin-bottom: 10px;
}

/* notes */
#kinken_hajimete .notes {
    margin: 40px 20px;
}
#kinken_hajimete .notes h2 {
    background: #804c34;
    color: #FFF;
    padding: 5px 10px;
    font-size: 18px;
    line-height: 160%;
    border-radius: 5px;
    margin-bottom: 15px;
}
#kinken_hajimete .notes ul {
    margin: 0;
    padding: 0 10px;
}
#kinken_hajimete .notes ul li {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    background: url("../img/list.png") no-repeat 0 5px;
    background-size: 12px;
}

/* take_campaign */
#kinken_hajimete .take_campaign {
    margin-bottom: 30px;
}
#kinken_hajimete .take_campaign .take_box {
    padding: 0 20px;
}

/* return */
#kinken_hajimete .return {
    margin: 30px 20px;
}