/*-------optionTable------------*/
#optionTable {padding:1em 0 2em;}
[class*="optionTable"] {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	max-width: 96%;
	margin:0 auto 1em; 
 }
[class*="optionTable"] td{
	text-align:center;
}
[class*="optionTable"] td, [class*="optionTable"] th {
  box-shadow: 0 0 0 1px #ccc;
  background: #fff;
  text-align: center;
  padding: 0.25em;
}
[class*="optionTable"] th {	font-weight: bold;}
[class*="optionTable"] .num_last{ color:#F00;}
[class*="optionTable"]  span.num_soldout::before {
	content: "SOLD OUT";
}
[class*="optionTable"]  span.option_name::before {
	content: "オプション名";
}
[class*="optionTable"]  span.num_before::before {
	content: "残り";
}
[class*="optionTable"]  span.num_after::before {
	content: "点";
}

[class*="optionTable"]  span.num_last_before::before {
	content: "ラスト";
}
[class*="optionTable"]  span.num_last_after::before {
	content: "点";
}
[class*="optionTable"] span.option_zaiko_label::before{
	content: "在庫数";
}
/*ie*/
@media all and (-ms-high-contrast: none) {
[class*='optionTable'] td, [class*='optionTable'] th {
    border-right-style: solid;
    border-right-color: #aaa;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #aaa;
    border-bottom-width: 1px;
}
[class*='optionTable'] {
    border-top-style: solid;
    border-top-color: #aaa;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-color: #aaa;   
    border-left-width: 1px;
}

[class*='optionTable'] .num_last {
    border-bottom-color: #aaa;
}
}
/*-----------------------------*/

.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
}

ul.product-image li {
    float: left;
    width: 160px;
}
.contact-ask{
  padding-top: 20px;
}
.contact-ask a{
  font-size:2em;
  line-height:2em;
  background: #29abe2;
  border-radius: 10px;
  color: #fff;
  padding: 10px 40px;
}
.main_Image {
    width: 50%;
    float: left;
}
@media (max-width:768px) {
  .main_Image{
    width: 100%;
    float: none;
  }
}

/* dji */
.specWrapTbl tr th:nth-of-type(1) {
    width: 25%;
}

.ttl_sub {
    margin: 20px 0 5px;
    padding: 0.2em 1em;
    border-bottom: dotted 1px #b2b2b2;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
}

.specWrapTbl {
	width:100%;
	margin:10px auto;
}
.specWrapTbl td,
.specWrapTbl th{
	font-weight:normal;
	padding:0.5em;
	border:solid 1px #ccc;
	vertical-align:top !important;
}
.specWrapTbl th{
	background:#f5f6ff;
}

.specWrapTblH {
	background:#e0e1f0 !important;
	text-align:center;
	padding:0.7em 0px !important;
}

.specWrapTbl tr:nth-child(2) th {
	width:30%;
}

.specWrapTbl2 {
	width:100%;
	margin:10px auto;
}
.specWrapTbl2 td,
.specWrapTbl2 th{
	font-weight:normal;
	padding:0.5em;
	border:solid 1px #ccc;
	vertical-align:top !important;
}
.specWrapTbl2 th{
	background:#f5f6ff;
}

.specWrapTblH2 {
	background:#e0e1f0 !important;
	text-align:center;
	padding:0.7em 0px !important;
}

.specWrapTbl2 tr:nth-child(2) th {
	width:30%;
}

.spec_wrap {
width:100%;
}

.spec_wrap td,
.spec_wrap th {
    text-align: left;
    font-weight: normal;
    padding: 7px 11px;
    border: 1px solid #cdced9;
    vertical-align: top;
  }

.spec_wrap th {
    background: #ecedf6;
    text-align: center;
  }

.appInstallDiv {
    width: 500px;
    margin: auto;
    color: #555;
}
.appInstallDiv h4 {
    margin: 2em 0px;
}
.appInstallBtn ul {
    width: 500px;
    padding: 3em 0px;
    margin: auto;
    display: flex;
    justify-content: space-around;
  	list-style: none;
}

.mimo {
    padding-left: 0.5em;
    font-size: 40px;
    vertical-align: 150%;
    line-height: 2.0;
}
.qrInstall {
    text-align: center;
}
.qrInstall img {
    width: 150px;
}

