@charset "utf-8";
#asahidigital .inner h1 img {
	width: auto;
	max-width: 70%;
}
#asahidigital .inner h1 {
  background-image: -webkit-linear-gradient(0deg,rgba(144,144,144,1.00) 36.27%,rgba(144,144,144,0.00) 78.24%), url(/campaign/img/asahidigital/main_b.jpg);
  background-image: -moz-linear-gradient(0deg,rgba(144,144,144,1.00) 36.27%,rgba(144,144,144,0.00) 78.24%), url(/campaign/img/asahidigital/main_b.jpg);
  background-image: -o-linear-gradient(0deg,rgba(144,144,144,1.00) 36.27%,rgba(144,144,144,0.00) 78.24%), url(/campaign/img/asahidigital/main_b.jpg);
  background-image: linear-gradient(90deg,rgba(144,144,144,1.00) 36.27%,rgba(144,144,144,0.00) 78.24%), url(/campaign/img/asahidigital/main_b.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 30px;
  margin-bottom: 80px;
	
}
#asahidigital .inner h2 {
	text-align:center;
	margin: 60px auto;
}
#asahidigital .inner h2 img {
	max-width: 100%;
	width: auto;
	height: auto;
}
#priceArea .caption01 {
	font-size: 18px;
	margin: auto;
	max-width: 800px;
}
.ebooks-main-blue .magazine-column img{
	margin:0 10% 20px;
	max-width: 80%;
}
#priceArea .caption02 {
    font-size: 16px;
    border: solid 1px #000;
    /* width: 44%; */
    width: calc(15% + 10em);
    text-align: center;
    padding: 2px 4px;
    margin: 15px 0 0;
    font-weight: bold;
}
#priceArea .itemBlock {
	margin: auto;
	max-width: 800px;
}
.magazine-column {
  margin-bottom: 60px;
}

#priceArea .itemBlock .item {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	margin-bottom: 30px;
}
#priceArea .caption02 span {
	font-size: 13px;
}
.itemBlock .item .type {
	flex: 1 0 100%;
}
.itemBlock .item .pMmonth,
.itemBlock .item .month,
.itemBlock .item .tento {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.item .tento .label {
	font-size: 12px;
	line-height: 1;
}
.item .month .label,
.item .pMmonth .label {
	font-size: 16px;
}
.item  .title {
	flex: 1 0 100%;
	text-align: center;
}

.item .price {
	text-align: right;
	font-size: 32px;
}
.item .taxYen {
	text-align: center;
	font-size: 13px;
}
.item .taxYen .tax {
	display: block;
	font-size: 10px;
}
#ebooksDetail h2{
	padding-bottom: 0;
}
#app .wrap {
  margin-bottom: 20px;
}
#wcourse .inner .wrap {
	border: 1px solid #555555;
}
#wcourse .inner .wrap h3 {
	font-size: 20px;
    font-weight: bolder;
    line-height: 46px;
    text-align: center;
    color: #000000;
    background-color: #ECECEC;
    padding: 10px 0;
}
#wcourse .inner .wrap .thum {
	text-align: center;
	margin: 30px;
}
#wcourse .inner .wrap .txt{
	margin: 30px;
}
#wcourse .inner .wrap .txt dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
#wcourse .inner .wrap .txt dl dt{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 4px;
}
#wcourse .inner .wrap .txt dl dt strong{
    font-size: 20px;
}
#wcourse .inner .wrap .txt dl dd{
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: right;
	
}
#wcourse .inner .wrap .txt dl dd strong{
	font-size: 24px;
	font-weight: bolder;
	line-height: 24px;
}
#wcourse .inner .wrap .thum img{
	max-width: 100%;
	width: auto;
}


#app .wrap p {
	margin-bottom: 20px;
	padding-top: 14px;
}
.tc img.btnPrint {
	width: auto;
	max-width: 100%;
}
.tc {
	text-align: center;
}

	#wcourse {
		margin-bottom: 60px;
	}


	
.ebooks-head-column {
	margin-top: 0;
  padding: 2rem 3rem;
}

.ebooks-head-box {
	margin: 1rem 0;
	border-radius: 6px;
	background-color: #f4f4f4;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	overflow: hidden;
}

.ebooks-head-box h3 {
	margin-bottom: 1.2rem;
	padding: 0.7rem 1rem;
	color: #000684;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	background-color: #e7e7e7;
}

.ebooks-head-img {
	margin: 0 1.5rem 1rem 1rem;
	width: 30%;
	float: left;
}

.ebooks-head-box p {
	margin: 0 1rem 1rem;	/*	margin: 0 1rem 1rem 0;	*/
	font-size: 1.2rem;
}

.plus {
	margin: 0 auto;
	width: 3.5rem;
	text-align: center;
}

.badge {
	margin: 2rem auto 0;
	width: 12rem;
	text-align: center;
}

.ebooks .print {
    margin: 30px 0 0;
}
.ebooks .print a {
    border: 2px solid #F66F13;
    width: 80%;
    border-radius: 4px;
    display: block;
    margin: 10px auto 0;
    padding: 10px 0;
    color: #F66F13;
}

