@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*shortcut*/
.last {margin-right: 0 !important;}

.txt10 {font-size: 3.125vw !important;}
.txt11 {font-size: 3.4375vw !important;}
.txt12 {font-size: 3.75vw !important;}
.txt13 {font-size: 4.0625vw !important;}
.txt14 {font-size: 4.375vw !important;}
.txt15 {font-size: 4.6875vw !important;}
.txt16 {font-size: 5vw !important;}

.mA {margin: 0 auto !important;}

.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}

.mr1 {margin-right: 1% !important;}
.mr2 {margin-right: 2% !important;}
.mr5 {margin-right: 5% !important;}

.lineH12 { line-height: 1.2 !important;}
.lineH14 { line-height: 1.4 !important;}
.lineH16 { line-height: 1.6 !important;}

.fontBL { font-weight: bold !important;}

.txtR {text-align: right !important;}
.txtC {text-align: center !important;}
.txtL {text-align: left !important;}

.txtRed {color: #f00 !important;}
.txtWht {color: #fff !important;}

.disB { display: block !important;}

.width100 {width: 100% !important;}
.width96 {width: 96% !important;}
.width90 {width: 90% !important;}
.width80 {width: 80% !important;}
.width70 {width: 70% !important;}
.width60 {width: 60% !important;}
.width50 {width: 50% !important;}
.width49 {width: 49% !important;}
.width45 {width: 45% !important;}
.width40 {width: 40% !important;}
.width30 {width: 30% !important;}
.width25 {width: 25% !important;}
.width20 {width: 20% !important;}
.width10 {width: 10% !important;}

.floatL {float: left !important;}
.floatR {float: right !important;}


/*div#EbkKobo_stage */
div#EbkKobo_stage {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

/*div#EbkKobo_mainContents*/
div#EbkKobo_mainContents {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px;
	font-family: 'Noto Sans JP', sans-serif;
	background: #20afe2;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div#EbkKobo_mainContents div#EbkKobo_mainContents_wrapper {
	width: 100%;
	margin: 0 auto;
}

div#EbkKobo_mainContents div#EbkKobo_mainContents_wrapper h1 img{
	width: 100%;
	height: auto;
}

div#EbkKobo_mainContents div#EbkKobo_mainContents_wrapper p.gotoTop {
	padding: 0 20px 0 0;
}

div#EbkKobo_mainContents div#EbkKobo_mainContents_wrapper p.gotoTop a {
	color: #fff !important;
}

/*EbkKobo_innerBox*/
div.EbkKobo_innerBox {
	width: 90%;
	margin: 20px auto 0;
}

div.EbkKobo_innerBox div.innerBox {
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	width: 100%;
	margin:0 auto;
	border: 2px solid #000000;
	background: #fbebba;
	padding: 20px 10px;
	box-shadow:0px 5px 0px 0px #147090;
	-moz-box-shadow:0px 5px 0px 0px #147090;
	-webkit-box-shadow:0px 5px 0px 0px #147090;
	}

div.EbkKobo_innerBox div.innerBox > h3 {
	margin: 30px auto 0;
	border-bottom: 2px solid #ffffff;
}

div.EbkKobo_innerBox div.innerBox p,div.EbkKobo_innerBox div.innerBox div, div.EbkKobo_innerBox div.innerBox button {
	font-size: 3.4375vw;
	text-align:center;
	line-height:1.6;
	letter-spacing: -.05em;
	color: #333333;
}

/*booklist*/
div.EbkKobo_innerBox div.innerBox div.bookList {
	margin: 10px auto 0;
}

div.EbkKobo_innerBox div.innerBox div.bookList div.outline > div{
	margin-top: 10px;
}

div.EbkKobo_innerBox div.innerBox div.bookList > ul {
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	 flex-wrap: wrap;
}

div.EbkKobo_innerBox div.innerBox div.bookList > ul li{
	flex-basis: 25%;
	margin: 10px 0 0;
	text-align:center;
}

div.EbkKobo_innerBox div.innerBox div.bookList > ul li > div a {
	width: 100%;
	height: auto;
	display:block;
}

