@charset "UTF-8";

/*--- checkbox ---*/
input {position:relative;display:none;}
input + label {position:relative;}
.cbox:before {display:inline-block;vertical-align:-1px;width:0.56rem;height:0.56rem;border:solid 2px #aaaaaa;background-color:#fdfdfb;content:"";margin:0px 0.3rem 0px 0px;}
input:not(:disabled) + .cbox:hover:before {border:solid 2px #666666;background-color:#cccccc;}
input:checked + .cmark:after {display:inline-block;position:absolute;top:0.125rem;left:0.1rem;width:0.8rem;height:0.3rem;border-left:solid 3px #7a2c3a;border-bottom:solid 2px #7a2c3a;content:"";transform:rotate(-45deg);}
@media only screen and (max-width:720px) {
    .menu > .cbox:before {display:inline-block;vertical-align:-1px;width:0.7rem;height:0.7rem;border:solid 2px #aaaaaa;background-color:#fdfdfb;content:"";margin:0px 0.3rem 0px 0px;}
    .menu > input:checked + .cmark:after {display:inline-block;position:absolute;top:0.1rem;left:0.1rem;width:0.9rem;height:0.4rem;border-left:solid 3px #7a2c3a;border-bottom:solid 2px #7a2c3a;content:"";transform:rotate(-45deg);}
}

/*-- menu ---*/
.toggle.mobile {display:none;}
input:not(:checked) ~ .acc.menu > .list {margin:0px;padding:0px 0px 0px 30px;line-height:0;color:#f0f0ec;overflow:hidden;transition:margin 0.2s ease,padding 0.2s ease-in,line-height 0.2s ease-in-out,color 0.2s cubic-bezier(0,0,0,1);}
input:not(:checked) ~ .acc.menu > .list > li {margin:0px;padding:0px;overflow:hidden;transition:inherit;}
input:not(:checked) ~ .acc.menu > .list > li> a {margin:0px;padding:0px;border:none;border-color:#f0f0ec;color:#f0f0ec;overflow:hidden;transition:inherit;}
input:not(:checked) ~ .acc.menu > .head_menu {margin:0px;padding:0px 0px 0px 18px;line-height:0;color:#f0f0ec;overflow:hidden;transition:margin 0.2s ease,padding 0.2s ease-in,line-height 0.2s ease-in-out,color 0.2s cubic-bezier(0,0.6,0,1);}
.review input:not(:checked) ~ .acc.menu > .list {margin:0px;padding:0px 0px 0px 30px;}
.review input:not(:checked) ~ .acc.menu > .list > li {margin:0px;padding:0px;}
input:checked ~ .acc.menu > .list {transition:margin 0.2s ease-in,padding 0.2s ease-in,line-height 0.2s ease-in-out,border-color 0.2s cubic-bezier(1,.0,1,0.5),color 0.2s cubic-bezier(1,.0,0.4,1);}
input:checked ~ .acc.menu > .list > li {transition:inherit;}
input:checked ~ .acc.menu > .list > li> a {transition:inherit;}
input:checked ~ .acc.menu > .head_menu {transition:margin 0.2s ease,padding 0.2s ease-in,line-height 0.2s ease-in-out,color 0.2s cubic-bezier(1,0.4,0,1);}
/*.menu > input:not(:checked) ~ .acc > .list {padding:0px 0px 0px 30px;line-height:0;color:#f0f0ec;overflow:hidden;transition:margin 3.2s ease,padding 3.2s ease-in,line-height 3.2s ease-in-out,color 3.2s cubic-bezier(0,0,0,1);}*/
/* .menu > input:not(:checked) ~ .acc > .caption {margin:0px;padding:0px 0px 0px 18px;line-height:0;color:#f0f0ec;overflow:hidden;transition:margin 3.2s ease,padding 3.2s ease-in,line-height 3.2s ease-in-out,color 3.2s cubic-bezier(0,0.6,0,1);} */
/* .menu > input:checked ~ .acc > .list {transition:margin 3.2s ease-in,padding 3.2s ease-in,line-height 3.2s ease-in-out,border-color 3.2s cubic-bezier(1,.0,1,0.5),color 3.2s cubic-bezier(1,.0,0.4,1);} */
/* .menu > input:checked ~ .acc > .caption {transition:margin 3.2s ease,padding 3.2s ease-in,line-height 3.2s ease-in-out,color 3.2s cubic-bezier(0,0.4,0,1);} */
/* .menu > input:checked ~ .acc * {transition:margin 0.2s ease-in,padding 0.2s ease-in,line-height 0.2s ease-in-out,border-color 0.2s cubic-bezier(1,.0,1,0.5),color 0.2s cubic-bezier(1,.0,0.4,1);} */
/* .menu > input:checked ~ .acc * {transition:margin 3.2s ease-in,padding 3.2s ease-in,line-height 3.2s ease-in-out,border-color 3.2s cubic-bezier(1,.0,1,0.5),color 3.2s cubic-bezier(1,.0,0.4,1);}*/
/* font-size:0.63rem;font-size 0.16s ease */
@media only screen and (max-width:720px) {
    input#menu_mobile:not(:checked) ~ .box_menu {height:0%;transition:height 0.2s ease;overflow:hidden;}
    input#menu_mobile:checked ~ .box_menu {height:100%;transition:height 0.2s ease;overflow-y:scroll;}
    .toggle.mobile {position:fixed;display:block;width:min(100%,640px);padding:0.25rem 0px;text-align:center;z-index:9999;}
}
/* firefox li > a line-height */
input:not(:checked) ~ .acc.menu > .list > li> a {display:block;}
input:checked ~ .acc.menu > .head_menu + .list > li > a {margin-top:0.6rem;}

/*--- main---*/
.acc:not(.menu) {display:block;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;border:none;line-height:0;opacity:0;overflow:hidden;transition:margin 0.1s ease,padding 0.1s ease,line-height 0.2s ease,opacity 0.2s cubic-bezier(0,0.9,0.3,1);}
.acc:not(.menu) > span.head_m {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;line-height:0;opacity:0;overflow:hidden;transition:inherit;}
input:checked + .toggle + .acc:not(.menu) {line-height:1.7;opacity:1;transition:line-height 0.1s ease-in-out,margin 0.1s ease,padding 0.1s ease,opacity 0.2s ease-in;}
input:checked + .toggle + .acc:not(.menu) > [class^=head_]{line-height:1.8;opacity:1;transition:inherit;}
input:not(:checked) + .toggle + .acc:not(.menu) > [class^="img"], input:not(:checked) + .toggle + .acc > * > [class^="img"] {display:none;margin-top:0px;margin-bottom:0px;}
/* input:not(:checked) + .toggle + .acc:not(.menu) > input:checked + .toggle {display:none;}
input:not(:checked) + .toggle + .acc:not(.menu) > input:checked + .toggle + .acc:not(.menu) {height:0px;margin-top:0px;padding-top:0px;} */
input:not(:checked) + .toggle + .acc:not(.menu) + input + .toggle.nest {display:none;}
input:not(:checked) + .toggle + .acc:not(.menu) + input:checked + .toggle.nest + .acc.nest {height:0px;margin-top:0px;padding-top:0px;}
input:not(:checked) + .toggle + .acc:not(.menu) + input:checked + .toggle.nest + .acc.nest > [class^="img"] {display:none;}
/* test nest */
/* input:checked + .toggle + h3.acc.tips {padding-top:0.8rem;line-height:1.3;transition:line-height 0.1s ease-in-out,margin 0.1s ease,padding 0.1s ease,opacity 0.2s ease-in;}
input:checked + .toggle + h3 + .acc.tips {line-height:1.7;opacity:1;transition:line-height 0.1s ease-in-out,margin 0.1s ease,padding 0.1s ease,opacity 0.2s ease-in;}
input:not(:checked) + .toggle ~ .toggle.tips.nest {display:none;}
input:not(:checked) + .toggle ~ .acc.tips.nest  {height:0px;margin-top:0px;padding-top:0px;background:initial;}
input:not(:checked) + .toggle ~ .acctips.nest > [class^="img"] {display:none;} */

input:not(:checked) ~ .acc.spoiler {padding:0px 30px 0px 30px;}
input:not(:checked) ~ .acc.spoiler > h2, input:not(:checked) ~ .acc.spoiler > h3, input:not(:checked) ~ .acc.spoiler > p, input:not(:checked) ~ .acc.spoiler > p > [class^="head"], input:not(:checked) ~ .acc.spoiler > p > a {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;border:none;line-height:0;opacity:0;overflow:hidden;transition:margin 0.1s ease,padding 0.1s ease,line-height 0.2s ease,opacity 0.2s cubic-bezier(0,0.9,0.3,1);}
input:checked ~ .acc.spoiler {padding:16px 30px 40px 30px;}
input:checked ~ .acc.spoiler > h2, input:checked ~ .acc.spoiler > h3, input:checked ~ .acc.spoiler > p, input:checked ~ .acc.spoiler > p > [class^="head"], input:checked ~ .acc.spoiler > p > a {transition:inherit;}
h2 ~ input:not(:checked) ~ .acc.spoiler {padding:0px;}
h2 ~ input:checked ~ .acc.spoiler {padding:32px 0px 0px 0px;}

input#spoiler00:not(:checked) ~ section, input#spoiler00:not(:checked) ~ aside, input#spoiler00:not(:checked) ~ p {margin:0px;padding:0px;height:0px;line-height:0;color:#dddddd;opacity:0;overflow:hidden;}
input#spoiler00:not(:checked) ~ .toggle {margin:0px;}
input#spoiler00:checked ~ section, input#spoiler00:checked ~ aside, input#spoiler00:checked ~ p {opacity:1;transition:color 0.4s ease-in,opacity 0.2s ease-in;}
.box_main input:checked ~ .toggle.before {display:none;}
.box_main .toggle.after {display:none;}
.box_main input:checked ~ .after {display:inline;height:auto;}

label.tips {line-height:1.7;}
label.tips.fsl {font-size:1.2rem;}
input:checked + .toggle + .acc.tips {padding-top:0.4rem;}

/*--- label content ---*/
.toggle.tips:after {content:"を表示する>>";}
.toggle.min:after {content:">>";}
input:checked + .toggle.tips:after {content:"を隠す<<";}
input:checked + .toggle.min:after {content:"<<";}
.toggle.after,.toggle.before {content:none;}
input:disabled + .toggle:after {content:none;}