@charset "utf-8";


.ebooks .man h1{
	background: url(/ebooks/img/man.jpg) no-repeat;
margin: 0 0 80px;
background-position: 70% 0;
padding: 25px;
	background-size: cover;
	max-height: 240px;
}
.ebooks .woman h1{
	background: url(/ebooks/img/woman.jpg) no-repeat;
margin: 0 0 80px;
background-position: 70% 0;
height: auto;
padding: 25px;
	background-size: cover;
	max-height: 260px;
}


	.ebooks h1 p:first-child img{
	width: 24%;
	padding: 0 0 30px;
	display: block;
}
	.ebooks h1 p:last-child img{
	width: 40%;
	padding: 0;
	display: block;
}

#headMagazine #magazineArea  {
	margin-left: 16%;
	margin-right: 16%;
	width: auto;
	position: relative;
	margin-bottom: 20px;
	padding:0 8% ;
}
#magazineArea #magazine01  {
	width: 100%;
	margin-right: 22%;
	padding-bottom: 10px;
}

#magazineArea #magazine01 img {
    max-height: 100%;
    max-width: 312px;
}

#magazineArea #magazine02 {
    position: absolute;
    bottom: -3px;
    right: -24px;
    width: 153px;
}
#magazineArea #magazine03 {
	position: absolute;
	right: -15px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 136px;
	height: 180px;
    bottom: 19px;
}

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


#headMagazine #titleArea {
	width: auto;
	max-width: 540px;
/*	margin-left: 6%;
	margin-right: 6%;	*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: auto;
}
#titleArea p strong img{
	width: auto;
	max-width: 100%;
	height: auto;
	margin: auto;
	display: block;
	margin-bottom: 8px;
	background: url(/ebooks/img/magazine/logo/original.jpg) no-repeat right bottom;
	padding-bottom: 22px;
}

#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 .end>#caption01 {
	background-color: #AAAAAA;
}
#titleArea .end>p{
	margin-top: 5px;
}


#titleArea #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;
}

#titleArea #caption02 span{
font-size: 13px;
}

/* 料金 */

#titleArea #priceList td,
#titleArea #priceList2 td{ padding: 0;}


#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 #priceList2{
/*width: 45%;*/
height: 90px;
float: right;
position: relative;
}

/* 月々 */
#titleArea #priceList2 tr td.setPrice{
/*	font-size: 26px;	*/
	font-size: 25px;
	padding: 15px 0 0 0;
/*	width: 20%;*/
	letter-spacing: -0.1em;
}

/* 金額 */
#titleArea #priceList2 .priceNumber{
	/* font-size: 3.2em; */
	font-size: 46px;
	text-align: right;
	padding: 8px 0 0 0;
}



#priceList .taxYen,
#priceList2 .taxYen{
    font-size: 1rem;
    text-align: center;
}

#priceList .taxYen .big,
#priceList2 .taxYen .big{
font-size: 2.5rem;
}


#priceList .taxYen span,
#priceList2 .taxYen span{
line-height: 100%;
}
#priceList .taxYen span{
margin: 8px 0 0 2px;
}
/* 店頭支払金_end */



.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;
}





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

.payment table tr.ttl td:nth-child(2){
width: 20%;
font-size: 1.6rem;
/* font-size: 2vw; */
font-weight: normal;
}



.payment table tr td:nth-child(1){
width: 20%;
font-size: 1.6rem;
/* font-size: 2vw; */
/*	padding: 10px 0;	*/
}

.payment table tr td:nth-child(2),
.payment table tr.ttl td:nth-child(3)
{
width: 55%;
font-size: 2rem;
/* font-size: 2.4vw; */
/*	padding: 10px 0;	*/
font-weight: bold;
}

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




/* 月々表 */
.payment table.monthly th{
width: 25%;
font-size: 1.6rem;
line-height: 130%;
background: #eee;
padding: 0;
}
.payment table.monthly td{
width: 75% !important;
}


/* 表_end */



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


/* 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;
}



/* 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{
    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;
}


/* iPad */
#ipad .ipad_cover{}
#ipad .ipad_cover img{}
#ipad .ipad_img{}
#ipad .ipad_img img{}

/* iPad mini 7.9インチ */
#ipadmini7_9 .ipadmini7_9_cover{}
#ipadmini7_9 .ipadmini7_9_cover img{}
#ipadmini7_9 .ipadmini7_9_img{}
#ipadmini7_9 .ipadmini7_9_img img{}

/* iPad Air 10.5インチ */
#ipadair10_5 .ipadair10_5_cover{}
#ipadair10_5 .ipadair10_5_cover img{}
#ipadair10_5 .ipadair10_5_img{}
#ipadair10_5 .ipadair10_5_img img{}

/* iPad Pro 11インチ */
#ipadpro11 .ipadpro11_cover{}
#ipadpro11 .ipadpro11_cover img{}
#ipadpro11 .ipadpro11_img{}
#ipadpro11 .ipadpro11_img img{}

/* iPad Pro 12.9インチ */
#ipadpro12_9 .ipadpro12_9_cover{}
#ipadpro12_9 .ipadpro12_9_cover img{}
#ipadpro12_9 .ipadpro12_9_img{}
#ipadpro12_9 .ipadpro12_9_img img{}

/* iPad mini3 7.9インチ */
#ipadmini3_7_9 .ipadmini3_7_9_cover{}
#ipadmini3_7_9 .ipadmini3_7_9_cover img{}
#ipadmini3_7_9 .ipadmini3_7_9_img{}
#ipadmini3_7_9 .ipadmini3_7_9_img img{}

