@charset "utf-8";
/* CSS Document */

.marginb10{margin-bottom: 10px;}
.marginb20{margin-bottom: 20px;}
.marginb30{margin-bottom: 30px;}
.marginb40{margin-bottom: 40px;}
.marginb50{margin-bottom: 50px;}

/*==============フォントサイズ===============*/
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f22{font-size: 22px !important;}
.f24{font-size: 24px !important;}
.f28{font-size: 28px !important;}
.f30{font-size: 30px !important;}

/*==============フォーム===============*/
/*===========================================*/
.btn{border-radius: 50px;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;
width: 100%;cursor: pointer;margin: 20px 0;font-weight: 700;font-size: 1.5em;border: 3px solid #ffc335; background: #FDB200; color: #fff!important;position: relative;display: block;z-index: 1;text-align: center; box-shadow: 0px 15px 10px -16px rgba(0, 0, 0, 0.65);box-sizing: border-box;padding: 10px;text-shadow: 0px 1px 2px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2)}

.btn:before { position: absolute;
content: '';top: 50%;left: 50%;
height: 0;width: 0;border-radius: 50%;
background: #FFF0CC;z-index: -1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-o-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-webkit-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear;
-webkit-transition-delay: 0s, 0s, 0.05s;
transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
}
.btn:hover{text-decoration: none;color: #FDB200!important;border-color: #ffc355;box-shadow: 0 0px 0px 0px #fff;text-shadow: 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(255,255,255,0.9)}
.btn:hover:before{width: 100%;height: 100%;border-radius: 0;color: #ffc355;border-radius: 50px;}
/*==============フォーム===============*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea, select{border:2px solid #ffc335;box-sizing: border-box;width: 100%;padding:10px;border-radius: 5px;
transition:ease 0.5s;cursor: pointer;}
select{margin-bottom: 15px;}
input[type="text"]:hover,
input[type="text"]:active,
input[type="email"]:hover,
input[type="email"]:active,
input[type="tel"]:hover,
input[type="tel"]:active,
input[type="url"]:hover,
input[type="url"]:active,
textarea:hover,
textarea:active,
select:hover,
select:active{border:2px solid #765211;background: #FFF0CC;}
input[type="submit"],
input[type="button"]{border:none;cursor: pointer;font-family:" メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"}
input[type="radio"]{opacity: 0;position: absolute;cursor: pointer;}
input[type="radio"] + .radio-label:before {content: ''; background: #f4f4f4; border-radius: 100%;
  border: 2px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; margin-right: 20px; vertical-align: top;
  cursor: pointer; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;} 
input[type="radio"]:checked + .radio-label:before {background-color: #ffc335;box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #ffc335;margin-right: 25px;}
input[type="radio"]:checked + .radio-label::before {/*position: absolute;*/line-height: 1.4em;margin-right: 20px;}
input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #78E19;background: #78E19;}
input[type="radio"]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #ffc335;background: #ffc335;}
input[type="radio"] + .radio-label:empty:before {margin-right: 0;}
input[type="checkbox"] {width: 2em; height: 2em;position: absolute;opacity: 0;cursor: pointer;}
input[type="checkbox"] + .chek-label:before {content: ''; background: #f4f4f4; border-radius: 5px;display: block;
  border: 2px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; margin-right: 1em; vertical-align: top;text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
input[type="checkbox"]:checked + .chek-label:before {background-color: #ffc335;box-shadow: inset 0 0 0 4px #f4f4f4;border:2px solid #ffc335;}
input[type="checkbox"]:focus + .chek-label:before {outline: none;border:2px solid #ffc335;}
input[type="checkbox"]:disabled + .chek-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #ffc335;background: #ffc3354;}
input[type="checkbox"] + .chek-label:empty:before {margin-right: 0;}


.radio{display:block;padding: 10px 0;position: relative;}
.radio{display:block;padding: 10px 0;position: relative;}


/*追加*/
/*ADD MDLSETTING*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-color-text--orange {color: rgb(255,152,0) !important; }
.mdl-color--orange {background-color: rgb(255,152,0) !important; }
.mdl-color-text--orange-50 {color: rgb(255,243,224) !important; }
.mdl-color--orange-50 {background-color: rgb(255,243,224) !important; }
.mdl-color-text--orange-100 {color: rgb(255,224,178) !important; }
.mdl-color--orange-100 {background-color: rgb(255,224,178) !important; }
.mdl-color-text--orange-200 {color: rgb(255,204,128) !important; }
.mdl-color--orange-200 {background-color: rgb(255,204,128) !important; }
.mdl-color-text--orange-300 { color: rgb(255,183,77) !important; }
.mdl-color--orange-300 {background-color: rgb(255,183,77) !important; }
.mdl-color-text--orange-400 {color: rgb(255,167,38) !important; }
.mdl-color--orange-400 {background-color: rgb(255,167,38) !important; }
.mdl-color-text--orange-500 {color: rgb(255,152,0) !important; }
.mdl-color--orange-500 {background-color: rgb(255,152,0) !important; }
.mdl-color-text--orange-600 {color: rgb(251,140,0) !important; }
.mdl-color--orange-600 {background-color: rgb(251,140,0) !important; }
.mdl-color-text--orange-700 {color: rgb(245,124,0) !important; }
.mdl-color--orange-700 {background-color: rgb(245,124,0) !important; }
.mdl-color-text--orange-800 {color: rgb(239,108,0) !important; }
.mdl-color--orange-800 {background-color: rgb(239,108,0) !important; }
.mdl-color-text--orange-900 {color: rgb(230,81,0) !important; }
.mdl-color--orange-900 { background-color: rgb(230,81,0) !important; }
.mdl-color-text--orange-A100 {color: rgb(255,209,128) !important; }
.mdl-color--orange-A100 {background-color: rgb(255,209,128) !important; }
.mdl-color-text--orange-A200 {color: rgb(255,171,64) !important; }
.mdl-color--orange-A200 {background-color: rgb(255,171,64) !important; }
.mdl-color-text--orange-A400 {color: rgb(255,145,0) !important; }
.mdl-color--orange-A400 {background-color: rgb(255,145,0) !important; }
.mdl-color-text--orange-A700 {color: rgb(255,109,0) !important; }
.mdl-color--orange-A700 {background-color: rgb(255,109,0) !important; }
.mdl-color-text--deep-orange {color: rgb(255,87,34) !important; }
.mdl-color--deep-orange {background-color: rgb(255,87,34) !important; }
.mdl-color-text--deep-orange-50 {color: rgb(251,233,231) !important; }
.mdl-color--deep-orange-50 {background-color: rgb(251,233,231) !important; }
.mdl-color-text--deep-orange-100 {color: rgb(255,204,188) !important; }
.mdl-color--deep-orange-100 {background-color: rgb(255,204,188) !important; }
.mdl-color-text--deep-orange-200 {color: rgb(255,171,145) !important; }
.mdl-color--deep-orange-200 {background-color: rgb(255,171,145) !important; }

.bgprymary{background: #FFCF60;}
img{max-width: 100%;}
.divTableCell, .divTableHead {
    border-bottom: 1px solid #18697E;
    padding: 10px;
}
.divTable {
    width: 100%;
    border-top: 1px solid #18697E;
    border-left: 1px solid #18697E;
    border-right: 1px solid #18697E;
}
@media screen and (min-width:769px){
/* DivTable.com */
.divTable{display: table;width: 100%;border-top: 1px solid #18697E;border-left: 1px solid #18697E;border-right: 1px solid #18697E;}
.divTableRow {display: table-row;}
.divTableHeading {background-color: #EEE;display: table-header-group;}
.divTableCell, .divTableHead {border-bottom: 1px solid #18697E;display: table-cell;padding:15px 10px 10px 10px;}
.divTableHeading {background-color: #EEE;display: table-header-group;font-weight: bold;}
.divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;}
.divTableBody {display: table-row-group;}
}
@media screen and (man-width:768px){
.divTable{width: 100%;border-top: 1px solid #18697E;border-left: 1px solid #18697E;border-right: 1px solid #18697E;}
.divTableCell, .divTableHead {border-bottom: 1px solid #18697E;padding: 10px;}}