@charset "utf-8";
h2 a#panfBtn {position: absolute;top: 8px;left: 665px}
h2 a#priceBtn {position: absolute;top: 8px;left: 480px}
#product-con01 {height: 108px;margin: 0 0 10px;padding: 8px 0 0 441px;position: relative;border-bottom: dotted 1px #CCC}
#product-con01 p {font-size: 18px;font-weight: bold}
#product-con01 a {position: absolute;top: 0;left: 0}
#product-con01 a span{position: absolute;top: 45px;left: 211px;color: white;font-size: 18px}
ul#login-link {text-align: right}
ul#login-link li {padding: 0 0 0 10px;display: inline-block}
ul#login-link li a {padding: 0 0 0 10px;font-size: 12px;color: #333;background: url("/img/hp/icon_03.png?_=YWf5Qcg.png") 0 center no-repeat}
#product-con01-2 {height: 108px;margin: 0 0 10px;padding: 8px 0 0 441px;position: relative;border-bottom: dotted 1px #CCC}
#product-con01-2 p {font-size: 18px;font-weight: bold}
#product-con01-2 a {position: absolute;top: 0;left: 0}
#product-con01-2 a span{position: absolute;top: 38px;left: 207px;color: white;font-size: 15px}
#product-con02 {margin: 0 0 0 -14px}
#product-con02 .seriesBox {width: 202px;height: 136px;margin: 0 0 0 14px;float: left}
#product-con02 .seriesBox p {font-size: 13px}
#product-con03 {margin: 0 0 10px;padding: 0 0 0 221px;position: relative}
#product-con03 a {position: absolute;top: 0;left: 0}
#product-description {display: table}
#product-description .columnBlock01 {width: 520px;padding: 25px 0 0 0;border-right: solid 1px #CCC;float: left;height: 600px}
#product-description .columnBlock02 {width: 250px;padding: 0 0 0 38px;float: left}
#product-description .columnBlock01_1 {width: 520px;padding: 25px 0 0 0;border-right: solid 1px #CCC;float: left;height: 500px}
#product-description .columnBlockDownload {width: 250px;padding: 25px 0 0 38px;float: left}
#product-description div.columnBlock02 div.packageImage,#product-description .columnBlockDownload div.packageImage{float: right;padding-right: 20px;text-align: center}
.hojinColor{color: #009966}
.uchiColor { color: #FF6C00; }
.shotokuColor {	color: #E50031;	}
.sozokuColor {	color: #F93C7A;	}
.hoteiColor{	color: #0096EB;	}
.shohiColor {	color: #6495ed;	}
.genkaColor {	color: #c71585;	}
#contentsArea .item-cloud h2 { color: #3366CC; }
p.pricetype{font-size: 14px;font-weight: bold;margin-bottom: 0 !important}
p.downloadPriceType{font-size: 18px !important;font-weight: bold;margin-bottom: 0 !important;color: #ff5f07}
div.priceDiv{margin: 0 0 40px 10px}
p.downloadPrice span{font-size: 26px !important}
p.freshPrice {margin: 0 0 5px !important;font-size: 14px;line-height: 1.2}
p.freshPrice span {font-weight: bold;font-size: 21px}
p.secondPrice {margin: 10px 0 5px !important;font-size: 14px;line-height: 1.2}
p.secondPrice span {font-weight: bold;font-size: 21px}
span.pricebutton{font-size: 12px}
p.downloadPrice > .btn-circle:hover span{font-size: 12px !important}
p#usualPrice {font-size: 13px;margin: 0 0 5px}
p#usualPrice span {font-size: 18px;font-weight: bold}
span.subPrice{font-size: 11px;display: block;width: 100%;padding-left: 10px}
table.itemPrice {margin: 0 0 1em}
table.itemPrice th,table.itemPrice td {padding: 2px 0;text-align: left;font-size: 13px;font-weight: normal}
#contentsArea a.des-link {margin: 0 0 3px;color: #333;font-size: 12px;font-weight: bold;text-decoration: none;clear:both}
a#help {margin: 0 0 1em;padding: 0 0 0 22px;color: #333;font-size: 12px;font-weight: bold;display: block;line-height: 1.6;background: url("/img/hp/icon_help.png?_=BhZ_lBH9.png") 0 center no-repeat}
#itemBuy {height: 66px}
.rightButton{float: none;margin-bottom: 10px}
#product-description .columnBlock02 .pamp {margin-bottom: 5px}
#item-quality-icon {margin: 0 -5px;padding: 10px 0 20px 0;text-align: center}
#item-quality-icon .quality {padding: 0 5px;display: inline-block;text-align: center}
#item-quality-icon .quality p {text-align: center;font-weight: bold;color: #36C}
#item-quality-icon .quality p span {display: block;font-weight: normal;color: #36C}
ul#item-quality {margin: 0 0 15px 25px;font-size: 18px}
ul#item-quality li {list-style-position: outside;list-style-type: disc}
ul#item-att {font-size: 13px}
#product-description > .columnBlock01 > .item-caution {font-size: 12px}
#table2Wap .columnBlock01 { width: 446px; }
#table2Wap .columnBlock02 { width: 361px; }
.type6 .tate {padding: 0 40px}
.type9 .tate {padding: 0 10px;width: 322px !important}
#contentsArea .itemPointBlock {padding: 15px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: solid 1px #B0AFAF;background: #F6F6F6;-webkit-box-shadow:0 0 2px 3px rgba(176,175,175,0.2) inset;-moz-box-shadow:0 0 2px 3px rgba(176,175,175,0.2) inset;box-shadow:0 0 2px 3px rgba(176,175,175,0.2) inset}
#contentsArea .itemPointBlock p {height: 20px;line-height: 20px}
#contentsArea .itemPointBlock p:before {content:"\f058";font-family: FontAwesome;font-size: 20px}
#contentsArea .itemPointBlock p:after {content:" ここが使いやすい！";font-size: 14px}
#contentsArea .itemPointBlock ul {margin: 0px 5px 0px 15px}
#contentsArea .itemPointBlock ul li {list-style-type: disc;text-indent:0;padding:0}
.type1 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #405D8E;font-size: 15px;font-weight: bold}
.type3 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #009966;font-size: 15px;font-weight: bold}
.type6 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #FF6C00;font-size: 15px;font-weight: bold}
.type7 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #f08080;font-size: 15px;font-weight: bold}
.type8 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #F93C7A;font-size: 15px;font-weight: bold}
.type9 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #0096EB;font-size: 15px;font-weight: bold}
.type10 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #6495ed;font-size: 15px;font-weight: bold}
.type11 #contentsArea .itemPointBlock p {padding: 5px 0;margin: 0 0 5px;color: #c71585;font-size: 15px;font-weight: bold}
.itemPointBlock li {padding-left: 1em;text-indent: -1em}
.itemPointBlock li span {font-weight: bold}
span.caution{color: red;font-size: 18px}
span.point{color: #e20047;border-bottom: 1px solid #e20047;font-size: 16px;padding: 0 3px 0 3px}
#pricezeimu_mv h4 {border-radius: .5rem;text-align: center;font-size: x-large;letter-spacing: .2em;padding:1rem;background: #36c;background: -moz-linear-gradient(top, #3366cc 0%, #0052e0 100%);background: -webkit-linear-gradient(top, #3366cc 0%,#0052e0 100%);background: linear-gradient(to bottom, #3366cc 0%,#0052e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366cc', endColorstr='#0052e0',GradientType=0 );color: #fff!important}
#pricezeimu_mv h5 {margin: 2rem 1rem 1rem 0;font-size: medium}
#pricezeimu_mv h5 .stack {vertical-align: middle;margin-right: .5rem}
#pricezeimu_mv h5 .stack .icon {color:#36c}
#pricezeimu_mv h6 {color: #36c;font-size: 16px;text-align: center;padding: 2rem 0 1rem 0}
#pricezeimu_mv .description {margin-bottom:2rem}
#pricezeimu_mv .description ul li {float: left;width: 31%;padding: 25px 9px;font-size: 12px !important;min-height: 250px}
#pricezeimu_mv .description ul li img {margin: 0 auto;display: block}
#pricezeimu_mv .description ul li p {margin-bottom: 0;padding: 0 1rem;font-size: small}
#pricezeimu_mv div.loginButtonBlock {margin: 0 auto 30px auto;width: 60%}
#pricezeimu_mv div.loginButtonBlock a.memberSiteLogin{display: inline;padding: 10px 10px 10px 35px}
#pricezeimu_mv .info {background: #eee;padding: .3rem 1rem;width: 65%;margin: 0 auto 2rem auto}
#pricezeimu_mv .info h5 {font-size: inherit;margin: 1rem 1rem .5rem 1rem}
#pricezeimu_mv .info ul li {font-size: small}
#pricezeimu_mv .info ul li strong {font-size: 16px;color:red;padding: 0 .5rem}
#pricezeimu_mv .package {margin-bottom:2rem}
#pricezeimu_mv .package ul {width: 89%;margin: 0 auto}
#pricezeimu_mv .package ul li {list-style: disc inside;font-size: small}
ul.downloadInfoList li:before {content: '※';margin-left:-14px}
p span.vu01 ,p span.vu02 {font-weight:bold;padding: 0 10px;margin: 0 10px}
p span.vu01 {color:#099264;background:#c0e6d9}
p span.vu02 {color:#e458b8;background:#eecbdf}
#priceNavArea {background: #F6F6F6;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 0 0 25px}
#priceNavArea ul li {float: left}
#priceNavArea ul li a {padding: 16px 15px 14px 37px;display: block;color: #333;text-decoration: none;font-weight: bold;background: url("../img/price_navi_icon.jpg?_=BhZ_lDHw.jpg") 15px 18px no-repeat}
#priceNavArea ul li:first-child a {border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px}
#priceNavArea ul li.Active a,#priceNavArea ul li a:hover {background: #dbeafe url("../img/price_navi_icon.jpg?_=BhZ_lDHw.jpg") 15px 18px no-repeat}
ul#price-list01 li {padding: 6px;border-top: dotted 1px #CCC}
#vuBlock p#vu01 ,#vuBlock p#vu02 {float:left;clear: none}
#vuBlock p#vu01 {width:300px}
#vuBlock p#vu02 {width:550px}
#vuBlock p#vu02 span.info {padding:0px 0px 0px 80px}
div.price_comment {margin:  .3em calc(50% - 50vw + 33px) .3em 0;padding: .3em .3em .2em;width: fit-content;border: solid 1px #000}
div.price_comment.harf {width: 27em}
div.price_comment a {text-decoration:underline;color: #0000EE}
table#price {width: 100%;border-top: solid 1px #CCC;border-left: solid 1px #CCC}
table#price th {padding: 8px;vertical-align: middle;color: #3366CC;background: #EAEFFA;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC;text-align: center}
table#price th.license {color: #FFF;background: #3366CC}
table#price th.price{width: 130px;font-weight: normal}
table#price td {padding: 8px 5px 6px 5px;vertical-align: middle;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC;text-align: center}
table#price td.vu {text-align: center;background: #F3F3F3}
table#price td.vu > p {margin-bottom: 0 !important}
table#price th.symbol,table#price td.symbol {font-size:20px;width:5px}
table#price th.smallprice,table#price td.smallprice {text-align: center;font-size:11px;padding: 2px 8px 8px 8px}
table#price th.highlighted,table#price td.highlighted,table#price td.highlighted2{font-weight: 600;font-size:20px}
table#price td.highlightedZeimu{font-weight: 600;font-size:18px}
table#price td.highlighted2 {color: red}
table#price td.pricenone{background-color: #EEEEEE}
table#price th.bottomnone,table#price td.bottomnone {border-bottom: none;padding: 8px 8px 2px 8px}
table#price th.rightnone,table#price td.rightnone {border-right: none}
table#price th.leftsolid,table#price td.leftsolid {border-left: solid 1px #ccc}
table#price th.textcenter,table#price td.textcenter {text-align: center;line-height: 16px}
table#price th.textleft,table#price td.textleft {text-align: left}
table#price th.product {	width: 170px;	}
table#price th.vup {	width: 100px;	}
table#price th.licencetype {	width: 100px;	}
table#price td#series1,table#price td#series2,table#price td#series3,table#price td#series4,table#price td#series5,table#price td#series6,table#price td#series7,table#price td#series8{padding: 8px 8px 6px 45px;text-align: left}
table#price td#series8_2{padding: 8px 8px 6px 45px;text-align: left}
table#price td#series1 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_01.jpg?_=BhZ_lDig.jpg") 10px 35px no-repeat; }
table#price td#series2 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_02.jpg?_=BhZ_lDli.jpg") 10px 35px no-repeat; }
table#price td#series3 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_03.jpg?_=BhZ_lDjR.jpg") 10px 35px no-repeat; }
table#price td#series4 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_04.jpg?_=BhZ_lDgF.jpg") 10px 35px no-repeat; }
table#price td#series5 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_05.jpg?_=BhZ_lDiM.jpg") 10px 35px no-repeat; }
table#price td#series6 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_06.jpg?_=BhZ_lDlX.jpg") 10px 35px no-repeat; }
table#price td#series7 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_07.jpg?_=BhZ_lDkA.jpg") 10px 35px no-repeat; }
table#price td#series8 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_08.png?_=YWf5Q9rc.png") 10px 35px no-repeat; }
table#price td#series8_2 { background: #F3F3F3 url("../../taiken/img/taiken_series_icon_08.png?_=YWf5Q9rc.png") 10px 10px no-repeat; }
table#price td#series9{text-align: center;background: #F3F3F3;background-size:50px 50px}
table#price td a {padding: 5px 0 0 10px;display: block;font-weight: bold;text-decoration: none;background: url("../img/price_icon_link.jpg?_=BhZ_lDHJ.jpg") 2px 7px no-repeat}
table#price td span {font-size: 17px}
table#price2 {width: 100%;border-top: solid 1px #CCC;border-left: solid 1px #CCC}
table#price2 th {padding: 8px;vertical-align: middle;color: #3366CC;background: #EAEFFA;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC}
table#price2 th.license {color: #FFF;background: #3366CC}
table#price2  td {padding: 8px 8px 6px;text-align: left;vertical-align: middle;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC}
table#price3 {width: 100%;border-top: solid 1px #CCC;border-left: solid 1px #CCC}
table#price3 th {padding: 8px;vertical-align: middle;color: #3366CC;background: #EAEFFA;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC}
table#price3 td.license {color: #3366CC;background: #EAEFFA}
table#price3  td {padding: 8px 8px 6px;text-align: left;vertical-align: middle;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC}
#product-description .columnBlock02 div.pdf {margin-bottom: 10px;overflow: hidden}
#product-description .columnBlock02 div.pdf img {width: 40px;float: left;text-align: center;padding: 5px 0}
#product-description .columnBlock02 div.pdf span.ar {width: 210px;float: left;font-size:10px;line-height: 16px;margin: 5px 0;color: #555555}
#error{color: #FF0033;background: #FFFF33;font-weight: bolder}
.bookIndex3Wrap .bookIndex2 {width: 100%;margin: 0 0 10px;float: left}
.bookIndex3Wrap .bookIndex2 table {width: 100%;border-top: solid 1px #CCC;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC;line-height: 1}
.bookIndex3Wrap .bookIndex2 table th {padding: 8px 5px 5px;text-align: left;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC;background: #EAEFFA}
.bookIndex3Wrap .bookIndex2 table td {padding: 8px 5px 5px;border-right: solid 1px #CCC}
.bookIndex3Wrap .bookIndex2 table col.col1 {width: 150px}
.bookIndex3Wrap .bookIndex2 table col.col3 {width: 70px}
.bookIndex3Wrap .bookIndex2 table tr:nth-child(even) td {background: #F3F3F3}
.bookIndex3Wrap .bookIndex2 table td:nth-child(1) {white-space: nowrap}
.bookIndex3Wrap .bookIndex2 table tr.bottom-thick {border-bottom: solid 2px #CCC}
.bookIndex3Wrap .subTitleArea4 {width: 100%;margin: 0 0 5px 20px;float: left;color: #285ae2}
#browswer table {width: 100%;border-top: solid 1px #CCC;border-left: solid 1px #CCC}
#browswer table th {width: 150px;padding: 10px 10px 8px;text-align: left;font-weight: normal;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC;background: #F3F3F3}
#browswer table th.sec {background: #F9F9F9}
#browswer table td {padding: 10px 10px 8px;border-bottom: solid 1px #CCC;border-right: solid 1px #CCC;vertical-align: middle}
#contentsArea #browswer table th,#contentsArea #browswer table td {font-size: 14px}
.misinTitle{margin-top: 0px}
.misinPrice{color:#0000ff}
#table2Wap ul.info {padding: 14px}
#table2Wap > .columnBlock01 > ul,#table2Wap > .columnBlock02 > ul,.sectionInner  > ul,#table2Wap > .columnBlock03 > ul,.sectionInner  > ul,#table2Wap > .columnBlock04 > ul,.sectionInner  > ul,,#table2Wap > .columnBlock05 > ul,.sectionInner  > ul{padding:10px}
#table2Wap > .columnBlock01 > ul > li,#table2Wap > .columnBlock02 > ul > li,#table2Wap > .columnBlock03 > ul > li,.sectionInner > ul > li{font-size: 12px !important;list-style: disc outside none;color:red}
#wrap .info span { color:red; }
#wrap .info ul { padding: 0 10px 10px 10px; }
#wrap .info h4 { padding: 15px 20px 10px 20px; }
#wrap .info dl { padding: 0 30px; }
#wrap .info dl dt { padding: 10px 0; }
#wrap .info dl dd { padding: 0 20px; }
#wrap .info p { padding: 0 30px; margin:0 !important; }
table#hojinAttension{border: none;margin: 0 10px 0 10px}
table#hojinAttension td{padding: 5px 0 5px 0;line-height: 1.2em}
table#hojinAttension td:nth-child(1){min-width: 40px;width: 40px}
th.supplyName{width: 350px}
#contentsArea #product-price h4 > span {font-weight: normal;font-size: 14px;color: #333}
#contentsArea  #product-price h3.cloud_h3 {padding: 0;color: #405D8E;background: #fff;font-weight: bold}
#contentsArea #product-price h3.cloud_h3:before {padding-right: 6px;content:"\f058";font-family: FontAwesome;font-size: 20px}
#contentsArea #product-price ul li {list-style-position: inside;list-style-type: disc}
.pconly{line-height: 1}
@media screen and (max-width: 480px) {
h2 a#panfBtn {position: absolute;left: 67.5%;top: 5px}
h2 a#priceBtn {position: absolute;left: 33%;top: 5px}
#product-con01,#product-con01-2 {height: auto !important;padding: 2px 0 0 17rem;margin-bottom: 5px}
#product-con01 p,#product-con01-2 p {font-size: 11px !important;white-space: normal;line-height: 1.6;font-weight: bold;color: #555;margin: 0 0 1rem 1rem}
#product-con01 a,#product-con01-2 a {top: 50% !important;transform: translateY(-45%) !important;left: 0}
#product-con01 img,#product-con01-2 img {width: 17rem;height: auto}
#product-con01 a span{color: white;font-size: 14px;margin: -3.4rem 0 0 -10rem}
#product-con01-2 a span{color: white;font-size: 12px;margin: -0.1rem 0 0 -0.7rem !important;top: 7px;left: 104px;line-height: 1.2rem}
#product-con02 {display: flex;flex-wrap: wrap;margin: auto}
#product-con02 .seriesBox {width: 50%;height: auto;text-align: center;margin: 0 auto}
.seriesBox img{width: 96%;height: auto}
#product-con02 .seriesBox p {font-size: 2.9vw !important;font-weight: bold !important;color: #555 !important;margin: 0;padding: 0 2%;text-align: left}
#product-con03 {width: 100%;height: calc(10vw + 1.2em);margin: 3% 0 2%;padding: 0}
#product-con03 a {position: absolute;top: 0;left: 5px}
#product-con03 img{width: 45vw;height: auto}
#product-con03 p{font-size: 2.9vw !important;font-weight: bold;color: #555;position: absolute;left: 53%;top: 5px}
div.telmailArea dl dd img{width: 10rem}
}
@media screen and (max-width: 480px) {
.pricezeimu,.pricesupply,.pricecloud,.pricedenshi,.pricefree {padding-bottom: 45px !important}
#priceNavArea {margin: 0 0 5px;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
#priceNavArea ul li {float: left;width: 33.3%;height: 12vw;outline : solid 1px #ebebeb;outline-offset: -1px;margin: 0 !important;display: table}
#priceNavArea ul li a,#priceNavArea ul li a:active {font-size: 3.1vw;padding: 0;height: 100%;width: 100%;background: url("../img/price_navi_icon.jpg?_=BhZ_lDHw.jpg") 10% 50% no-repeat !important;background-size: 14px 13px !important;display: table-cell;vertical-align: middle;padding-left: 25%;line-height: 3.5vw;padding-top: 2%}
#priceNavArea ul li.Active a,#priceNavArea ul li.Active a:active {background: #CCDAE6 url("../img/price_navi_icon.jpg?_=BhZ_lDHw.jpg") 10% 50% no-repeat !important;background-size: 14px 13px !important;display: table-cell;vertical-align: middle;padding-left: 25%;padding-top: 2%}
#priceNavArea ul li:first-child a {border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
}
@media screen and (max-width: 480px) {
.pricezeimu_annotation {font-size: 2.6vw !important;padding: 5px 4px 15px;font-weight: 600;color: #555}
.pricecloud_annotation {font-size: 2.8vw !important;padding: 5px 4px 5px 4px;font-weight: 600;color: #555;margin-top: 15px}
#product-price .pricecloud_annotation {margin-top: 0}
.pricecloud_annotation ul{margin-top: 3px}
.pricecloud_annotation li{font-size: 2.75vw !important;line-height: normal !important;letter-spacing: 1.2px !important}
.pricedenshi_annotation li {font-size: 3vw !important;line-height: normal !important;letter-spacing: 1.2px !important;font-weight: 600;color: #555;margin-top: 15px;margin-bottom: 5px}
.pricesupply_annotation {font-size: 3vw !important;line-height: normal !important;letter-spacing: 1.2px !important;font-weight: 600;color: #555;margin-top: 15px;margin-bottom: 5px}
li.pricefree_annotation {font-size: 2.8vw !important;line-height: normal !important;letter-spacing: 1.2px !important;font-weight: 600;color: #555;white-space: normal;padding-left:1.1em;text-indent:-1.1em;margin-top: 15px;margin-bottom: 8px !important}
.pricefree_annotation {font-size: 2.2vw !important;line-height: normal !important;letter-spacing: 0.1em !important;font-weight: 600;color: #555}
.shinsei_annotation {font-size: 3.1vw !important;line-height: 1.6 !important;letter-spacing: 0.1em !important;padding-left: 2px;margin-top: 5px}
}
@media screen and (max-width: 480px) {
table#price {margin: 0px}
.pricezeimu table#price th.license.price{font-size: 3vw;line-height: normal}
.pricezeimu table#price th.product{width: 145px;font-size: 3vw;line-height: normal}
table#price td#series1,table#price td#series2,table#price td#series3,table#price td#series4,table#price td#series5,table#price td#series6,table#price td#series7{background-size: 20px 22px;background-position: top 40% left 6px;padding: 45px 3px 0 5px}
table#price th.licencetype {width: 165px}
table#price th.vup{font-size: 3vw}
.pricezeimu table#price td.leftnone,.pricezeimu table#price td.leftsolid{font-size: 2.2vw !important;font-weight: 600;color: #444;line-height: 1.5}
.pricezeimu table#price td span {font-size: 3vw;font-weight: bold;color: #555}
.pricezeimu table#price td {padding: 0}
.pricezeimu p span.vu01 {margin: 0;color:#099264 !important;padding: 0;font-size: 2.3vw !important;padding: 0 1.9vw}
.pricezeimu p span.vu02 {padding: 0;margin: 0;color:#e458b8 !important;font-size: 2.3vw !important;padding: 0 0.6vw}
.pricezeimu table#price td.highlightedZeimu{font-size: 3.5vw !important;padding-top: 15px;color: #444}
.pricezeimu table#price td.smallprice {font-size: 12px !important;color: #555 !important;font-weight: normal !important;line-height: normal !important;padding: 5px 1px !important;letter-spacing: 0 !important}
.pricezeimu ul#price-list01 li {font-weight: bold;color: #555;font-size: 2.3vw}
.pricezeimu #vuBlock p#vu01 ,.pricezeimu #vuBlock p#vu02 {width: 100%;font-size: 2.3vw;font-weight: bold;color: #555;white-space: normal}
.pricezeimu #vuBlock p#vu01 {margin-bottom: 5px}
.pricezeimu #vuBlock p#vu02 {margin-bottom: 10px}
.pricezeimu #vuBlock span.vu01,.pricezeimu #vuBlock span.vu02 {margin-right: 5px}
.pricezeimu #vuBlock p#vu02 span.info {padding:0px 0px 0px 38px}
.pricezeimu table#price2 th {font-size: 2.8vw !important;padding: 8px 5px;line-height: normal}
.pricezeimu table#price2 th:nth-of-type(1) {width: 22%}
.pricezeimu table#price2 th:nth-of-type(3) {width: 23%}
.pricezeimu table#price2 {margin-bottom: 15px}
.pricezeimu table#price2 td {font-size: 2.8vw !important;line-height: normal;font-weight: bold;color: #555;padding: 5px 5px}
}
@media screen and (max-width: 480px) {
.cloud_h3{text-align: left !important;padding: 5px 0 0 !important}
.item-cloud table#price th.license {font-size: 3vw;letter-spacing: normal;padding: 5px 3px;line-height: 1.2}
.item-cloud table#price td.textcenter{font-size: 2.8vw !important;font-weight: bold;color: #555;padding: 13px 3px;line-height: 3.8vw}
.item-cloud table#price td.textcenter:nth-of-type(1){width: 65px}
.item-cloud table#price td.textcenter:nth-of-type(2){width: 85px}
.item-cloud table#price td.textcenter:nth-of-type(3){width: auto;font-size: 14px !important}
.item-cloud table#price td.textcenter:nth-of-type(4){width: 85px}
}
@media screen and (max-width: 480px) {
.pricedenshi table#price {margin: 0 0 25px}
.pricedenshi table#price th {font-size: 3vw !important;letter-spacing: normal !important;padding: 0 3px}
.pricedenshi table#price th.bottomnone{border-bottom: none;padding: 3px 3px 0;font-size: 3vw !important;letter-spacing: normal !important;line-height: normal}
.pricedenshi table#price th.smallprice{font-size: 2.7vw !important;padding: 5px 3px;letter-spacing: normal !important}
.pricedenshi table#price td.smallprice {font-size: 2.4vw !important;padding: 0 3px 5px}
.pricedenshi table#price td#series8_2{background-size: 20px 22px;background-position: top 49% left 6px;padding: 5px 3px 5px 32px}
.pricedenshi table#price td span {font-size: 2.8vw !important;font-weight: bold;letter-spacing: 1.2px;color: #555}
.pricedenshi table#price td.highlighted span {padding-left: 2px;color: #444}
.pricedenshi table#price td.textcenter{font-size: 2.8vw !important;font-weight: bold;color: #555}
.pricedenshi table#price td.highlighted{font-size: 3.5vw !important;font-weight: bold;color: #444;padding: 10px 0 0}
#wrap .info ul {padding: 10px 5px 5px}
.pricedenshi .info li{font-size: 3vw !important;font-weight: bold !important;line-height: 1.2 !important;color: #555;margin: 0 0 10px 0 !important}
.pricedenshi .info h4{font-size: 3.8vw !important;color: #333;padding: 0 5px !important;margin: 10px 0 5px !important}
.pricedenshi .info p{padding: 0 15px !important;font-size: 3vw !important;font-weight: bold !important;color: #555;line-height: 1.6 !important}
}
@media screen and (max-width: 480px) {
.pricesupply table#price th.supplyName {font-size: 3vw !important;letter-spacing: normal !important;padding: 0;width: 45%}
.pricesupply table#price th.license {font-size: 2.8vw !important;letter-spacing: 1.2px !important;padding: 0;width: 17%}
.pricesupply table#price th.bottomnone {font-size: 3vw !important;letter-spacing: 1.2px !important;padding: 2vw 3px 5px;width: 41%}
.pricesupply table#price th.smallprice {font-size: 2.5vw !important;letter-spacing: 1.2px !important;padding: 2px 3px 2vw}
.pricesupply table#price td.double{font-size: 2.5vw !important;font-weight: bold;color: #555;line-height: normal}
.pricesupply table#price td.textcenter{font-size: 2.8vw !important;font-weight: bold;color: #555;padding: 10px 2px;line-height: normal;letter-spacing: 1.1px}
.pricesupply table#price td span {font-size: 3vw !important;font-weight: bold;color: #555;padding: 0px;line-height: normal}
.pricesupply table#price td.highlighted{font-size: 4vw !important;font-weight: bold;color: #333;padding: 3px 0 0;letter-spacing: 1.2px;vertical-align: bottom}
.pricesupply table#price td.smallprice {font-size: 3vw !important;color: #555;font-weight: bold;padding: 0 2px 8px;letter-spacing: normal}
}
@media screen and (max-width: 480px) {
.pricefree #wrap {padding-bottom: 0px !important}
.pricefree table#price {margin-top: 10px}
.pricefree table#price th {font-size: 3vw !important;font-weight: bold;line-height: normal}
.pricefree table#price td {padding: 10px 5px !important}
.pricefree table#price td.highlighted{font-size: 3.6vw !important;font-weight: bold;letter-spacing: 1.2px;color: #333;padding: 0}
.pricefree table#price td.double{padding: 0;line-height: normal}
.pricefree table#price td span {font-size: 3vw !important;font-weight: bold;color: #555}
}
@media screen and (max-width: 480px) {
.bookIndex3Wrap .bookIndex2 table td,.bookIndex3Wrap .subTitleArea4 {font-size: 3.4vw !important}
.bookIndex3Wrap .bookIndex2 table td {padding: 5px;line-height: 1.2 !important}
.bookIndex3Wrap .subTitleArea4 {margin: 0 0 5px;text-indent: 1em}
.bookIndex3Wrap .bookIndex2 table td:nth-child(1) {white-space: normal !important}
.type20 .bookIndex3Wrap .bookIndex2 table tr:nth-child(1) td:nth-child(1),.type10 .bookIndex3Wrap .bookIndex2 table tr:nth-child(2) td:nth-child(1),.type4 .bookIndex3Wrap .bookIndex2 table tr:nth-child(2) td:nth-child(1) {width: 25%}
.type3 .bookIndex3Wrap .bookIndex2 table tr:nth-child(1) th:nth-child(1){width: 24%}
.type3 .bookIndex3Wrap .bookIndex2 table tr:nth-of-type(1) th:nth-of-type(2) {width: 60%}
.type6 .bookIndex2 p {font-size: 3.1vw !important}
.type8 .bookIndex3Wrap .subTitleArea3:nth-of-type(3) .borderLine,.type8 .bookIndex3Wrap .subTitleArea3:nth-of-type(5) .borderLine {height: 95%}
.type8 .bookIndex3Wrap .subTitleArea3:nth-of-type(3) .red,.type8 .bookIndex3Wrap .subTitleArea3:nth-of-type(5) .red {display: block;margin: 0 0 0 3%}
.type8 .bookIndex3Wrap .subTitleArea3:nth-of-type(5) {width: 100%}
.type8 .bookIndex3Wrap .subTitleArea3:nth-of-type(3),.type8 .bookIndex3Wrap .subTitleArea3:nth-of-type(5) {margin: 10px 0 13px}
.type9 .bookIndex3Wrap .bookIndex2:nth-of-type(12) .red {font-size: 3.1vw !important}
.type4 .bookIndex3Wrap .subTitleArea4:nth-of-type(22) {text-indent: 0;padding-left: 1em}
}
.download_annotation_mobile {display: none}
@media screen and (max-width: 480px) {
ul#item-quality li,table#hojinAttension td,#product-description .columnBlock02,.download_annotation_mobile li {font-size: 3.3vw !important}
#product-description .columnBlock01 {width: 100%;padding: 0;border-right: none;float: left;height: auto}
#item-quality-icon .quality {padding: 0;width: 23%;height: auto;vertical-align: top}
#item-quality-icon .quality p {font-size: 75%}
ul#item-quality li,table#hojinAttension td {white-space: normal;margin: 0 3px 0 0 !important;line-height: 1.6}
table#hojinAttension td:nth-child(1){min-width: 40px;width: 10%}
#product-description .columnBlock02 {width: 100%;padding: 0;margin-top: 30px;border-top: 1px solid #ccc;padding-top: 40px;display: flex;flex-direction: column}
p.downloadPriceType{font-size: 4.2vw !important;font-weight: bold;margin: 0 0 5px 0 !important;display: block;line-height: 1.5 !important;padding-left: 10%}
div.priceDiv{margin: 0 0 15px 12%;display: block}
p.downloadPrice,p.secondPrice {font-size: 3.3vw !important;color: #444;margin: 0 !important}
p.downloadPrice span{font-size: 5.5vw !important}
p.secondPrice span {font-size: 4.2vw !important}
span.subPrice{font-size: 3.3vw;width: initial;color: #444}
.download_annotation_pc{display: none;line-height: initial}
.download_annotation_mobile {display: block;width: 85%;margin: 30px auto 5px 11%}
.download_annotation_mobile li {margin: 0 0 5px 0!important;text-indent: -1em;line-height: 1.6 !important}
span.pricebutton{font-size: 3vw}
.rightButton{text-align: center;margin-bottom: 15px}
.columnBlock02 .rightButton:nth-of-type(4) .mh-button-white{margin-top: 10px !important;margin-bottom: 3px !important}
.columnBlock02 .rightButton .mh-button-white{font-size: 3.7vw !important;width: 60% !important;padding: 3.5vw 3px !important;line-height: 1em !important}
#contentsArea a.des-link {margin: 18px auto 15px !important;font-size: 3.7vw;text-decoration: none;text-align: center;color: #3366CC}
#table2Wap {margin-top: 8px}
#table2Wap .columnBlock01,#table2Wap .columnBlock02 {width: 100%}
#table2Wap .columnBlock02 a{width: 98%;display: block;margin: 10px auto 30px !important;pointer-events: none}
#table2Wap .columnBlock02 img {width: 100%;height: auto}
.up_img_link {display: none}
#table2Wap .columnBlock01{margin-top: 8px}
.sectionInner p{line-height: 1.7em !important;margin: 0 !important}
#contentsArea .itemPointBlock {padding: 4%;margin: 13px 0 20px}
.type3 #wrap .sectionInner:nth-of-type(3) .itemPointBlock,.type3 #wrap .sectionInner:nth-of-type(5) .itemPointBlock,.type3 #wrap .sectionInner:nth-of-type(6) .itemPointBlock,.type6 #wrap .sectionInner:nth-of-type(3) .itemPointBlock,.type6 #wrap .sectionInner:nth-of-type(4) .itemPointBlock,.type6 #wrap .sectionInner:nth-of-type(7) .itemPointBlock,.type7 #wrap .sectionInner:nth-of-type(3) .itemPointBlock,.type7 #wrap .sectionInner:nth-of-type(4) .itemPointBlock,.type7 #wrap .sectionInner:nth-of-type(6) .itemPointBlock,.type7 #wrap .sectionInner:nth-of-type(7) .itemPointBlock,.type7 #wrap .sectionInner:nth-of-type(8) .itemPointBlock,.type8 #wrap .sectionInner:nth-of-type(6) .itemPointBlock,.type9 #wrap .sectionInner:nth-of-type(5) .itemPointBlock,.type9 #wrap .sectionInner:nth-of-type(8) .itemPointBlock,.type10 #wrap .sectionInner:nth-of-type(4) .itemPointBlock,.type11 #wrap .sectionInner:nth-of-type(5) .itemPointBlock,.type11 #wrap .sectionInner:nth-of-type(6) .itemPointBlock,.type11 #wrap .sectionInner:nth-of-type(8) .itemPointBlock {margin-bottom: 0}
#contentsArea .itemPointBlock p {height: calc(3vw + 1em)}
#contentsArea .itemPointBlock p:after {font-size: 3.4vw}
#contentsArea .itemPointBlock ul li,#contentsArea .itemPointBlock div {font-size: 3.3vw}
#table2Wap > .columnBlock01 > ul > li,#table2Wap > .columnBlock02 > ul > li,#table2Wap > .columnBlock03 > ul > li,.sectionInner > ul > li{font-size: 3.1vw !important;margin-left: 2%;font-weight: 500;margin-bottom: 0}
.type7 #contentsArea p.notes{padding-left: 10px}
#product-description > .columnBlock01 > .item-caution {display: block;padding-left: 10px}
.type11 #product-description .columnBlock02 .pamp {margin-bottom: 15px}
.type9 .tate {padding: 0;width: 100% !important}
.type6 .tate {padding: 0 5px}
}
@media screen and (max-width: 480px) {
#contentsArea #browswer table th,#contentsArea #browswer table td {font-size: 3.1vw !important;line-height: 1.5}
#contentsArea #browswer table th {padding: 8px 5px}
#contentsArea #browswer table td {width: 67%;padding: 8px 7px}
}
@media screen and (max-width: 480px) {
#product .lb-nav a.lb-prev,#product .lb-nav a.lb-next {opacity: 100}
div.price_comment {font-size: 3vw;margin:  .3em 0}
}