.phone_menu {
display: none;
}

header .menu {
width: 45px;
height: 45px;
background-color: red;
position: fixed;
right: 5px;
z-index: 99999;
padding: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
}

header .menu span {
width: 38px;
height: 3px;
background-color: #fff;
position: absolute;
display: block;
-webkit-transition: 0.2s;
transition: 0.2s;
}

header .menu span::after {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 38px;
height: 3px;
background-color: #fff;
-webkit-transition: 0.2s;
transition: 0.2s;
}

header .menu span::before {
content: "";
position: absolute;
left: 0;
bottom: 10px;
width: 38px;
height: 3px;
background-color: #fff;
-webkit-transition: 0.2s;
transition: 0.2s;
}

.menu_open header .menu span {
background: transparent;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.menu_open header .menu span::after {
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}

.menu_open header .menu span::before {
-webkit-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}

.drop-down-menu {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
padding-top: 70px;
padding-bottom: 50px;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 9999;
-webkit-transform: translateX(101%);
transform: translateX(101%);
transition: 0.3s;
overflow: hidden;
overflow-y: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: .95;
}

.drop-down-menu .sp-ul li {
height: 40px;
margin: auto;
text-decoration: none;
font-weight: 700;
}

.drop-down-menu .sp-ul li a {
text-decoration: none;
}

@media (max-width: 1024px) {
/*　画面サイズが 1024pxまでのタブレット横　*/

#wrap {
background: none;
}

header {
width: 100%;
height: auto;
background: none;
}

header #navigation nav {
display: none;
}

header .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.menu_open .drop-down-menu {
-webkit-transform: translateX(0);
transform: translateX(0);
}

.phone_menu {
display: block;
}

#index #contents #newBookBox .boxInner {
max-width: 100%;
}
#index #contents #rankingBox .boxInner ul:nth-of-type(1) {
    border-top: none;
}
#index #contents #rankingBox {
padding-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: unset;
}
#index #contents #rankingBox #no01 {
width: 48%;
    float: left;
    border-right: 1px solid #EAEAEA;
    margin-right: 2%;
    }
section#osusumeBox .boxInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
}    
section#osusumeBox .boxInner a {
    width: 96%;
}    
#mainBlock {
width: auto;
    padding-right: 7px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    }
#mainBlock #mainBanner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
#mainBlock #mainRecommend {
width: 20%;
padding: 8px;
background-color: #ededed;
}
#mainBlock #mainRecommend #bannerMainBlock div ul li a img {
    width: 100%;
}
#mainBlock #mainRecommend .boxInner ul li {
    padding-bottom: 0;
}
#mainBlock #main {
width: 80%;
}

#mainBlock .nivoSlider {
height: auto;
width: 100%;
padding-top: 50%;
background-size: 100% 100% !important;
background-position: center !important;
}

#mainBlock .nivoSlider a.nivo-imageLink {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}

#mainBlock .nivoSlider img {
width: 100%;
}

#main .nivo-slice {
width: 100% !important;
background-size: 100% 100% !important;
background-position: center !important;
}

#contents {
width: 100%;
    padding: 0;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    }

#index #contents #leftBlock {
width: 58%;
    margin: 0 1%;
    }

#index #contents #rightBlock {
width: 39%;
    margin: 0 1% 0 0;
    }

#index #contents #specialBox {
    width: 49%;
}
#index #contents #voiceBox {
    width: 49%;
}
#index #contents #newsBox .boxInner {
    width: unset;
    float: none;
}

footer .infoBlock {
width: 100%;
height: auto;
}

footer .infoBlock .mark {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
}

footer .infoBlock #pgTop a {
top: 55px;
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
}

footer .infoBlock h3 {
text-align: center;
}

footer .infoBlock h2 {
text-align: center;
}

footer #foot {
width: 100%;
padding-top: 35px;
}

footer nav {
width: 100%;
}

footer nav p.home {
display: none;
}

footer nav ul {
width: 100%;
height: auto;
border: none;
padding-left: 0;
}

footer nav ul li a {
width: 100%;
}

footer nav ul li ul {
width: 100%;
}

footer nav ul:nth-of-type(1) li span {
float: none;
width: 100%;
}

footer nav ul:nth-of-type(3) li span {
float: none;
width: 100%;
}