.mimosekidoryo {
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
.double_wrap img {
    width: 100%;
}
.appInstallDiv {
    width: 100%;
}
.mimo {
    padding-left: 0.5em;
    font-size: 40px;
    vertical-align: top;
    line-height: 2.0;
}
.appInstallBtn ul {
    width: 100%;
    padding: 1em 0px;
    display: flex;
    justify-content: space-around;
}
}


.inTheBoxUl li {
padding-left:1em;
text-indent:-1em;
}

.appInstallDivSekidoryo {
vertical-align:top;
}

.mimoSekidoryo {
vertical-align:100% !important;
}

.inTheBoxTbl {
width:100%;
margin:10px 0px;
}

.inTheBoxTbl th ,
.inTheBoxTbl td {
	font-weight:normal;
	padding:0.5em;
	border:solid 1px #ccc;
text-align:center;
}

.inTheBoxTblH {
	background:#e0e1f0;
	padding:0.7em 0px;
}

.inTheBoxTbl tr td:nth-of-type(2) {
text-align:left;
}

.inTheBoxTbl td img {
width:40px;
}

.leadPar {
font-size: 1.2rem;
margin-top: 0.5rem;
font-weight: normal;
}

.leadParC {
text-align: center;
}

.txtPar {
    width: 80%;
    margin: 0.5em auto 2em;
    font-weight: normal;
    line-height: 1.5;
    font-size: 1.2em;
    padding-bottom: 2em;
}


.belowInfo {
box-sizing: border-box;
color: #aaa;
background-color: #333;
font-size: 0.7em;
padding: 2em;
margin: 0px 0px 2em;
}

.belowInfo li {
list-style-type: decimal;
}

.mgnT03 {
margin-top: 3rem;
} 

.pdgL01 {
padding-left: 1.5rem;
} 

.bColor000 {
background-color: #000;
}

.fColorfff {
color: #fff;
}

.fColorD95e00 {
color: #d95e00;
}

.mgnAuto {
margin: auto;
}

.txtCenter {
text-align: center;
}

.fSizeS {
font-size: 1rem;
} 

.pDetail > h3 + figure {
margin:0px;
}


.pDetail > h3 + figure + p {
box-sizing: border-box;
    font-size: 1.3em;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    padding: 3rem 3rem 0px;
    background-color: #000;
}






@media screen and (max-width: 767px) {
.pDetail > h3 + figure + p {
    font-size: 1em;
    text-align: left;
padding: 1rem;
}

.pDetail > h3 + figure img {
vertical-align: bottom;
}
}


.articleWrapH4 {
font-size: 3rem;
line-height: 1.2;
padding: 6rem 2rem 2rem;
margin: 0px;
}

.articleWrapH5 {
font-size: 2rem;
line-height: 1;
margin: 3rem 0px 0px;
}

.articleWrapH5 span {
display: block;
font-size: 1rem;
color: #ddd;
font-weight: 400;
}

.articleWrapH6 {
font-size: 1.5rem;
margin: 4.5rem 1.5rem 0.5rem;
}

.articleWrapH6 + p {
box-sizing: border-box;
font-size: 1.2rem;
line-height: 1.3;
color: #aaa;
padding: 0px 0px 0.5rem 1.5rem;
width: 70%;
}


.articleWrapFig {
width: 95%;
text-align: center;
margin-top: 1rem;
}

.articleWrapFig.mgnT05 {
margin-top: 5rem;
} 

.articleWrapFig figcaption {
color: #aaa;
font-size: 1.1rem;
line-height: 1.2;
text-align: left;
margin-bottom: 1rem;
}

.dlTxt {
    display: flex;
    padding: 2.5rem 1.5rem;
    flex-wrap: wrap;
}

.dlTxt dt {
font-size: 2.5rem;
color: #d95e00;
font-weight: 400;
margin-bottom: 1rem;
}

.dlTxt dd {
color: #aaa;
padding-bottom: 1.5rem;
}

.dlTxt dl {
    flex-basis: 49%;
    margin-bottom: 1rem;
}

.dlTxtP {
box-sizing: border-box;
width: 70%;
font-size: 1.2rem;
line-height: 1.2;
padding: 0px 0px 2rem 2rem;
color: #aaa;
}

.dlTxt sup {
font-size: 50%;
}