.ebooks .print a::before {
    margin: 0 1rem 0 0;
    content: "";
    display: inline-block;
    width: .8rem;
    height: 1rem;
    background: url(/img/ico/ico_btn_orange.png) no-repeat;
    background-size: auto;
    background-size: contain;
    vertical-align: middle;
}

.ebooks-head-box-column3 {
	clear: both;
	float: none;
	margin: 0;
	padding: 0 3rem 2rem;
	overflow: hidden;
	max-width: auto;
}
.ebooks-head-box-column3 li {
	border: none!important;
	height: auto!important;
	text-align: left;
}
.ebooks-head-box-column3 li h4 {
	color: #333!important;
	font-size: 1.4rem;
	padding-bottom: 0.1rem;
}
.ebooks-head-box-column3 li p {
	border-top: 1px solid #f8b819;
	color: #333!important;
	font-size: 1.2rem;
	font-weight: normal!important;
	line-height: 1.6;
	height: auto;
	width: auto;
	padding: 0.3rem 0 2rem;
}



.ebooks-main-gray {
	background-color: #eee;
}

.ebooks-main-top {
	padding-top: 3.5rem;
}

.magazine-column {
	padding-bottom: 2rem;
}
	.ebooks-main-top .magazine-column {
		margin-bottom: 0px;
	}

.magazine-column h2 {
	margin: 0 0 1rem 0;
	padding-top: 0.5rem;
	text-align: left;
	line-height: 4rem;
	font-size: 2rem;
}

.magazine-column h2.mark-blue:before {
	margin: 0 1rem 0 0;
	float: left;
}

.magazine-column ul {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: inherit;
}

.magazine-column li {
	margin: 10px 1%;
	height: auto;
	border-color: #aaa;
	border-width: 1px;
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 48%;
}

.magazine-column li:hover a {
	text-decoration: none;
}

.magazine-column li h3 {
	margin: auto;
	color: #fff;
	height: 6rem;
	width: 100%;
	font-size: 1.4rem;/* 1.6rem */
	text-align: center;
	line-height: 1.3;
	/*border-left: 1px solid #cbcbcb;*/
	border-bottom: 1px solid #cbcbcb;
	border-radius: 4px 4px 0 0;
	background-color: #9ea0d0;
	display: table;
	position: relative;
}

.magazine-column li h3 span {
	display: table-cell;
	vertical-align: middle;
}

.magazine-column li p {
	margin: 0.5rem 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	color: #000684;
	height: 40px;
}

.magazine-column li .magazine-img {
/*
	display: block;
	margin: 1rem auto;
*/
	width: 50%;
  /* padding-bottom: 4.5rem; */
  /* overflow: hidden; */
  /* display: inline-block; */
	}

/*.magazine-column li .magazine-img {
	margin: 0 auto 1rem;
	padding-bottom: 4.5rem;
	overflow: hidden;
	width: 50%;
	display: inline-block;
}*/

.magazine-column li .magazine-img img {
}

/*.magazine-column li .price {	*/
.magazine-column li .spec {
	padding: 4px 3px;	/*	padding: 1rem 0;	*/
	border-radius: 0 0 6px 6px;
	border-left: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	background-color: #e5e5e5;
	color: #333;	/*	color: #000684;	*/
	font-weight: bold;
	font-size:1.3rem;	/*	font-size: 2rem;	*/
	line-height: 1.2;
	/*position: absolute;
	bottom: 0;*/
	width: 100%;
}

.magazine-column li .spec i {
	font-size: 1.0rem;
	font-style: normal;
}

.magazine-column li .spec .nowrap {
	white-space: nowrap;
}
/*
.magazine-column li .month {
	margin-right: 0.5rem;
	color: #1f1f1f;
	font-size: 1.3rem;
}
*/
.magazine-column li .spec .price {
	margin-left: 0.2rem;
	color:#000684;
	font-size: 2.0rem;
}

.magazine-column li .spec .yen {
	color:#000684;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	font-size: 1.5rem;
}

.magazine-column .attention_box a {
	color: #00c;
	text-decoration: underline;
}

.ebooks-main-end {
	padding-bottom: 4rem;
}

.ebooks-main-blue {
	background-color: #e0e0e9;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#attention {
	margin: 0;
	padding: 4rem 0 2rem;
}

.attention_box {
	margin-bottom: 3rem;
    padding: 1.5rem 2rem;
    border-radius: 6px;
    background-color: #fff;
}

.attention_box p {
	font-size: 1.3rem;
}
.ebooks #support {
	background: #f4f4f4;
	overflow: hidden;
}
.ebooks #support dl {
    padding: 10px;
    text-align: left;
}
#titleArea img {
  width: auto;
}
#titleArea {
  text-align: center;
}
#support ul li dl dd a {
    text-decoration: underline;
}
#support ul li dl dd a:hover {
    text-decoration: none;
}
.ebooks #support dl dt {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 10px;
}

.ebooks #support dl dt span {
    font-size: 1.2rem;
    font-weight: normal;
}

