@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;
}