.articleWrapEtcFlex {
display: flex;
justify-content: space-evenly;
}

.articleWrapEtcFlex div {
flex-basis: 45%;
color: #aaa;
font-size: 1.2rem;
margin-bottom: 2rem;

}

.articleWrapEtcFlex div h5 {
font-weight: 400;
margin: 0px;
}

.articleWrapEtc figure {
color: #aaa;
font-size: 1.2rem;
margin-bottom: 2rem;
}


@media screen and (max-width: 767px) {
.articleWrapH4 {
font-size: 2.5rem;

}

.articleWrapH6 + p {
width: 100%;
padding: 0px 1.5rem;
}

.dlTxt dl {
margin: 0px;
}
.dlTxt dt {
font-size: 1.5rem;
margin: 0px;
}

.dlTxtP {
width: 100%;
padding: 1rem;
}

}


/* reverseBox */
.boxTxtLeft, .boxTxtRight {
    display: flex;
    padding: inherit;
    align-content: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
margin: 2rem 0px;
}

.boxTxtRight {
    flex-direction: row-reverse;
}
.boxTxtLeft > *, .boxTxtRight >* {
box-sizing: border-box;
    flex: 0 0 45%;
    margin: 0px;
}

.boxTxtLeft p ,
.boxTxtRight p {
color: #aaa;
font-size: 1.2rem;
line-height: 1.5;
}

@media screen and (max-width: 767px) {
.boxTxtLeft, .boxTxtRight {
    display: block;
}

.boxTxtLeft p ,
.boxTxtRight p {
width: 100%;
margin: 1rem 0px;
}
}
/* /reverseBox */

/* arBox */
.artMidashiSet {
margin-top: 5rem;
}

.artMidashiSet h4 {
color: #FA8C16;
margin: 0px;
font-size: 1.6rem;
}

.artMidashiSet h5 {
font-size: 3.2rem;
margin: 1rem 0px 0px;
line-height: 4rem;
width: 60%;
}

.artMidashiSet p {
width: 70%;
font-size: 1.2rem;
margin: 1rem 0px;
color: #888;
line-height: 1.8rem;
}

.artMidashiSet div p {
width: 100%;
}


.arBox {
display: flex;
justify-content: space-evenly;
background-color: #f7f9fa;
flex-wrap: wrap;
padding: 3rem 0px;
}

.arBox figure {
flex-basis:35%;
margin: 0px;
}

.arBox figcaption {
font-size: 1.2rem;
}

/* BIZ対応 */
#detail .detailTxt .arBox figcaption {
text-align:center;
}

.arBox img {
width: 100%;
}

.artMidashiSet .arBox ~ p {
box-sizing: border-box;
padding: 0px 0px 1rem 1rem;
background-color: #f7f9fa;
margin: 0px;
width: 100%;
}

@media screen and (max-width: 767px) {
.artMidashiSet {
margin-top: 0px;
}

.artMidashiSet h5 {
font-size: 2.5rem;
width: 100%;
line-height: 3rem;
}

.artMidashiSet p {
width: 100%;
font-size: 1rem;
}
}
/* /arBox */

/* iconList */
.dlIcon {
    display: flex;
    justify-content: space-around;
    padding: 2.5em 0px;
    color: #aaa;
    flex-wrap: wrap;
}
.dlIcon dl {
    flex-basis: 30%;
    margin-bottom: 2em;
}
.dlIcon dd {
    text-align: center;
font-weight: 500;
}
.dlIcon dd:nth-of-type(1) {
    font-size: 1em;
    padding-bottom: 0.5em;
}
.dlIcon dt {
    text-align: center;
    margin-bottom: 1em;
}
.dlIcon dt img {
    width: 40px;
}

@media screen and (max-width:767px) {
.dlIcon dl {
    margin-top: 0px;
    margin-bottom: 1em;
}
.dlIcon {
    margin-top: 0px;
    padding: 0px 0px 2.5rem;
}
.dlIcon dt img {
    width: 64px;
}
.dlIcon dd:nth-of-type(1) {
    font-size: 0.7em;
}
}
/* /iconList */


/*care ref*/
.caresv_list {
	width: 99%;
	clear: both;
	margin: 0 auto 20px;
}
.caresv_th {
	display: flex;
}
.caresv_th .cell_th {
	flex: 0 0 calc(100% / 4);
	display: flex;
	flex-direction: column;
}