/*200103add*/
h3.mark-blue.mark-left{
	font-size: 16px;
	text-align: left;
    position: relative;
    padding: 4rem 0 1rem 4rem;
    margin-bottom: 3rem;
    font-feature-settings: "palt";
}

.mark-left::before {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 3.5rem;
    left: 0;
    margin: 0;
}

#app  .txt h3 {
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
}

.merit{
	
}
.merit img {
    float: left;
    margin: 0px 30px 20px 0px;
	width: auto;
	max-width: 100%;
}
 .merit dt{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px;
}
.merit dd{
	font-size: 15px;
	line-height: 1.6;
	margin: 0px;
	padding: 0px 0px 20px;
}

/* 201218追加分 --------------------------------------------------- */
div#asahidigital {
    margin-bottom: 40px;
}
.tax_no_include {
    font-size: 0.8em;
    clear: both;
    position: absolute;
    bottom: -0.4em;
    right: 0;
    height: 20px;
}
#headMagazine .courseArea {
    display: flex;
    justify-content: left;
}
.courseArea .tag {
    font-size: 1.3rem;
    border: solid 1px #333;
    font-weight: bold;
    text-align: center;
    padding: 2px 4px;
    margin-top: 0.8em;
}
.courseArea .tag_sptab {
    background: #33bdf2 !important;
	color: #fff;
	margin-left: 0.8em;
}
.courseArea .tag_multi {
    background: #ef6da8 !important;
	color: #fff;
	margin-left: 0.8em;
	padding: 2px 29px;
}
.addCourse {
    margin-top: 120px;
}
.addCourse td.priceNumber span.yen {
    font-size: 1.3rem;
}
#priceList .taxYen span.noTax, #priceList2 .taxYen span.noTax {
	line-height: 0;
    display: block;
}
/* --------------------------------------------------------------- */

@media (min-width:751px){
	#asahidigital .inner h1{
		padding: 60px 30px;
	}
	#priceArea .itemBlock .item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-around;
	flex-direction: row;
}
.itemBlock .item .pMmonth,
.itemBlock .item .month,
.itemBlock .item .tento {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
	
h3.mark-blue.mark-left{
    font-size: 2.4rem;
    padding: 60px 0 60px 70px;
    margin-bottom: 0;
}

.mark-left::before {
    top: 52px;
    width: 50px;
    height: 50px;
}
	
div#asahidigital {
    margin-bottom: 100px;
}
	
.bnrCnt a {
	position: absolute;
	top: 15px;
	right: 78px;
}
		
#app .bnr {
	width: 240px;
	padding: 10px;
	float: left;
}
	
#app  .txt h3 {
	font-size: 22px;
	line-height: 1.8;
	text-align: left;
}
	
#app .wrap p {
    padding-top: 0px;
}
	
#app .wrap {
    margin: 20px auto;
    width: 93%;
}
	
	.ebooks-main-blue .magazine-column img{
	width: auto;
		max-width: 50%;

		float: right;
		margin: 0px 0px 20px 30px;

	}
	
.merit dt {
    font-size: 18px;
}
	
.merit img {
    margin: 0px 20px 20px 0px;
}
	
#wcourse .inner .wrap{
	display: flex;
	flex-wrap: wrap;
}
#wcourse .inner .wrap h3{
	flex: 1 0 100%;
}
#wcourse .inner .wrap .thum{
	flex: 0 1 30%;

}
#wcourse .inner .wrap .txt{
	flex: 1 0 55% ;
    margin: 50px 30px 30px;

}
#wcourse .inner .wrap .txt dl dt{
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}
#wcourse .inner .wrap .txt dl dt strong{
	font-size: 24px;
}
#wcourse .inner .wrap .txt dl dd{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	
}
#wcourse .inner .wrap .txt dl dd strong{
	font-size: 28px;
	font-weight: bolder;
	line-height: 30px;
}
	.magazine-column {
	padding: 2rem;
	padding-bottom: 0;
}
	
	
	.ebooks-head-column {
  margin: 60px auto 30px;	/*	margin: 60px auto;	*/
  overflow: hidden;
  padding: 0;
  width: calc(100% - 120px);
  display: flex;
	}

	.ebooks-head-box {
	margin: 0 auto;
	padding-bottom: 20px;
	float: left;
	width: 45%;	/*	width: 32.7%;	*/
	}

	.ebooks-head-box h3 {
  margin-bottom: 23px;
  padding: 14px 0;
  font-size: 2.4rem;
  min-height: 70px;
  text-align: center;
		/*line-height: 60px;*/
	}

	
	.ebooks-head-img {
		margin: 0 20px 5px 15px;	/*	margin: 0 25px 0 15px;	*/
		width: 135px;
	}

	.ebooks-head-box p {
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		line-height: 1.4;
	/*	clear: both;	*/
	}

	.plus {
		margin: 100px 2.5% 0;	/*	margin: 134px 8px 0;	*/
		float: left;
		width: 5%;	/*	width: auto;	*/
	}

	.badge {
	float: left;
	margin: 0 0 0 ;
	margin-left: calc(13.4% - 73px );
	width: 21%;
	}