footer nav ul:nth-of-type(3) li ul {
padding-left: 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

footer nav ul:nth-of-type(3) li ul li a {
line-height: 18px;
}

footer nav ul:nth-of-type(4) {
width: 100%;
padding-left: 5px;
padding-top: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

address {
width: 100%;
text-align: center;
}

/* list  */
.list #contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}

.list #contents #contentsBlock {
width: 100%;
}

.list #contents #sideBlock {
width: 100%;
float: none;
}

.list #contents #contentsBlock {
max-width: 760px;
width: 100%;
margin: auto;
float: none;
}

/* #titleBox */
#titleBox {
width: 100%;
padding-top: 0;
}

#titleBox #main {
width: 100%;
}

#titleBox h2 {
padding-bottom: 10px;
}

#titleBox .nivoSlider {
width: 100%;
max-width: 100%;
}

#titleBox ul {
width: 100%;
padding-top: 0;
text-align: left;
float: none;
padding-left: 5px;
padding-bottom: 16px;
padding-top: 16px;

}

/* detail */
.detail #contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}

.detail #contents #contentsBlock {
width: 100%;
}
.detail #contents #sideBlock {
width: 100%;
max-width: 760px;
float: none;
}

.detail #contents #contentsBlock {
max-width: 760px;
width: 100%;
margin: auto;
float: none;
}

.detail #contents #sideBlock #searchBox {
width: calc(100% - 20px);
margin: auto;
margin-bottom: 20px;
}
.elementary #contents #contentsBlock #listBox .selectBox nav ul li:nth-of-type(8),
.elementary #contents #contentsBlock #listBox .selectBox nav ul li.on:nth-of-type(8) {
background-position: 2px 0px !important;
}

.list #contents #contentsBlock #listBox .selectBox nav ul li:nth-of-type(8) {
padding-left: 2px !important;
}

.kindergarten #contents #sideBlock #searchBox dl dd a,
.elementary #contents #sideBlock #searchBox dl dd a,
.junior #contents #sideBlock #searchBox dl dd a,
.high #contents #sideBlock #searchBox dl dd a,
.qualifications #contents #sideBlock #searchBox dl dd a {
background-position: 95% 12px;
}

.detail #contents #contentsBlock #bookInfoBox #headBox {
width: 100%;
}

.detail #contents #contentsBlock #bookInfoBox #headBox .metaBox ul {
width: calc(100% - 65px);
}

}

@media (max-width: 896px) {
/*　画面サイズが896pxまでのスマホ横　*/

body {
overflow-x: hidden;
}
#mainBlock #main {
    width: 100%;
}
#mainBlock #mainRecommend {
    display: none;
}
#contents {
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column-reverse;
    align-content: center;
}

#index #contents #leftBlock,
#index #contents #rightBlock,
#index #contents #newsBox dl dd
{
    width: 95%;
    }

#index #contents #voiceBox,
#index #contents #specialBox{
width: 49%;
}
#index #contents #rankingBox .boxInner ul:nth-of-type(1) li figure img {
    height: 100px;
}
.captionenglish {
display: block;
    margin-bottom: .5em;
    }
header #headBox{
display: none;
}

.detail #contents #contentsBlock #bookInfoBox #mainBox figure {
max-width: 274px;
width: 100%;
margin: auto;
margin-bottom: 10px;
float: none;
}

.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner {
max-width: 430px;
width: 100%;
margin: auto;
margin-bottom: 10px;
float: none;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .levelBox {
    width: 90%;
    float: none;
    margin: 0 auto;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .btnBox {
    width: 90%;
    height: unset;
    float: none;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0 auto;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .btnBox ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner #buyBtnBlock ul{
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .btnBox ul li {
    width: 49%;
    font-size: 80%;
}

.detail #contents #contentsBlock #bookInfoBox #mainBox #editorcomment figure {
    float: none;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox #editorcomment p {
    font-size: 120%;
}
.list #contents #contentsBlock #categoryBlock {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.list #contents #contentsBlock #categoryBlock figure {
margin: auto;
float: none;
}

.list #contents #contentsBlock #categoryBlock .blockInner {
width: 100%;
max-width: 424px;
margin: auto;
float: none;
}

.list #contents #contentsBlock #listBox {
width: 95%;f
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}

#contents #sideBlock div.box,
#contents section.box {
max-width: 100%;
}
#contents #sideBlock #searchBox input.query {
    width: 80%;
    }
.elementary #contents #contentsBlock #categoryBlock {
max-width: 100%;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.list #contents #contentsBlock #categoryBlock figure {
max-width: 100%;
margin: auto;
float: none;
}