/* iPad mini4 7.9インチ */
#ipadmini4_7_9 .ipadmini4_7_9_cover{}
#ipadmini4_7_9 .ipadmini4_7_9_cover img{}
#ipadmini4_7_9 .ipadmini4_7_9_img{}
#ipadmini4_7_9 .ipadmini4_7_9_img img{}

/* iPad Air2 9.7インチ */
#ipadair2_9_7 .ipadair2_9_7_cover{}
#ipadair2_9_7 .ipadair2_9_7_cover img{}
#ipadair2_9_7 .ipadair2_9_7_img{}
#ipadair2_9_7 .ipadair2_9_7_img img{}



.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;

}

#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;
}
.print-btn: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: contain;
    vertical-align: middle;
}

/* 201218追加部分 --------------------------------------------------- */
#titleArea #caption02 .course_on{
    font-size: 16px;
    border: solid 1px #000;
    max-width: 300px;
    text-align: center;
    padding: 2px 4px;
    margin: 30px auto;
    font-weight: bold;
}
#titleArea .addCourse {
    margin-top: 120px;
}
#headMagazine .courseArea {
    display: flex;
    justify-content: flex-start;
}
.courseArea .tag {
    margin-top: 0.8em;
}
.ebooks-main p {
    font-size: 1.3rem;
}
.tax_no_include {
    font-size: 0.8em;
    clear: both;
    position: absolute;
    bottom: -.5em;
    right: -8px;
}
.tax_no_include td {
    font-size: 14px;
}
.tag {
    font-size: 16px;
    border: solid 1px #333;
    font-weight: bold;
    text-align: center;
	padding: 2px 4px;
	
}
.tag_sptab {
    background: #33bdf2 !important;
    color: #fff;
    margin-left: 0.8em;
}
.tag_multi {
    background: #ef6da8 !important;
	color: #fff;
	margin-left: 0.8em;
	padding: 2px 29px;
}
table#priceList2 span.yen {
    font-size: 15px;
}
#priceList .taxYen span.noTax, #priceList2 .taxYen span.noTax {
    line-height: 3;
    display: block;
}
/* 201218追加部分 --------------------------------------------------- */

/* 211221追加部分 --------------------------------------------------- */
h3.mark-blue.mark-left span.attention{
	font-weight: normal;
	margin-left: 10px;
	font-size: 70%;
}
/* 211221追加部分 --------------------------------------------------- */

/* @media (min-width:751px){ */
@media (min-width:950px){
	
.ebooks h1{
background-position:right bottom;
	padding: 30px;
}
	
	
	.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 {
    font-size: 1.3rem;
    text-align: center;
}

#headMagazine #titleArea {
	width: 50%;
	float: left;
	margin: 0;
}

#headMagazine #magazineArea {
	width: 50%;
	float: left;
	margin: 0;
}

#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;
}

/*  */
.payment table tr.ttl td:nth-child(2){}
.payment table tr td:nth-child(1){}

.payment table tr td:nth-child(2),
.payment table tr.ttl td:nth-child(3){}
	
.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: 90px;
		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;
}
#headMagazine .courseArea {
    justify-content: center;
}
/* 201218追加部分 --------------------------------------------------- */
#titleArea .addCourse {
    margin-top: 30px;
}
/* 201218追加部分 --------------------------------------------------- */
}

/* @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: 81px;
}
.mgz_img.pro105_cover {
    top: 82px;
}
.mgz_img.pro_cover {
    top: 72px;
}
.mgz_img.surface3_cover {
    top: 77px;
}
	
/*  */
.payment table tr.ttl td:nth-child(2){}
.payment table tr td:nth-child(1){}

.payment table tr td:nth-child(2),
.payment table tr.ttl td:nth-child(3){}

/* 201218追加部分 --------------------------------------------------- */

.tax_no_include {
    bottom: 4px;
}
/* 201218追加部分 --------------------------------------------------- */
}

@media screen and (max-width: 750px) and (orientation:landscape) {
#magazineArea #magazine01 img {
    max-height: 360px;
    max-width: max-content;
    width: auto;
}
}


@media print{

#headMagazine #titleArea {
	width: 50%;
	float: left;
	margin: 0;
}
#headMagazine #magazineArea {
	width: 50%;
	float: left;
	margin: 0;
}
#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;
}
.magazine-column .otherCategory li{
	margin: 5px;
	float: left;
	width: calc((100% - 40px)/4);
	border: 1px solid #010684;
	font-size: 1.8rem;
}
}


/** 221102　トップバナーの下に文言を表示 **/
.ebooks .man h1,
.ebooks .woman h1{
    margin: 0 0 5em;
    position: relative;
}
/** .ebooks .man h1::after,
.ebooks .woman h1::after{
    white-space: pre;
    content: "本ページは順次改装を行っております。\A最新のご契約は店頭にてご相談ください。";
    color: #f00;
    text-align: center;
    padding: 1em;
    border: solid 1px #f00;
    width: calc(96% - 2em);
    max-width: 600px;
    position: absolute;
    bottom: -6em;
    font-size: 15px;
    left: 50%;
    -webkit-transform: translate(-50%);
} **/
@media screen and (min-width: 751px) {
.ebooks .man h1,
.ebooks .woman h1{
    /** margin: 0 0 6em; **/
    margin: 0 0 3em;
}
.ebooks .man h1::after,
.ebooks .woman h1::after{
    font-size: 18px;
    bottom: -7em;
}
}