/***********************************************
 *
 * CSS共通
 * style=で直接書き込むのは良くないのでクラス化
 ***********************************************/

/*サイズ関係*/

.max-width-100per{max-width:100%;}
.max-width-1000px{max-width:1000px;}

.width-100per{width:100%;}
.width-90per{width:90%;}
.width-75per{width:75%;}
.width-50per{width:50%;}
.width-33per{width:33%;}
.width-25per{width:25%;}
.width-20per{width:20%;}

.width-8px{width:8px;}.width-16px{width:16px;}.width-24px{width:24px;}.width-32px{width:32px;}.width-40px{width:40px;}.width-48px{width:48px;}.width-56px{width:56px;}.width-64px{width:64px;}.width-72px{width:72px;}.width-80px{width:80px;}.width-88px{width:88px;}.width-96px{width:96px;}.width-104px{width:104px;}.width-112px{width:112px;}.width-120px{width:120px;}.width-128px{width:128px;}
.width-256px{width:256px;}



.min-width-100px{min-width:100px;}
.min-width-200px{min-width:200px;}
.min-width-300px{min-width:300px;}
.min-width-400px{min-width:400px;}
.min-width-500px{min-width:500px;}

/*強制改行*/
.word-wrap-break{
    word-wrap:break-word;
}

/*ポジション相対*/
.position-relative{
    position:relative;
}
/*ポジション絶対*/
.position-absolute{
    position:absolute;
}
/*ポジション固定*/
.position-fixed{
    position:fixed;
}
/*ディスプレイ*/
.disp-block{display:block!important;}
.disp-inline-block{display:inline-block!important;}
.disp-inline{display:inline!important;}
.disp-none{display:none!important;}

/*マージン中央よせ*/
.margin-center{margin:0 auto!important;}
/*マージン右よせ*/
.margin-right{margin: 0 0 0 auto!important;}
/*マージン左よせ*/
.margin-left{margin: 0 auto 0 0!important;}

.margin-1per{margin:1%;}.margin-2per{margin:2%;}.margin-3per{margin:3%;}.margin-4per{margin:4%;}.margin-5per{margin:5%;}
.margin-top-1per{margin-top:1%;}.margin-top-2per{margin-top:2%;}.margin-top-3per{margin-top:3%;}.margin-top-4per{margin-top:4%;}.margin-top-5per{margin-top:5%;}
.margin-bottom-1per{margin-bottom:1%;}.margin-bottom-2per{margin-bottom:2%;}.margin-bottom-3per{margin-bottom:3%;}.margin-bottom-4per{margin-bottom:4%;}.margin-bottom-5per{margin-bottom:5%;}

.margin-1px{margin:1px;}.margin-2px{margin:2px;}.margin-3px{margin:3px;}.margin-4px{margin:4px;}.margin-5px{margin:5px;}.margin-6px{margin:6px;}.margin-7px{margin:8px;}.margin-8px{margin:8px;}.margin-16px{margin:16px;}
.margin-top-1px{margin-top:1px;}.margin-top-2px{margin-top:2px;}.margin-top-3px{margin-top:3px;}.margin-top-4px{margin-top:4px;}.margin-top-5px{margin-top:5px;}.margin-top-6px{margin-top:6px;}.margin-top-7px{margin-top:7px;}.margin-top-8px{margin-top:8px;}.margin-top-16px{margin-top:16px;}
.margin-bottom-1px{margin-bottom:1px;}.margin-bottom-2px{margin-bottom:2px;}.margin-bottom-3px{margin-bottom:3px;}.margin-bottom-4px{margin-bottom:4px;}.margin-bottom-5px{margin-bottom:5px;}.margin-bottom-6px{margin-bottom:6px;}.margin-bottom-7px{margin-bottom:7px;}.margin-bottom-8px{margin-bottom:8px;}
.margin-left-1px{margin-left:1px;}.margin-left-2px{margin-left:2px;}.margin-left-3px{margin-left:3px;}.margin-left-4px{margin-left:4px;}.margin-left-5px{margin-left:5px;}.margin-left-6px{margin-left:6px;}.margin-left-7px{margin-left:7px;}.margin-left-8px{margin-left:8px;}.margin-left-16px{margin-left:16px;}
.margin-right-1px{margin-right:1px;}.margin-right-2px{margin-right:2px;}.margin-right-3px{margin-right:3px;}.margin-right-4px{margin-right:4px;}.margin-right-5px{margin-right:5px;}.margin-right-6px{margin-right:6px;}.margin-right-7px{margin-right:7px;}.margin-right-8px{margin-right:8px;}.margin-right-16px{margin-right:16px;}.margin-right-24px{margin-right:24px;}.margin-right-32px{margin-right:32px;}

.padding-0{padding:0;}

.padding-1per{padding:1%;}.padding-2per{padding:2%;}.padding-3per{padding:3%;}.padding-4per{padding:4%;}.padding-5per{padding:5%;}
.padding-top-1per{padding-top:1%;}.padding-top-2per{padding-top:2%;}.padding-top-3per{padding-top:3%;}.padding-top-4per{padding-top:4%;}.padding-top-5per{padding-top:5%;}
.padding-bottom-1per{padding-bottom:1%;}.padding-bottom-2per{padding-bottom:2%;}.padding-bottom-3per{padding-bottom:3%;}.padding-bottom-4per{padding-bottom:4%;}.padding-bottom-5per{padding-bottom:5%;}
.padding-left-1per{padding-left:1%;}.padding-left-2per{padding-left:2%;}.padding-left-3per{padding-left:3%;}.padding-left-4per{padding-left:4%;}.padding-left-5per{padding-left:5%;}
.padding-right-1per{padding-right:1%;}.padding-right-2per{padding-right:2%;}.padding-right-3per{padding-right:3%;}.padding-right-4per{padding-right:4%;}.padding-right-5per{padding-right:5%;}

