@charset "UTF-8";

/* =======================================================================

CSSの名前：pdf_xchange_lp.css 

/ext/pdf_xchange_lp.xhtml

--------------------------------------------------------------------------*/

#jstore #main3 {clear:both;width:100%!important;background: #fff;box-sizing: border-box; padding-bottom: 0;"}
#jstore #main3 .inner {clear:both;width: 1055px!important;margin:0 auto;padding:0!important;box-sizing: border-box;}
#jstore .red {color: #c80010;}
#jstore .small {font-size:75%;}
#jstore .bigTxt {font-size:120%;}
#jstore a:hover {text-decoration: none;}

#seriesBg {background: url("../images/detail/pdf_xchange_biz/series_bg.png");margin: 50px 0; padding:30px 0 50px!important;}
#ttl_kaiin {background: url("../images/detail/pdf_xchange_lp/ttl_bg_red.png");background-size:100%;width:100%;height:250px;}

.kaiin_inner {display: flex; width:1200px;margin:0 auto;}
.btnKaiin {width:275px;height: 62px; font-weight: bold;color:#333;font-size:1.9em;text-align: center;box-sizing: border-box;margin:150px auto 0!important; padding:18px 0 0 35px!important;background:url("../images/detail/pdf_xchange_lp/icon_crown.png")no-repeat #f3d82f; background-position: left 35px top 14px; border:1px solid #fff;}
a:hover .btnKaiin {background-color: #fcc401;text-decoration: none;border:2px solid #000;}

#productArea {background:url("../images/detail/pdf_xchange_lp/product_bg_blk.png") repeat-x #f1f4f8; width: 100%;margin-top: 50px;}
#productArea_inner {background: url("../images/detail/pdf_xchange_lp/pdfx_bg.png") no-repeat right 0;padding: 50px 0 100px;}
#productArea h1 {text-align: center;margin-top: 30px;}

.productBox {width:1205px;margin: 0 auto; background: #fff;margin-top: 30px;padding:40px 40px;filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.2));}
.borderGry {border: 3px solid #999;}
.borderGld {border: 3px solid #bb842a;}
.productBox .imgBo x{width:300px;}
.productBox .txtBox {width:835px;padding:5px 0 0 30px;}
.productBox .txtBox h2 {font-size:2.4em;padding-bottom: 0;padding: 0;margin:20px 0 0;font-weight: normal;}
.productBox .txtBox h3 { font-size:4.2em;margin: 0 0;}

.price {font-size:2.4em;font-weight: bold;font-family: Verdana, Geneva, "sans-serif";}
.price span {font-size: 65%;font-weight: normal;}

.btnBuy {width:370px;height: 70px; font-weight: bold;color:#FFF;font-size:2.0em;border-radius: 35px;text-align: center;box-sizing: border-box;margin:5px auto!important; padding:20px 0  5px 20px!important;background: #ff0014;border:3px solid #ff0014;background-image: url(../images/svg/cart.svg); background-repeat: no-repeat; background-size: 30px 30px; background-position: 85px 19px;}
a:hover .btnBuy {background: #fddbde;text-decoration: none;border:3px solid #d60000;color:#d60000;background-image: url(../images/svg/cart_hover.svg);background-repeat: no-repeat;background-size: 30px 30px; background-position: 85px 19px;}

.licenceBox {width:430px; text-align: center;}

.ttlOne {display:block;position: relative;background: #ccc;margin:0 auto;border-radius: 8px;margin-bottom: -10px;width:260px;height:35px;font-size: 1.6em;line-height: 1.3;padding:8px 0 0 0!important;top:-20px;text-align: center;}
.ttlOne:after {position: absolute; content: '';top: 100%;border: 20px solid transparent;border-top: 15px solid #ccc;width: 0;height: 0;left: 105px!important;}

.oneBox {width:375px;}
.btnBox {margin:10px; background: #f3f3f3; border:2px solid #ccc;padding-bottom: 20px;}

.colDL {background:#d30086;border:2px solid #d30086;padding:8px 0 0 95px;background-image: url(../images/svg/cart.svg); }
.colPKG {background:#070ddd;border:2px solid #070ddd;padding:8px 0 0 105px;background-image: url(../images/svg/cart.svg); }
.btnOne {display: block; width:280px;height:40px;font-size:1.6em;font-weight: bold; margin: 10px auto 0;color: #fff;background-repeat: no-repeat; background-size: 24px 23px;background-position: 62px 6px;}

a:hover .colDL {background:#ffe1f4;color: #d30086;background-image: url(../images/svg/cart_hover_dl.svg);}
a:hover .colPKG {background:#dee9ff;color: #070ddd;background-image: url(../images/svg/cart_hover_pkg.svg);}
a:hover .btnOne {background-repeat: no-repeat; background-size: 24px 23px;background-position: 62px 6px;}
.pkgArea {clear:both;display: flex;width: 850px;height: 110px; background: #fff0ad;padding: 10px 10px 10px 80px;margin: 50px auto 50px;}



/* キャンペーン
-------------------------------------------------------------*/	
.ttlCpn {position: relative;text-align: center;color: #cc0000;font-weight: bold;font-size: 1.9em;top: -10px;}
.cpnArea{ width:824px;margin: 20px auto;}
.cpnArea dl {display: flex; flex-wrap: wrap;width:700px;margin: 20px auto;font-size:1.5em;}
.cpnArea dt {width:20%;padding-bottom: 10px;}
.cpnArea dd {width:80%;padding-bottom: 10px;}


/* ふきだし
-------------------------------------------------------------*/	
.speechBubble { position: relative; display: inline-block;width:260px; margin-left:50px; padding: 8px 16px 6px; border: 2px solid #999999; border-radius: 4px; background-color: #ffffff; text-align: left; font-size: 1.5em; font-weight: 400; line-height: 1.5; color: #000000;top:-20px;margin-bottom: -10px;}
.speechBubble::before { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 20px 20px 0 20px; border-color: #999999 transparent transparent; translate: -50% 100%;}
.speechBubble::after { content: ""; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 17.2px 17.2px 0 17.2px; border-color: #ffffff transparent transparent; translate: -50% 100%;}