div.EbkKobo_innerBox div.innerBox div.bookList > ul li > div a img {
	width: 90%;
	height: auto;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

div.EbkKobo_innerBox div.innerBox div.bookList > ul li > div.js-buyBtn {
	width: 90%;
	margin: 0 auto;
}

/*benefit*/
div.EbkKobo_innerBox div.innerBox div.benefit {
	width: 100%;
	margin: 30px auto 0;
}

div.EbkKobo_innerBox div.innerBox div.benefit h3 {
	background-color: #e50012;
	padding: 5px 0px;
	border-radius: 5px 5px 0 0;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div {
	padding: 10px 15px;
	background-color: #FFF;
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div p.about_okaimonopanda {
	font-size: 4.6875vw;
	margin-top :10px;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
	-webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	margin: 20px 0 0;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements > div:first-of-type {
	flex-basis: 55%;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements > div:first-of-type h5 {
	font-size: 3.75vw;
	color: #ff0101;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements > div:first-of-type h5+p {
	color: #ff0101;
	line-height: 1.4;
	margin-top: 10px;
	text-align: left;
}

div.EbkKobo_innerBox div.innerBox div.benefit p.attention {
	line-height: 1.4;
	text-align: left;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements > div:first-of-type p.attention {
	font-size: 2.8125vw;
	margin: 10px 0 0;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements > div:nth-of-type(2) {
	flex-basis: 45%;
	text-align:center;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements > div:nth-of-type(2) img {
	width:90%;
}

div.EbkKobo_innerBox div.innerBox div.benefit > div div.requirements > div:nth-of-type(2) p.attention {
	font-size: 2.8125vw;
	margin: 3px 0 0;
}

div.EbkKobo_innerBox div.innerBox div.benefit form p:first-of-type {
	margin: 20px 0 0;
	text-align: left;
}

div.EbkKobo_innerBox div.innerBox div.benefit table {
	width: 100%;
	margin: 10px auto;
}

div.EbkKobo_innerBox div.innerBox div.benefit th,
div.EbkKobo_innerBox div.innerBox div.benefit td {
	vertical-align: middle;
}
div.EbkKobo_innerBox div.innerBox div.benefit th {
	width: 100%;
	font-size: .75rem;
	line-height:1.2;
}
div.EbkKobo_innerBox div.innerBox div.benefit table td input[type="text"]{
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border: 1px solid #999999;
	font-size: .75rem;
}
div.EbkKobo_innerBox div.innerBox div.benefit button[type="submit"] {
	margin: auto auto 5px;
	padding: 8px 0;
	border: none;
	background-color: #bf0000;
	border-radius: 5px;
	color: #FFF;
	font-size: 1rem;
	line-height: 1.4;
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*EbkKobo_menu*/
div#EbkKobo_menu ul {
	margin: 10px 0 0;
}

div#EbkKobo_menu ul li {
	width: 50%;
	float:left;
}

div#EbkKobo_menu ul li:last-child{
	float: none;
	width: 100%;
}

/*EbkKobo_navi*/
#EbkKobo_navi ul{
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*EbkKobo_section01*/
div#EbkKobo_section01 div.innerBox div.allBuy {
	background: #ffffff;
	padding: 0 0 20px;
}

div#EbkKobo_section01 div.innerBox div.allBuy > p {
	width: 90%;
	margin: 0 auto;
}

/*EbkKobo_section02*/
div#EbkKobo_section02 div.innerBox ul li {
	margin: 10px auto 0;
	text-align:center;
}

/*EbkKobo_section03*/
div#EbkKobo_section03 div.innerBox div.bookList > div.trial {
	background-color: #FFF;
	margin: 10px 0 0;
	padding: 10px 0;
	letter-spacing: -.5em;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial > div {
	width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial > div > div:first-of-type {
	flex-basis: 60%;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial > div > div:first-of-type p {
	text-align: center;
	letter-spacing: normal;
	font-weight: bold;
	font-size:  3.125vw;
	line-height:1.3;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial > div > div:first-of-type p span {
	font-size:  5vw;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial > div > div:nth-of-type(2) {
	flex-basis: 40%;
	text-align:center;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial > div > div:nth-of-type(2) a {
	display:block;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial > div > div:nth-of-type(2) a img {
	width: 65%;
	text-align:center;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial2v > div > div:first-of-type {
	flex-basis: 52%;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial2v > div > div:nth-of-type(2) {
	flex-basis: 48%;
	display:flex;
}

div#EbkKobo_section03 div.innerBox div.bookList > div.trial2v > div > div:nth-of-type(2) a img {
	width: 90%;
}

/*EbkKobo_section04*/

div#EbkKobo_section04 div.innerBox {
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
	-webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	justify-content: space-between;
}

div#EbkKobo_section04 div.innerBox > div:first-of-type{
	flex-basis: 40%;
}


div#EbkKobo_section04 div.innerBox > div:nth-of-type(2){
	flex-basis: 58%;
	text-align:center;
}

/*EbkKobo_section05*/

div#EbkKobo_section05 div.innerBox h2 {
	font-size: 3.75vw;
	font-weight:bold;
	line-height:1.4;
}

div#EbkKobo_section05 div.innerBox table {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #FFF;
	margin: 10px 0 0;
}

div#EbkKobo_section05 div.innerBox th,
div#EbkKobo_section05 div.innerBox td {
	padding: 5px 10px;
	border-bottom: 1px dotted #DDD;
	font-size:3.4375vw;
	line-height: 1.4;
}

div#EbkKobo_section05 div.innerBox th {
	font-weight: bold;
}

div#EbkKobo_section05 div.innerBox li {
	text-indent: -1em;
	padding-left: 1em;
}

div#EbkKobo_section05 div.innerBox li a {
	display:inline;
}
div#EbkKobo_section05 div.innerBox li:not(:first-of-type) {
	margin-top: .5em;
}
div#EbkKobo_section05 div.innerBox li::before {
	content: "・";
}
div#EbkKobo_section05 div.innerBox li > ul > li:before {
	content: "-";
}


