/* Copyright 2017 7110 All Rights Reserved. */
@charset "UTF-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}input{background:0 0;border:none;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}footer{max-width:728px;margin:0 auto;padding:10px 0;text-align:center;background-color:#6c757d}footer a{color:#fff;text-decoration:none;display:block}.mdGoldenRatio,.mdImageRatio,.mdSilverRatio{width:728px;margin:20px auto 0;padding-bottom:20px}.mdGoldenRatio .elTitle,.mdImageRatio .elTitle,.mdSilverRatio .elTitle{font-size:20px;font-weight:700;text-align:center}.mdGoldenRatio .elForm,.mdImageRatio .elForm,.mdSilverRatio .elForm{width:728px;margin-top:50px;padding:0 70px;display:-webkit-box;display:-ms-flexbox;display:flex}.mdGoldenRatio .elInputs,.mdImageRatio .elInputs,.mdSilverRatio .elInputs{width:728px;display:-webkit-box;display:-ms-flexbox;display:flex}.mdGoldenRatio .elInput,.mdImageRatio .elInput,.mdSilverRatio .elInput{width:180px;padding:0 10px;height:25px;line-height:25px;text-align:right;font-size:1em;border:1px solid #999}.mdGoldenRatio .elMessage,.mdImageRatio .elMessage,.mdSilverRatio .elMessage{margin-left:20px;display:inline-block;text-align:right}.mdGoldenRatio .elResults,.mdImageRatio .elResults,.mdSilverRatio .elResults{margin:20px auto 0;list-style-type:none;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background-color:#fff}.mdGoldenRatio .elRow,.mdImageRatio .elRow,.mdSilverRatio .elRow{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #dadada}.mdGoldenRatio .elIndex,.mdGoldenRatio .elOutput,.mdImageRatio .elIndex,.mdImageRatio .elOutput,.mdSilverRatio .elIndex,.mdSilverRatio .elOutput{width:250px;height:35px;line-height:35px;padding:0 10px;display:block;text-align:right;color:#333;border-left:1px solid #dadada}.mdGoldenRatio .elIndex,.mdImageRatio .elIndex,.mdSilverRatio .elIndex{height:40px;line-height:35px;text-align:center;font-weight:700}.mdGoldenRatio .elTexts,.mdImageRatio .elTexts,.mdSilverRatio .elTexts{margin:40px auto 0}.mdGoldenRatio .elText,.mdImageRatio .elText,.mdSilverRatio .elText{width:100%;margin-top:5px}.mdGoldenRatio .isEmphasis,.mdImageRatio .isEmphasis,.mdSilverRatio .isEmphasis{color:#999}.mdGoldenRatio .isBold,.mdImageRatio .isBold,.mdSilverRatio .isBold{padding:0 5px;font-weight:700}.mdGoldenRatio .isSmall,.mdImageRatio .isSmall,.mdSilverRatio .isSmall{font-size:12px}.mdImageRatio .elForm{padding:0;display:block}.mdImageRatio .elMessage{margin:0}.mdImageRatio .elInputs{margin-top:5px}.mdImageRatio .elInput{width:150px}.mdImageRatio .elInput:last-child{margin-left:20px}.mdImageRatio .elResults{margin-top:30px}.mdImageRatio .elButton{margin-top:20px;text-align:right}.mdImageRatio .elButton span{padding:10px 15px;color:#1d9439;border:1px solid #b3d980;background-color:#f1fae4}.mdImageRatio .elButton span:hover{cursor:pointer}.mdCalculation{width:728px;margin:20px auto 0;padding-bottom:20px}.mdCalculation .elTitle{font-size:20px;font-weight:700;text-align:center}.mdCalculation .elContents{margin-top:50px}.mdCalculation .elMessage{color:#333}.mdCalculation .elItems{width:728px;margin:20px auto 0;list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-right:1px solid #dadada;border-bottom:1px solid #dadada}.mdCalculation .elItem{width:calc(728px / 4);border-top:1px solid #dadada;border-left:1px solid #dadada}.mdCalculation .elIndex{width:calc(728px / 4);height:40px;line-height:40px;text-align:center;font-weight:700}.mdCalculation .elColumn{width:calc(728px / 4);height:35px;line-height:35px;padding:0 10px;text-align:right;font-size:1.2em;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #dadada}.mdCalculation .elColumn input{width:140px;height:33px;line-height:33px;text-align:right;font-size:1em}.mdCalculation .elColumn span{margin-left:auto;margin-right:17.5px}.mdCalculation .isSelected{background-color:rgba(255,215,215,.75)}.mdCalculation .isSelected input{display:none}.mdCalculation .isPx{position:relative}.mdCalculation .isPx::after{width:17.5px;line-height:1;content:"px";font-size:12px;position:absolute;right:10px;bottom:5px}.mdCalculation .isNum{position:relative}.mdCalculation .isNum::after{width:17.5px;line-height:1;content:"枚";font-size:12px;position:absolute;right:10px;bottom:5px}.mdCalculation .elButton{margin-top:20px;text-align:right}.mdCalculation .elButton span{padding:10px 15px;color:#1d3994;border:1px solid #beccea;background-color:#f1f5ff}.mdCalculation .elButton span:hover{cursor:pointer}@media screen and (max-width:728px){.mdGoldenRatio,.mdImageRatio,.mdSilverRatio{width:100%;margin-top:40px;padding-bottom:20px}.mdGoldenRatio .elTitle,.mdImageRatio .elTitle,.mdSilverRatio .elTitle{font-size:24px}.mdGoldenRatio .elForm,.mdImageRatio .elForm,.mdSilverRatio .elForm{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mdGoldenRatio .elMessage,.mdImageRatio .elMessage,.mdSilverRatio .elMessage{width:100%;margin:0 10px;font-size:18px;text-align:center;-webkit-box-ordinal-group:1;-ms-flex-order:1;order:1}.mdGoldenRatio .elInput,.mdImageRatio .elInput,.mdSilverRatio .elInput{width:70%;height:35px;line-height:35px;margin:20px auto 0;-webkit-box-ordinal-group:2;-ms-flex-order:2;order:2}.mdGoldenRatio .elResults,.mdImageRatio .elResults,.mdSilverRatio .elResults{margin:40px 10px 0}.mdGoldenRatio .elTexts,.mdImageRatio .elTexts,.mdSilverRatio .elTexts{margin:40px 10px 0}.mdGoldenRatio .isSmall,.mdImageRatio .isSmall,.mdSilverRatio .isSmall{font-size:14px}.mdImageRatio .elInputs{width:100%;height:35px;line-height:35px;margin:20px 10px 0;-webkit-box-ordinal-group:2;-ms-flex-order:2;order:2}.mdImageRatio .elInput{width:30%;margin:0;-webkit-box-ordinal-group:0;-ms-flex-order:0;order:0}.mdImageRatio .elButton{margin:30px 10px 0}.mdCalculation{width:100%;margin-top:40px;padding-bottom:20px}.mdCalculation .elTitle{font-size:24px}.mdCalculation .elContents{margin:50px 10px 0}.mdCalculation .elMessage{font-size:18px;text-align:center}.mdCalculation .elItems{width:100%;margin:40px 0 0}.mdCalculation .elItem{width:25%}.mdCalculation .elIndex{width:100%}.mdCalculation .elColumn{width:100%}.mdCalculation .elColumn input{width:100%;padding-right:20px}.mdCalculation .elButton{margin:30px 0 0}}.mdAD .elBigBanner{width:728px;height:90px;line-height:90px;margin:30px auto 0;font-size:40px;text-align:center;background-color:#efefef}.mdAD .elMiddle{width:300px;height:250px;line-height:250px;margin-top:30px;font-size:24px;text-align:center;background-color:#efefef}.mdAD .elMobileBigBanner{display:none}@media screen and (max-width:728px){.mdAD .elMobileBigBanner{width:320px;height:100px;line-height:100px;margin:20px auto 0;font-size:24px;text-align:center;background-color:#efefef;display:block}}.mdIndex{width:728px;margin:20px auto 0;padding-bottom:20px}.mdIndex .elTitle{padding-left:5px;font-size:20px;font-weight:700}.mdIndex .elSubTitle{height:30px;line-height:30px;padding-left:5px;font-size:18px;font-weight:700;border-bottom:solid 1px #808080}.mdIndex .elMessage{margin-top:20px;line-height:1.7;color:#333}.mdIndex .elAttention{margin-top:10px;text-align:center;font-size:.8em;color:#666}.mdIndex .elContents{margin-top:30px;display:flex}.mdIndex .elItems{width:450px;margin:0 auto;padding-right:20px}.mdIndex .elItem{margin-top:3px;height:32px;line-height:32px;padding-left:10px;font-size:16px;list-style-type:none;border-bottom:solid 1px #eaeaea}.mdIndex .elItem a{color:#04c;text-decoration:none;display:block}.mdIndex .elItem a:hover{color:#4c88ff;cursor:pointer}@media screen and (max-width:728px){.mdIndex{width:100%;margin-top:40px;padding-bottom:20px}.mdIndex .elTitle{text-align:center;font-size:24px}.mdIndex .elMessage{margin:20px 10px 0}.mdIndex .elContents{width:100%;margin:30px 0 0;padding:0 10px;display:block}.mdIndex .elItems{width:100%}.mdIndex .elItem{height:40px;line-height:40px}.mdIndex .elBigBanner{display:none}.mdIndex .elMiddle{margin-left:auto;margin-right:auto}}.mdIntroduce{width:728px;margin:20px auto}.mdIntroduce .elItem{margin-bottom:10px}.mdIntroduce .elTitle{font-size:16px}.mdIntroduce .elText{line-height:1.7;color:#333}.mdIntroduce a{color:#04c;text-decoration:none;display:block}.mdIntroduce a:hover{color:#4c88ff;cursor:pointer}@media screen and (max-width:728px){.mdIntroduce{width:100%;margin:30px 0 0;padding:0 10px}}