*{
  box-sizing:border-box;
}


body{
width:100%;
margin:0 auto;
}

.header {
  padding: 0px 0px 0px 0px;
  background-color: #253565;
 height:70px;
 width:100%;
 position:fixed;
top:0px;
  z-index:10;

}

.header-logo {
  float: left;
  padding:10px 10px 10px 10px;
}


.header-logo img {
  width:80%;
  height:auto;
}

.header-logo-small{
  width:50%;
}
.header-logo-small img{
  display:none;
}



.header-list {
  padding: 20px 20px 40px 40px;
}

.flex-list li {
  list-style: none;
  float: right;
  margin-right: 40px;
  font-family: sans-serif;
}

.header-list img {
  width:75%;
}

.header-list a {
  text-decoration: none;
  color:#ffffff;
}

.header-list a:hover {
  color:#51b6d7;
}

.menu-icon {
  color: #000;
float: right;
font-size: 25px;
padding: 20px 0;
	display:none;
}


.wrapper {
  /* Background pattern from Toptal Subtle Patterns */
  background-image:url("img/papyrus.png");
}

.picture {
  margin:70px 0px;

}

#slidertype1 #slidertype2 #slidertype3 {
  display:none;
}

#slidertype1 img {
width:100%;
max-width: 100%;
height: auto;
padding:0px 5px;
}

#slidertype2 img {
width:100%;
max-width: 100%;
height: auto;
padding:0px 5px;
}

#slidertype3 img {
width:100%;
max-width: 100%;
height: auto;
padding:0px 5px;
}


.container h1 {
  color: #4169e1;
  font-family: "YuMincho";
  padding-top:480px;
  padding-left:50px;
}

.container h3 {
  color: #4169e1;
  font-family: "YuMincho";
  padding-left:50px;
}

.explain {
padding:50px 0px 100px 0px;
font-family: YuMinchoW, YuMinchoM, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
color:#241a08;
text-align: center;
}

.explain-title {
  text-align: center;
}


.explain p{
padding:0px 100px;
}

.topics {
  padding:50px 0px 100px 0px;
}

.topics-title{
  width:100%;
  text-align: center;
}

.topics li {
  list-style: none;
  padding-left:60px;
  margin-right:100px;
  line-height: 25px;
}

.douga {
  padding:50px 200px 100px 200px;
}

.movie1{
  position:relative;
  width:100%;
padding-top:56.25%;
}

.movie1 iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.douga-title {
  text-align: center;
}


.author {
    padding:50px 0px 100px 0px;
}

.author p{
padding:0px 100px;
  line-height: 25px;
}

.author-title {
  text-align: center;
}

.purchase {
padding:50px 100px 50px 100px;
}

.purchase h1 {
  text-align:center;
  padding-left:10px;
}

.purchase-box1 {
  margin-left:100px;
  margin-top:30px;
  display: inline-block;
  vertical-align: top;
}

.purchase-box1 img{
  width:250px;
  height:auto;
}

.purchase-box2 {
  margin-left:100px;
  margin-top:30px;
  display: inline-block;
vertical-align: top;
}

.purchase-title {
  text-align: center;
}

.image02 {
  width:80%;
}

.image03 {
  width:75%;
}

footer {
  background-color: #253565;
  color:#ffffff;
  padding:30px 0px;

}
.footer-logo {
  text-align: center;
  font-size:12px;
}