@charset "utf-8";

:root {
--color-green-strong:#4B8112;;
}

/* common */

* {
box-sizing: border-box;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Mayryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#222;
margin: 0;
padding: 0;
text-align: center;
position: relative;
overflow-x: hidden;
}
body,html {
height: 100%;
}
html {
font-size: 10px;
-webkit-text-size-adjust: 100%;
}
a,
.modal-open{
outline: none;
color: #003333;
}
a:hover,
.modal-open:hover {
color:#993300;
}
a img {
text-decoration: none;
border: none;
}
a,button {
pointer-events:auto;
appearance: none;
-webkit-appearance: none;
}
h1,h2,h3,h4,h5,h6 {
display: block;
margin: 0px;
padding: 0px;
}
.wf {
font-family: "M PLUS Rounded 1c", sans-serif;
}
p,ul,ol,dl,dt,dd,figure {
margin: 0px;
padding: 0px;
}
ul,ol {
list-style-type: none;
}
em {
font-style: normal;
}

/* alterna */

.alterna {
display: block;
text-indent: -9999999em;
line-height: 100%;
overflow: hidden;
}

/* illust & photo */

.illust img,
.photo img {
display: block;
width: 100%;
height: auto;
}

/* TopCont */

#TopCont {
display: flex;
width: 100%;
}
#TopCont .author .alterna {
margin: 0 auto;
}

@media screen and (max-width:479px){
#TopCont {
flex-direction: column-reverse;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 0 20px;
}
#TopCont section.info {
width: 60%;
padding: 15px 0;
}
}

@media screen and (min-width:480px) and (max-width:999px){
#TopCont {
flex-direction: row-reverse;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 15px 20px;
}
#TopCont section.info {
width: 55%;
padding: 15px 5%;
}
}

@media screen and (max-width:999px){
#TopCont .author {
padding: 5px 0 0;
}
#TopCont .author .alterna {
width: 80%;
max-width: 160px;
}
}

@media all and (min-width:1000px){
#TopCont {
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 40px 20px 60px;
}
#TopCont section.info {
width: 40%;
padding: 15px 5%;
}
#TopCont .author {
padding: 10px 0 0;
}
#TopCont .author .alterna {
width: 70%;
max-width: 212px;
}
}

/* page-cont */

#Top .page-cont .illust {
width: 100%;
background: #CCC;
margin: 0;
}
#Top .page-cont .illust picture {
display: block;
width: 100%;
height: 100%;
}

@media screen and (max-width:479px){
#Top .page-cont {
width: 94%;
}
}

@media screen and (min-width:480px) and (max-width:999px){
#Top .page-cont {
width: 100%;
}
}

@media screen and (max-width:999px){
#Top .page-cont {
width: 94%;
margin: 0 auto;
}
}

@media all and (min-width:1000px){
#Top .page-cont {
width: 60%;
padding: 0 5% 0 0;
overflow-y: auto;
}
}

/* main-title */

.main-title {
aspect-ratio:75/31;
background: url("img/img_logo.png")center/100% auto no-repeat;
}
.author.text .alterna{
aspect-ratio:53/9;
background: url("img/img_text01.png")center/100% auto no-repeat;
}
.main-title a {
width: 100%;
height: 100%;
}

/* header */

header {
background: linear-gradient(to bottom,#F9E699 0,#F9E699 50%,transparent 50%,transparent 100%);
}
header .container {
display: flex;
align-items: center;
padding: 8px 20px;
}
header h1 {
width: 180px;
}
header .text {
padding: 5px 0 0;
}
header .text .alterna{
height: 20px;
margin: 0 auto;
}

@media screen and (max-width:999px){
#Top header {
height: 50px;
}
header .container {
justify-content: center;
padding: 0;
}
#Top header
}
@media all and (min-width:1000px){
header #Global {
display: flex;
justify-content: flex-end;
}
}

/* title-item */

@media screen and (max-width:999px){
#Top header .title-item {
display: none!important;
}
}

/* nav */