.padding-1px{padding:1px;}.padding-2px{padding:2px;}.padding-3px{padding:3px;}.padding-4px{padding:4px;}.padding-5px{padding:5px;}.padding-6px{padding:6px;}.padding-7px{padding:8px;}.padding-8px{padding:8px;}.padding-16px{padding:16px;}
.padding-top-1px{padding-top:1px;}.padding-top-2px{padding-top:2px;}.padding-top-3px{padding-top:3px;}.padding-top-4px{padding-top:4px;}.padding-top-5px{padding-top:5px;}.padding-top-6px{padding-top:6px;}.padding-top-7px{padding-top:7px;}.padding-top-8px{padding-top:8px;}.padding-top-16px{padding-top:16px;}
.padding-bottom-1px{padding-bottom:1px;}.padding-bottom-2px{padding-bottom:2px;}.padding-bottom-3px{padding-bottom:3px;}.padding-bottom-4px{padding-bottom:4px;}.padding-bottom-5px{padding-bottom:5px;}.padding-bottom-6px{padding-bottom:6px;}.padding-bottom-7px{padding-bottom:7px;}.padding-bottom-8px{padding-bottom:8px;}
.padding-left-1px{padding-left:1px;}.padding-left-2px{padding-left:2px;}.padding-left-3px{padding-left:3px;}.padding-left-4px{padding-left:4px;}.padding-left-5px{padding-left:5px;}.padding-left-6px{padding-left:6px;}.padding-left-7px{padding-left:7px;}.padding-left-8px{padding-left:8px;}.padding-left-16px{padding-left:16px;}
.padding-right-1px{padding-right:1px;}.padding-right-2px{padding-right:2px;}.padding-right-3px{padding-right:3px;}.padding-right-4px{padding-right:4px;}.padding-right-5px{padding-right:5px;}.padding-right-6px{padding-right:6px;}.padding-right-7px{padding-right:7px;}.padding-right-8px{padding-right:8px;}

.clear_both{clear:both;}

.float-left{float:left;}
.float-center{float:center;}
.float-right{float:right;}

/*テキスト中央寄せ*/
.align-center{text-align:center!important;}
/*テキスト左寄せ*/
.align-left{text-align:left!important;}
/*テキスト右寄せ*/
.align-right{text-align:right!important;}

.valign-top{vertical-align: top;}
.valign-middle{vertical-align: middle;}
.valign-bottom{vertical-align: bottom;}

.cursor-pointer{cursor:pointer;}
.word-break-all{word-break: break-all;}

/* ブロック内最後周り込みクリア */
.clearfix:after{
    content: ".";
    display: block;
    visibility:hidden;
    height:0;
    font-size:0;
    line-height:0;
    clear: both;
}
/*.clearfix{
    display:inline-block;
}*/
/* ie,mac */
* html .clearfix{
    height: 1%;
}
/*.clearfix{
    display:block;
}*/

.font-size-90per{font-size:90%}.font-size-100per{font-size:100%}.font-size-110per{font-size:110%}.font-size-120per{font-size:120%}.font-size-130per{font-size:130%}.font-size-140per{font-size:140%}.font-size-150per{font-size:150%}.font-size-160per{font-size:160%}.font-size-170per{font-size:170%}.font-size-180per{font-size:180%}.font-size-190per{font-size:190%}.font-size-200per{font-size:200%}
.font-weight100{font-weight:100;}.font-weight200{font-weight:200;}.font-weight300{font-weight:300;}.font-weight400{font-weight:400;}.font-weight500{font-weight:500;}.font-weight600{font-weight:600;}.font-weight700{font-weight:700;}.font-weight800{font-weight:800;}.font-weight900{font-weight:900;}

.color-black1{color:#000000!important;}
.color-red1{color:#c30d23;}
.color-white{color:#FFFFFF;}
.color-blue1{color:#0a78f4;}
.color-blue2{color:#124d9c;}
.bgcolor-white{background-color:#FFF!important;}
.bgcolor-gray1{background-color:#595757;}
.bgcolor-gray2{background-color:#dcdddd;}
.bgcolor-gray3{background-color: #dcdddd;}

.border-1-black1{border:1px #333333 solid;}
.border-5-black1{border:5px #333333 solid;}

.border-1-gray1{border:1px #DDD solid;}
.border-1-gray2{border:1px #CCC solid;}
.border-1-gray3{border:1px #BBB solid;}
.border-1-gray4{border:1px #AAA solid;}

.box-shadow-none{
    box-shadow:none;
}
.line-height32px{
    line-height: 32px;
}
.line-height64px{
    line-height: 64px;
}
.line-height96px{
    line-height: 96px;
}

/* ================================================== スタイル 追加css ================================================== */
a:hover{
    opacity:80%;
}
/* ================================================// スタイル 追加css// ================================================ */