.list #contents #contentsBlock #categoryBlock figure img {
width: 100%;
max-width: 100%;
}

.list #contents #contentsBlock #categoryBlock .blockInner {
max-width: 100%;
margin: auto;
float: none;
}
.information #contents #contentsBlock .box article {
max-width: 100%;
}

.information #contents #contentsBlock .box article img {
max-width: 100%;
height: auto;
}

#contents #contentsBlock #privacy .boxInner dl {
max-width: 100%;
}

#contents #contentsBlock {
max-width: 100%;
margin: auto;
float: none;
}


#contents #contentsBlock {
max-width: 100%;
margin: auto;
float: none;
}

.special #contents section#puzzle_dojo section#c01 h3 {
margin: auto;
}

#contents section#puzzle_dojo section h3 {
max-width: 100%;
margin: auto;
float: none !important;
}

.special #contents section#puzzle_dojo section#c02 .titleBox figure {
height: auto !important;
float: none;
max-width: 100%;
margin: auto;
}

.special #contents section#puzzle_dojo section#c02 article {
max-width: 100%;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.special #contents section#puzzle_dojo section#c02 article h4 {
width: 100%;
}

.special #contents section#puzzle_dojo section#c02 article h4 img {
display: block;
width: 100%;
height: auto;
}

.special #contents section#puzzle_dojo section#c02 .chikaraBox {
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.special #contents section#puzzle_dojo section#c02 .chikaraBox ul {
max-width: 100%;
}

.special #contents section#puzzle_dojo section#c02 .chikaraBox ul li {
width: 31%;
}

.special #contents section#puzzle_dojo section#c02 .chikaraBox .up img {
width: 100%;
height: auto;
}

.special #contents section#puzzle_dojo section#c03 article {
max-width: 100%;
}

.profile #contents #contentsBlock .box .boxInner {
max-width: 100%;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.profile #contents #contentsBlock #profile_index dl dd {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}

#contents #contentsBlock #contact_index .text {
max-width: 100%;
}

#contents #contentsBlock #contact_index dl {
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#contents #contentsBlock #contact_index dl input,
#contents #contentsBlock #contact_index dl textarea,
#contents #contentsBlock #contact_index dl select,
#contents #contentsBlock #contact_index dl button {
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#contents #contentsBlock #contact_index .attention {
max-width: 100%;
}

#contents #contentsBlock #contact_index dl dd {
max-width: 100%;
float: none;
}

.links #contents #contentsBlock ul {
max-width: 100%;
}

#contents #contentsBlock #privacy .boxInner p {
max-width: 100%;
padding-left: 5px;
padding-right: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#contents #contentsBlock #privacy .boxInner dl dd {
padding-left: 5px;
padding-right: 5px;
}

.recruit #contents #contentsBlock .box .boxInner {
max-width: 100%;
}

.recruit #contents #contentsBlock #recruit_staff figure {
max-width: 100%;
margin: auto;
float: none;
}

.recruit #contents #contentsBlock #recruit_staff .info {
max-width: 100%;
margin: auto;
float: none;
}
.recruit #contents #contentsBlock #recruit_outline nav ul li {
    width: 85%;
}

.special #contents section#successflow nav.menu {
max-width: 100%;
height: auto !important;
background-repeat: repeat !important;
}

.special #contents section#successflow section#c01,
.special #contents section#successflow section#c02,
.special #contents section#successflow section#c03 {
max-width: 100%;
background: none !important;
}

#contents section#successflow h3 {
position: inherit !important;
}

.special #contents section#successflow section .blockInner {
max-width: 100%;
float: none !important;
margin: auto;
background: none !important;
}

.special #contents section#successflow section .textBox,
.special #contents section#successflow section#c02 article .textBox {
padding-left: 0 !important;
}

.special #contents section#successflow section#c02 article {
max-width: 100%;
}

.special #contents section#tensainou section#c02,
.special #contents section#tensainou section#c03 {
margin-left: 0px !important;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 5px !important;
}

.special #contents section#tensainou section#c02 img,
.special #contents section#tensainou section#c03 img {
max-width: 100%;
}

.special #contents section#tensainou .bandBox {
max-width: 100%;
}

.special #contents section#tensainou .bandBox img {
width: 100%;
height: auto;
}

.special #contents section#tensainou section#c01 h3 img {
width: 100%;
height: auto;
}