#Global {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
#Global h2 {
display: inline-flex;
align-items: center;
justify-content: center;
}
#Global .items {
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
}
#Global .items > li {
max-width: 60px;
min-width: 60px;
aspect-ratio:1/1;
text-align: center;
border-radius: 70px;
background: #FFF;
margin: 0 3px;
}
#Global a {
display: block;
width: 100%;
height: 100%;
border-radius: 70px;
text-align: left;
transition: .5s ease;
position: relative;
}
#Global .with-title a::before {
font-size: 1.1rem;
color:#FFF;
display: block;
padding: .1em 1em;
background:#4F2700;
border-radius: 20px;
white-space: nowrap;
position: absolute;
left:50%;
bottom:0;
z-index: 0;
transform: translate(-50%,12px);
}
#Global a .alterna {
width: 100%;
height: 100%;
}
#Global .with-title .home::before {
content:"home";
}
#Global .with-title .works::before {
content:"works";
}
#Global .with-title .guide::before {
content:"図 鑑";
}
#Global a:hover {
opacity: .7;
}
#Global a.home {
background: url("img/icon-home.png")center/60% auto no-repeat #4F2700;
}
#Global a.works {
background: url("img/icon-work.png")center/65% auto no-repeat #4F2700;
}
#Global a.guide {
background: url("img/icon-dictionary.png")center/75% auto no-repeat #4F2700;
}
#Global a.insta {
background: url("img/icon02.png")center/auto 50% no-repeat,url("img/back-icon.png")center/auto 115% no-repeat;
}
#Global a.facebook {
background: url("img/icon03.png")center/auto 50% no-repeat #4267B2;
}

@media screen and (max-width:479px){
#Global .items {
max-width: 70%;
flex-wrap: wrap;
justify-content: flex-start;
}
#Global .items > li {
margin: 0 3px 20px;
}
}

@media screen and (max-width:999px){
#Global {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: fixed;
top:0;
left:-100%;
z-index: 9999999999;
background: rgba(255,255,255,.9);
transition: .5s ease;
}
#Global.appear {
left: 0;
}
#Global .items {
max-width: calc((60px + 6px) * 3);
position: relative;
z-index: 9999999999;
}
}

/* menu-box */

@media screen and (max-width:999px){
.menu-box {
display: block;
width: 40px;
height: 40px;
position: fixed;
top:10px;
right:15px;
z-index: 999999999999;
}
.menu-box .toggle-btn {
display: block;
width: 100%;
height: 100%;
border: none;
border-radius: 20px;
padding: 0;
background: url("img/icon-menu.svg")center/40% auto no-repeat #4F2700;
}
.menu-box.appear .toggle-btn {
background: url("img/icon-close.svg")center/40% auto no-repeat #4F2700;
}
}

@media all and (min-width:1000px){
.menu-box {
display: none;
}
}

/* slide-box */

.slide-box {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
padding: 5px 0;
}

/* slide-box shops-list */

.slide-box .shops-list {
display: flex;
justify-content: center;
align-items: center;
}
.slide-box .shops-list > li {
width: 50px;
aspect-ratio:1/1;
margin: 0 2px;
}
.slide-box .shops-list a {
width: 50px;
aspect-ratio:1/1;
border-radius: 50px;
transition: .5s ease;
}
.slide-box .shops-list a:hover {
opacity: .7;
}
.slide-box .shops-list a.creema {
background: url("img/img_text04.png")center/80% auto no-repeat #4F8623;
}
.slide-box .shops-list a.minne {
background: url("img/img_text05.png")center/80% auto no-repeat #B74747;
}
.slide-box .shops-list a.pinkoi {
background: url("img/img_text06.png")center/80% auto no-repeat #E87019;
}

/* Shops title */

#Shops .title {
display: block;
width: 50px;
aspect-ratio:1/1;
margin: 0 5px 0 0;
}
#Shops .mark {
display: block;
width: 100%;
height: 100%;
background: url("img/icon04.png")center/50% auto no-repeat #4F2700;
border-radius: 50px;
}

/* main */

#Top main {
padding: 30px 0 100px;
background: rgba(244,194,0,.4);
}
#Top main .container {
width: 1000px;
margin: 0 auto 20px;
}
.sub main {
font-size: 1.4rem;
width: 960px;
padding: 50px 0;
margin: 0 auto;
}
.sub main .read {
text-align: left;
}

