@charset "utf-8"; /* CSS Document */ /*エリア別カラー*/ /*orange*/ .area1 { background-color: #f97d1e; } .areaFontColor1 { color: #f56403; } .areaBorder1 { border-bottom: 2px #f97d1e solid; } .areaBorderTitle1 { border-bottom: 3px #f97d1e solid; } /*green*/ .area2 { background-color: #30cabc;/*background-color:#3B9FE8;*/ } .areaFontColor2 { color: #2fbb9b; } .areaBorder2 { border-bottom: 2px #30cabc solid; } .areaBorderTitle2 { border-bottom: 3px #30cabc solid; } /*blue*/ .area3 { background-color: #33619a;/*background-color: #36FA32;*/ } .areaFontColor3 { color: #33619a; } .areaBorder3 { border-bottom: 2px #33619a solid; } .areaBorderTitle3 { border-bottom: 3px #33619a solid; } /*red*/ .area4 { /*background-color: #CD626F;*/ background-color: #f15a8a; } .areaFontColor4 { color: #f15a8a; } .areaBorder4 { border-bottom: 2px #f15a8a solid; } .areaBorderTitle4 { border-bottom: 3px #f15a8a solid; } /*orange*/ .area5 { background-color: #f97d1e; } .areaFontColor5 { color: #f56403; } .areaBorder5 { border-bottom: 2px #f97d1e solid; } .areaBorderTitle5 { border-bottom: 3px #f97d1e solid; } /*全体定義*/ html { box-sizing: border-box; font-size: 62.5%; background: #fff; } *, *:before, *:after { box-sizing: inherit; } html { height: 100% } body { font-family: "メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif; color: #555555; font-size: 1.4rem; line-height: 1.6; -webkit-text-size-adjust: 100%; -webkit-print-color-adjust: exact; background: #ffffff; min-width: 320px; height: 100%; } input, textarea, select, button { font-family: "メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif; } .bold { font-weight: bold } .ibParent { letter-spacing: -.4em; /* inline-block隙間対策 */ } /*コンテナー定義*/ .container { display: block; width: 955px; margin: 25px auto 60px; text-align: left; } /* ------------ A Style */ a, a:link,a:visited,a:hover,a:active { text-decoration: none; } /*a:active { text-decoration: underline; color: #ff6600; } a:hover { position : relative; top : 0.5pt; left : 0.5pt; text-decoration: none; }*/ /*サブページのタイトル表現*/ .subPageTitle { margin-bottom: 15px; padding: 13px 10px; font-size: 16px; color: #ee6900; font-weight: bold; border-left: #cccccc 1px solid; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #F60 3px solid; } .subPageMainMessage { text-align: center; font-size: 22px; font-weight: bold; margin: 50px 0; } .subPageMainMessage +p{ line-height: 2.2; text-align: center; margin: 10px; } /*スマフォ対応*/ .spBt { width: 950px; margin: 18px auto; } /*20180809追加*/ /* フォントサイズ */ .fsize10 { font-size: 10px } .fsize11 { font-size: 11px } .fsize12 { font-size: 12px } .fsize13 { font-size: 13px } .fsize14 { font-size: 14px } .fsize15 { font-size: 15px } .fsize16 { font-size: 16px } .fsize17 { font-size: 17px } .fsize18 { font-size: 18px } .fsize19 { font-size: 19px } .fsize20 { font-size: 20px } .fsize21 { font-size: 21px } .fsize22 { font-size: 22px } .fsize23 { font-size: 23px } .fsize24 { font-size: 24px } .fsize25 { font-size: 25px } .fsize26 { font-size: 26px } .fsize27 { font-size: 27px } .fsize28 { font-size: 28px } .fsize29 { font-size: 29px } .fsize30 { font-size: 30px } .fsize31 { font-size: 31px } .fsize32 { font-size: 32px } .fsize33 { font-size: 33px } .fsize34 { font-size: 34px } .fsize35 { font-size: 35px } .fsize36 { font-size: 36px } .fsize37 { font-size: 37px } .fsize38 { font-size: 38px } .fsize39 { font-size: 39px } .fsize40 { font-size: 40px } .fsize41 { font-size: 41px } .fsize42 { font-size: 42px } /* テキストカラー */ .white { color: #ffffff; } .themeGreen { color: #1dc0a3; } .aqua { color: #639dc0 } .darkBlue { color: #0c4f78 } .ruriBlue { color: #238dbd } .purple { color: #9359c4 } .airBlue { color: #379dcd } .faceBlue { color: #3b5998 } .orange { color: #ee6900 } .blue { color: #00aceb; } /* 緑 */ .green { color: #1eaa2c } .lightGreen { color: #0fb093 } .darkGreen { color: #0e9378 } .lime { color: #1dc0a3 } .deepGreen { color: #0d9379 } /* グレー */ .gray { color: #666666 } .gray333 { color: #333333 } .gray555 { color: #555555 } .gray666 { color: #666666 } .gray888 { color: #888888 } .gray999 { color: #999999 } .grayAAA { color: #AAAAAA } .grayBBB { color: #BBBBBB } .grayCCC { color: #CCCCCC } .grayDDD { color: #DDDDDD } .grayEEE { color: #EEEEEE } /* 赤系 */ .darkPink { color: #b3216a } /* 黄色・オレンジ */ .orange { color: #e07732 } .deepOrange { color: #f37e30 } .yellow { color: #f2c200 } .lightYellow { color: #fff600 } .redOrange { color: #ec3206 } .ocher { color: #dc8e1d } .favOrange { color: #ff7900 } /* 背景カラー */ /* モノトーン */ .bgWhite { background: #ffffff } .bgGray { background: #efefef } .bgGrayBBB { background: #BBBBBB } .bgGrayCCC { background: #CCCCCC } .bgGrayDDD { background: #DDDDDD } .bgGrayD8 { background: #D8D8D8 } .bgGrayEEE { background: #EEEEEE } .bgGrayF0 { background: #F0F0F0 } .bgGrayF8 { background: #f8f8f8 } .bgGrayFB { background: #FBFBFB } /* 赤・黄・オレンジ */ .bgOrange { background: #f09152 } .bgPink { background: #ffefeb } .bgYellow { background: #ffbd18 } .bgPaleYellow { background: #fefff6 } .bgSkin { background: #fffbf2 } .bgDeepOrange { background: #f37e30 } .bgUsutama { background: #f3ede7 } /* 青・緑系 */ .bgGrayBlue { background: #badad4 } .bgDarkBlue { background: #0c4f78 } .bgDullBlue { background: #1d6c90 } .bgCrystalBlue { background: #1486ba } .bgRuriBlue { background: #238dbd } .bgAirBlue { background: #379dcd } .bgLightBlue { background: #bfe8e1 } .bgPaleGreen { background: #ebf8f6 } .bgThemeGreen { background: #1dc0a3; } .bgHanaGreen { background: #bfe8e0; } .bgSkyBlue { background: #1484c8 } /* グラデーション */ .grdWhite { box-shadow: 0px 2px 0px 0px #b3b3b3, inset 0px 2px 6px 0px #fff; background: #fafafa } .grdSilver { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #d9d9d9), color-stop(0.15, #fcfcfc), color-stop(0.00, #fefefe)); background: -webkit-linear-gradient(top, #fefefe 0%, #fcfcfc 15%, #d9d9d9 88%); background: -moz-linear-gradient(top, #fefefe 0%, #fcfcfc 15%, #d9d9d9 88%); background: -o-linear-gradient(top, #fefefe 0%, #fcfcfc 15%, #d9d9d9 88%); background: -ms-linear-gradient(top, #fefefe 0%, #fcfcfc 15%, #d9d9d9 88%); background: linear-gradient(to bottom, #fefefe 0%, #fcfcfc 15%, #d9d9d9 88%); } .grdGreen { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #00bf7d), color-stop(0.00, #00cf88)); background: -webkit-linear-gradient(top, #00cf88 0%, #00bf7d 88%); background: -moz-linear-gradient(top, #00cf88 0%, #00bf7d 88%); background: -o-linear-gradient(top, #00cf88 0%, #00bf7d 88%); background: -ms-linear-gradient(top, #00cf88 0%, #00bf7d 88%); background: linear-gradient(to bottom, #00cf88 0%, #00bf7d 88%); } .grdTifany { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #21c6a8), color-stop(0.00, #3cd5b9)); background: -webkit-linear-gradient(top, #3cd5b9 0%, #21c6a8 88%); background: -moz-linear-gradient(top, #3cd5b9 0%, #21c6a8 88%); background: -o-linear-gradient(top, #3cd5b9 0%, #21c6a8 88%); background: -ms-linear-gradient(top, #3cd5b9 0%, #21c6a8 88%); background: linear-gradient(to bottom, #3cd5b9 0%, #21c6a8 88%); } .grdOrange { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f37e30), color-stop(0.00, #f39657)); background: -webkit-linear-gradient(top, #f39657 0%, #f37e30 88%); background: -moz-linear-gradient(top, #f39657 0%, #f37e30 88%); background: -o-linear-gradient(top, #f39657 0%, #f37e30 88%); background: -ms-linear-gradient(top, #f39657 0%, #f37e30 88%); background: linear-gradient(to bottom, #f39657 0%, #f37e30 88%); } /* プレースホルダの色 */ /* 各ベンダープレフィックスが取れた標準版!!(http://caniuse.com/#search=placeholder-shown) */ :placeholder-shown { color: #bbbbbb; } /* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder { color: #bbbbbb; } /* Firefox 18- */ :-moz-placeholder { color: #bbbbbb; opacity: 1; } /* Firefox 19+ */ ::-moz-placeholder { color: #bbbbbb; opacity: 1; } /* IE 10+ */ :-ms-input-placeholder { color: #bbbbbb; } .confirmationBtn { text-align: center; padding: 30px 0 30px 0; } .pointBox { background: #ffffcc; padding: 8px; margin-bottom: 8px; color: #333333; } .comptitle { color: #F00; font-weight: bold; font-size: 1.7em; text-align: center; padding-top: 1em; } .compMassage { color: #F00; font-weight: bold; font-size: 1.2em; text-align: center; padding-top: 1em; } .comptext { text-align: center; font-size: 1em; margin-bottom: 1em; } /* iOSでのデフォルトスタイルをリセット */ input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; } input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }