/* Flyer */
#flyer{font-weight:700;margin:25px 0}
#flyer img{margin-bottom:20px}
.remaining{margin-bottom:50px}

/* Hydrogen Gas Generator Table */
.table{margin-bottom:30px}
.table li{display:flex}
.item-name{font-size:150%;margin:20px auto 15px;color:#FFF;text-shadow:0 0 20px #FFF}
.each-item{border:solid 1px #4D7652}
.each-item .box01{width:20%;font-weight:700;padding:14px 2% 10px;background:#E0E0E0}
.each-item .box02{width:72%;padding:14px 2% 10px}
.mgr16{margin-right:16px}
.mgl16{margin-left:16px}

.verdigris{color:#59946B}
.subheading,.subheading{font-weight:700;color:#FFF;text-shadow:0 0 20px #FFF;background:#639869}

/* Left And Right Images */
.right-image li,.left-image li{vertical-align:middle}
.example-image{margin:100px auto 280px}
.example-image p{margin-top:-360px}

/* GasSpecifications */
#GasSpecifications,#GasParts,#GasPrice{margin-top:50px}
#GasSpecifications li,#GasParts li,#GasPrice li{border-bottom:solid 1px #4D7652}
#GasSpecifications .box01,#GasPrice .box01{color:#FFF;background:#98BC9C}
#GasSpecifications .bottom-table,#GasParts .bottom-table,#GasPrice .bottom-table{border-bottom:none}
#GasSpecifications .configuration li{width:25%;display:inline-block;font-size:88%;text-align:center;border-bottom:none}

/* GasParts */
#GasParts{width:100%}
#GasParts{border:solid 1px #4D7652}
#GasParts .subheading .top-table{background:#639869}
#GasParts .box01{width:18%;color:#FFF;background:#98BC9C}
#GasParts .box02{width:9%;float:left;text-align:right}
#GasParts .box03{width:73%;float:right;margin:0;padding:14px 2% 10px}
#GasParts .box02,#GasParts .box03{border-left:solid 1px #4D7652}
#GasParts .br{font-size:80%;margin-left:-8px;display:block}
#GasParts .subheading .box02,#GasParts .subheading .box03{text-align:center}

#WarrantyCard img{border:none;border-radius:0}

#HydrogenGenerator img,.HGG .PC img{border:4px solid #639869;border-radius:0}
.HGG .PC img{width:72%;display:block;margin:0 auto}
.different-image .PC img{width:100%;border:none;box-shadow:none}

/* GasPrice */
.top-space{margin-top:10px}
#GasPrice .icon-mark{font-weight:700;padding:12px 0 12px 45px;background:url(../images/caution_yellow.gif) no-repeat;-webkit-background-size:30px 30px;background-size:30px 30px;background-position:0 6px}
#GasPrice .box03{padding:10px 2% 0}
#GasPrice .box03 p{margin-bottom:10px}

/* Warning */
#warning{margin-top:50px;border:1px solid #C00;border-radius:10px}
#warning li{border-bottom:solid 1px #C00}
#warning .box01{width:16%;margin:0;padding:14px 0 12px 50px;background-color:#FFF!important}
#warning .box02{width:76%;border-left:solid 1px #C00}
#warning .subheading{border-radius:10px 10px 0 0;background:#C00}
#warning .caveat .box01{background:url(../images/caution_red.gif) no-repeat #E0E0E0;border-radius:0;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:14px 14.5px}
#warning .note .box01{background:url(../images/caution_yellow.gif) no-repeat #E0E0E0;border-radius:0;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:14px 14.5px}
#warning .prohibited .box01{background:url(../images/icon_ban.png) no-repeat #E0E0E0;border-radius:0;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:14px 14.5px}
#warning .prohibited .box01{border-bottom-left-radius:10px}
#warning .prohibited .box02{border-bottom-right-radius:10px}
#warning .prohibited{border-bottom:none}

/* Caveat */
#caveat,.safety-precautions .select-buy,.MF .topheading{margin-top:75px}
#caveat,#prohibited{display:flex;align-items:center;border-top:dashed 1px;border-bottom:dashed 1px}
#caveat .icon-mark{height:50px;font-weight:700;padding:50px 0 0 10px;background:url(../images/caution_red.gif) no-repeat;-webkit-background-size:50px 50px;background-size:50px 50px}
#note .icon-mark{height:50px;font-weight:700;padding:50px 0 0 10px;background:url(../images/caution_yellow.gif) no-repeat;-webkit-background-size:50px 50px;background-size:50px 50px}
#prohibited .icon-mark{height:50px;font-weight:700;padding:55px 0 0 10px;background:url(../images/icon_ban.png) no-repeat;-webkit-background-size:50px 50px;background-size:50px 50px}
#caveat .row01,#note .row01,#prohibited .row01{width:8%}
#caveat .row02,#note .row02,#prohibited .row02{width:92%}
.row02 .box01{width:12%;padding:14px 2%;text-align:center}
.row02 .box02{width:79%;padding:15px 2% 13px}
.row02 li{vertical-align:top}
.row02{display:flex;align-items:stretch;border-left:dashed 1px}
.row02 ol{list-style:disc}
.row02 .box01,.row02 .box02{border-top:dashed 1px}
.row02 .box02{border-left:dashed 1px}
.row02 .opposition02{border-left:none}
.row02 .opposition01{border-right:dashed 1px}
.row02 .bottom-table{border-bottom:none}
.row02 .top-table{border-top:none}
.blue_box{width:auto;height:auto;font-size:90%;font-weight:700;padding:4% 4% 2%;background:#BBDFFF}
#note{display:flex;align-items:center}
#note ol{margin:0 0 0 20px}
#note .bottom-table{border-bottom:none}
#prohibited{margin-bottom:50px}
#prohibited ol{margin:15px 0 5px 35px}
#prohibited p{margin-top:10px}

/* Important */
#important{margin:75px auto}
#important li{vertical-align:middle}
#important .row01{width:8%;height:55px;font-weight:700;text-align:center;padding:10px 2% 0;color:#FFF;background:#C00}
#important .row02{width:85%;padding:3px 0 0 3%;border-left:none}
#important .upper_space{margin-top:20px}
#important .row01,#important .row02{display:inline-block}

/* Functions */
.functions{margin:50px auto}
.functions li{vertical-align:middle}
.functions .box01,.functions .box03{width:29%}
.functions .box02{width:36%}
.functions .box01{padding-right:3%}
.functions .box03{padding-left:3%}
.part-names,.display-name{font-weight:700;margin-bottom:10px}
.box02 .scroll-07{margin-top:10px}

/* Light blue icon */
.blue01{background:url(../images/blue01.png) no-repeat}
.blue02{background:url(../images/blue02.png) no-repeat}
.blue03{background:url(../images/blue03.png) no-repeat}
.blue04{background:url(../images/blue04.png) no-repeat}
.blue05{background:url(../images/blue05.png) no-repeat}
.blue06{background:url(../images/blue06.png) no-repeat}
.blue07{background:url(../images/blue07.png) no-repeat}
.blue08{background:url(../images/blue08.png) no-repeat}
.blue09{background:url(../images/blue09.png) no-repeat}
.blue10{background:url(../images/blue10.png) no-repeat}
.blue11{background:url(../images/blue11.png) no-repeat}
.blue12{background:url(../images/blue12.png) no-repeat}
.blue13{background:url(../images/blue13.png) no-repeat}
.blue14{background:url(../images/blue14.png) no-repeat}
.blue15{background:url(../images/blue15.png) no-repeat}
.blue16{background:url(../images/blue16.png) no-repeat}
.blue17{background:url(../images/blue17.png) no-repeat}
.blue18{background:url(../images/blue18.png) no-repeat}
.blue19{background:url(../images/blue19.png) no-repeat}
.blue20{background:url(../images/blue20.png) no-repeat}
.blue21{background:url(../images/blue21.png) no-repeat}
.blue22{background:url(../images/blue22.png) no-repeat}
.blue23{background:url(../images/blue23.png) no-repeat}
.blue24{background:url(../images/blue24.png) no-repeat}
.blue25{background:url(../images/blue25.png) no-repeat}
.black01{background:url(../images/black01.png) no-repeat}
.black02{background:url(../images/black02.png) no-repeat}
.black03{background:url(../images/black03.png) no-repeat}
.black04{background:url(../images/black04.png) no-repeat}
.black05{background:url(../images/black05.png) no-repeat}
.black06{background:url(../images/black06.png) no-repeat}
.black07{background:url(../images/black07.png) no-repeat}
.black-disc{background:url(../images/black-disc.png) no-repeat}
.green-disc{background:url(../images/green-disc.png) no-repeat}
.pink-disc{background:url(../images/pink-disc.png) no-repeat}
.Qmark-box{background:url(../images/Qmark.png) no-repeat}
.Cmark-box{background:url(../images/caution_yellow.gif) no-repeat}

.blue01,.blue02,.blue03,.blue04,.blue05,.blue06,.blue07,.blue08,.blue09,.blue10,.blue11,.blue12,.blue13,.blue14,.blue15,.blue16,.blue17,.blue18,.blue19,.blue20,.blue21,.blue22,.blue23,.blue24,.blue25,.black01,.black02,.black03,.black04,.black05,.black06,.black07,.black-disc,.green-disc,.pink-disc{margin:0;padding:0 0 0 25px;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:0 0}
.blue03,.blue25{margin-top:5px}
.blue09,.blue20 .left-space p{margin-top:20px}
.functions ol,.panel ol,.before-use ol,.procedure ol{list-style:none}
.black-disc,.green-disc,.pink-disc{margin-left:-24px}

/* Separation */
.dotted-over-bottom{margin:0;padding:75px 0 0;border-top:dotted 2px #C0C0C0}

/* Operation Panel */
.panel{margin-bottom:75px}
.panel .box01,.panel .box02{width:47%;vertical-align:top}
.panel .box01{padding-right:2%;border-right:dashed 1.5px #C0C0C0}
.panel .box02{padding-left:3%}

/* Orange icon */
.icon_A{background:url(../images/iconA.png) no-repeat}
.icon_B{background:url(../images/iconB.png) no-repeat}
.icon_C{background:url(../images/iconC.png) no-repeat}
.icon_D{background:url(../images/iconD.png) no-repeat}
.icon_E{background:url(../images/iconE.png) no-repeat}
.icon_F{background:url(../images/iconF.png) no-repeat}
.icon_G{background:url(../images/iconG.png) no-repeat}
.icon_H{background:url(../images/iconH.png) no-repeat}
.icon_I{background:url(../images/iconI.png) no-repeat}
.icon_J{background:url(../images/iconJ.png) no-repeat}
.black_T{background:url(../images/black-triangle.png) no-repeat}
.icon_CD{background:url(../images/iconCD.png) no-repeat;margin:0;padding:0 0 0 48px;-webkit-background-size:43px 20px;background-size:43px 20px;background-position:0 0}
.icon_A,.icon_B,.icon_C,.icon_D,.icon_E,.icon_F,.icon_G,.icon_H,.icon_I,.icon_J,.black_T{margin:0;padding:0 0 0 25px;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:0 0}
.icon_G,.icon_H,.icon_I,.icon_J{display:block}
.icon_A ol{margin-top:20px}
.icon_A .on-top{margin-top:-15px;text-indent:0}
.panel .left-space{margin-left:-25px}
.panel .left-space .black-disc{margin:0 0 20px -25px}

.indicators01{background:url(../images/indicators01.png) no-repeat;margin:0 0 12px -25px}
.indicators02{background:url(../images/indicators02.png) no-repeat;margin:0 0 12px -25px}
.indicators03{background:url(../images/indicators03.png) no-repeat;margin:0 0 25px -25px}
.indicators01,.indicators02,.indicators03{height:42px;padding:0 0 0 125px;-webkit-background-size:120px 42px;background-size:120px 42px;background-position:0 0}
.icon_CD .left-space .top-space{margin-top:-4px}
.icon_CD .left-space .left-space{margin-left:-8px}
.black_square img{width:14px;height:14px;margin:0 6px -1px}
.operation-panel .separator .Android_640{display:none}
.operation-panel .separator .PC{display:inline}

/* Precautions */
.windmill{font-size:140%;font-weight:700;margin:0 0 20px;padding:0 0 0 40px;background:url(../images/icon_windmill.png) no-repeat;-webkit-background-size:30px 30px;background-size:30px 30px;background-position:0 0}

/* Precautions before */
.precautions-before{margin:50px auto 25px}
.precautions-before li{margin:25px 0;vertical-align:top}
.precautions-before li p{margin-top:25px}
.precautions-before li .red{margin-top:-10px}
.precautions-before .box01,.precautions-before .box02,.precautions-before .box04,.precautions-before .box05,.precautions-before .box07,.precautions-before .box08{width:31.33%;margin-right:3%}
.precautions-before .box03,.precautions-before .box06{width:31.33%}
.precautions-before .box07,.precautions-before .box08{margin-top:-110px}
.before01{background:url(../images/precautions_before01.png) no-repeat}
.before02{background:url(../images/precautions_before02.png) no-repeat}
.before03{background:url(../images/precautions_before03.png) no-repeat}
.before04{background:url(../images/precautions_before04.png) no-repeat}
.before05{background:url(../images/precautions_before05.png) no-repeat}
.before06{background:url(../images/precautions_before06.png) no-repeat}
.before07{background:url(../images/precautions_before07.png) no-repeat}
.before08{background:url(../images/precautions_before08.png) no-repeat}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:120%;font-weight:700;margin-left:-17px;height:136px;padding:0 0 0 165px;-webkit-background-size:140px 136px;background-size:140px 136px;background-position:0 0}
.caption{width:80%;padding:20px 20% 0 0}

/* Preparation */
.green-disc,.black01,.black02{font-weight:700}
.black01 p,.black02 p,.note-box{font-weight:400;margin-top:10px;margin-left:-5%}
.before-use{margin-top:30px}
.before-use li{vertical-align:top}
.before-use .box01 .separator{margin:0}
.before-use .box01{width:42%;padding-right:2%}
.before-use .box02{width:56%;padding-top:10px}
.before-use02{margin-bottom:50px}
.before-use03{margin-top:45px}
.before-use03 .black01{margin-bottom:20px}
.before-use03 .note-box{margin-top:20px}
.before-use03 .left-space{font-weight:400;margin:15px 0}
.before-use03 .black-disc{margin-top:10px}
.before-use .separator p{text-align:center;font-weight:700}
.before-use .separator .asterisk{text-align:right;font-weight:400}

/* Note Box */
.before-use .icon-mark{height:50px;padding:50px 0 0 0;background:url(../images/caution_yellow.gif) no-repeat;-webkit-background-size:50px 50px;background-size:50px 50px}
.note-box{width:auto;margin-left:-5%;padding:2% 2% 0;border:2px solid #C0C0C0;border-radius:10px}
.note-box li{vertical-align:middle}
.note-box .icon-mark{width:18%}
.note-box .note-right{width:82%;margin:0;color:#ED008C}
.pink-disc{margin-bottom:2%}
.preparation .dotted-over-bottom{margin-top:75px}

/* span code */
.Android_690{display:none}
.before-use .PC{display:inline}

/* Operating Procedure */
.operating-procedure{margin-bottom:75px}
.operating-procedure .top-space{margin-top:10px}
.operating-procedure .display-name{font-size:120%}
.operating-procedure .box01,.operating-procedure .box02{width:46.5%;vertical-align:top}
.operating-procedure .box01{padding-right:3%;border-right:dashed 1.5px #C0C0C0}
.operating-procedure .box02{padding-left:3%}
.operating-procedure .black01,.operating-procedure .black02,.operating-procedure .black03,.operating-procedure .black04,.operating-procedure .black05,.operating-procedure .black06,.operating-procedure .black07{height:33px;margin:0;padding:0 0 0 40px;-webkit-background-size:30px 30px;background-size:30px 30px;background-position:0 3px}
.operating-procedure .display-name{margin-top:5px}
.procedure01 span.left-space{margin-left:-8px}
.procedure01 .black01,.procedure02 .black05,.procedure02 .black07{margin-bottom:20px}
.procedure01 .black04{margin-top:50px}
.procedure02 .black01,.procedure02 .black02,.procedure02 .black03,.procedure03 .black01,.procedure03 .black02,.procedure04 .black01,.procedure04 .black02{margin:0;padding:0 0 0 25px;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:0 0!important}
.procedure02 .box02 .black01{margin-bottom:30px}
.procedure02 .box02 .black02,.procedure03 .box01 .black01{margin-bottom:10px}
.procedure02 .box02 .black03{font-weight:700}
.procedure02,.procedure03{padding-top:75px;border-top:solid 2px #666}
.top-space50{margin-top:50px}
.bottom-space50{margin-bottom:50px}
.procedure03 .left-space,.procedure04 .left-space{margin-bottom:20px}
.procedure03 .black-disc,.procedure04 .black-disc{margin-bottom:10px}
.blue-box{font-weight:700;margin:20px auto 25px;padding:15px 0 10px 20px;color:#FFF;background:#52BEE3;border-radius:40px}
.Qmark-box,.Cmark-box{font-weight:700;margin:0 auto 25px;padding:9.5px 0 7px 38px!important;border:solid 2px #C0C0C0;border-radius:20px;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:11px 9.5px}
.Qmark02,.Qmark04,.Qmark05,.Cmark02,.blue-box02,.blue-box05,.blue-box06{margin-top:50px}
.two-box .box01{width:68%;padding:0 2% 0 0;border-right:none}
.two-box .box02{width:30%;padding:0}
.two-box .box02 .separator,.procedure04 .box02 .separator{margin:0}
.procedure04{padding-top:80px;border-top:dashed 1.5px #C0C0C0}
.procedure04 .box01{width:48%;padding:0;border-right:none}
.procedure04 .box01 .black01{margin-bottom:60px}
.procedure04 img{width:100%;margin-left:-6%}
.procedure .Android_640{display:none}
.procedure .PC{display:inline}
.procedure01 .black04 .left-space{font-size:80%}






/* Common */
.partname-function #content h4,.operation-panel #content h4,.precautions #content h4,.preparation #content h4,.procedure #content h4{font-size:200%;margin:50px auto;padding:20px 0 15px 10px;border-top:solid 2px #666;border-bottom:solid 2px #666}
#content h4 .font60{font-size:60%}
.operation-panel #content .select-buy,.precautions #content .select-buy,.preparation #content .select-buy,.procedure #content .select-buy{display:none}

/* FAQ */
.question{margin:0 auto;padding:2% 2% 1%;background:#FFF5E7;border-radius:16px}
.qa{margin-bottom:1%;border:1px solid #F29B76;background:#FFF}
.qa dt{padding:3% 1% 2.5% 7.5%;color:#FFF;background:#F29B76;text-indent:-64px}
.qa dt::before{width:24px;height:24px;content:"";display:inline-block;margin-left:24px;padding:0 16px 2px 0;vertical-align:bottom;background:url(../images/query01.png)no-repeat;background-size:24px}
.qa dt.active::before{background:url(../images/query02.png)no-repeat;background-size:24px}
.qa dt:hover{box-shadow:0 0 30px #F29B76}
.qa dd{padding:2.5% 2.5% .3%;display:none}
.qa .underline{margin-bottom:15px}
.answer{padding-bottom:15px}
.answer a{color:red}

#TEL{background:url(../images/TEL_icon.png) no-repeat}
#LINE{background:url(../images/LINE_icon.png) no-repeat}
#WEB{background:url(../images/WEB_icon.png) no-repeat}
#TEL,#LINE,#WEB{padding:0 0 0 1.5em;-webkit-background-size:16px 16px;background-size:16px 16px;background-position:0 .15em}
#LINE a{font-weight:700;color:#00B900}
#LINE a:hover{color:#00B900;text-shadow:3px 3px 6px #00B900}
.method{margin:0 0 15px}
.share{margin:0 0 15px;padding:0 0 0 2em;background:url(../blog-images/share_icon.png) no-repeat;-webkit-background-size:20px 20px;background-size:20px 20px;background-position:0 .1em}

#warranty{margin-top:50px}
#warranty .box03{width:100%;display:block;text-align:left;margin-top:0}

/* Credit Card */
.credit li{width:100%;display:block;margin:0}
.credit .box02{margin:0 0 35px}
.credit-card{width:33.33%;margin:25px 0 35px}

/* Float */
.thermography,.thermography .box,.wireless,.wireless .box02,.twin-set,.wireless .box01,.twin-set .box02,.skin .box02,.each-item .box01{float:left}
.wireless .box01,.twin-set .box01,.skin .box01,.each-item .box02,.resveratrol .box01{float:right}

/* text-align */
#product .box01,.credit,.credit li,.right-image .box01,.left-image .box02,.habits .box01,.habits .box02,.wireless .box02,.twin-set .box02,.skin .box02,#care li,.rhombus li,.resveratrol li,#warranty .box03,.selling-price p{text-align:left}
.skincare .box02{text-align:right}

/* Asterisk */
.lita-aqua .box01 .red,.lita-life .box01 .red,.lita-bottle .box01 .red,.lita-mist .box01 .red,.lita-ceebo .jawiki .red,.lita-air .box01 .red,.resveratrol .red,#nano-level .red,#flora .red,.skin .red,.all-in .red,.component .red{font-size:80%;font-weight:400;text-shadow:none}

/* Fade IN */
.confirmation a,.radius a{center;transition:opacity.9s;-moz-transition:opacity.9s;-webkit-transition:opacity.9s;-o-transition:opacity.9s}

/* Fade UP */
#product .box,.lita-ceebo #Ayurveda,.lita-ceebo #resveratrol,.lita-ceebo #sirtuin-gene,.lita-supplement #nano-level,.lita-supplement #flora{transition:opacity.0s;-moz-transition:opacity.0s;-webkit-transition:opacity.0s;-o-transition:opacity.0s;transition:transform.0s;-moz-transition:transform.0s;-webkit-transition:transform.0s;-o-transition:transform.0s}
#product a,.check,.lita-ceebo .gray-box div,.lita-supplement .gray-box div,.radius{transition:opacity.9s;-moz-transition:opacity.9s;-webkit-transition:opacity.9s;-o-transition:opacity.9s;transition:transform.9s;-moz-transition:transform.9s;-webkit-transition:transform.9s;-o-transition:transform.9s}

/*     1194px (iPad Pro11 1194x834)
----------------------------------------*/
@media screen and (max-width:1194px){

/* GasPrice */
.top-space{margin-top:10px}
#GasPrice .icon-mark{background-position:0 10px}

/* Caveat */
.blue_box{padding:4%}

/* Important */
#important .row01{padding:10px 2% 4px}

/* Warning */
#warning .caveat .box01,#warning .note .box01,#warning .prohibited .box01{background-position:14px 16px}

/* Light blue icon & Orange icon */
.blue01,.blue02,.blue03,.blue04,.blue05,.blue06,.blue07,.blue08,.blue09,.blue10,.blue11,.blue12,.blue13,.blue14,.blue15,.blue16,.blue17,.blue18,.blue19,.blue20,.blue21,.blue22,.blue23,.blue24,.blue25,.black01,.black02,.black03,.black04,.black05,.black06,.black07,.icon_A,.icon_B,.icon_C,.icon_D,.icon_E,.icon_F,.icon_G,.icon_H,.icon_I,.icon_J,.icon_CD,.black_T,.procedure02 .black01,.procedure02 .black02,.procedure02 .black03,.procedure03 .black01,.procedure03 .black02,.procedure04 .black01,.procedure04 .black02{background-position:0 2px}
.black-disc,.green-disc{background-position:0 1.5px}

/* Operating Procedure */
.procedure02 .black01,.procedure02 .black02,.procedure02 .black03,.procedure03 .black01,.procedure03 .black02,.procedure04 .black01,.procedure04 .black02{background-position:0 2.5px!important}
.pink-disc{background-position:0 4px}
.blue-box{padding:15px 0 15px 20px}
.Qmark-box,.Cmark-box{padding:8px 0 8px 38px!important;background-position:11px 10.5px}

/* Precautions */
.windmill{background-position:0 1px}

}

/*     976px (Android)
----------------------------------------*/
@media screen and (max-width:976px){

/* GasParts */
#GasParts .box01{width:20%}
#GasParts .box02{width:10%}
#GasParts .box03{width:70%}

/* Left And Right Images */
.example-image{margin:100px auto 270px}
.example-image p{margin-top:-350px}

/* Operating Procedure */
.procedure04 img{margin-top:10px}

}

/*     969px (Android)
----------------------------------------*/
@media screen and (max-width:969px){



}

/*     966px (Android)
----------------------------------------*/
@media screen and (max-width:966px){



}

/*     962px (Android)
----------------------------------------*/
@media screen and (max-width:962px){

/* Mist */
.habits .box01{margin-top:-355px}

}

/*     960px (Android)
----------------------------------------*/
@media screen and (max-width:960px){

/* Left And Right Images */
.example-image{margin:100px auto 260px}
.example-image p{margin-top:-345px}

}

/*     942px (Android)
----------------------------------------*/
@media screen and (max-width:942px){

/* Left And Right Images */
.example-image{margin:100px auto 255px}
.example-image p{margin-top:-340px}

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-118px}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:115%}
.caption{padding-top:23px}

/* Operating Procedure */
.procedure01 .box01 .black01,.procedure01 .box01 .black02,.procedure01 .box02 .black03,.procedure01 .box02 .black04,.procedure02 .box01 .black05,.procedure02 .box02 .black06,.procedure02 .box02 .black07{height:34.5px;background-position:0 4.5px}
.procedure02 .box01 .black05{margin-bottom:50px}

/* Operating Procedure */
.procedure04 img{margin-top:15px}

}

/*	926px (iPhone12/13 Pro Max) 3buttons
----------------------------------------*/
@media screen and (max-width:926px) {

/* Warning */
#warning .caveat .box01,#warning .note .box01,#warning .prohibited .box01{background-position:14px 16px}

/* Important */
#important .row01{padding:10px 2% 5px}

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-113px}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{height:126px;padding:0 0 0 155px;-webkit-background-size:130px 126px;background-size:130px 126px}
.caption{padding-top:16px}

}

/*     915px (Android) 注意
----------------------------------------*/
@media screen and (max-width:915px){

/* Left And Right Images */
.example-image{margin:85px auto 245px}
.example-image p{margin-top:-325px}

}

/*     912px (Android)
----------------------------------------*/
@media screen and (max-width:912px){



}

/*     896px (iPhone11 Pro Max/XS Max)
----------------------------------------*/
@media screen and (max-width:896px){

/* GasParts */
#GasParts .box01{width:22%}
#GasParts .box02{width:12%}
#GasParts .box03{width:66%}

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-111px}

/* Note Box */
.note-box .icon-mark{width:20%}
.note-box .note-right{width:80%}

/* Operating Procedure */
.procedure04 img{min-width:106%}

/* Air */
.qa dd{padding-bottom:0}

}

/*     892px (Android)
----------------------------------------*/
@media screen and (max-width:892px){

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-113px}
.caption{width:85%;padding-right:15%}

/* Operating Procedure */
.procedure02 .box02 .black02,.procedure03 .box01 .black01{margin-bottom:30px}

}

/*     887px (Android) 注意
----------------------------------------*/
@media screen and (max-width:887px){

/* Left And Right Images */
.example-image{margin:80px auto 240px}
.example-image p{margin-top:-315px}

/* GasSpecifications */
#GasSpecifications .box01{width:23%}
#GasSpecifications .box02{width:73%}

/* Important */
#important .row01{width:10%;height:55px;padding:10px 1.5% 5px}
#important .row02{width:84%;padding:3px 0 0 3%}

}

/*     883px (Android) 注意
----------------------------------------*/
@media screen and (max-width:883px){



}

/*     882px (Android)
----------------------------------------*/
@media screen and (max-width:882px){



}

/*     881px (Android) 注意
----------------------------------------*/
@media screen and (max-width:881px){



}

/*     877px (Android) 注意
----------------------------------------*/
@media screen and (max-width:877px){



}

/*     876px (Android)
----------------------------------------*/
@media screen and (max-width:876px){



}

/*     873px (Android) 注意
----------------------------------------*/
@media screen and (max-width:874px){

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-112px}
.caption{width:90%;padding-right:10%}

/* Operating Procedure */
.procedure04 .box02{margin-top:25px}

}

/*     869px (Android) 注意
----------------------------------------*/
@media screen and (max-width:869px){



}

/*     864px (Android)
----------------------------------------*/
@media screen and (max-width:864px){



}

/*     856px (Android)
----------------------------------------*/
@media screen and (max-width:856px){

/* Left And Right Images */
.example-image{margin:90px auto 230px}

}

/*     854px (Android)
----------------------------------------*/
@media screen and (max-width:854px){



}

/*     852px (iPhone14 Pro)
----------------------------------------*/
@media screen and (max-width:852px){

/* Light blue icon & Orange icon */
.blue01,.blue02,.blue03,.blue04,.blue05,.blue06,.blue07,.blue08,.blue09,.blue10,.blue11,.blue12,.blue13,.blue14,.blue15,.blue16,.blue17,.blue18,.blue19,.blue20,.blue21,.blue22,.blue23,.blue24,.blue25,.black01,.black02,.black03,.black04,.black05,.black06,.black07,.icon_A,.icon_B,.icon_C,.icon_D,.icon_E,.icon_F,.icon_G,.icon_H,.icon_I,.icon_J,.icon_CD,.black_T,.procedure02 .black01,.procedure02 .black02,.procedure02 .black03,.procedure03 .black01,.procedure03 .black02,.procedure04 .black01,.procedure04 .black02{background-position:0 3px}

/* Precautions */
.windmill{background-position:0 2px}

/* Operating Procedure */
.procedure04 .box02{margin-top:30px}

}

/*     851px (Android) 注意
----------------------------------------*/
@media screen and (max-width:851px){

/* Precautions before */
.caption{width:95%;padding-right:5%}

}

/*     848px (Android)
----------------------------------------*/
@media screen and (max-width:848px){



}

/*     846px (Android)
----------------------------------------*/
@media screen and (max-width:846px){



}

/*     844px (iPhone12/13 Pro)
----------------------------------------*/
@media screen and (max-width:844px){



}

/*     840px (Android)
----------------------------------------*/
@media screen and (max-width:840px){



}

/*     834px (iPad Air3/Pro11)
----------------------------------------*/
@media screen and (max-width:834px){

/* Left And Right Images */
.example-image{margin:100px auto 225px}

/* Orange icon */
.icon_A ol{margin-left:0}
.icon_B p,.icon_C p,.icon_D p,.icon_E p,.icon_F p{margin-left:-25px}
.black_T p{margin-left:-23px}

/* Note Box */
.note-box .icon-mark{width:22%}
.note-box .note-right{width:78%}

/* Operating Procedure */
.procedure04 .box02{margin-top:40px}

}

/*     833px (Android) 注意
----------------------------------------*/
@media screen and (max-width:833px){



}

/*     830px (Android)
----------------------------------------*/
@media screen and (max-width:830px){

/* GasParts */
#GasParts .box01{width:24%}
#GasParts .box02{width:14%}
#GasParts .box03{width:62%}

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-113px}
.caption{width:100%;padding:16px 0 0 0}
}

/*     823px (Android) 注意
----------------------------------------*/
@media screen and (max-width:823px){

/* Left And Right Images */
.example-image{margin:95px auto 220px}
.example-image p{margin-top:-310px}

}

/*     822px (Android)
----------------------------------------*/
@media screen and (max-width:822px){



}

/*     820px (iPad Air4)
----------------------------------------*/
@media screen and (max-width:820px){



}

/*     813px (Android) 注意
----------------------------------------*/
@media screen and (max-width:813px){

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-111px}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{padding:0 0 0 145px}

.caption{padding-top:14px}

}

/*     812px (iPhoneX/XS/11 Pro)
----------------------------------------*/
@media screen and (max-width:812px){

/* Left And Right Images */
.example-image{margin:90px auto 220px}
.example-image p{margin-top:-305px}

/* GasSpecifications */
#GasSpecifications .br{display:block}
#GasSpecifications .box01{width:16%}
#GasSpecifications .box02{width:80%}
#GasSpecifications .configuration li,#GasSpecifications .configuration img{width:50%}

.configuration .basic-set01,.configuration .basic-set02{margin-bottom:35px}
.configuration .basic-set05,.configuration .basic-set06{margin-bottom:25px}

/* Preparation */
.before-use .box01{width:44%}
.before-use .box02{width:54%}
.before-use .separator .asterisk{text-align:left}

/* Note Box */
.note-box .icon-mark{width:24%}
.note-box .note-right{width:76%}

/* Air */
.qa dt{padding-left:8%}

}

/*     808px (Android)
----------------------------------------*/
@media screen and (max-width:808px){



}

/*     807px (Android) 注意
----------------------------------------*/
@media screen and (max-width:807px){



}

/*     800px (Android)
----------------------------------------*/
@media screen and (max-width:800px){

/* Left And Right Images */
.example-image{margin:85px auto 215px}
.example-image p{margin-top:-300px}

}

/*     798px (Android)
----------------------------------------*/
@media screen and (max-width:798px){



}

/*     794px (Android)
----------------------------------------*/
@media screen and (max-width:794px){

/* Operating Procedure */
.procedure04 .box02{margin-top:50px}

}

/*     792px (Android)
----------------------------------------*/
@media screen and (max-width:792px){



}

/*     786px (Android)
----------------------------------------*/
@media screen and (max-width:786px){

/* Operating Procedure */
.procedure04 .box02{margin-top:50px}

}

/*     780px (iPhone12/13 mini)
----------------------------------------*/
@media screen and (max-width:780px){

/* Left And Right Images */
.example-image{margin:85px auto 210px}
.example-image p{margin-top:-295px}

/* Important */
#important .row01{height:70px;padding:25px 1.5% 5px}

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-107px}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{height:116px;padding:0 0 0 135px;-webkit-background-size:120px 116px;background-size:120px 116px}

.caption{width:100%;padding-top:12px}

}

/*     771px (Android) 注意
----------------------------------------*/
@media screen and (max-width:771px){



}

/*     768px (iPad Air/mini)
----------------------------------------*/
@media screen and (max-width:768px){

/* Caveat */
.row02 .opposition01{border-right:none}
.row02 .opposition02{border-left:dashed 1px}

/* Preparation */
.before-use .box01{width:46%}
.before-use .box02{width:52%}

/* Air */
.qa dt{padding-left:8.5%}

}

/*     760px (Android)
----------------------------------------*/
@media screen and (max-width:760px){

/* Left And Right Images */
.example-image p{margin-top:-290px}

/* GasParts */
#GasParts .box01{width:26%}
#GasParts .box03{width:60%}

/* Caveat */
#caveat .row01,#note .row01,#prohibited .row01{width:10%}
#caveat .row02,#note .row02,#prohibited .row02{width:90%}
.row02 .box01{width:15%}
.row02 .box02{width:76%}

}

/*     759px (Breakpoint)
----------------------------------------*/
@media screen and (max-width:759px){

/* Precautions before */
.procedure04 .box01 .black01{margin-bottom:80px}

}

/*     753px (Android) 注意
----------------------------------------*/
@media screen and (max-width:753px){

/* Left And Right Images */
.example-image{margin:85px auto 205px}
.example-image p{margin-top:-285px}

/* Operating Procedure */
.procedure04 .box02{margin-top:60px}

}

/*     749px (Android)
----------------------------------------*/
@media screen and (max-width:749px){



}

/*     748px (Android)
----------------------------------------*/
@media screen and (max-width:748px){



}

/*     745px (Android) 注意
----------------------------------------*/
@media screen and (max-width:745px){



}

/*     744px (iPad mini6)
----------------------------------------*/
@media screen and (max-width:744px){

/* Precautions before */
.precautions-before .box07,.precautions-before .box08{margin-top:-102px}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:110%;height:107px;padding:0 0 0 125px;-webkit-background-size:110px 107px;background-size:110px 107px}

.caption{padding-top:8px}

}

/*     740px (Android)
----------------------------------------*/
@media screen and (max-width:740px){



}

/*     737px (Android)
----------------------------------------*/
@media screen and (max-width:737px){



}

/*     736px (iPhone6/7/8 Plus)
----------------------------------------*/
@media screen and (max-width:736px){

/* Air */
.qa dt{padding-left:9%}

}

/*     732px (Android)
----------------------------------------*/
@media screen and (max-width:732px){

/* Left And Right Images */
.example-image{margin:80px auto 200px}
.example-image p{margin-top:-280px}

/* Preparation */
.before-use .box01{width:48%}
.before-use .box02{width:50%}


}

/*     725px (Android) 注意
----------------------------------------*/
@media screen and (max-width:725px){



}

/*     720px (Android)
----------------------------------------*/
@media screen and (max-width:720px){



}

/*     712px (Android)
----------------------------------------*/
@media screen and (max-width:712px){

/* Left And Right Images */
.example-image{margin:80px auto 195px}
.example-image p{margin-top:-275px}

/* Important */
#important .row01{width:12%}
#important .row02{width:82%}

}

/*     706px (Android)
----------------------------------------*/
@media screen and (max-width:706px){



}

/*     704px (Android)
----------------------------------------*/
@media screen and (max-width:704px){

/* GasParts */
#GasParts .box01{width:28%}
#GasParts .box03{width:58%}

/* Preparation */
.before-use .box01{width:50%}
.before-use .box02{width:48%}

/* Note Box */
.note-box .icon-mark{width:28%}
.note-box .note-right{width:72%}

}

/*     696px (Android)
----------------------------------------*/
@media screen and (max-width:696px){

/* Warning */
#warning .box01{width:20%}
#warning .box02{width:72%}

/* Credit Card */
.credit-card{width:50%}
#collect li{width:48%}
#collect .box02,#collect .box04{margin-left:4%}

}

/*     694px (Android)
----------------------------------------*/
@media screen and (max-width:694px){

/* GasSpecifications */
#GasSpecifications .box01{width:18%}
#GasSpecifications .box02{width:78%}

/* Operating Procedure */
.procedure04 .box02{margin-top:70px}

}

/*     690px (Android)
----------------------------------------*/
@media screen and (max-width:690px){

/* Left And Right Images */
.example-image{margin:85px auto 190px}
.example-image p{margin-top:-270px}

/* Precautions before */
.precautions-before{margin:50px auto}
.precautions-before li{margin:0}
.precautions-before li p{margin-top:20px}
.precautions-before li .red{margin-top:-10px}
.precautions-before .br{display:block;padding-top:10px}
.precautions-before .box01,.precautions-before .box03,.precautions-before .box05,.precautions-before .box07{width:48%;margin:0 4% 0 0}
.precautions-before .box02,.precautions-before .box04,.precautions-before .box06,.precautions-before .box08{width:48%;margin:0}
.precautions-before .box01,.precautions-before .box02,.precautions-before .box03,.precautions-before .box04,.precautions-before .box05,.precautions-before .box06{margin-bottom:25px}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:120%;margin-left:0;height:116px;padding:0 0 0 140px;-webkit-background-size:120px 116px;background-size:120px 116px}
.caption{width:70%;padding:8px 30% 0 0}

/* Preparation */
.before-use .separator{width:100%;margin:50px auto!important}
.before-use .separator img{width:80%;margin-left:10%}
.before-use .separator .asterisk{text-align:right}
.before-use .box01,.before-use .box02{width:100%;display:block}
.before-use .box01{width:100%;padding-right:0}
.before-use .box02{width:100%;padding-top:0}
.before-use01 .br{margin-top:10px;display:block}
.before-use02 .box01{margin-top:50px}
.before-use03 .left-space{margin-left:-2px}
.black01 p,.black02 p,.note-box{margin-left:-25px}

/* Note Box */
.note-box{margin-left:-25px;padding:2% 2% 0}
.note-box .icon-mark{width:16%}
.note-box .note-right{width:84%}

/* span code */
.Android_690{display:inline}
.before-use .PC{display:none}

}

/*     676px (Android)
----------------------------------------*/
@media screen and (max-width:676px){



}

/*     668px (Android)
----------------------------------------*/
@media screen and (max-width:668px){



/* Air */
.qa dt{padding-left:9.5%}

}

/*     667px (iPhone6/7/8/SE) 注意
----------------------------------------*/
@media screen and (max-width:667px){

/* Left And Right Images */
.example-image{margin:85px auto 180px}
.example-image p{margin-top:-265px}

/* Operating Procedure */
.procedure04 .box02{margin-top:75px}

}

/*     664px (Android)
----------------------------------------*/
@media screen and (max-width:664px){



}

/*     658px (Android)
----------------------------------------*/
@media screen and (max-width:658px){

/* Left And Right Images */
.example-image{margin:90px auto 180px}

/* GasParts */
#GasParts .box01{width:30%}
#GasParts .box02{width:16%}
#GasParts .box03{width:54%}

}

/*     640px (Android)
----------------------------------------*/
@media screen and (max-width:640px){

/* Left And Right Images */
.right-image{margin:50px auto 45px}
.right-image li{width:100%;display:block}
.right-image li,.left-image li{vertical-align:baseline}
.right-image .box02{margin:0}
.left-image{margin:50px auto 0}
.left-image .box01{width:100%;margin:0 0 20px}
.left-image .box02{width:100%;margin:25px 0 0}

.HGG .example-image .PC img{width:100%;margin:0 auto;border:none}
.example-image{margin:30px auto 40px}
.example-image p{margin-top:50px}

/* Functions */
.functions li,.functions .br{display:block;margin-top:10px}
.functions .box01,.functions .box03{width:100%}
.functions .box02{width:100%}
.functions .box01{padding-right:0}
.functions .box03{padding-left:0}
.functions img{width:80%;margin:50px 0 50px 10%}
.functions .power-cord{margin-top:-50px}
.functions .left-space{margin:0 0 75px}
.functions .left-space p{margin-left:-25px}
.functions p{margin-left:-25px}
.blue02 .asterisk,.blue03 .asterisk,.blue24 .asterisk{margin-top:-10px}
.blue20 .left-space p{margin-top:12px}
.blue12{margin-bottom:75px}
.functions .box01 .black-disc{margin-bottom:50px}

/* Separation */
.dotted-over-bottom{margin-top:75px}

/* Operation Panel */
.panel  p{margin-left:-25px}
.panel .box01,.panel .box02{width:100%;display:block;padding:0}
.panel .box01{border-right:none}
.panel .separator{width:100%;margin:75px 0 75px -12px;padding:0}
.icon_E,.icon_F{width:100%}
.icon_CD,.icon_G,.icon_H,.icon_I,.icon_J,.black-disc,.green-disc,.pink-disc,.black_T{width:auto}
.icon_A,.icon_C,.icon_D,.icon_E,.icon_CD{margin-bottom:10px}
.icon_G,.icon_H,.icon_I{margin-bottom:20px}
.icon_A ol{margin-left:0}
.icon_B p{margin-bottom:0}
.icon_F{margin-bottom:25px}
.icon_B .left-space{margin-left:-35px}
.icon_F .left-space{margin-left:-10px}
.icon_F .display-name{margin-bottom:0}
.icon_CD{margin-top:10px}
.black_T .asterisk{margin-top:-10px}
.operation-panel .separator .Android_640,.procedure .Android_640{display:inline}
.operation-panel .separator .PC,.procedure .PC{display:none}

/* GasSpecifications */
#GasSpecifications .configuration img{width:75%}

/* Precautions before */
.precautions-before{margin:50px auto}
.precautions-before li{display:block}
.precautions-before .box01,.precautions-before .box02,.precautions-before .box03,.precautions-before .box04,.precautions-before .box05,.precautions-before .box06,.precautions-before .box07,.precautions-before .box08{width:100%}
.precautions-before .box01,.precautions-before .box02,.precautions-before .box03,.precautions-before .box04,.precautions-before .box05,.precautions-before .box06,.precautions-before .box07{margin-bottom:50px}
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:120%;margin-left:0;height:116px;padding:0 0 0 140px;-webkit-background-size:120px 116px;background-size:120px 116px}
.caption{width:100%;padding:48px 0 0 0}

/* Operating Procedure */
.operating-procedure li{display:block}
.operating-procedure .box01{width:auto;padding-right:0;border-right:none}
.operating-procedure .box02{width:auto;padding-left:0}
.procedure01 .black03,.procedure02 .black06{margin-top:50px}
.procedure02 .black02{margin-top:0}
.procedure04 img{min-width:auto}
.operating-procedure .separator img{width:80%;margin-left:10%}
.procedure03 .fade-up{text-align:center;margin:50px auto}
.procedure03 .black-disc,.procedure04 .black-disc{margin-bottom:10px}
.two-box .box02 .separator,.procedure04 .box02 .separator{margin:50px auto}
.procedure01 .box01 .black01,.procedure01 .box01 .black02,.procedure01 .box02 .black03,.procedure01 .box02 .black04,.procedure02 .box01 .black05,.procedure02 .box02 .black06,.procedure02 .box02 .black07{background-position:0 0}
.shadow{box-shadow:5px 5px 10px #999}

/* Precautions before */
.procedure02 .box02 .black01,.procedure02 .box02 .black02,.procedure03 .box01 .black01{margin-bottom:5px}
.procedure04 .box01 .black01{margin-bottom:30px}

/* Air */
.question{margin-bottom:40px;padding:0;background:none;border-radius:none;box-shadow:none}
.qa{margin-bottom:15px;box-shadow:5px 5px 10px #999}
.qa dt{padding-right:2%}

}

/*     630px (Android)
----------------------------------------*/
@media screen and (max-width:630px){

/* GasSpecifications */
#GasSpecifications .box01{width:20%}
#GasSpecifications .box02{width:76%}

/* GasParts */
#GasParts .box01{width:32%}
#GasParts .box02{width:16%}
#GasParts .box03{width:52%}

/* GasPrice */
#GasPrice .br{display:block}

}

/*     604px (Android)
----------------------------------------*/
@media screen and (max-width:604px){



}

/*     600px (Android)
----------------------------------------*/
@media screen and (max-width:600px){

/* Air */
.qa dt{padding-left:10%}

}

/*     592px (Android)
----------------------------------------*/
@media screen and (max-width:592px){

/* Important */
#important .row01{width:14%}
#important .row02{width:80%}

/* Mail Form */
.mail-form .first,.mail-form .second{display:inline}

}

/*     586px (Android)
----------------------------------------*/
@media screen and (max-width:586px){

/* Warning */
#warning .spacing2{letter-spacing:.5em}

}

/*     569px (Android) 注意
----------------------------------------*/
@media screen and (max-width:569px){

/* GasParts */
#GasParts .box01{width:34%}
#GasParts .box02{width:18%}
#GasParts .box03{width:48%}

.each-item .box02 .mgl16{display:block;margin:10px 0 0}
.asterisk03 .br{display:block;margin-left:-8px}

}

/*     560px (Android) 2buttons
----------------------------------------*/
@media screen and (max-width:560px){

/* GasSpecifications */
#GasSpecifications li{display:block}
#GasSpecifications .br{display:inline}
#GasSpecifications .box01,#GasSpecifications .box02{width:96%}
#GasSpecifications .subheading{text-align:center}

/* GasParts */
.table-wrap{overflow-x:scroll}
#GasParts{width:150%;margin-top:30px;border-collapse:collapse;white-space:nowrap}
#GasParts .box01{width:35%}
#GasParts .box02{width:20%}
#GasParts .box03{width:95%}

/* GasPrice */
.HGG .image-changes{margin:50px auto 55px}
.HGG .image-changes .PC img{width:100%;margin:0 auto;border:none}
#GasPrice li{display:block}
#GasPrice .box01,#GasPrice .box02{width:96%}
#GasPrice .subheading{text-align:center}

/* GasPrice */
#GasPrice .br{display:inline}

/* Caveat */
#caveat{margin-top:0}
#caveat,#note,#prohibited{width:150%;border-collapse:collapse}
#caveat .row01,#note .row01,#prohibited .row01{width:12%}
#caveat .row02,#note .row02,#prohibited .row02{width:138%}
#caveat .row02 .box01,#caveat .row02 .box02{display:inline-block}
#caveat .row02 .box01,#note .row02 .box01{width:12%}
#caveat .row02 .box02,#note .row02 .box02{width:79%}

/* Precautions before */
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:114%}
.caption{width:100%;padding-top:50px}

/* Note Box */
.note-box .icon-mark{width:18%}
.note-box .note-right{width:82%}

/* Air */
.qa dt{padding-left:12%}

}

/*     540px (Android)
----------------------------------------*/
@media screen and (max-width:540px){

/* Precautions before */
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:114%;margin-left:0;height:107px;padding:0 0 0 130px;-webkit-background-size:110px 107px;background-size:110px 107px}
.caption{padding-top:46px}

}

/*     534px (Android)
----------------------------------------*/
@media screen and (max-width:534px){

/* GasParts */
#GasParts{width:160%}
#GasParts .box01{width:40%}
#GasParts .box02{width:20%}
#GasParts .box03{width:100%}

/* Warning */
#warning .item-name{font-size:100%}

/* Important */
#important .row01{width:15%;height:80px;padding:30px 1.5% 5px}
#important .row02{width:79%}

/* Operation Panel */
.panel  p{margin-left:-25px}
.panel .box01,.panel .box02{width:100%;display:block;padding:0}
.panel .separator{width:100%}
.panel .separator img{width:100%;margin:0 auto;padding:0}
.icon_E,.icon_F{width:90%}

/* Note Box */
.note-box .icon-mark{width:20%}
.note-box .note-right{width:80%}

/* Life */
.each-item .box01{width:27%}
.each-item .box02{width:65%}
.asterisk01 .br,.asterisk03 .br{display:inline;margin-left:0}

}

/*     530px (Breakpoint)
----------------------------------------*/
@media screen and (max-width:530px){

/* Precautions before */
.procedure02 .box02 .black01{margin-bottom:30px}

}

/*     524px (Breakpoint)
----------------------------------------*/
@media screen and (max-width:524px){

/* Precautions before */
.procedure04 .box01 .black01{margin-bottom:55px}

}

/*     486px (Android)
----------------------------------------*/
@media screen and (max-width:486px){

/* Note Box */
.note-box .icon-mark{width:22%}
.note-box .note-right{width:78%}

}

/*     485px (Android)
----------------------------------------*/
@media screen and (max-width:485px){

/* GasParts */
#GasParts{width:180%}
#GasParts .box01{width:45%}
#GasParts .box02{width:25%}
#GasParts .box03{width:110%}

/* Life */
.each-item .box01,.each-item .box02{width:96%;float:none}
.item-name{font-size:120%;text-align:center}
.each-item .box02 .mgl16{display:inline;margin-left:16px}

/* Air */
.sale .first .br{display:block}
.sale .first .mgl16{margin:10px 0 0}

}

/*     480px (iPhone3/4)
----------------------------------------*/
@media screen and (max-width:480px){

/* Important */
#important .row01{width:17%}
#important .row02{width:77%}

/* Operation Panel */
.panel .separator{margin:25px 0 25px -12px}

}

/*     463px (Android) ※注意
----------------------------------------*/
@media screen and (max-width:464px){

/* Important */
#important .row01{width:17%;height:90px;padding:40px 1.5% 5px}
#important .row02{width:77%}

/* GasPrice */
#GasPrice .br{display:block}

/* Preparation */
.before-use .separator .asterisk{text-align:left}

/* Note Box */
.note-box .icon-mark{width:20%}
.note-box .note-right{width:80%}
.before-use .icon-mark{height:40px;-webkit-background-size:40px 40px;background-size:40px 40px}

.procedure02 .box01 .black05{margin-bottom:40px}

}

/*     438px (Android)
----------------------------------------*/
@media screen and (max-width:438px){

/* Caveat */
#caveat .row01,#note .row01,#prohibited .row01{width:15%}
#caveat .row02,#note .row02,#prohibited .row02{width:135%}
#caveat .row02 .box01,#note .row02 .box01{width:16%}
#caveat .row02 .box02,#note .row02 .box02{width:75%}

/* Air */
.qa dt{padding-left:14%}
.qa dt::before{width:20px;height:20px;margin-left:28px;background-size:20px}
.qa dt.active::before{background-size:20px}

}

/*     432px (Android)
----------------------------------------*/
@media screen and (max-width:432px){

.each-item .box02 .mgl16{display:block;margin-left:0}
.asterisk03 .br{display:block;margin-left:-8px}

}

/*     428px (iPhone12/13 Pro Max)
----------------------------------------*/
@media screen and (max-width:428px){

/* GasSpecifications */
#GasSpecifications .configuration img{width:100%}

/* GasParts */
#GasParts{width:210%}
#GasParts .box01{width:50%}
#GasParts .box02{width:30%}
#GasParts .box03{width:130%}

/* Important */
#important .row01,#important .row02{display:block}
#important .row01{width:80%;height:40px;margin:0 auto 20px;padding:20px 0 5px}
#important .row02{width:100%;padding:3px 0 0 0}
#important ol{margin-top:0;margin-bottom:50px}

/* Precautions before */
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:130%;height:116px;padding:0 0 0 140px;-webkit-background-size:120px 116px;background-size:120px 116px}
.caption{padding-top:33px}

/* Credit Card */
.credit-card{width:75%}
#collect li img{width:90%}

/* Air */
.qa .underline{line-height:24px}

}

/*     418px (Android)
----------------------------------------*/
@media screen and (max-width:418px){

/* Precautions */
.windmill{height:auto;font-size:130%;padding:0 0 0 35px;-webkit-background-size:25px 25px;background-size:25px 25px;background-position:0 4px}

.each-item .box02 .mgl16{display:block;margin:10px 0 0}

}

/*     417px (Breakpoint)
----------------------------------------*/
@media screen and (max-width:417px){

/* Precautions before */
.procedure02 .box02 .black02,.procedure03 .box01 .black01{margin-bottom:30px}

}

/*     414px (iPhone[6/7/8]Plus / [12/13]mini / [11 Pro/XS]Max)
----------------------------------------*/
@media screen and (max-width:414px){



}

/*     400px (Android)
----------------------------------------*/
@media screen and (max-width:400px){

/* Caveat */
#caveat .row02 .box01,#note .row02 .box01{width:18%}
#caveat .row02 .box02,#note .row02 .box02{width:73%}

}

/*     393px (iPhone14 Pro) ※注意
----------------------------------------*/
@media screen and (max-width:394px){

/* Note Box */
.note-box .icon-mark{width:22%}
.note-box .note-right{width:78%}

}

/*     390px (iPhone12/13 Pro)
----------------------------------------*/
@media screen and (max-width:390px){

/* Precautions */
.windmill{font-size:125%}

}

/*     385px (Android)
----------------------------------------*/
@media screen and (max-width:385px){

/* Precautions before */
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:120%}
.caption{padding-top:35px}

}

/*     376px  (Android 9 376x668)
----------------------------------------*/
@media screen and (max-width:376px){

/* Precautions before */
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:115%}
.caption{padding-top:37px}

/* Precautions */
.windmill{font-size:120%}

/* Air */
.qa dt{padding-left:15%}

}

/*     375px (iPhone6/7/8/SE/X/XS/11 Pro)
----------------------------------------*/
@media screen and (max-width:375px){

/* Precautions */
.windmill{font-size:115%}

.asterisk03 .br{display:inline;margin-left:0}

}

/*     360px (Android)
----------------------------------------*/
@media screen and (max-width:360px){

/* Precautions before */
.before01,.before02,.before03,.before04,.before05,.before06,.before07,.before08{font-size:115%;height:107px;padding:0 0 0 130px;-webkit-background-size:110px 107px;background-size:110px 107px}
.caption{padding-top:34px}

/* Precautions */
.windmill{background:url(../images/icon_windmill.png) no-repeat;-webkit-background-size:25px 25px;background-size:25px 25px;background-position:0 4}


}

/*     347px (Breakpoint)
----------------------------------------*/
@media screen and (max-width:347px){

/* Precautions before */
.procedure04 .box01 .black01{margin-bottom:75px}

}

/*     346px (Android)
----------------------------------------*/
@media screen and (max-width:346px){

/* Caveat */
#caveat .row01,#note .row01,#prohibited .row01{width:16%}
#caveat .row02,#note .row02,#prohibited .row02{width:134%}
#caveat .row02 .box01,#note .row02 .box01{width:20%}
#caveat .row02 .box02,#note .row02 .box02{width:71%}

/* Note Box */
.note-box .icon-mark{width:23%}
.note-box .note-right{width:77%}

.qa dt{padding-left:17%}

}