@media screen and (max-width:999px){
.sub main {
width: 100%;
padding: 30px 15px 15px;
margin: 0;
}
}

/* footer */

footer {
width: 100%;
}
footer > p.copyright {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background: #4F2700;
font-size: 1.3rem;
color: #FFF;
}

@media all and (min-width:1000px){
footer {
position: relative;
z-index: 1;
}
}

/* footer textlinks */

footer .textlinks {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 30px;
background: rgba(244,194,0,0);
}
footer .textlinks > li {
padding: 0 1em;
}
footer .textlinks a {
font-size: 1.2rem;
}

/* message-box */

.message-box {
display: flex;
align-items: center;
border:1px dotted transparent;
padding: .3em .6em .3em .3em;
margin: 0 0 1em;
background: #FFF;
}
.message-box h2 {
font-size: 1.2rem;
font-weight: 400;
color:#FFF;
background: #555;
padding: .3em;
margin: 0 .6em 0 0;
}

/* message */

div.message {
font-size: 1.3rem;
text-align: left;
line-height: 180%;
background: rgba(255,255,255,.4);
}
@media (max-width:1000px){
div.message {
margin: 1em 0;
}
}
@media (min-width:1001px){
div.message {
width: 100%;
overflow: hidden;
}
div.message .cover {
width: 200%;
}
.message .marquee {
display: inline-block;
opacity: 0;
transform: translateX(100%);
animation: marquee 15s linear infinite;
}
}

@keyframes marquee {
0% {opacity: 0;transform: translateX(100%);}
.5% {opacity: 1;transform: translateX(100%);}
99% {opacity: 1; transform: translateX(-100%);}
99.5% {opacity: 0;transform: translateX(-100%);}
100% {opacity: 0; transform: translateX(100%);}
}

/* pankuzu */