.ebooks #support dl dt span {
    font-size: 1.4rem;
}


	.ebooks-head-box-column3 {
		clear: both;
		float: none;
		margin: 0 auto 60px;
		padding: 0;
		overflow: hidden;
		max-width: 750px;
	}
	.ebooks-head-box-column3 li {
		float: left;
		margin: 0 0 0 2.5%!important;
		text-align: center;
		width: 30%!important;
	}
	.ebooks-head-box-column3 li:last-child {
		margin-right: 2.5%;
	}
	.ebooks-head-box-column3 li h4 {
		background-color: #fff;
		font-size: 2.4rem;
		position: relative;
		top: 20px;
		padding-right: 5px;
		padding-bottom: 5px;
	}
	.ebooks-head-box-column3 li p {
		background-color: #fff;
		border: 1px solid #f8b819;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		font-size: 1.8rem!important;
		line-height: 1.8!important;
		text-indent: 0.5em;
		height: 220px;
		width: 220px;
		margin: 0!important;
		padding: 30px 25px 10px 20px;
	}



	.ebooks-main-top {
		padding-top: 34px;
	}

	.magazine-column {
		padding: 2rem;
		padding-bottom: 0;
	}

	.magazine-column h2 {
		margin: 0 0 0 15px;
		padding: 46px 0 40px;
		line-height: 50px;
		font-size: 2.4rem;
	}

	.magazine-column h2.mark-blue:before {
		margin: 0 20px 0 0;
	}


/*
	.magazine-column li {
	    flex: 0 1 48%;
		margin-left: 1%;
		margin-right: auto;
	}
*/

.ebooks #support ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0 10px;
}
	
	
.ebooks #support ul li {
    width: 40%;
    height: auto!important;
    margin: 14px;
    padding: 0;
    border: none;
    border-radius: 0;
}


	.magazine-column li h3 {
	    height: 94px;
	    width: 100%;
	    font-size: 2.4rem;
	    line-height: 1.3;
	}

.ebooks #support dl {
    padding: 0 5% 8%;
}

	.magazine-column li:hover h3,
	.magazine-column li:hover p,
	.magazine-column li:hover div {
		opacity: 0.7;
	}

	.magazine-column li p {
		margin: 20px auto 10px;
		font-size: 2.2rem;
	}

	.magazine-column li .magazine-img {
		margin: 0 auto 10px;
		padding: 0;
		width: auto;
/*
		max-width: 170px;
		max-height: 247px;
*/
	/*	overflow: hidden;	*/
	}
	.magazine-column li .magazine-img #magazine01 {
		max-width: 170px;
		max-height: 247px;
	}

/*	.magazine-column li .price {	*/
	.magazine-column li .spec {
		padding: 8px 5px 4px;	/*	padding: 0;	*/
		min-height: 100px;	/*	height: 80px;	*/
		width: 100%;
		position: absolute;
		bottom: 0;
		font-size: 2.0rem;	/*	font-size: 3.0rem;	*/
		line-height: 1.2;	/*	line-height: 80px;	*/
	}

	.magazine-column li .spec i {
		font-size: 1.1rem;
	}
/*
	.magazine-column li .month {
		margin-right: 10px;
		font-size: 1.6rem;
	}
*/
	.magazine-column li .spec .price {
		margin-left: 3px;
		font-size: 3.0rem;
	}

	.magazine-column li .spec .yen {
		margin-left: 3px;
		margin-right: 3px;
		font-size: 1.8rem;
	}

	.ebooks-main-end {
		padding-bottom: 60px;
	}

	#attention {
  /* [disabled]margin: 0; */
  /* [disabled]padding-top: 60px; */
  /* [disabled]padding-right: 0; */
  /* [disabled]padding-left: 0; */
  padding-bottom: 40px;
	}

	.attention_box {
  /* [disabled]margin-bottom: 80px; */
  padding: 40px;
	}

	.attention_box p {
		font-size: 1.8rem;
		line-height: 1.8;
	}
.ebooks #support dl dt {
	text-align: center;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 100%;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	width: 340px;
}
.ebooks #support dl dd, .ebooks #support dl dd p {
	font-size: 1.7rem;
	color: #333;
	font-weight: normal;
}
#support h3 {
  padding-bottom: 20px;
	padding-left: 85px;

}
	#support h3::before{
		left: 15px;
	}
}

#ebooksDetail{
	width: auto;
	max-width: 1200px;
	margin: 0 auto 100px;
}
#ebooksDetail::after{
	content: '';
	height: 0;
	width: 100%;
	clear: both;
	display: block;
}
#ebooksDetail a:hover{
	text-decoration: none;
}
#ebooksDetail section ul li {
	width: calc((100% - 60px )/2);
	margin-left: 20px;
	float: left;
	text-align: center;
	margin-top: 10px;
}
#ebooksDetail section ul li:nth-of-type(2n+1) {
	clear: both;
}

#ebooksDetail section ul li .thum {
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 330px;
	vertical-align: bottom;
	position: relative;
}


