/* swiper */
ul.swiper-wrapper {list-style: none;padding:0;margin:0;}
ul.swiper-wrapper li{padding:0;margin:0;}

/*paginationの位置変更*/
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {bottom:0;top:auto;} 

/* 矢印 */
.swiper-button-prev,.swiper-button-next  {
	width: 24px; /* ボタンの幅 */
	height: 24px; /* ボタンの高さ */
  top:34px;
  color:#FFF;
}
.swiper-button-prev{
left: 0;
}
/* 次への矢印 */
.swiper-button-next {
right: 0;
}
.swiper-button-prev:after,.swiper-button-next:after {font-size:24px;}
.swiper-container {
  position: relative;
  overflow: hidden;
  width:100%;
  height:80vh;
  height:80dvh;
  margin:0 auto;
}
.swiper-container.visible {
  overflow: visible;
}

.item{width:100%;height:100%;}
.item .qus .num,.item .ans .num{display:block;text-align: center;padding:5px;color:#FFF;font-size:15px;}
.item .qus .num{background: #006e9c;}
.item .qus .num::before{content:"問題：";}
.item .ans .num{background: #df8282;}
.item .ans .num::before{content:"答え：";}

.item .ans .ttl{font-size: 150%;text-align: center;}
.item .ans .furi{font-size:85%;text-align: center;}

.item .imgSet{margin:1em auto;}
.box{
 padding:1em 0;
 margin:auto;
 width: 85%;
 height:100%;
 overflow-y: scroll;
}
.box .imgSet{margin:1em auto;}
.box p{font-size :75% !important;margin:1em auto;border:1px solid #CCC;padding:1em;}
.qus,.ans{display:block;width:100%;height:100%;position: absolute;}

.qus,.ans{background: #FFF;}
.qus,.on .qus{transition: all 0.2s ease-in-out;}
.ans,.on .ans{transition: all 0.2s ease-in-out;}
.qus{opacity: 1;}
.ans{opacity: 0;transform:rotateX(-180deg); }
.on .qus{transform:rotateX(180deg); opacity: 0;}
.on .ans{transform:rotateX(0deg); opacity: 1;}
.on .ans{transform:rotateX(0deg); opacity: 1;}

.swiper-container,main ul.swiper-wrapper{width:100%;margin:0 auto;}
main ul.swiper-wrapper li.swiper-slide{padding:0;margin:0;}

/*デフォルトの修正*/
h1.entry-title{margin-bottom: 10px;padding-top:5px;}
.single .entry-content {padding-top:0;}
main ul.swiper-wrapper li.swiper-slide{display: block;}/*スマホでmargin用*/