.caresv_th .th_head {
	background: #f0f0f0;
	text-align: center;
	border: solid 1px #ccc;
	font-weight: bold;
}

.cell_th:first-child .th_head, .cell_th:first-child .th_body {
	border-right: none;
}
.cell_th:last-child .th_head, .cell_th:last-child .th_body {
	border-left: none;
}


.caresv_th .th_body {
	min-height: 195px;
font-size: 0.7rem;
line-height: 1rem;
}

.caresv_list .th_head, .caresv_list .th_body {
	padding: 10px;
	border: solid 1px #ccc;
	vertical-align: top;
}
.care_inner a {
	text-decoration: underline;
	font-weight: bold;
}
.care_inner a:hover {
	text-decoration: none;
}
.caresv_list img {
	width: 100%;
	max-width: 80px;
	display: block;
	margin: auto;
}

.caresv_list .two_icon img {
	width: 100%;
	max-width: 80px;
	display: block;
	margin: 0px;
}

.caresv_list .two_icon a img {
	max-width: 80px;
}

.caresv_list .two_icon {
	display: flex;
justify-content: space-evenly;
	align-items: center;
	font-size: 23px;
}
.caresv_list .two_icon img {
	flex: 0 0 10%;
}

.caresv_list .two_icon a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
.caresv_th {
	display: table;
}
.caresv_th .th_body {
	min-height: unset;
}
.cell_th:first-child .th_head, .cell_th:first-child .th_body {
	border-right: solid 1px #ccc;
}
.cell_th:last-child .th_head, .cell_th:last-child .th_body {
	border-left: solid 1px #ccc;
}
}

/* /care ref */

/* care ref */
.crBtn {
    text-align: center;
}
.crBtn a {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #339df3;
    text-align: center;
    margin: 25px auto 0;
    border-radius: 30px;
    padding: 0.5em 2em;
    width: 100%;
    max-width: 570px;
}

.double_wrapP {
text-align: center;
font-weight: bold;
font-size: 1.15rem;
color: #171c61;
margin-bottom: 1rem;
}

.double_wrap {
    border: double 3px #339df3;
    line-height: 1.8em;
    margin: 10px 0 3em;
    padding: 24px 5%;
}
._campaign {
    border: double 3px #978cea;
}
.double_wrap img {
    width: 70%;
}
.double_wrap em {
    font-style: normal;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
.double_wrap img {
    width: 100%;
}
.double_wrap {
    margin-bottom: 0.5em;
}
}
/* /care ref */

/* care ref double_wrap */
.crBtn {
    text-align: center;
}
.crBtn a {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #339df3;
    text-align: center;
    margin: 25px auto 0;
    border-radius: 30px;
    padding: 0.5em 2em;
    width: 100%;
    max-width: 570px;
}
.double_wrap {
    border: double 3px #339df3;
    line-height: 1.8em;
    margin: 10px 0 3em;
    padding: 24px 5%;
}

.double_wrap dt {
    text-align: center;
}

.doubleP {
margin-bottom: 1.25em;
color: #c00;
}


.double_wrap dd {
    text-align: center;
}

.double_wrap img {
    width: 70%;
display:block;
margin: 0px auto;
}

@media screen and (max-width: 767px) {
.double_wrap img {
    width: 100%;
}
.double_wrap {
    margin-bottom: 0.5em;
padding: 1em;
}

.double_wrap dd p + p {
font-size: 0.9em;
line-height: 1.5em;
}


}
/* /care ref double_wrap */

.reserve_wrap {
    /*　block or none　*/
    display: block;
}
/* Licence　style */
.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
}
.stock_error {
  color: #DB5656;
}
iframe{width:100%;height:800px;}
.h3title{
    font-size: 1rem;
    border-bottom: 1px solid;
    margin: 1rem 0;
}
.licensetable td{padding:0.5rem;}

.infoBox {
    border: 1px solid #333;
    padding: 10px;
    margin-top: 2em;
}
.infoBox p {
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.5em;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.test-picture{
    list-style: none;
    text-align: center;
    padding: 2rem 0 2rem 0;
}
.test-title {
  padding-top: 1rem;
    font-size: 1rem;
    font-weight: 600;
}