.pankuzu {
padding: 15px 0;
margin: 0 0 30px;
border-bottom:1px solid #9BC267;
}
.pankuzu .items {
font-size: 80%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.pankuzu .items a {
display: inline-block;
padding: .2em 1.2em;
background: #A9C51B;
border-radius: 20px;
text-decoration: none;
color:#FFF;
transition: .5s ease;
}
.pankuzu .items a:hover {
background: #72A526;
}

@media screen and (max-width:479px){
.pankuzu .items {
justify-content: center;
}
.pankuzu .items > li {
padding: 0 .2em;
}
.pankuzu .items .current {
display: inline-block;
max-width: 10em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pankuzu .items a {
padding: .2em .8em;
}
}

@media all and (min-width:480px){
.pankuzu .items li:not(:first-child)::before{
content:"-";
margin: 0 .4em;
}
} 

/* sub page-head */

.sub .page-head h2 {
font-size: 220%;
font-weight: 800;
margin: 0 0 10px;
}
.sub .page-head h2::before,
.sub .page-head h2::after {
aspect-ratio:5/1;
}
.sub.child .page-head h2::before,
.sub.child .page-head h2::after {
aspect-ratio:41/35;
}
.sub .page-head h2 .sub {
font-size: 70%;
}
.sub .page-head h2 .text,
.sub .page-head h2 .text > *{
display: block;
}
.sub.parent .page-head h2 {
color:var(--color-green-strong);
}
.sub.child .page-head h2 {
color:#DC480A;
}
.sub .page-head h2 ~ .read,
.sub .page-cont h3 + .read {
margin: 0 0 25px;
}
.sub .page-head h2 + .read {
display: inline-block;
}

@media screen and (max-width:999px){
.sub .page-head h2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 160%;
}
.sub .page-head h2::before {
content:"";
display: block;
margin: 0 auto .2em;
}
.sub .page-head h2::before {
width: 6em;
background: url("img/img_back-weed1.png")center/100% auto no-repeat;
}
.sub.child .page-head h2::before {
width: 1.3em;
background: url("img/img_point01.png")center/100% auto no-repeat;
}
}
@media all and (min-width:1000px){
.sub .page-head h2 {
display: flex;
align-items: center;
justify-content: center;
}
.sub.child .page-head h2 {
align-items: baseline;
}
.sub.child .bookpage .page-head h2 {
align-items: center;
}
.sub .page-head h2::before,
.sub .page-head h2::after {
content:"";
display: block;
}
.sub .page-head h2::before,
.sub .page-head h2::after {
width: 5em;
background: url("img/img_back-weed1.png")center/100% auto no-repeat;
margin: 0 .6em;
}
.sub.child .page-head h2::before,
.sub.child .page-head h2::after {
width: 1.1em;
background: url("img/img_point01.png")center/100% auto no-repeat;
margin: 0 .3em;
}
}

/* sub page-cont */

.sub .page-cont > .item {
padding: 1em 0;
margin: 0 0 3em;
}
.sub .page-cont > .item:first-of-type {
border-top:5px dotted #9BC267;
}
.sub .page-cont h3 {
font-size: 150%;
font-weight: 800;
text-align: left;
padding: .3em 15px;
margin: 0 0 15px;
border-radius: 10px;
}
.sub.parent .page-cont h3 {
background: #F9E699;
}
.sub.child .page-cont h3 {
background: #FFEBD8;
}
.sub.child .bookpage .page-cont h3 {
background: none;
padding: 0;
margin: 0 0 10px;
}

@media screen and (max-width:999px){
.sub .page-cont > .item:first-of-type {
border-top:none;
}
.sub .page-cont h3 {
font-size: 120%;
text-align: center;
border-radius: 0;
margin: 0 -15px 15px;
}
}

/* page-list */

.page-list {
text-align: left;
padding: 0 2em;
}
.page-list:not(.bookpage-list .page-list) {
counter-reset: list-num;
}
.bookpage-list .item {
counter-reset: list-num;
}
.page-list > li {
display: flex;
align-items: center;
counter-increment: list-num;
margin: 0 0 .5em;
padding: .5em 0 ;
border-bottom:1px dotted;
}
.page-list > li::before {
content:counter(list-num);
color:#FFF;
display: flex;
justify-content: center;
align-items: center;
min-width: 1.6em;
max-width: 1.6em;
aspect-ratio:1/1;
background: var(--color-green-strong);
border-radius: 1.5em;
margin: 0 .5em 0 0;
}
.new-list a,
.page-list a {
text-decoration: none;
}
.page-list a,
.page-list a .info,
.page-list a .cover,
.new-list a,
.new-list a .cover {
display: flex;
align-items: center;
}
.page-list a .icon {
font-size: 85%;
color:var(--color-green-strong);
display: block;
padding: .1em .3em;
margin: 0 .3em 0 0;
border-radius: 3px;
border: 1px solid;
}
.new-list a .title,
.page-list a .title {
font-size: 115%;
text-decoration: underline;
margin: 0 .2em;
}
.new-list a .period,
.page-list a .period {
font-size: 85%;
}
.new-list a .period::before,
.page-list a .period::before {
content:"【";
}
.new-list a .period::after,
.page-list a .period::after {
content:"】";
}

@media screen and (max-width:999px){
.page-list {
padding: 0;
}
.page-list a,
.page-list a .info {
width:100%;
}
.bookpage-list a {
display: block;
}
.bookpage-list a > span,
.page-list a .info {
display: block;
}
.page-list a .icon {
display: inline-block;
}
.new-list a .title,
.new-list a .period,
.page-list a .info > .title,
.page-list a .info > .period {
display: block;
}
.new-list a .title,
.page-list a .title {
padding: .2em 0;
margin: 0;
}
}

/* page-list new */

.new-list .newmark,
.page-list .newmark {
font-size: 80%;
color:#FFF;
background: orange;
display: inline-block;
padding: 0 .4em;
}

/* new-list */

.new-list {
text-align: left;
padding: 0 0 4em;
}
.new-list h3 {
font-size: 150%;
font-weight: 800;
padding: .3em 15px;
margin: 0 0 1.2em;
border-radius: 10px;
background: #F9E699;
}
.new-list .items > li {
padding: .5em 0;
margin: 0 0 .5em;
border-bottom:1px dotted;
}
.new-list .items .cat {
font-size: 80%;
display: inline-flex;
align-items: center;
padding: .2em .4em;
margin: 0 .5em 0 0;
border:1px solid;
border-radius: 3px;
}

@media screen and (max-width:999px){
.new-list h3 {
font-size: 120%;
text-align: center;
margin: 0 -15px 1.2em;
border-radius: 0;
}
}


/* bookpage-list page-list-box */

@media screen and (max-width:999px){

}

@media all and (min-width:1000px){

}

/* bookpage for-dictionary */

.bookpage .for-dictionary {
display: inline-block;
padding: 0 .2em 0 1.2em;
background: url("img/icon-mash.png")left center/auto 1.1em no-repeat;
}

/* bookpage modal */

.bookpage .modal-open {
text-decoration: underline;
display: inline-block;
padding: 0 .2em 0 1.2em;
cursor: pointer;
}


/* bookpage-list pager */

.bookpage-list .controler {
padding: 1.5em 0;
}
.bookpage-list .pager {
display: flex;
align-items: center;
justify-content: center;
}
.pager > li {
padding: 0 .2em;
}
.pager .pager-btn {
color:#FFF;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 1.8em;
height: 1.8em;
border-radius: 2em;
background: var(--color-green-strong);
}
.pager .pager-btn.current {
background: #DC480A;
}
.pager .pager-btn:hover {
opacity: .7;
}

/* page-list action */

.bookpage-list .page-list-box {
width: 100%;
overflow-x: hidden;
position: relative;
}
.bookpage-list .page-list {
width: 100%;
position: absolute;
top:0;
left: 0;
transform: translateX(100%);
transition: .5s linear;
}
.bookpage-list .page-list:first-of-type {
position: relative;
}
.bookpage-list .page-list.current {
transform: translateX(0);
}

/* works-list */

.works-list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.works-list > li {
min-width: 24%;
max-width: 24%;
margin:0 .5% 20px;
padding: 10px;
border:1px solid #CCC;
border-radius: 5px;
position: relative;
}
.works-list .sold {
display: block;
width: 60px;
aspact-ratio:1/1;
position: absolute;
top:0;
right:0;
z-index: 999;
}
.works-list .sold-out {
display: block;
width: 100%;
aspect-ratio:1/1;
background: url("img/icon-soldout.svg")center/100% auto no-repeat;
}
.works-list [class^='photo-'] {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio:1/1;
}
.works-list [class^='photo-'] img {
border-radius: 4px;
}
.works-list .photo-h img {
 width: 180px;
 height: auto;
}
.works-list .photo-p img {
 height: 180px;
 width: auto;
}
.works-list .info {
font-size: 1.2rem;
}
.works-list .info > * {
padding: .2em 0;
}
.works-list .info > *:not(:last-child){
border-bottom:1px dotted #999;
}
.works-list h4::before {
content:"タイトル";
display: block;
font-size: 75%;
font-weight: 400;
}

@media screen and (max-width:479px){
.works-list {
 flex-direction: column;
 }
.works-list > li {
min-width: 250px;
max-width: 250px;
margin:0 auto 20px;
}
}

@media screen and (min-width:480px) and (max-width:999px){
.works-list > li {
width: 32%;
max-width: 250px;
min-width: 250px;
margin:0 auto 20px;
}
}

@media screen and (max-width:999px){

}

/* torahiko240203 */
/* profile */

@media screen and (max-width:999px){
.torahiko .profile.box .container div[class*="item-"]{
padding: 0 0 2em;
margin: 0 0 2em;
border-bottom:4px dotted #CCC;
}
}

@media all and (min-width:1000px){
.torahiko .profile.box .container {
display: flex;
justify-content: space-around;
}
.torahiko .profile.box .container div[class*="item-"]{
width: 35%;
}
}

/* profile */

.torahiko .profile .photo {
width: 100%;
max-width: 280px;
aspect-ratio:1/1;
overflow: hidden;
margin: 0 auto 1em;
}
.torahiko .profile .photo picture,
.torahiko .profile .photo img{
display: block;
width: 100%;
}
.torahiko .profile .photo img {
height: auto;
}
.torahiko .profile h4 {
font-size: 160%;
font-weight: 800;
margin: 0 0 .4em;
}
.torahiko .profile .birth {
padding: 0 0 .5em;
border-bottom:1px dotted;
}
.torahiko .profile .outline,
.torahiko .profile .read {
text-align: left
}
.torahiko .profile .outline {
text-align: left;
padding: .5em 0;
margin: 0 0 .5em;
border-bottom:1px dotted;
}
.torahiko .profile .outline > li::before {
content:"●";
}
.torahiko .profile .item-sara .outline > li::before {
color:#71A423;
}
.torahiko .profile .item-kaji .outline > li::before {
color:#E87117;
}

/* access */

.torahiko .item iframe {
aspect-ratio:5/3;
}

@media screen and (max-width:479px){
.torahiko .item iframe {
width: 96%;
}
}

@media all and (min-width:480px){
.torahiko .item iframe {
width: 80%;
}
}

/* chara-list */

.chara-list {
position: fixed;
width: 0;
height: 0;
overflow: visible;
top:0;
left: 0;
z-index: 999999;
}
.chara-list > li {
display: block;
position: fixed;
width: 60px;
height: 120px;
background: #CCC;
}
.chara-list .chara {
display: block;
width: 100%;
height: 100%;
background: blue;
cursor: pointer;
}
.chara-list > li:nth-child(1){
top:50%;
right:0;
}
.chara-list > li:nth-child(2){
bottom:0;
left: 0;
}
.chara-list > li:nth-child(3){
top:20%;
left:0;
}

/* books --- add 2025.02.25 */

.books .column {
margin: 0 0 50px;
}
.books .column > .photo {
max-width: 300px;
margin: 0 auto 1.5em;
}
.books .column .read {
line-height: 220%;
}
.books .column:not(.details) .read {
padding: 1em 0;
}
.books .column .photos > li {
width: calc(100% / 3);
padding: 0 1em;
}
.books .column.right .photo {
grid-area: photo;
background: #FFF;
}
.books .column.right .read {
grid-area: read;
}

@media screen and (max-width:479px){
.books .column .photos-cover {
width: 100%;
padding: 1.5em 0;
overflow-x: scroll;
}
.books .column .photos {
display: flex;
width: 200%;
}
}

@media screen and (min-width:480px){
.books .column .read .photos {
display: flex;
justify-content: center;
padding: 1.5em 0 0;
}
}

@media all and (min-width:1000px){
.books .column {
display: grid;
gap:30px;
}
.books .column.left {
grid-template-columns: 300px 1fr;
}
.books .column.right {
grid-template-areas: "read photo";
grid-template-columns: 1fr 240px;
}
}

/* books column details  */

.books .column.details {
background: #FFFFE5;
padding: 1.2em 1.2em 1.2em 1.5em;
}
.books .column.details h4 {
font-size: 150%;
color:var(--color-green-strong);
margin: 0 0 .5em;
padding: 0 0 0 1.2em;
background: url("img/icon-mash.png")left center/auto 1em no-repeat;
}

/* books column data */

.books .column dl.data dt {
color:var(--color-green-strong);
}
.books .column dl.data dt::before {
content:"■";
}

@media screen and (max-width:479px){
.books .column dl.data dt {
padding:.2em 0 0;
border-top:1px dotted;
}
.books .column dl.data dd {
padding: 0 0 .4em;
}
}

@media all and (min-width:480px){
.books .column dl.data {
display: grid;
grid-template-columns: 6em 1fr;
}
.books .column dl.data > * {
padding: .2em 0;
border-bottom:1px dotted var(--color-green-strong);
}
.books .column dl.data dd {
padding: 0 0 0 1em;
}
}

/* block */

.block {
font-size: 110%;
line-height: 220%;
padding: 0 0 2em 0;
margin: 0 0 2em;
}
.block:first-of-type {
padding: 2em 0;
}
.block .conver {
padding: 1em .5em;
}
.block .conver .section {
padding: 0 0 .5em;
}

/* block mark */

.block span.mark {
display: block;
width: 1.2em;
height: 1.2em;
}
.block span.mark.melody {
background: url("img/mark_onpu.jpg")center/100% auto no-repeat;
}

/* block00 with-photo */

.block00.with-photo .container {
overflow: hidden;
}
.block00.with-photo .photo.small,
.block00.with-photo .photos.small {
max-width: 200px;
}
.block00.with-photo .photo.sm,
.block00.with-photo .photos.sm {
max-width: 270px;
}
.block00.with-photo .photo.middle,
.block00.with-photo .photos.middle {
max-width: 350px;
}
.block00.with-photo .photo.ml,
.block00.with-photo .photos.ml {
max-width: 420px;
}
.block00.with-photo .photo.large,
.block00.with-photo .photos.large {
max-width: 500px;
}
.block00.with-photo .container.left .photo,
.block00.with-photo .container.left .photos {
margin: 0 15px 15px 0;
}
.block00.with-photo .container.right .photo,
.block00.with-photo .container.right .photos{
margin: 0 0 15px 15px;
}

@media screen and (max-width:999px){
.block00.with-photo .container .photo,
.block00.with-photo .container .photos {
margin: 0 auto 15px!important;
} 
}

@media all and (min-width:1000px){
.block00.with-photo .container.left .photo,
.block00.with-photo .container.left .photos {
float: left;
}
.block00.with-photo .container.right .photo,
.block00.with-photo .container.right .photos{
float: right;
}
}

/* block-dict with-photo */

@media screen and (max-width:999px){}

@media all and (min-width:1000px){
.block-dict.with-photo .container {
display: flex;
justify-content: center;
}
.block-dict.with-photo .container.left {
flex-direction: row;
}
.block-dict.with-photo .container.right {
flex-direction: row-reverse;
}
.block-dict.with-photo.knowing .container {
align-items:flex-end;
}
.block-dict.with-photo .photo,
.block-dict.with-photo .photos {
display: flex;
align-items: center;
min-width: 400px;
max-width: 400px;
margin: 0 35px 0 0;
}
.block-dict.with-photo .info-list,
.block-dict.with-photo .read {
min-width: 500px;
max-width: 500px;
}
}

/* block-dict */

.block-dict .info-list .items {
text-align: left;
padding: .7em 0 0;
margin: 0 0 1em;
border-top:1px dotted #777;
overflow: hidden;
}
.block-dict .info-list .items > * {
display: block;
}
.block-dict .info-list .items dt {
color:var(--color-green-strong);
width: 6em;
padding: 0 0 .7em 0;
}
.block-dict .info-list .items dt::before {
content:"■";
}
.block-dict .info-list .items dd {
width: 100%;
margin: 0 0 .7em;
border-bottom:1px dotted #777;
}

@media screen and (max-width:999px){
.block-dict .info-list .items dd {
padding: 0 0 .7em 0;
}
}

@media all and (min-width:1000px){
.block-dict .info-list .items > * {
font-size: 110%;
}
.block-dict .info-list .items dt  {
float: left;
}
.block-dict .info-list .items dd {
padding: 0 0 .7em 6em;
}
}

/* ministory slider */

main.mini .bx-wrapper,
.ministory.slider {
margin: 0 auto;
}
.ministory .block {
margin: 0;
}
.ministory .photo {
margin: 0 0 1em;
}
.ministory .read {
max-height: 15em;
overflow-y: auto;
padding: 0 10px 0 0;
}

@media screen and (max-width:999px){
main.mini .bx-wrapper,
.ministory.slider {
width: 360px;
}
}

@media all and (min-width:1000px){
main.mini .bx-wrapper,
.ministory.slider {
width: 400px;
}
}

/* trivia-box --- add 2025.08.09 */

.trivia-box {
margin: 3em 0 0;
border:3px solid #F9E699;
border-radius: 10px;
}

@media screen and (max-width:999px){
.trivia-box {
padding: 1em;
}
}

@media all and (min-width:1000px){
.trivia-box {
padding: 1.5em;
}
}

/* slider */

.bx-wrapper {
position: relative;
}
.bx-controls-direction {
position: absolute;
left:0;
top:50%;
transform: translateY(-50%);
}