@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;}
#jstore #main3 .inner{clear:both;width: 1055px!important;margin:0 auto;padding:0 0 90px!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;}
#jstore #main3 #breadcrumbsline{width:1095px;margin:0 auto;}
.flex{display: flex;}

#seriesBg{background: url("../images/detail/pdf_xchange_biz/series_bg.png");margin: 50px 0; padding:40px 0 0;}

#jstore h2{text-align: center;font-size:3.2em;clear:both;margin:0;font-weight: bold;color:#fff;background: #000;padding:5px 0 5px;}
#jstore h2 span{background: linear-gradient(rgba(0,0,0,0) 85%, rgb(78,106,133) 85%);padding: 0 20px;}

.ttl{width:1055px;margin: auto;padding:30px 0 0 0;}
.productBoxA{display: flex;background: #fff;margin-top: 30px;padding:20px 50px;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.1));}

/*.productBoxA{display: flex;background: #fff;margin-top: 30px;padding:20px 50px;background-image: url("../images/detail/pdf_xchenge_biz/10off_202403.png");background-repeat: no-repeat; background-position:top 10px right 10px;}*/

.productBoxA .imgBox{width:250px;}
.productBoxA .txtBox {width:670px;padding-top:5px;}
/*.productBoxA .txtBox {width:570px;padding-top:5px;}*/
.productBoxA .txtBox h3{font-size:2.4em;color: #2f428a;border-bottom: 1px solid #2f428a;padding-bottom: 5px;padding: 0;margin:20px 0 0;}
.productBoxA .txtBox h4{font-size:3.8em;margin: 5px 0 30px;}

.productBoxB{display: flex;width:520px; background: #fff;margin: 30px 0 60px;padding:20px 20px;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.1));}
.productBoxB .imgBox{width:250px;padding: 0 20px 0 0;}
.productBoxB .txtBox h3{font-size:1.8em;color: #2f428a;border-bottom: 1px solid #2f428a;padding-bottom: 5px;padding: 0 0 3px;line-height: 1.2;margin:20px 0 10px;}
.productBoxB .txtBox h4{font-size:2.4em;margin: 5px 0 30px;}
.productBoxB .txtBox p{font-size:1.6em;line-height: 1.2;height: 80px!important;}

.btnDetails{width:200px;font-weight: bold;color:#FFF;font-size:16px;border-radius: 30px;text-align: center;box-sizing: border-box;margin:5px auto!important; padding:6px 0 5px 0!important;background: #2f428a;border:2px solid #2f428a;}
a:hover .btnDetails{background: #3300ff;text-decoration: none;border:2px solid #2f428a;color:#ffff00;}

.btnBuy{width:250px;font-weight: bold;color:#FFF;font-size:20px;border-radius: 30px;text-align: center;box-sizing: border-box;margin:5px auto!important; padding:10px 0 5px 0!important;background: #CC0000;border:2px solid #CC0000;}
a:hover .btnBuy{background: #ea4949;text-decoration: none;border:2px solid #CC0000;color:#fff;}

#onelisence .btnBuy{width:200px;font-size:17px;}

.productBoxC{background: #fff;margin: 30px 0 0;padding:40px 50px;}
.productBoxC p{font-size:1.8em;}

.pkgArea{clear:both;display: flex;width: 850px;height: 110px; background: #fff0ad;padding: 10px 10px 10px 80px;margin: 50px auto 50px;}

#jstore #main3 h4.model02{width:100%; margin: 80px auto 0;color: #505050;font-size:2.2em; padding: 0.5em 0.5em 0.4em; display: block; line-height: 1.4; background: #dbebf8;vertical-align: middle; border-radius: 25px 0px 0px 25px;}
#jstore #main3 h4.model02:before { content: '●'; color: white;  margin-right: 8px;}


.btnJS{width:550px;height:43px;font-size:18px;padding:8px 15px 0 50px;margin: 25px 0 0 80px; background: #333;text-align: center;color: #fff;font-weight: bold;}
.btnJS .click{background: #fbcc02;border-radius: 14px;font-size:12px;color:#333;float: right;padding: 2px 20px;margin: 3px 0 0 ;}
a:hover .btnJS{background: #EEE!important;color:#333;border:2px solid #333;padding-top: 6px!important;}
a:hover .btnJS .click{background: #333;color:#fff;}

.kinouBox{width:335px;margin-right: 25px;}
.kinouBox:nth-of-type(3n){margin-right: 0;}
.border{border-style: solid;border-width: 2px;border-radius: 8px;padding:15px;margin: 70px 0 0 ;}
.kinouBox h3{font-size:2.6em;margin: 10px 0 25px;	position: relative;	font-size: 26px;}
.kinouBox h3::before {content: attr(data-number);display: inline-block;margin-right: 15px;padding-right: 10px; font-size: 20px;border-right-style: solid;border-right-width: 1px;}
.kinouBox ul{clear: both;margin-bottom: 20px;}
.kinouBox li{font-size: 1.5em;  position: relative;color:#000; padding: 0 0 5px 1.5em; margin: 0;}
.kinouBox ul li::before { position: absolute; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f00c';}

.kinouBox img{position:relative;top:20px;right:10px;}
.h01{height:290px;}
.h02{height:250px;}
.h03{height:230px;}


/* 機能カラー
-------------------------------------------------------------*/	
.color01{border-color:#e0ba14;color:#e0ba14;}
.color01 li::before{color: #e0ba14;}

.color02{border-color:#40a60a;color:#40a60a;}
.color02 li::before{color: #40a60a;}

.color03{border-color:#c6000b;color:#c6000b;}
.color03 li::before{color: #c6000b;}

.color04{border-color:#119fa5;color:#119fa5;}
.color04 li::before{color: #119fa5;}

.color05{border-color:#3c66f2;color:#3c66f2;}
.color05 li::before{color: #3c66f2;}

.color06{border-color:#1c9acf;color:#1c9acf;}
.color06 li::before{color: #1c9acf;}

.color07{border-color:#a7950a;color:#a7950a;}
.color07 li::before{color: #a7950a;}

.color08{border-color:#e85298;color:#e85298;}
.color08 li::before{color: #e85298;}

.color09{border-color:#999999;color:#999999;}
.color09 li::before{color: #999999;}


/* アップデート
-------------------------------------------------------------*/	
#updateTbl {width: 950px;margin: 50px auto 20px;}
#updateTbl tr{border: 1px solid #999;}
#updateTbl td{padding:15px 15px;}
#updateTbl th{width: 500px;font-size:2.2em;text-align: left;padding-left: 20px;}
.btnDetails_Set{width:250px;color:#9e3bc7;font-size:13px;border-radius: 30px;text-align: center;box-sizing: border-box;margin:5px auto!important; padding:6px 0 5px 0!important;font-weight: normal;background: #ead6f3;border:2px solid #9e3bc7;font-weight: bold;}
a:hover .btnDetails_Set{background: #9e3bc7;text-decoration: none;border:2px solid #9e3bc7;color: #fff;}
.btnDetails_Update{width:200px;color:#FFF;font-size:13px;border-radius: 30px;text-align: center;box-sizing: border-box;margin:5px auto!important; padding:6px 0 5px 0!important;font-weight: normal;background: #d7e8d9;border:2px solid #12731f;color:#12731f;font-weight: bold;}
a:hover .btnDetails_Update{background: #12731f;text-decoration: none;border:2px solid #12731f;color: #fff;}


/* 記事一覧ボタン
-------------------------------------------------------------*/	
.btnSpecialfeature{background: url("../images/detail/pdf_xchange_biz/btn_specialfeature.png") no-repeat;width:900px;height: 130px;margin:100px auto 0!important;padding:30px 0 0 200px;text-align: left;color:#fff;font-size:32px;}
.btnSpecialfeature .btnItiran{display: block; width: 180px; background: #FFF;border:2px solid #CC0000;color:#CC0000;font-size:15px;text-align: center; padding:5px 10px 2px;margin: 0 0 0 210px!important;border-radius: 2px;}
a:hover .btnSpecialfeature {opacity: 0.8;}
a:hover .btnSpecialfeature .btnItiran{background: #CC0000;border:2px solid #CC0000;color:#FFF;}


/* クーポン
-------------------------------------------------------------*/	
#Coupon{background: url(../images/detail/pdf_xchange_biz/coupon_20off.png) no-repeat;width:700px;height: 190px;margin:40px auto 10px!important;padding:0 0 0 310px;text-align: center;overflow:hidden;}
#Coupon #CouponCoad{width:390px;text-align: center;font-size: 28px;font-weight: bold;margin: 100px 0 0 0px!important;color:#ffff00;}
#Coupon #CouponTxt{width:370px;text-align: right;font-size: 15px;margin: 10px 0 0;color: #fff;font-weight:normal;}
#Coupon .small{font-size:70%!important;}
p.noteTxt{font-size:1.4em;}


/* 1ライセンス
-------------------------------------------------------------*/	
a #bnr_one,#onelisence a{color:#000;}
#bnr_one{display: flex; background: #fbcc02;width:1055px;height: 135px;margin: 80px auto 0;font-weight: bold;}
#txtBox{background: url("../images/detail/pdf_xchange_biz/img_one.png") no-repeat; width:730px;font-size:44px;padding:52px 0 0 150px;text-align: center;line-height: 0.7;}
#txtBox span{font-size:20px;color: #CC0000;line-height: 1.0em;}

#clickOne{text-align: center; background: #000;width:250px;height: 80px;color: #fff;font-size:16px;padding: 7px 10px 7px;margin:30px 0;text-align: center;border:3px solid #000;}
#clickOne #txtArea{float:left;padding:8px 0 0 5px ;width:145px;}
a:hover #bnr_one{background: #ffd547;}
a:hover #clickOne{background: #CCC;color:#000;}

#onelisence{border:8px solid #fbcc02;padding:40px 30px 40px 30px;margin: 0 0 100px;}
.onelisenceBox{width:300px;margin:50px 14px 0;}
.onelisenceBox h4 {font-size:2.0em;text-align: center;}

#present{display: flex;margin:50px 50px 0;color:#CC0000;font-size:1.7em;font-weight: bold;}


/* 比較表
-------------------------------------------------------------*/	
#functionTbl{width:1005px;margin:50px auto 100px;}

#functionTbl thead th{color: #fff;border-radius: 18px 18px 0 0;}
#functionTbl th,#functionTbl td{}
#functionTbl thead th{border: 2px solid #fff;font-size: 1.6em;padding:15px;}
#functionTbl thead th.plus{background: #9d4f44;width:200px;}
#functionTbl thead th.editor{background: #2d3254;width:200px;}
#functionTbl thead th.pro{background: #dba900;width:200px;}

#functionTbl tbody th,#functionTbl tbody td{border:1px solid #fff;padding:10px;}
#functionTbl tbody th{text-align: left;padding-left: 35px;font-weight: normal;font-size: 1.6em;}
#functionTbl tbody tr:nth-child(odd) th{background: #f1f1f1;}
#functionTbl tbody tr:nth-child(even) th{background: #e2e2e2;}

#functionTbl tbody td{text-align: center;font-size: 2.0em;}
#functionTbl tbody tr:nth-child(odd) td.c1{background: #f1ebeb;}
#functionTbl tbody tr:nth-child(even) td.c1{background: #ece2e2;}
#functionTbl tbody td.c1{color: #9d4f44;}
#functionTbl tbody tr:nth-child(odd) td.c2{background: #f1f3ff;}
#functionTbl tbody tr:nth-child(even) td.c2{background: #e2e3ed;}
#functionTbl tbody td.c2{color: #2d3254;}
#functionTbl tbody tr:nth-child(odd) td.c3{background: #f0eee8;}
#functionTbl tbody tr:nth-child(even) td.c3{background: #e7e4db;}
#functionTbl tbody td.c3{color: #a68411;}

.functionBtn{width:500px;margin:0 auto 100px;font-size:2.0em;background: #fff; border:3px solid #3300ff;padding:10px;color:#3300ff;text-align: center;}
a:hover .functionBtn{;background: #c7e6f3;}