@charset "utf-8";
body, html{height:100%;}

@media(max-width:991px){.no-show1{display: none;}}
@media(min-width:991px){.no-show2{display: none;}}

#index-w{background: #000000;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, #000000), to(#000000));
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);}

.indexwrapper{display: table; width:100%; margin: 0 auto; height:auto; padding: 3% 0;}
.indexwrapper h1, .indexwrapper h2{display: table-cell; width: 50%;}



.wholewrapper{height:100%;}

.wrap1{width: 100%; height: 100%; margin-bottom: 70px;  max-height: 950px;}
@media(max-width:767px){.wrap1{width: 100%; height: auto; margin-bottom: 20px; }}

.wrap2{height: 100%; margin-top: 0;}
@media(max-width:767px){.wrap2{height:auto;}}

.mainimg a, .mainimg a:visited {color: #000; text-decoration: underline;}
.mainimg a:hover{color: #707070;}

.kariwrap{
	 margin-top: 20px; /* 固定ナビの高さ分のネガティブマージン */
     padding-top: -20px; /* 打ち消し用のパディング */}
.mainimg{	background-color: rgba(255,255,255,0.8); 
	border-radius: 10px; 
}
@media(max-width:767px){.mainimg{border-radius: 10px;}}


h1{margin-bottom: 2%; display: block; max-width:70%;margin: 0 auto;}
.authorimg {display: block; max-width:40%;margin: 0 auto;}
.mainimg p{margin-bottom: 4%;}
.mainimg img{min-width:95%; margin-bottom: 4%;}
.onegai{text-align: center; font-family: "a-otf-ud-shin-maru-go-pr6n",sans-serif; font-size: 1.5rem; }
.mainimg h2{font-family: "kan415typos-std",sans-serif; font-size:2.2rem; margin-top: 2rem; margin-bottom: 1.3rem}
.edetail{font-size: 1.6rem; line-height: 2.9rem; }

.shuppann a, .shuppann a:visited{color: #000; text-decoration: none;}
.shuppann p{margin-top: 5rem;}

.newsinner{margin-bottom: 0;}
.newsinner p, h3{ font-family: "kan415typos-std", serif; color: #000;}
h3{font-size: 2.5rem; margin:  3% 0 5% 0;}
@media(max-width:767px){h3{font-size: 2.1rem; margin:  3% 0 5% 0;}}
.newsinner p{font-size: 1.8rem; text-align: center;}

.newscontents{ height:40px; overflow-y: scroll; width: 100%; margin-bottom: 0;}
.newscontents dt, .newscontents dd{display: inline;}
.newscontents dt{width: 38%; padding-right: 2%; }
.newscontents dd{width: 60%;}

.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:8s;
 -ms-animation-duration:8s;
 animation-duration:8s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.anime1 img,  .anime2 img{padding-top:40%;}
@media(max-width:767px){.anime1 img,  .anime2 img{padding-top:02%;}}
.anime3 img{padding-top:25px;}

.aboutthebook{margin-bottom: 20px;}
.aboutthebookinnner2, .aboutthebookinner3, .author, .onlinestore, .eventinfo{margin-bottom: 100px;}


@media(max-width:767px){.roboinner2{text-align: center; display: inline-block;}}
.aboutthebookinnner2 h4{font-family: "kan415typos-std",sans-serif; font-size:1.8rem; line-height: 2.9rem; margin-bottom: 15px;}
.aboutthebookinnner2 p, .aboutthebookinner3 p{font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif;  font-size: 1.4rem; color: #000; line-height: 2.3rem;}
.robohaikei{background: url(img/robo1.jpg) no-repeat center bottom; min-height: 420px; display: table;}
.roboinner{display: table-cell; vertical-align: middle; margin-bottom: 30px;}
.roboinner2{min-height:230px; border-radius: 15px; padding:20px;}
.basecolor{color:#660000;}

.aboutthebookinner3 p{ height:280px; vertical-align: bottom; display: table-cell;}
@media(max-width:767px){.aboutthebookinner3 p{ height:auto;  display: block; padding-top: 15px;}}
.aboutthebookinner3 h5{font-family: "kan415typos-std",sans-serif;  font-size: 1.2rem; color: #000; text-align: center;}
@media(max-width:767px){.aboutthebookinner3 h5{padding-top: 20px;}}
.aboutthebookinner3 h6{ text-align: center;font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif;  font-size: 1rem; }

@media(max-width:767px){.aboutthebookinner3 .col-md-6{margin-bottom: 10px;}}

.authorinner dl{padding: 20px; font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif; height: 280px;}
@media(max-width:767px){.authorinner dl{min-height: 300px;}}
.authorinner dt{font-size: 1.8rem; color: #660000; margin-bottom: 10px;}
.authorinner dd{font-size: 1.4rem; line-height: 2.3rem;}
.sakusyakirie{margin-top: 3%;}
@media(max-width:767px){.sakusyakirie{margin-top: auto;}}
.authorinner a, .authorinnera:visited{color: #000; text-decoration: underline;}

.onlinestore{background: url(img/tobira-minS.png) no-repeat center bottom; }
.onlinestoreinner{padding-bottom: 20px; min-height:550px; padding-top: 20px;  text-align: center; }
.onlinestoreinner {padding-left: 0; margin-left: 0;}
.onlinestoreinner li {font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif;  font-size: 1.4rem; list-style: none; margin-bottom: 15px;}
.onlinestoreinner li a, .onlinestore a:visited {text-decoration: none; line-height: 2.3rem; color:#000; }

.eventinfo{padding: 20px;}
.eventinfo h4{font-family: "kan415typos-std",sans-serif; font-size:1.8rem;  margin-bottom: 20px; margin-top: 0; padding-top: 0;}
@media(max-width:767px){.eventinfo h4{font-family: "kan415typos-std",sans-serif; font-size:1.7rem;  margin: 20px 0; line-height: 2.4rem; text-align: center;}}
.eventinfo h5{font-family: "kan415typos-std",sans-serif; font-size:1.5rem; }
.eventinfo p{font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif;  font-size: 1.4rem; margin-bottom: 20px; line-height: 2.3rem;}
.eventinfo dl{margin-top: 0;}
.eventinfo li, .eventinfo h6 {list-style: circle; list-style-position:outside;font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif;  font-size: 1.4rem; line-height: 2.3rem;}
.eventinfo a, .eventinfo a:visited{color: #00cccc;}
.complete{font-size: 1.3rem; margin-top: 35px; color: #ff9933;}
footer{font-family: "kan415typos-std",sans-serif; font-size:1.5rem; text-align: center; padding-top: 2rem; border-top: #000 thin dotted;}
footer a, footer a:visited {color: #000; text-decoration: none;}




.navbar{background: #000;}
.navbar a{font-size:1.2rem;}

.other{width:100%;height: auto;
	display: flex;          /* 2 */
    align-items: center;    /* 4 */}
.other dt, .other dd{padding-top:15rem;}
.other dt{width: 83%; text-align: right; padding-right: 20px; font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif;  font-size: 1.4rem;}
.other dd{width: 15%}
.other a, .other a:visited{color: #000;}
@media(max-width:991px){.other dt{width:60%;}.other dd{width:38%;}}

.accbox {
    margin:auto;
    padding: 0;
    max-width: auto;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 2rem 0;
	padding-bottom: 0.5rem;
    color :#ff9933;
    font-weight: bold;
    background :#fff;
    cursor :pointer;
    transition: all 0.5s;
	text-align: center;
	font-family:"kan415typos-std",sans-serif; font-size:2rem;}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffffe0;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    opacity: 1;
}