.special #contents section#tensainou section#c01 li {
position: inherit !important;
}

.special #contents section#tensainou section#c01 li img {
max-width: 100%;
margin: auto;
}

.special #contents section#puzzle_dojo section#c01 h3 {
margin-right: auto;
}

.special #contents section#puzzle_dojo section#c02 .titleBox {
max-width: 100%;
}

.special #contents section#puzzle_dojo section#c02 .titleBox figure {
max-width: 100%;
height: auto;
}

.special #contents section#puzzle_dojo section#c02 .titleBox figure img {
max-width: 100%;
height: auto;
}

.special #contents section#puzzle_dojo section#c02 .chikaraBox ul li {
max-width: 100%;
margin: auto;
float: none !important;
}

.special #contents section#puzzle_dojo section#c02 .chikaraBox ul li:nth-of-type(2) {
border: none !important;
}

.special #contents section#puzzle_dojo section#c02 .chikaraBox .up {
height: auto !important;
}

.special #contents section#puzzle_dojo section#c03 .titleBox {
height: auto !important;
}

#contents section#puzzle_dojo section h3 {
float: none !important;
}

.special #contents section#puzzle_dojo section#c03 .titleBox .navBox {
float: none !important;
max-width: 100%;
height: auto !important;
}

.special #contents section#puzzle_dojo section#c03 .titleBox .navBox ul {
max-width: 100%;
height: auto !important;
}

.special #contents section#puzzle_dojo section#c03 .pleaseBox {
max-width: 100%;
}

.special #contents section#puzzle_dojo section#c03 .pleaseBox .boxInner {
padding: 10px 10px 0 10px !important;
}

.special #contents section#puzzle_dojo section#c03 article h4 {
width: 100%;
height: auto;
}

.special #contents section#puzzle_dojo section#c03 article h4 img {
width: 100%;
height: auto;
}

.special #contents section#puzzle_dojo section#c03 article .productArea {
max-width: 100%;
}

.special #contents section#puzzle_dojo section#c03 article .productArea .productBox {
max-width: 100%;
float: none;
margin: auto;
}

.special #contents section#puzzle_dojo section#c03 .howto dl {
max-width: 100%;
}

.special #contents section#puzzle_dojo section#c03 article#lets02 figure,
.special #contents section#puzzle_dojo section#c03 article#lets03 figure {
float: none !important;
max-width: 100%;
margin: auto;
padding-left: 0 !important;
}

.special #contents section#puzzle_dojo section#c03 article#lets02 .textBox,
.special #contents section#puzzle_dojo section#c03 article#lets03 .textBox {
float: none !important;
max-width: 100%;
}

.special #contents section#puzzle_dojo section#c03 article#lets02 .textBox .btn,
.special #contents section#puzzle_dojo section#c03 article#lets03 .textBox .btn {
text-align: center !important;
}

.recruit #contents #contentsBlock #recruit_index .mesBlock .mes img {
width: 100% !important;
height: auto !important;
}

.profile #contents #contentsBlock #profile_access .info {
max-width: 100%;
float: none !important;
}

.profile #contents #contentsBlock #profile_access #map img {
max-width: 100%;
}
}

@media (max-width: 480px) {
/*　画面サイズが480pxまでのスマホ縦　*/

/*  */
#index #contents #voiceBox,
#index #contents #specialBox{
width: 95%;
}
header #logo {
    width: 50vw;
        }
#contents #sideBlock {
    width: 100%;
}

.list #contents #contentsBlock #listBox {
padding-bottom: 0;
}

.list #contents #contentsBlock #listBox .boxInner {
width: 100%;
max-height: 600px;
overflow-y: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 0;
}

.list #contents #contentsBlock #listBox article .moreBoxInfo {
width: 100%;
}
.list #contents #contentsBlock #listBox article .moreBoxInfo figure a img{
width: 90%;
}
.list #contents #contentsBlock #listBox article .moreBoxInfo dl {
    width: 100%;
}
.list #contents #contentsBlock #listBox article .moreBoxInfo dl dt {
    width: 100%;
    text-align: center;
    float: none;
}
.list #contents #contentsBlock #listBox article .moreBoxInfo dl dd {
    width: 100%;
    font-size: 10px;
    text-align: center;
    float: none;
}
.list #contents #contentsBlock #listBox article {
width: 45%;
float: none;
}

.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .infoBox dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .infoBox dl dt {
width: 80px;
float: none;
}