.mgz_img.mini4_cover {
    position: absolute;
    top: 152px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.mgz_img.mini4_cover img {
    max-width: 116px;
    height: 158px;
}
.mini4_img {
    z-index: -1;
	padding-top: 132px;
}
.mini4_img img {
    width: 136px;
    height: 200px;
}
/*
.mgz_img.ipad_cover {
    position: absolute;
    top: 114px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.mgz_img.ipad_cover img {
    max-width: 143px;
    height: 195px;
}
.ipad_img {
    z-index: -1;
	padding-top: 96px;
}
.ipad_img img {
    width: 162px;
    height: 235px;
}
*/

.mgz_img.pro105_cover {
    position: absolute;
    top: 107px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.mgz_img.pro105_cover img {
    max-width: 147px;
    height: 201px;
}
.pro105_img {
    z-index: -1;
	padding-top: 86px;
}
.pro105_img img {
    width: 168px;
    height: 243px;
}



.mgz_img.pro11_cover {
    position: absolute;
    top: 79px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.mgz_img.pro11_cover img {
max-width: 170px;
height: 240px;
	border-radius: 5px;
}
.pro11_img {
    z-index: -1;
	padding-top: 70px;
}
.pro11_img img {
    width: 186px;
}




.mgz_img.pro_cover {
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.mgz_img.pro_cover img {
    max-width: 190px;
    height: 270px;
	border-radius: 5px;
}
.pro_img {
    z-index: -1;
	padding-top: 38px;
}
.pro_img img {
    width: 207px;
    height: 292px;
}


.mgz_img.surface3_cover {
    position: absolute;
    top: 112px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.mgz_img.surface3_cover img {
	max-width: 135px;
    height: 209px;
}
.surface3_img {
    z-index: -1;
	padding-top: 95px;
}
.surface3_img img {
    width: 168px;
    height: 243px;
}


#ebooksDetail dl{
	width: auto;
	max-width: 300px;
	margin: 10px auto 0;
}
#ebooksDetail dl dt {
	font-weight: bold;
	font-size: 1.6rem;
}
#ebooksDetail .priceNumber {
	font-size: 2rem;
}
#ebooksDetail .print-btn {
	border-radius: 4px;
	border: 2px solid #F66F13;
	color: #f66f13;
	line-height: 48px;
	font-size: 1.6rem;
}

.magazine-column  {
	margin-bottom: 60px;
}
.magazine-column .otherCategory li{
	margin: 5px;
	float: left;
	width: calc((100% - 20px)/2);
	border: 1px solid #010684;
	color: #010684;
	height: auto;
}
.magazine-column .otherCategory li a{
	color: #010684;
	line-height: 46px;
	height: auto;
}
.magazine-column ul {
    margin-bottom: 60px;
}
.ebooks-main .magazine-column p{
	font-size: 1.3rem;
	padding: 0px 30px 20px;
}

.ebooks-main .magazine-column .ebooks-head-box p{
	font-size: 1.2rem;
}

.ebooks h4{
font-size: 1.2rem;
margin: 20px 0;
}
.ebooks h4 strong{
font-size: 2.2rem;
}
.ebooks h4 span{}
/* 中古 */
.ebooks h4 div{
/*	display: initial;	*/
display: inline-block;
border: solid 1px #000;
margin: 0 10px;
padding: 2px 10px;
}
#headMagazine #magazineArea {
    margin-left: 16%;
    margin-right: 16%;
    width: auto;
    position: relative;
    margin-bottom: 20px;
    padding: 0 8%;
}
#headMagazine #titleArea {
    width: auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.ebooks-main p {
    font-size: 1.3rem;
}
#titleArea #lead {
    font-size: 1.4rem;
}
#titleArea #caption01 {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    background-color: #010101;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    margin-top: 2em;
}
#titleArea #caption02 {
    font-size: 16px;
    border: solid 1px #000;
    /* width: 44%; */
    width: calc(20% + 10em);
    text-align: center;
    padding: 2px 4px;
    margin: 15px 0 0;
    font-weight: bold;
}
#titleArea #caption02 span {
    font-size: 13px;
}
#titleArea #priceList {
    /* width: 45%; */
    height: 90px;
    float: left;
}
#titleArea #priceList tr td.setPrice {
    font-size: 12px;
    /* text-align: center; */
    line-height: 140%;
    padding: 10px 4px 0px 0;
    /* width: 30%; */
}
#titleArea #priceList .priceNumber {
    /* font-size: 2.6em; */
    font-size: 34px;
    text-align: right;
    padding: 15px 0 0 0px;
}
#titleArea #priceList td, #titleArea #priceList2 td {
	padding: 0;
	font-size: 14px;
}
#priceList .taxYen span, #priceList2 .taxYen span, .addCourse td.priceNumber span.yen {
    line-height: 100%;
}
#titleArea #priceList2 {
    height: 90px;
    float: right;
	position: relative;
}
#titleArea #priceList2 tr td.setPrice {
    font-size: 25px;
    padding: 15px 0 0 0;
    letter-spacing: -0.1em;
}
#titleArea #priceList2 .priceNumber {
    font-size: 46px;
    text-align: right;
    padding: 8px 0 0 0;
}