/*EbkKobo_section06*/

div#EbkKobo_section06 div.innerBox > div {
	background: #fff;
	padding: 10px 15px;
}

div#EbkKobo_section06 div.innerBox > div > h2 {
	font-size: 4.6875vw;
	font-weight:bold;
	line-height:1.4;
}

div#EbkKobo_section06 div.innerBox > div > ul li {
	width: 80%;
	margin: 0 auto;
}

div#EbkKobo_section06 div.innerBox > div > div {
	background: #f7f7f7;
	padding: 10px;
}

div#EbkKobo_section06 div.innerBox > div > div h2 {
	font-size: 3.75vw;
	font-weight:bold;
	line-height:1.4;
}

div#EbkKobo_section06 div.innerBox > div > div ul li div > img {
	margin: 0 auto;
}


/* ボタン系 */
.btn_common,
.btn_common:hover,
.btnAddCart,
.btnAddCart:hover {
	text-decoration: none !important;
}

.btn_common {
	display: block;
	border: 2px solid #FFF;
	border-radius: 6px;
	background-color: #ffc200;
	color: #FFF !important;
	text-align: center;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	line-height:0;
}
.btn_common span {
	vertical-align: middle;
}

.btnAddCart.added,
.btn_common.added {
    color: rgb(176, 176, 176) !important;
    border-color: rgb(176, 176, 176);
    border-image: initial;
    background: rgb(246, 246, 246);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.btn_common__middle {
	padding: 20px 0 !important;
	font-weight: bold;
	font-size: 1rem;
}
.btn_common__middle [class*="icon-"] {
	font-size: 1.125rem;
	margin-right: 10px;
}

.btnAddCart {
	display: block;
	box-sizing: border-box;
	margin-top: 10px;
	padding: 7px 0 !important;
	border: 1px solid #ffc200;
	border-radius: 3px;
	background-color: #FFF;
	color: #ffc200 !important;
	font-size: .8rem;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	line-height: 1.1;
}
.btnAddCart span {

}
.btnAddCart [class*="icon-"] {
	font-size: 0.7rem;
	margin-right: 1px;
}

.btn_for_top {
    position: fixed;
    bottom: 0;
    right: 1.5625vw;
    z-index: 1000;
}

.btn_for_top a img {
    width: 12vw;
}

/*notice*/
#EbkKobo_onpiece_notice {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	background: #fbebba;
	color: #333333;
	padding: 15px 0;
}

#EbkKobo_onpiece_notice > div {
	width: 90%;
	margin: 0 auto;
}

#EbkKobo_onpiece_notice > div p {
	font-size: 3.125vw;
	font-weight: bold;
	line-height: 1.4;
}

/**/
#backtopTop a {
    background-image: url(//image.books.rakuten.co.jp/books/img/common/ranking/sprite.gif);
    background-position: 0 0;
    -webkit-background-size: 110px;
    background-size: 110px;
    width: 30px;
    height: 30px;
    opacity: .75;
    display: block;
    position: fixed;
    bottom: -140px;
    right: 10px;
}
#flow_cart_btn a {
     width: 28px;
     height: 28px;
    display: block;
    position: fixed;
    bottom: -140px;
     right: 12px;
     background: #5A5959;
     opacity: .75;
     border-radius: 4px;
     text-align: center;
}

#flow_cart_btn a:before {
    display: block;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
}
#flow_cart_btn a span{
    display: none;
}