@charset "UTF-8";

/** {border:solid 1px #888888;}*/

/*--- reset ---*/
header,main,section,article,aside,nav,figure,h1,h2,h3,div,p,span,dl,dt,dd,ul,li {margin:0;padding:0;}
body {line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust: 100%;}

/*--- box ---*/
body {display:flex;justify-content:space-evenly;max-width:1280px;margin:auto;}
.box_main {order:2;width:min(100%,640px);margin-right:4px;}
.box_menu {order:1;flex-grow:0;flex-shrink:0;width:220px;margin-right:8px;}
@media only screen and (max-width:720px) {
    body {flex-direction:column;justify-content:initial;width:min(100%,640px);margin:0 auto;}
    .box_main {margin-right:0px;}
    .box_menu {position:fixed;display:flex;flex-direction:column;width:min(100%,640px);margin:0px;overscroll-behavior:none;scrollbar-gutter:stable;}
}

/*--- header, footer ---*/
header {margin-bottom:30px;}
h1 {padding:20px 30px 0px 25px;line-height:1.5;}
h1 + .info {padding:20px 0px 20px 25px;}
.head_h {margin:0px;padding:0px 30px 20px 25px;line-height:1.5;}
nav > ul.inline{padding-left:25px;}
nav > ul.inline > li{padding:8px 0px;}
.inline > li {display:inline-block;margin-right:1rem;white-space:nowrap;}

/*--- main ---*/
main > article, main > section, main > aside {margin-bottom:30px;}
article > section, article > aside, article > p, .spoiler_all > label, .spoiler_all > section, .spoiler_all > aside, .spoiler_all > p {margin-bottom:30px;padding:40px 30px;}
section.in {padding:0px;}
aside.in {margin-top:1.7rem;}
.spoiler:not(.acc) {margin-bottom:30px;}
.toggle.caution {display:block;padding:40px 30px;line-height:1.7;white-space:pre-wrap;}
h2 ~ .toggle.caution {padding:8px 8px;}
h3 ~ .toggle.caution {padding:8px 8px;}

h2 {margin-bottom:0.9rem;line-height:1.3;}
h2:not(.head_h):not(:first-child) {margin-top:2rem;}
/* nav > h2:not(:first-child) {margin-top:2rem;} */
h2[class^="head_"]:not(.head_h) {width:fit-content;margin-bottom:4px;}
h3 {width:fit-content;margin:2rem 0px 4px 0px;line-height:1.3;}
h4 {width:fit-content;margin:2rem 0px 4px 0px;line-height:1;}
h2 + h3, h3 + h4 {margin-top:1.5rem;}
.head_b {display:block;width:auto;margin-bottom:0.9rem;line-height:1.3;}
.head_l {line-height:1.4;}
.head_n {line-height:1.5;}
.head_m {margin-bottom:6px;line-height:1.3;}
.head_s {line-height:1.7;}
[class^="head_"].mb {margin-bottom:0.9rem;}
span.head_m {line-height:1.8;}

figure {margin-top:2rem;}
h2 + figure {margin-top:1.5rem;}
h3 + figure {margin-top:0px;}
figure > a:not(:last-child) {margin-bottom:6px;}
figcaption {width:fit-content;line-height:1.5;}

nav.page_list:first-child {margin-bottom:6px;}
nav.page_list > ul.list {padding:10px 0px 12px 30px;line-height:1.7;}

.index {line-height:1.5;}
.index > nav, .index > aside, .index > p {padding:25px 60px;}
.index > nav > .list {padding:0px 0px 0px 30px;}
.index > nav > .list > li {margin-top:0.81rem;line-height:1.2;}
.index > .info {padding:40px 60px 0px 60px;}
.index > .info:last-child {padding:0px 60px 40px 60px;}
section.info {padding:40px 30px;}

@media only screen and (max-width:720px) {
    .box_main > header {margin-top:2rem;}
    .index > nav, .index > aside, .index > p {padding:25px 30px;}
    .index > .info {padding:40px 30px 0px 30px;}
    .index > .info:last-child {padding:0px 30px 40px 30px;}
}
@media only screen and (max-width:400px) {
    .index > nav > .list {padding:0px 0px 0px 20px;}
}

/* .caption {display:block;margin-bottom:15px;line-height:1.3;}
.caption_l {display:inline-block;margin-bottom:10px;line-height:1.4;}
.caption_n {line-height:1.4;}
.caption_m {line-height:1.6;} */
.data {padding:20px 30px;line-height:1.6;}
/* .data .list {margin-left:10px;} */
.flex {display:flex;}
.flex a[class^="img"] {margin:0px;}
p {line-height:1.7;white-space:pre-wrap;}
p + p, figure + p {margin-top:1.5rem;}
p.mb {margin-bottom:0.4rem;}
a.inline {margin-left:15px;}
a.link {margin-right:5px;margin-left:5px;}
img {display:block;width:100%;height:auto;}
a[class^="img"] {display:block;width:fit-content;height:auto;margin-top:6px;}
a.mb {margin-bottom:0.4rem;}
a.img_l {max-width:100%;}
a.img_m {max-width:75%;min-width:310px;}
a.img_s {max-width:50%;min-width:210px}
/* a.img_ss {max-width:15%;min-width:60px;} */
a.img_ss {width:max(15%,80px);}
a.img_v {max-height:640px;max-width:100%;}

/*--- menu ---*/
.menu:not(.acc) {padding:20px 0px 20px 15px;}
.acc.menu > .list {padding:0.9rem 0px 0.31rem 30px;line-height:1.2;}
.acc.menu > .list > li:not(:first-child) {margin-top:0.62rem;}
.acc.menu > .head_menu {display:block;margin:0.90rem 0px 0px 0px;padding-left:18px;line-height:1.2;}
.acc.menu > .head_menu + .list {padding-top:0.21rem;}
.menu.info > .list {padding:0px 0px 0px 15px;}
.menu.end > .list {padding-left:30px;line-height:1.2;}
.menu.end > .list > li:not(:first-child) {margin-top:0.62rem;}
.review .acc.menu > .list {padding-top:1rem;padding-bottom:0.62rem;}
.review .acc.menu > .list > li:not(:first-child) {margin-top:1.12rem;}
@media only screen and (max-width:720px) {
    .box_menu {z-index:9998;}
    .box_menu > div:first-child {margin-top:2rem;}
    .menu:not(.acc) {flex-grow:0;flex-shrink:0;padding-right:15px;}
    .menu.end {flex-grow:1;margin-bottom:-1px;}
    .menu.end > .list {padding-top:0.31rem;}
    .menu.end > .list > li:first-child {display:none;}
    .menu.end > .list > li:first-child > a {margin:0;}
    .menu.end > .list > li:nth-of-type(2) {margin-top:0px;} 
}
/*------
--> acc
------*/