/* @media (min-width:751px){ */
@media (min-width:950px){
	
#asahidigital .inner h1{
  background-position: right bottom;
  padding: 90px 60px;
}
#headMagazine {
  width: 85%;
  margin: 0 auto 60px;
}
#headMagazine #magazineArea {
    width: 50%;
    float: left;
    margin: 0;
}
#headMagazine #titleArea {
    width: 50%;
    float: left;
    margin: 0;
    max-width: 540px;
}

	.ebooks h1 p:first-child img{
	max-width: 209px;
	width: 100%;
	}
	.ebooks h1 p:last-child img{
	max-width: 342px;
	width: 100%;
	}
	
#headMagazine{
	width: 85%;
	margin: 0 auto;
}
	
#priceList .taxYen, #priceList2 .taxYen, .addCourse td.priceNumber span.yen {
    font-size: 1.3rem;
    text-align: center;
}


#ebooksDetail section ul li {
	width: calc((100% - 80px )/3);
	margin-left: 20px;
	float: left;
	text-align: center;
	margin-top: 10px;
}
#ebooksDetail section ul li:nth-of-type(2n+1) {
	clear: none;
}
#ebooksDetail section ul li:nth-of-type(3n+1) {
	clear: both;
}

#ebooksDetail section ul li .thum {
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 330px;
    vertical-align: bottom;
    position: relative;
}

.mini4_img {
	padding-top: 130px;
}

.ipad_img {
	padding-top: 89px;
}

.magazine-column .otherCategory li{
	margin: 5px;
	float: left;
	width: calc((100% - 40px)/4);
	border: 1px solid #010684;
	font-size: 1.8rem;
}
.ebooks-main .magazine-column p{
	font-size: 1.6rem;
}
.ebooks-main .magazine-column .ebooks-head-box p{
	font-size: 1.6rem;
}


	
.ebooks h4{ font-size: 1.6rem;}
.ebooks h4 strong{ font-size: 2.8rem;}


	
	

}


@media (min-width:1024px){
#magazineArea #magazine01 img {
    max-height: 360px;
    max-width: 312px;
	width: auto;
}

}


@media (min-width:1200px){


}

/* ～320px */
@media screen and (max-width: 320px) {
#magazineArea #magazine02,
#magazineArea #magazine03{
	display: none;
}
}

/* ～425px */
@media screen and (max-width: 425px) {
	

	.ebooks h1{ padding: 15px!important;}
	.ebooks h1 p:first-child img{ padding: 0 0 20px;}
	.ebooks h1 p:last-child img{ }
	
	
	#titleArea #priceList{
		float:none;
		height:80px;
		margin-left:1em;
	}
	#titleArea #priceList .priceNumber{
		font-size:32px;
		padding-top:5px;
	}

	#titleArea #priceList2{
		float:none;
		height:60px;
		margin-left:2em;
	}
	#titleArea #priceList2 tr td.setPrice{
		font-size:18px;
	}
	#titleArea #priceList2 .priceNumber{
		font-size:38px;
	}
	
	
	#titleArea #caption02{ margin: 20px auto 0;}
	#titleArea #priceList,#titleArea #priceList2{
margin: 0 auto;
	}
	

/* 201218追加分 --------------------------------------------------- */
#headMagazine .courseArea {
    display: flex;
    justify-content: center;
}
.tax_no_include {
	bottom: -1.6em;
}
.addCourse {
    margin-top: 30px;
}
/* --------------------------------------------------------------- */


	
}

/* @media screen and (max-width: 600px) { */
@media screen and (max-width: 751px) {
#ebooksDetail section ul li {
    width: 100%;
    margin-left: 0;
}

}

#ebooksDetail section ul li .thum {
	height: auto;
/*	height: 310px;*/
}

.ebooks h1 img.ttl_pm{

	width: 45%;
	padding: 0 0 30px;
	display: block;
}
.ebooks h1 img.ttl_ipad{

	width: 45%;
	padding: 0;
	display: block;
}
	
.mgz_img.mini4_cover {
    top: 32px;
}
.mini4_img {
	padding-top: 10px;
}

.ipad_img,
.pro105_img,
.pro_img,
.surface3_img{
    padding-top: 60px;
}

.mgz_img.ipad_cover {
	top: 109px;
}
.mgz_img.pro105_cover {
    top: 82px;
}
.mgz_img.pro_cover {
    top: 72px;
}
.mgz_img.surface3_cover {
    top: 77px;
}
	