.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .infoBox dl dd {
width: calc(100% - 80px);
float: none;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox #editorcomment {
    padding: .5em;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox .boxInner .btnNonLevelBox ul{
display: flex;
    font-size: 80%;
    }

.elementary #contents #contentsBlock #categoryBlock {
padding: 20px 10px;
}

.special #contents section#fukaya section#c04 ul#studentList li {
max-width: 100%;
margin: 5px auto 10px;
float: none;
display: block;
}

.profile #contents #contentsBlock #profile_access .info dl dd {
max-width: 100%;
float: none !important;
}
.br-sp {
    display: block;
}
#titleBox h2 {
width: 100%;
}

#titleBox > h2 > img {
width: 100%;
height: unset;
}
.list #contents #contentsBlock #listBox .selectBox nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list #contents #contentsBlock #listBox .selectBox nav ul li{
width: 45%;
}
.list #contents #contentsBlock #listBox article .moreBoxInfo h4 {
    line-height: 1em;
    text-align: left;
}
.list #contents #contentsBlock #goodBox .boxInner,
.list #contents #contentsBlock #rankingBox .boxInner {
display: flex;
    flex-direction: column;
    align-items: center;
    }
#index #contents #rankingBox #no01 {
    width: 100%;
    float: none;
}
.list #contents #contentsBlock #goodBox .boxInner article,
.list #contents #contentsBlock #rankingBox .boxInner article{
    width: 90%;
}
.list #contents #contentsBlock #goodBox .boxInner article figure,
.list #contents #contentsBlock #rankingBox .boxInner article figure {
width: 25%;
float: left;
}

.list #contents #contentsBlock #goodBox .boxInner article dl,
.list #contents #contentsBlock #rankingBox .boxInner article dl {
width: 67%;
float: left;
padding-left: 2%;
}

.list #contents #contentsBlock #goodBox .boxInner article figure img,
.list #contents #contentsBlock #rankingBox .boxInner article figure img {
width: 100%;
}

.qualifications #contents #contentsBlock #goodBox {
height: 400px;
}

.list #contents #contentsBlock #listBox article .imgBox span {
border: none;
}

.list #contents #contentsBlock #listBox article .imgBox img {
background: none;
padding: 0;
width: 100%;
border: none;
}

div#searchBox {
position: relative;
}

#searchBox > h4::before {
content: "\f002";
font-family: 'FontAwesome';
display: inline-block;
position: absolute;
top: 17px;
left: 14px;
}

#mainBox > div.commentBox > table {
width: 100%;
}

#categoryBlock > div > div.textBox > table {
width: 100%;
}
.detail #contents #contentsBlock #bookInfoBox #mainBox .commentBox {
    padding: 5px 5px 5px 5px;
}


form#mailformpro {
width: 100%;
}
#mailformpro > div.mfp_buttons > button {
display: block;
width: 60%;
margin: 0 auto;
}
div#book_detail {
    text-align: center;
}
#categoryBlockHeader ul {
    margin: 0;
    font-size: 1.2em;
    padding: 0.5em 0 0;
}
#categoryBlockHeader li:first-child, #categoryBlockHeader li:last-child {
    width: 21%;
    text-align: center;
}
#konnatext_osusume ul, #konnatext_osusume_set ul {
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
}
#konnatext_osusume ul li,
#konnatext_osusume_set ul li {
 width: 90%;
}

#konnatext_osusume h2, #konnatext_osusume_set h2 {
    width: 90%;
}

#konnatext_osusume ul li a img, #konnatext_osusume_set ul li a img {
    width: 40%;
}

#media ul.cliplist li {
    width: 100%;
}
div#media_top p {
    top: 30%;
}
/*--------// 追加情報 //------------*/

#supplement ul.point {
    padding: 2em 2em;
    margin: 0em;
}
#supplement p {
    margin: 0em 0em;
}
#supplement h3 {
    margin-left: 0;
}
#supplement h4 {
    margin: 2em 0 0;
    border-bottom: solid 1px black;
}
#supplement .pressrelease_img_2 {
    display: flex;
    flex-direction: column;
}
#supplement .pressrelease_img_2 img {
    width: 98%;
    border: none;
    margin: .5em 1%;
}
#prmovie {
    display: flex;
    margin: 0;
    flex-direction: column-reverse;
    align-items: center;
}
/*--------// 20260122 追加情報 //------------*/
#mainBlock #mainBanner #main_sub {
    max-width: unset;
}


}