/* 7.9 */
.ipadmini7_9_img,.ipadmini3_7_9_img,.ipadmini4_7_9_img{ padding-top: 130px;}
.ipadmini7_9_img img,.ipadmini3_7_9_img img,.ipadmini4_7_9_img img{
width: 136px;
height: 200px;
}
.ipadmini7_9_cover,.ipadmini3_7_9_cover,.ipadmini4_7_9_cover{
	position: absolute;
	width: 118px;
	height: 156px;
	top: 152px;
	margin: 0 -50%;
	left: calc(100% - 118px / 2);
	display: flex;
	justify-content: center;
	align-items: center;
}
.ipadmini7_9_cover img,.ipadmini3_7_9_cover img,.ipadmini4_7_9_cover img{
	max-height: 100%;
	height: auto;
	max-width: 100%;
	width: auto;
}
.ipad_img, .ipadair2_9_7_img {
    padding-top: 94px;
}
.ipad_cover, .ipadair2_9_7_cover {
    position: absolute;
    width: 146px;
    height: 202px;
    top: 110px;
    margin: 0 -50%;
    left: calc(100% - 146px / 2);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 9.7 */
.ipad_img,.ipadair2_9_7_img{ padding-top: 94px;}
.ipad_img img,.ipadair2_9_7_img img{
    width: 164px;
    height: 245px;
}.ipad_cover, .ipadair2_9_7_cover

.ipad_cover,
.ipadair2_9_7_cover{
    position: absolute;
    width: 146px;
    height: 202px;
    top: 110px;
    margin: 0 -50%;
    left: calc(100% - 146px / 2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.ipadair2_9_7_cover img,
.ipad_cover img{
	max-height: 100%;
	height: auto;
	max-width: 100%;
	width: auto;
}



/* 10.5 */
.ipadair10_5_img{
z-index: -1;
padding-top: 86px;
}
.ipadair10_5_img img{
	max-height: 100%;
	height: auto;
	max-width: 100%;
	width: auto;
}
.ipadair10_5_cover{
	position: absolute;
	width: 159px;
	height: 211px;
	top: 106px;
	margin: 0 -50%;
	left: calc(100% - 159px / 2);
	display: flex;
	justify-content: center;
	align-items: center;
}
.ipadair10_5_cover img{
	max-height: 100%;
	height: auto;
	max-width: 100%;
	width: auto;
}

/* 11 */
.ipadpro11_img{
z-index: -1;
padding-top: 70px;
}
.ipadpro11_img img{
width: 186px;
}
.ipadpro11_cover{
    position: absolute;
    width: 168px;
    height: 240px;
    top: 79px;
    margin: 0 -50%;
    left: calc(100% - 168px / 2);
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 4px;
	    overflow: hidden;
}
.ipadpro11_cover img{
	max-height: 100%;
	height: auto;
	max-width: 100%;
	width: auto;
}

/* 12 */
.ipadpro12_9_img{
z-index: -1;
padding-top: 38px;
}
.ipadpro12_9_img img{
width: 207px;
height: 292px;
}
.ipadpro12_9_cover{
position: absolute;
    width: 188px;
    height: 272px;
    top: 49px;
    margin: 0 -50%;
    left: calc(100% - 188px / 2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
	    overflow: hidden;
}
.ipadpro12_9_cover img{
	max-height: 100%;
	height: auto;
	max-width: 100%;
	width: auto;
}

@media (min-width:950px){
	.ebooks h1 p:first-child img{
	max-width: 209px;
	width: 100%;
	}
	.ebooks h1 p:last-child img{
	max-width: 342px;
	width: 100%;
	}
	
#headMagazine{
	width: 85%;
	margin: 0 auto;
}
	
#priceList .taxYen, #priceList2 .taxYen, .addCourse td.priceNumber span.yen {
    font-size: 1.3rem;
    text-align: center;
}

#headMagazine #magazineArea img {
  width: auto;
  height: auto;
  max-width: 100%;
}


#magazineArea #magazine02 {
    position: absolute;
    bottom: 0;
    right: 21px;
    width: 153px;
    margin-right: 15px;
}
	
#magazineArea #magazine03 {
	right: 45px;
}

#ebooksDetail section ul li {
	width: calc((100% - 80px )/3);
	margin-left: 20px;
	float: left;
	text-align: center;
	margin-top: 10px;
}
#ebooksDetail section ul li:nth-of-type(2n+1) {
	clear: none;
}
#ebooksDetail section ul li:nth-of-type(3n+1) {
	clear: both;
}

#ebooksDetail section ul li .thum {
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 330px;
    vertical-align: bottom;
    position: relative;
}

.mini4_img {
	padding-top: 130px;
}

.ipad_img {
	padding-top: 89px;
}

.magazine-column .otherCategory li{
	margin: 5px;
	float: left;
	width: calc((100% - 40px)/4);
	border: 1px solid #010684;
	font-size: 1.8rem;
}
.ebooks-main .magazine-column p{
	font-size: 1.6rem;
}
.ebooks-main .magazine-column .ebooks-head-box p{
	font-size: 1.6rem;
}

/*  */

.ebooks h4{font-size: 1.6rem;}
.ebooks h4 strong{ font-size: 2.8rem;}

.magazine-column .otherCategory li{
	margin: 5px;
	float: left;
	width: calc((100% - 40px)/4);
	border: 1px solid #010684;
	font-size: 1.8rem;
}
.ebooks-main .magazine-column p{
	font-size: 1.6rem;
}
.ebooks-main .magazine-column .ebooks-head-box p{
	font-size: 1.6rem;
}
	
	

}
.ipad_img {
    padding-top: 89px;
}
@media (min-width:1024px){
#magazineArea #magazine01 img {
    max-height: 360px;
    max-width: 312px;
	width: auto;
}

}
/* 表 */
.payment{
	padding: 0 10px;
}
.payment table{
	width: 100%;
	margin: 10px 0;
	border: 1px solid #aaa;
}
.payment table tr{}
.payment table tr th{
/*
	font-size: 1.3rem;
	line-height: 130%;
	background: #eee;
	border: 1px solid #aaa;
	padding: 1.5vw 0.5vw;
*/
    width: 25%;
    font-size: 1.6rem;
    line-height: 130%;
    background: #eee;
    border: 1px solid #aaa;
    padding: 1.5vw 0.5vw;
	font-weight: normal;
}
.payment table tr td{
	border: 1px solid #aaa;
	padding: 6px 4px;
}


.payment table tr td{
	font-size: 1.6rem;
}
.payment table tr td span{
	font-weight: bold;
	font-size: 2rem;
}
.payment table tr td span.yen{
font-weight: normal;
font-size: 1.2rem;
	padding: 0 0 0 5px;
}




/* 月々表 */
/*
.payment table.monthly th{
	width: 35%;
	font-size: 1.3rem;
	line-height: 130%;
	background: #eee;
	padding: 0;
}
*/

.payment table.monthly th {
    width: 25%;
    font-size: 1.6rem;
    line-height: 130%;
    background: #eee;
    padding: 0;
}

.payment table.monthly td{
width: 75% ;
}


/* 表_end */
#app  .icon img {
	width: 120px;
	float: left;

}
#app {

}


#app .bnr {
	width: 200px;
	padding: 10px;
	margin: auto;
}
#app .wrap .txt p {
	font-size: 12px;
}
#app .wrap .txt {
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#read {
	margin-bottom: 50px;
}
#merit{
	padding-bottom: 60px;
}
#merit .inner,
#read .inner{
	clear: both;
}
#merit .inner::after,
#read .inner::after{
	clear: both;
	content: "";
	width: 100%;
	display: block;
	height: 0;
}
.read {
  clear: both;
}
.read img {
	width: auto;
	max-width: 100%;
}

 .read p {
    font-size: 15px;
    line-height: 1.8;
}

dl.magCaution {
    width: 80%;
    margin: 50px auto;
    padding: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    background: rgb(246, 246, 246);
}
 dl.magCaution dt {
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
dl.magCaution dd {
    font-size: 13px;
    margin: 0px;
    padding: 10px 0px 0px;
}

 .bnrCnt {
    width: 800px;
    /* height: 135px; */
    position: relative;
    margin: 40px auto 60px;
	 max-width: 100%;
}
.bnrCnt img{
	width: auto;
	max-width: 100%;
	margin: 10px auto;

}
.bnrCnt a {
    text-align: center;
	display: block;
}
 .bnrCnt p {
    font-size: 12px;
    padding: 5px 0px 0px;
}

#asahidigitalPrint {
	max-width: 840px;
	margin: auto;
}
#asahidigitalPrint img{
	width: auto;
	max-width: 100%;
}
#asahidigitalPrint .txtBox .price {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
#asahidigitalPrint  .pHead h1 {
	text-align: left;
}
#asahidigitalPrint #print {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	flex-wrap: wrap;
}
#asahidigitalPrint  .pHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
}



#asahidigitalPrint .txtBox .price .mm {
	font-size: 28px;
	text-align: center;
}
#asahidigitalPrint #print .txtBox h3 {
	font-size: 30px;
}
#asahidigitalPrint #print .txtBox h3 strong {
	font-size: 48px;
}


#asahidigitalPrint .txtBox .price .mm .setLabel {
	font-size: 12px;
}
#asahidigitalPrint .txtBox .price .no {
	font-size: 74px;
	font-weight: bold;
	line-height: 74px;
}

#asahidigitalPrint .txtBox .price .yen .zei {
	font-size: 12px;
	display: block;
}
#asahidigitalPrint .txtBox .price .yen {
	font-size: 18px;
}

#asahidigitalPrint #print .txtBox .bg {
	background-color: #000;
	color: #fff;
	font-size: 21px;
}
#asahidigitalPrint #setPrint {
	margin-top: 20px;
	text-align: left;
	margin-bottom: 30px;
}
#asahidigitalPrint #setPrint h3 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 40px;
}
#asahidigitalPrint #setPrint ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 80px;
}
#asahidigitalPrint #setPrint ul li {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 16px;
	padding-right: 40px;
	flex: 1 1 300px;
	font-weight: bold;
	margin-bottom: 10px;
}
#asahidigitalPrint #setPrint ul li span {
	font-weight: lighter;
	font-size: 12px;
	display: block;
}
#asahidigitalPrint .tc img {
	max-width: 100%;
}
#asahidigitalPrint .tc {
	max-width: 100%;

}

/* 960px～ */
@media screen and (min-width: 960px) {
	.ebooks-head-box p {
		clear: none;
	}

	.ebooks #support ul li{
  margin: 14px;
  flex: 0 1 30%;
	}
}

/* 1200px～ */
@media screen and (min-width: 1200px) {}

/* ～320px */
@media screen and (max-width: 320px) {
.magazineArea {
    max-height: 120px;
}

.magazine-column li p {
    height: 40px;
}

}