@charset "utf-8";

/*************************
commonstyle for /

set Variable (only Modan Browser)
*************************/

/* Reset Stylesheet Based on - html5doctor.com Reset Stylesheet http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; font-family: inherit;}
ul, li { list-style: none; }
ol > li{display: list-item;list-style: decimal inside;padding-left: 10px;}
*{box-sizing:border-box;}

/*-------------------------------------
clearfixs
-------------------------------------*/
.clearfix:before,.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* preset
---------------------------------------*/
.clear{clear: both;}

i.fa{margin-right: 5px;}

.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.white{color: #fff;}.black{color: #000;}.blue{color: #014cc4;}.red{color: #ca051c;}
.c333{color: #333;}.c666{color: #666;}.c999{color: #999;}
.bg-white{background-color: #fff;}.bg-ashgray{background-color: #f6f4ec;}.bg-gray{background: #f6f6f6;}
.bg-green{background: #5cb531;color: #fff;}.bg-black{background-color: #000;color: #fff}.bg-blue{background-color: #004488;color: #fff}.bg-red{background-color: rgb(220,0,0);color: #fff}.bg-lightgold{background: #e3dcc8;}.bg-gold{background: #c5a175;}
.bg-lightblue{background: #00a0e9;color: #fff;}
.box-gray-round{background: #eee;border-radius: 10px;padding: 20px;}
.bg-yellow{background: yellow;}

.shdw-b{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}.shdw-t{text-shadow:1px 1px 1px rgba(0,0,0,.2);}

.bdt{border-top: solid 1px #ddd;}
.bdr{border-right: solid 1px #ddd;}
.bdb{border-bottom: solid 1px #ddd;}
.bdl{border-left: solid 1px #ddd;}
.bd{border: solid 1px #ddd;}

.iblock{display: inline-block !important;}.block{display: block !important;}

.m0{margin: 0 !important;}.m10{margin: 10px !important;}.m20{margin: 20px !important;}
.p0{padding: 0 !important;}.p10{padding: 10px !important;}.p20{padding: 20px !important;}.p30{padding: 30px !important;}
.p0-side{padding-left: 0 !important;padding-right: 0 !important;}
.pt0{padding-top: 0 !important;}.pr0{padding-right: 0 !important;}.pb0{padding-bottom: 0 !important;}.pl0{padding-left: 0 !important;}
.mt0{margin-top: 0 !important;}.mr0{margin-right: 0 !important;}.mb0{margin-bottom: 0 !important;}.ml0{margin-left: 0 !important;}

.mt10{margin-top: 10px !important;}.mt15{margin-top: 15px !important;}.mt20{margin-top: 20px !important;}.mt30{margin-top: 30px !important;}
.mb5{margin-bottom: 5px !important;}.mb10{margin-bottom: 10px !important;}.mb20{margin-bottom: 20px !important;}.mb30{margin-bottom: 30px !important;}
.mr10{margin-right: 10px !important;}.mr20{margin-right: 20px !important;}.mr30{margin-right: 30px !important;}
.ml10{margin-left: 10px !important;}.ml20{margin-left: 20px !important;}.ml30{margin-left: 30px !important;}
.w100{width: 100% !important;}
.w50{width: 47%;}.w60{width: 60%;margin: auto;}.w70{width: 70%;margin: auto;}.w80{width: 80%;margin: auto;}

img{width: 100%;vertical-align: bottom;-webkit-backface-visibility: hidden;}
.img-auto{width: auto;}
.img-auto-allways{width: auto !important;}
.img-40{width: 40px !important;}

.left,.left-both{float: left;}
.right,.right-both{float: right;}

.onlysp,
.only480{display: none;}
.onlypc{display: block;}
span.border{border-right: solid 1px #ccc;margin: 0 10px;height: 3em;vertical-align: middle;width: 3px;}

.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.font-3xl{font-size: 180% !important;}.font-2xl{font-size: 150% !important;}
.font-xl{font-size: 120% !important;}.font-l{font-size: 110% !important;}.font-m{font-size: 100% !important;}
.font-s{font-size: 90% !important;}.font-xs{font-size: 80% !important;}

.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-danger{color: rgb(220,0,0);font-size: 110%;font-weight: bold;}

.w10{width: 10%;}.w20{width: 20%;}.w30{width: 30%;}
.w40{width: 40%;}.w50{width: 50%;}.w60{width: 60%;}
.w70{width: 70%;}.w80{width: 80%;}.w90{width: 90%;}


@media screen and (max-width:640px){
.left,
.right{float: none;}
.onlysp{display: block;}
.onlypc{display: none;}
.img-auto{width: 100%;}
span.border{display: inline-block;border-bottom: solid 1px #ccc;margin: 10px 0;height: 1px;width: 100%;}
.font-3xl,.font-2xl{font-size: 110% !important;}
}

@media screen and (max-width:480px){
.only480{display: block;}
}
/* columns
---------------------------------------*/

.col2:before,.col2:after,
.col3:before,.col3:after,
.col4:before,.col4:after { content: ""; display: table; }
.col2:after,
.col3:after,
.col4:after { clear: both; }
.col2,
.col3,
.col4 { zoom: 1; }

.col2 > div,
.col2 > li{width: 48.5%;float: left;margin-bottom: 3%;}
.col2 > div:nth-child(2n),
.col2 > li:nth-child(2n){margin-left: 3%;}
.col2 > div:nth-child(2n+1),
.col2 > li:nth-child(2n+1){clear: both;}
.col3 > div,
.col3 > li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}
.col3 > div:nth-child(3n),
.col3 > li:nth-child(3n){margin-right: 0;}
.col3 > div:nth-child(3n+1),
.col3 > li:nth-child(3n+1){clear: both;}
.col4 > div,
.col4 > li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;}
.col4 > div:nth-child(4n),
.col4 > li:nth-child(4n){margin-right: 0;}
.col4 > div:nth-child(4n+1),
.col4 > li:nth-child(4n+1){clear: both;}
.col5 > div,
.col5 > li{width: 18%;float: left;margin-right: 2.5%;margin-bottom: 2.5%;}
.col5 > div:nth-child(5n),
.col5 > li:nth-child(5n){margin-right: 0;}
.col5 > div:nth-child(5n+1),
.col5 > li:nth-child(5n+1){clear: both;}

@media screen and (max-width:1200px){
.col4 > div,
.col4 > li{width: 48.5%;float: left;margin-right: 0;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-left: 3%;}
.col4 > div:nth-child(2n+1),
.col4 > li:nth-child(2n+1){clear: both;}
}
@media screen and (max-width:980px){
.col5 > div,
.col5 > li{width: 32%;float: left;margin-right: 2%;}
.col5 > div:nth-child(5n),
.col5 > li:nth-child(5n){margin-right: 2%;}
.col5 > div:nth-child(5n+1),
.col5 > li:nth-child(5n+1){clear: none;}
.col5 > div:nth-child(3n),
.col5 > li:nth-child(3n){margin-right: 0;}
.col5 > div:nth-child(3n+1),
.col5 > li:nth-child(3n+1){clear: both;}
}

@media screen and (max-width:640px){
.col2 > div,
.col2 > li{width: 100%;float: none;margin-bottom: 5%;}
.col2 > div:nth-child(2n),
.col2 > li:nth-child(2n){margin-left: 0;}
.col3 > div:nth-child(2n+1),
.col3 > li:nth-child(2n+1){clear: none;}
.col3 > div,
.col3 > li{width: 100%;float: none;margin-right: 0;}
.col3 > div:nth-child(3n+1),
.col3 > li:nth-child(3n+1){clear: none;}
/*.col4 > div,
.col4 > li{width: 100%;float: none;margin-bottom: 5%;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-left: 0;}*/
}
@media screen and (max-width:480px){
.col5 > div,
.col5 > li{width: 48.5%;float: left;margin-right: 3%;margin-bottom: 3%;}
.col5 > div:nth-child(5n),
.col5 > li:nth-child(5n){margin-right: 2%;}
.col5 > div:nth-child(3n),
.col5 > li:nth-child(3n){margin-right: 2%;}
.col5 > div:nth-child(3n+1),
.col5 > li:nth-child(3n+1){clear: none;}
.col5 > div:nth-child(2n),
.col5 > li:nth-child(2n){margin-right: 0;}
.col5 > div:nth-child(2n+1),
.col5 > li:nth-child(2n+1){clear: both;}
}


/* bootstrap: modal/alert/well
---------------------------------------*/
#modal-price .modal-dialog{width: 80%;}
.modal-header{font-size: 120%;border-bottom: solid 1px #ddd;background: #eee;}
.modal-header.bg-red{background: #ff1212;color: #fff;font-size: 150%;}
.modal-header.bg-red .modal-title{display: inline-block;background: url(/src/img/icon_007.png) no-repeat left center #ff1212;background-size:contain;padding-left: 40px;}
.modal-header.bg-red strong{color:#edd170;}
.modal-dialog{margin: 80px 10px 10px;}
.modal-body table{margin-bottom: 10px;}
.modal-body{padding: 40px;font-weight: normal;}
.modal-inner{margin-bottom: 20px;}
.modal-title{text-align: center;}
.modal-footer-inner.left{display: table-cell;float: left;}
.modal-footer-inner.right{display: table-cell;width: 40%;float: right;}
.modal-footer-inner.right .input-group .btn{margin-left: 10px;}
.modal-footer .btn{padding: 20px 10px;}

.modal-btn{padding: 0;border-top: solid 1px #ddd;}
.modal-btn .btn{color: #333;text-align: center;display: block;margin-bottom: 0;}
.modal-btn .btn i{font-size: 150%;}
.modal-btn.modal-btn-col2 .btn{width: 50%;float: left;}
.modal-btn.modal-btn-col3 .btn{width: 33.3%;float: left;}
.modal-btn .btn:hover{background: #eee;}
.modal-btn .btn + .btn{margin: 0;border-left: solid 1px #ddd;}
.bootstrap-maxlength.label{font-size: 90% !important;border-radius:0 !important;padding-bottom: 3px;}

.alert-dismissable, .alert-dismissible{padding-right: 15px;}
.alert-dismissable .close,
.alert-dismissible .close {font-size: 16px;color: rgba(0,0,0,.6);}
@media (min-width:768px){
.modal-dialog{margin: 60px auto 30px;}
}
@media (max-width:640px){
.modal-header.bg-red{font-size: 110%;}
.modal-header.bg-red .modal-title{padding-left: 50px;width: 90%;text-align: left;}
.alert-edit .w30,
.alert-edit .w70{width: 100%;}
}

/* 　common
******************************************/
body{font:14px / 1.7 "Noto Serif JP","ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;
/*'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;*/font-weight: 500;
background: #f6f6f6;color: #333;word-break:break-all;position: relative;}

.btn,select,input,textarea,option,
.label-block,.result-total{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

.serif{font-family: "Noto Serif JP","ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;}
.gothic{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

#wrap{width: 100%;margin: auto;background: #fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);overflow: hidden;}

@media screen and (min-width:640px){
.main{min-height:500px;}
}

/* 　text
******************************************/

p{margin-bottom: 11px;}
strong{color: #D83B33;font-weight: bold;}
.come{font-size: 12px;color: #999;}
code{color: #666;}

.bg-blue strong{color: #dec98f;}
.bg-black strong{color: #dec98f;}
.bg-lightblue strong{color: yellow;}

h1,h2,h3,h4,h5,h6{font:16px "Noto Serif JP","ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;font-weight: 500;}
.gothic h1,.gothic h2,.gothic h3,.gothic h4,.gothic h5,.gothic h6{}

h1{font-size: 200%;}
h2{font-size: 150%;line-height: 1.4;}
h1 .en,h2 .en{display: block;font-size: 50%;line-height: 1;color: #aaa;font-weight: normal;margin-top: -10px;}
h3{font-size: 130%;}
@media screen and (max-width:900px){
h1{font-size: 200%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
}
@media screen and (max-width:640px){
h1,h2,h3,h4,h5,h6{font-weight: bold;}
h1{font-size: 150%;}
h2{font-size: 110%;}
h3{font-size: 100%;}
}

h1.hasbtn{zoom:1;position: relative;}
h1.hasbtn:after{display: block;content:"";clear: both;height: 0;}
h1.hasbtn .btn{font-size: 14px;position: absolute;right: 10px;top: 10px;}
@media screen and (max-width:640px){
h1.hasbtn{text-align: left;}
h1.hasbtn .btn{padding: 10px 20px;top: 0;}
h1.hasbtn .btn .btn-text{display: none;}
h1.hasbtn .btn i{margin-right: 0;}
}

.num{font-family: 'Roboto', sans-serif;font-weight: bold;color: #000;/*color: #ce0a00;*/}
.jpy{color: #666;font-size: 11px;}
/* 　link
******************************************/

a{color: #011E54;}
a:hover,a:active{color: #011E54;text-decoration: underline;}
a:hover img{opacity: .8;}a:hover .rollover{opacity: 1;}
a:hover img.hover{opacity: 1;}
.pagination>li>a{color: #011E54;}
.pagination>li>a i.fa,
.pagination>li>span i.fa{margin-right: 0;}
.pagination>li>a:hover,.pagination>li>a:active{background: #011E54;color: #fff;}

footer{background: #333 !important;}
.footer-link{background: #000;padding-bottom: 5px;}
.footer-link a{color: #fff;font-size: 12px;}

/* 　list
******************************************/
.list-inline li{display: inline-block;}
.list-inline-border li{border-right: solid 1px #ddd;padding-right: 5px;}
.list-inline-border li:last-child{border: none;}

.list-default li{display: list-item;list-style: square inside;padding-left: 10px;}

.list-horizontal a,.list-vertical a{display: block;text-decoration: none;}
.list-horizontal>li:before,.list-horizontal>li:after { content: ""; display: table; }
.list-horizontal>li:after { clear: both; }
.list-horizontal>li { zoom: 1; }
.list-horizontal .thumbnail{width: 30%;float: left;border: solid 1px #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.list-horizontal .text{width: 67%;float: right;}
.list-horizontal .title{line-height: 1.4;margin-bottom: 5px;}
.list-horizontal a:hover .title,
.list-horizontal a:active .title{text-decoration: underline;}

.list-vertical .thumbnail{border: solid 1px #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);margin-bottom: 5px;}
.list-vertical .text{line-height: 1.4;}
.list-vertical .title{line-height: 1.4;margin-bottom: 5px;}
.list-vertical .tags{margin-bottom: 8px;}
.list-vertical a:hover .title,
.list-vertical a:active .title{text-decoration: underline;}

/* preset: table
---------------------------------------*/

table{ width: 100%;margin: 10px auto 20px; text-align: left;border: 0; background: #fff;}
table th,
table td{padding: 10px;}
table th{text-align: center;vertical-align: middle;}
table caption{font-size: 110%;color:#011E54;text-align: center;}

.table-border tr{ border: solid 1px #ddd;border-top:0; }
.table-border tr:first-child{ border-top: solid 1px #ddd; }
.table-border td{border-left: solid 1px #ddd;}
.table-border td:first-child{border-left: 0;}
.table-border tr.row2 td:first-child{border-left: solid 1px #ddd;}
.table-border .noborder{ border: 0; text-align: center;background: none !important; }

.table-80{width: 80%;margin: auto;}

.table-color th{background: #eee;}

/*スマホ時並列class*/
.table-horizontal th { width: 15%; padding: 10px;text-align: left;}
.table-horizontal td { width: 85%; padding: 10px;}

/*スマホ時縦列class*/
.table-vertical th,.table-vertical td{padding: 10px;}
.table-vertical th.check-all-row{line-height: 1;}
.table-vertical th{border-right: solid 1px #ddd;}
.table-vertical th:last-child{border-right: 0;}
.table-vertical tr.row2 th:last-child{border-right: solid 1px #ddd;}
.table-vertical td{vertical-align: middle;}

.table-col2{table-layout:fixed;}
.table-col2 th{width: 15%;background: #f6f6f6;text-align: left;}
.table-col2 td{width: 35%;vertical-align: middle;}
.table-col2 td:nth-child(2){border-right: solid 1px #ddd;}

.table-row{border-collapse:separate;border-spacing:10px;}
.table-row th,.table-row td{padding: 20px;}
.table-row tr{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);margin-bottom: 10px;background: rgba(255,255,255,.9);}
.table-row tr th{background: #0075c1;color: #fff;}
.table-row tr img{vertical-align: middle;}

.submit th,
.submit td{padding-top: 40px;}

.table-result{font-size: 90%;}

.datepicker{max-width: 100%;font-size: 75%;}
.datepicker table td{padding: 5px !important;}

@media screen and (max-width:640px){
.table-horizontal,
.table-horizontal > caption,
.table-horizontal > thead,
.table-horizontal > tbody,
.table-horizontal > thead > tr,.table-horizontal > tbody > tr,
.table-horizontal > thead > tr > th,.table-horizontal > tbody > tr > th,
.table-horizontal > thead > tr > td,.table-horizontal > tbody > tr > td{display: block;width: 100%;}
.table-horizontal th{border-bottom: solid 1px rgba(0,0,0,.2);}

.table-vertical caption{width: 100%;}
.table-vertical thead{display: none;}
.table-vertical tr,
.table-vertical th,
.table-vertical td{display: block;width: 100%;}
.table-vertical tr{margin-bottom: 20px;}
.table-vertical td{border-bottom: solid 1px #ddd;}
.table-vertical td:nth-child(1){background: #011E54;color: #fff;font-weight: bold;}

.table-border td{border-left: 0;}
.table-col2 td:nth-child(2){border-right: 0;}

.table-vertical-checked thead{background: #eee;}
.table-vertical-checked thead th{background-color: transparent !important;font-size: 100%;}
.table-vertical-checked tr:after{content:'';display: block;clear: both;height: 0;}
.table-vertical-checked thead th.cell-check{width: 10%;display: block;float: left;}
.table-vertical-checked td:nth-child(1) input{height: auto;}
.table-vertical-checked td:nth-child(2){background: #011E54;color: #fff;font-weight: bold;width: 80%;display: block;float: right;line-height: 1.7;}
.table-vertical-checked td:nth-child(2) a{color: #fff;}
.table-vertical-checked td:nth-child(2) .kana{display: none;}

/*複数行またがり時チェック並列解除*/
.table-vertical-checked tr.row2 td:nth-child(1){width: 100%;display: block;background: transparent;color:inherit;font-weight: normal;}
.table-vertical-checked tr.row2 td:nth-child(2){background: transparent;color:inherit;font-weight: normal;width: 100%;float: none;}
}


/* row/cell */
.row-noresult td{padding: 20px 10px !important;text-align: center;}
.row-noresult td .fa-exclamation-triangle{font-size: 150%;color: #E74C3C;}

.cell-check{padding: 0;vertical-align: middle;}
.cell-check label{display: block;cursor:pointer;text-align: center;}
.cell-check input[type=checkbox]{margin-right: 0;cursor:pointer;}

.cell-multiple > span{display: block;}

.cell-select select{padding: 5px;}

.cell-date span{display: block;}


@media screen and (min-width:641px){
.cell-check{width: 5%;}
.cell-status{width: 10%;}
.cell-select{width: 10%;}
.cell-date{width: 10%;}
.cell-btn{width: 10%;}
.cell-submit .btn + .btn{margin-left: 10px;}
}
@media screen and (max-width:640px){
[data-caption]:before{font-size: 12px;display: block;content:attr(data-caption);color: #999;}
.row-noresult{border-bottom: 0;}
.row-noresult td{width: 100% !important;display: block !important;background: #fff !important;color: #011E54 !important;
font-size: 120%;}
}

/* preset: label
---------------------------------------*/
.label{padding: 3px 8px;border-radius:2px;font-size: 11px;}
.label-required{font-size: 10px;background: #e60012;color: #fff;margin-left: 10px;vertical-align: 2px;}
.label-new{background: #E74C3C;color: #fff;}

/* preset: result
---------------------------------------*/
.result-header{margin-bottom: 10px;}

.result-batch .btn{padding: 5px 20px;}
.result-batch select{padding: 5px 10px;font-size: 90%;font-weight: bold;}
.result-batch select option{font-weight: bold;}
.result-page .pagination{margin: 0;}
.result-batch .batch-title{display: inline-block;margin-right: 5px;font-size: 12px;color: #666;}

.result-page i{margin-right: 0;}
.result-count .num{color: #E74C3C;font-size: 160%;}
.result-count-change{line-height: 1;}
.result-count-change li{display: inline;margin-right: 3px;font-size: 90%;}
.result-count-change li + li{border-left: solid 1px #999;padding-left: 6px;}
.result-count-change li a.current{color: #999;text-decoration: none;}
.result-count-change li a.current:hover{color: #999;}
.result-count-change li a{color: #011E54;text-decoration: underline;}
.result-count-change li a:hover{color: #E74C3C;text-decoration: underline;}

.result-sort{margin-left: 20px;float: right;}
.result-sort.left{float: left;margin-right: 20px;margin-left: 0;}

.result-total{font-size: 130%;}
.result-batch .input-group-btn{padding-left: 10px;}
.result-batch .input-group-btn + .input-group-btn{padding-left: 20px;}

.result-text{font-size: 80%;text-align: left;color: #666;margin-bottom: 10px;}
.result-text p{margin-bottom: 5px;line-height: 1.4;}

.result-search{font-weight: normal;}
.result-search .search-title{text-align: center;border-bottom: solid 1px;padding-bottom: 5px;margin-bottom: 10px;}
.result-search .search-title .num{font-size: 150%;line-height: 1;}
.result-search .search-query{display: inline-block;}
.result-search .search-query li{display: inline-block;padding: 5px 10px;border: solid 2px;font-size: 80%;border-radius:3px;font-weight: bold;background: #fff;}
@media screen and (min-width:641px){/*PC*/
.result-batch{max-width: 40%;}
}
@media screen and (max-width:640px){
.result-header,
.result-footer{text-align: center;}
.result-util + .result-util{margin-top: 10px;}
.result-sort,
.result-sort.left{width: 100%;text-align: center;float: none;margin: 0;}
.result-page,
.result-count{text-align: center;}
.result-batch{margin-bottom: 10px;}
.result-batch .batch-title{font-size: 80%;}
}

/* 　form
******************************************/
.table-contact{background-color: transparent;}
.table-contact th,.table-contact td{padding: 15px;vertical-align: middle;background: transparent;}
.table-contact th{text-align: right !important;}
@media screen and (max-width:640px){
.table-contact th,.table-contact td{padding: 15px;vertical-align: middle;}	
.table-contact th{text-align: left !important;}
}

.form-group{margin-bottom: 0;}
.form-group p{font-size: 12px;}
.form-group-sub{padding: 10px;background: #f6f6f6;}
@media screen and (max-width:640px){
.form-group .input-m{width: 90%;}
}

.form-control.input-col2{width: 48%;margin-right:1%;display: inline-block;}
.form-control.input-col3{width: 30%;margin-right:1%;display: inline-block;}
.form-control.input-10{width: 10%;}
.form-control.input-20{width: 20%;}
.form-control.input-30{width: 30%;}
.form-control.input-40{width: 40%;}
.form-control.input-50{width: 50%;}
.form-control.input-60{width: 60%;}
.form-control.input-70{width: 70%;}
.form-control.input-80{width: 80%;}
.form-control.input-90{width: 90%;}
.form-control.input-100{width: 100%;}
@media screen and (max-width:640px){
.form-control.input-10-sp{width: 10%;}
.form-control.input-20-sp{width: 20%;}
.form-control.input-30-sp{width: 30%;}
.form-control.input-40-sp{width: 40%;}
.form-control.input-50-sp{width: 50%;}
.form-control.input-60-sp{width: 60%;}
.form-control.input-70-sp{width: 70%;}
.form-control.input-80-sp{width: 80%;}
.form-control.input-90-sp{width: 90%;}
.form-control.input-100-sp{width: 100%;}
}
@media screen and (max-width:900px and min-width:641px){
.table-col2 .form-control.input-col2{width: 100%;margin-right: 0;display: block;}
.table-col2 .form-control.input-col2 + .input-col2{margin-top: 5px;}
}

.form-title,
.form-title-inine{font-size: 12px;color: #999;line-height: 1.2;}
.form-title{display: block;margin-bottom: 3px;}
.form-title-inline{display: inline-block;margin-right: 2%;}

.input-group-50{width: 50%;}
.input-group-70{width: 70%;}
.input-group-addon i.fa{margin-right: 0;}
.input-group-btn{font-size: 100%;}
.input-group-btn .btn{padding: 15px 30px;}
.input-date{width: 40%;float: left;}
.input-time{width: 40%;float: left;}
@media screen and (max-width:640px){
.input-group-50,
.input-group-70{width: 100%;}
}

.input-group .input-group-addon{font-size: 11px;font-weight: bold;}
.input-group.password-genarate{width: 70%;}
@media screen and (max-width:980px){.input-group.password-genarate{width: 70%;}}
@media screen and (max-width:640px){
.input-group.password-genarate{width: 100%;}
.input-group.password-genarate .input-group-btn>.btn{padding: 17px 10px;font-size: 80%;}
}


label{cursor:pointer;}
.label-block label{display: inline-block;padding: 10px 20px;border: solid 1px #ddd;border-radius:3px;margin-bottom: 3px;}
.label-block label:hover,
.label-block label:active{background: #eee;}
.label-block .label-checked{background: #f2edda;border: solid 1px #bcaa62;}

.check-all{display: block;}

@media screen and (max-width:640px){
.label-block{font-size: 11px;}
}

.error{color: #f00;font-weight: bold;font-size: 100%;display: block;padding-top: 5px;}

.form-group .input-s{width: 40%;margin-right: 1%;display: inline-block;}
.form-group .input-m{width: 39%;margin-right: 2%;display: inline-block;}
.form-group .input-sm{width: 47%;margin-right: 2%;display: inline-block;font-size: 100%;}
.form-group .input-full{width: 100%;}
.form-group-inner{margin-bottom: 10px;}
.form-group .form-inner{margin-top: 5px;font-size: 90%;}
.form-group .come{display: block;margin-bottom: 3px;line-height: 1.3;}
.form-group .error{display: block;margin-top: 3px;color: #e60012;}
.form-group .form-title{display: block;margin-bottom: 3px;}
.form-group .form-desc{font-size: 12px;line-height: 1.5;}

select.form-control,
select.form-control option{font-weight: bold;}
select.form-control{display: inline-block;width: auto;cursor:pointer;height: auto;}

.select-label{position: relative;}
.select-label .form-title{position: absolute;font-size: 11px;top: 5px;left: 10px;color: #999;z-index: 2;}
.select-label select{padding-top: 21px;width:10em;max-width: 100%;}

.input-group-addon i.fa{margin-right: 0;}
.input-group-btn{font-size: 11px;}
.input-group-btn .btn{height: 49px;}
.input-group .input-group-text{}
.input-group-center{margin: auto;}
.input-date{width: 40%;float: left;}
.input-time{width: 40%;float: left;}
.input-group-edit{margin-bottom: 5px;width: 75%;float: left;clear: both;}
.input-group-edit input[type=text]{width: 78%;height: 40px;display: block;float: left;border-radius:5px 0 0 5px;}
.input-group-edit .btn{display: block;font-size: 80%;height: 40px;padding: 10px;width: 20%;float: left;}
.input-group-edit .btn-delete{border-radius:0 5px 5px 0;}
.input-group-add{text-align: center;width: 22%;float: right;}
.input-group-add .btn{font-size: 80%;padding: 10px;display: block;width: 100%;}

.input-group.small input{height: 35px;}
.input-group.small .btn{padding: 5px 10px;height: 35px;}

.input-group-money{width: 70%;}
.input-group-money .input-group-select{display: block;width: 24%;float: left;}
.input-group-money input.form-control{display: block;width: 70%;float: right;}

.calendar .input-group-addon{cursor:pointer;}
.calendar .input-group-addon:hover{background: #ccc;}


.input-hidden{position: relative;}
.input-hidden input,
.input-hidden input:active,
.input-hidden input:focus{position: absolute;box-shadow:none;height: 2em;outline:0;
border: 0;border-bottom: solid 2px #111;border-radius:0;color: #111;padding: 3px;}

.file-hidden input[type=file]{display: none;}
.file-hidden{position: relative;}
.file-hidden label:hover{opacity: .8;}

.file-control{padding: 5px;text-align: center;}
.file-control .btn{padding: 7px 15px;border-radius:20px;font-size: 80%;}


@media screen and (min-width:900px){
.input-group-m{width: 70%;}
.input-group.calendar{width: 80%;}
.input-group.calendar + .calendar-time{width: 37%;}
}
@media screen and (max-width:640px){
.input-group-btn .btn{padding: 10px;}
.input-group-btn .btn i{margin-right: 3px;}
.input-group-edit{width: 100%;float: none;}
.input-group-edit .btn-delete i{display: none;}
.input-group-add{width: 100%;float: none;}
.input-group-add .btn{display: inline-block;width: auto;padding: 10px 30px;}

.input-group-money{width: 100%;}

.input-group.calendar + .calendar-time{margin-top: 5px;}

.select-label select{height:4em;}
}


.datepicker{min-width:260px;}
.datepicker thead tr:nth-child(1){background: #666;color: #fff;}
.datepicker thead tr:nth-child(1) th:hover{background: #333;border-radius:0;}
.datepicker thead tr:nth-child(2){background: #eee;}
.datepicker thead tr:nth-child(2) th:first-child{background: #fd4515;color: #fff;}
.datepicker thead tr:nth-child(2) th:last-child{background: #5ba3da;color: #fff;}
.datepicker tbody td.taian{background: #fd9815;color: #fff;}
.datepicker tbody td:first-child{color: #fd4515;background: #f1d2c9;}
.datepicker tbody td:last-child{color: #5ba3da;background: #dbe4ea;}
.datepicker tbody td.old,
.datepicker tbody td.new{color: #ccc;}
.datepicker table tr td, .datepicker table tr th{border-radius:0;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color: #ccc;}


input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password]{
color:#111;
border:solid 1px #ccc;
margin:0;
width:100%;
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
font-weight: normal;
height: 49px;
padding: 10px 20px;
font-size: 16px;
line-height: 1.33;
border-radius: 4px;
}
textarea{
color:#111;
border:solid 1px #ccc;
margin:0;
width:100%;max-width: 100%;min-width:100%;
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
font-weight: normal;
padding: 10px 20px;
font-size: 16px;
line-height: 1.33;
border-radius: 4px;
}
select{font-size: 16px; }

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{
    border:solid 1px #999;
		background: #fcfcfc;
		box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5),
		0 0 4px 0 rgba(0,150,230,.6);
}

/*@media screen and (min-width:980px){
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password]{width: 80%;}	
}
*/

input[type="radio"]{vertical-align: 0;}
input[type="number"].nospin::-webkit-outer-spin-button,
input[type="number"].nospin::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"].nospin {-moz-appearance:textfield;}

input[type=checkbox],
input[type=radio]{display: inline-block;width: auto;height: auto;margin: 0 7px 0 0;}

.form-control::-moz-placeholder{color:#aaa;opacity: 1;font-size: 13px;}
.form-control:-ms-input-placeholder{color:#aaa;opacity: 1;font-size: 13px;}
.form-control::-webkit-input-placeholder{color:#aaa;opacity: 1;font-size: 13px;}

.textarea-sample{font-size: 12px;background: #eee;border: solid 1px #ddd;padding: 10px;margin-top: 8px;font-weight: normal;line-height: 1.4;}
.textarea-sample-title{font-weight: bold;font-size: 130%;display: block;margin-bottom: 5px;}

option:nth-child(2n){background-color: #f9f9f9;}
option:disabled{background: #eee;color: #ddd;}

.password{position: relative;}
.password .password-toggle{position: absolute;right: 10px;top: 0.5em;}
.password .password-toggle i.fa-eye:before{content:"\f06e";}
.password.show .password-toggle i.fa-eye:before{content:"\f070";}


.form-control.input-s{width: 30%;display: inline-block;}
.form-subtitle{display: block;}
input.btn-right{width: 70%;float: left;}
.form-control.btn-right + .btn{height: 49px;max-width: 25%;margin-left: 10px;}

.input-toggle{display: inline-block;}
.input-toggle label{display: block;width: 50%;float: left;background: #eee;color: #777;padding: 7px 15px;text-align: center;text-shadow:1px 1px 1px rgba(0,0,0,.1);}
.input-toggle label i{margin-right: 0;}
.input-toggle label:first-child{border-radius:5px 0 0 5px;
border-top: solid 1px rgba(0,0,0,.2);
border-left: solid 1px rgba(0,0,0,.2);
border-bottom: solid 1px rgba(0,0,0,.2);}
.input-toggle label:last-child{border-radius:0 5px 5px 0;
border-top: solid 1px rgba(0,0,0,.2);
border-right: solid 1px rgba(0,0,0,.2);
border-bottom: solid 1px rgba(0,0,0,.2);}
.input-toggle label.checked{color: #fff;
box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #53a300), color-stop(0.00, #82e000));
background: -webkit-linear-gradient(#82e000, #53a300);
background: -moz-linear-gradient(#82e000, #53a300);
background: -o-linear-gradient(#82e000, #53a300);
background: -ms-linear-gradient(#82e000, #53a300);
background: linear-gradient(#82e000, #53a300);}
.input-toggle label.off.checked{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f02f00), color-stop(0.00, #ff6861));
background: -webkit-linear-gradient(#ff6861, #f02f00);
background: -moz-linear-gradient(#ff6861, #f02f00);
background: -o-linear-gradient(#ff6861, #f02f00);
background: -ms-linear-gradient(#ff6861, #f02f00);
background: linear-gradient(#ff6861, #f02f00);}
.input-toggle label:hover{box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,.4);}
.input-toggle label.checked:hover{box-shadow:none;cursor:auto;}
.input-toggle input{display: none;}

.input-toggle input{}
.input-toggle label.disabled{color: #ccc;cursor: not-allowed;background: #ddd;}
.input-toggle label.disabled.checked{background: #999;}
.input-toggle label.disabled:hover{box-shadow:none;}

@media screen and (max-width:640px){
.form-control.btn-right + .btn{height: 49px;margin-left: 5px;padding: 10px;}
.btn-group-toggle .btn{padding: 10px;}
}

/* 　btn
******************************************/

input[type=submit],
.btn{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:solid 1px rgba(0,0,0,.05);
padding:10px 30px;
margin:0;
font-size:100%;
font-weight: bold;
text-transform:uppercase;
font-weight:bold;
cursor:pointer;
border-radius: 3px;
box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);
display: inline-block;
}
.btn-grad-blue{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #205dff), color-stop(0.00, #3fafd9));
background: -webkit-linear-gradient(#3fafd9, #205dff);
background: -moz-linear-gradient(#3fafd9, #205dff);
background: -o-linear-gradient(#3fafd9, #205dff);
background: -ms-linear-gradient(#3fafd9, #205dff);
background: linear-gradient(#3fafd9, #205dff);
}
.btn-grad-blue:hover{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3fafd9), color-stop(0.00, #205dff));
background: -webkit-linear-gradient(#205dff, #3fafd9);
background: -moz-linear-gradient(#205dff, #3fafd9);
background: -o-linear-gradient(#205dff, #3fafd9);
background: -ms-linear-gradient(#205dff, #3fafd9);
background: linear-gradient(#205dff, #3fafd9);
}

.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active{color: #999;background: #ccc;cursor:auto;}
.btn-blue{color: #fff;
background: #00a0e9;}
.btn-blue:hover,
.btn-blue:active{color: #fff;
background: #0082ba;
}
.btn-pink{color: #fff;
background: #F8427A;}
.btn-pink:hover,
.btn-pink:active{color: #fff;
background: #ea2560;
}

.btn-black{color: #fff;
background:#333;
}
.btn-black:hover,
.btn-black:active,
.btn-black:focus{color: #fff;
background: #111;
}

.btn-yellow{color: #222;
background: #fff000;}
.btn-yellow:hover{color: #444;
background: #e0d300;}

.btn-gold{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6b95c), color-stop(0.00, #ece09d));
background: -webkit-linear-gradient(#ece09d, #d6b95c);
background: -moz-linear-gradient(#ece09d, #d6b95c);
background: -o-linear-gradient(#ece09d, #d6b95c);
background: -ms-linear-gradient(#ece09d, #d6b95c);
background: linear-gradient(#ece09d, #d6b95c);
}
.btn-gold:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ece09d), color-stop(0.00, #d6b95c));
background: -webkit-linear-gradient(#d6b95c, #ece09d);
background: -moz-linear-gradient(#d6b95c, #ece09d);
background: -o-linear-gradient(#d6b95c, #ece09d);
background: -ms-linear-gradient(#d6b95c, #ece09d);
background: linear-gradient(#d6b95c, #ece09d);
}

.btn-red{color: #fff;background: #ce0a00;}
.btn-red:hover,
.btn-red:active,
.btn-red:focus{color: #fff;background: #f40800;}

.btn-grad-gray,.btn-grad-gray:link,.btn-grad-gray:visited{
color: #333;
border:solid 1px #ccc;box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.8);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c4c4c4), color-stop(0.00, #e8e8e8));
background: -webkit-linear-gradient(#e8e8e8, #c4c4c4);
background: -moz-linear-gradient(#e8e8e8, #c4c4c4);
background: -o-linear-gradient(#e8e8e8, #c4c4c4);
background: -ms-linear-gradient(#e8e8e8, #c4c4c4);
background: linear-gradient(#e8e8e8, #c4c4c4);}
.btn-grad-gray:hover,.btn-grad-gray:active,.btn-grad-gray:focus{
color: #222;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.96, #e8e8e8), color-stop(0.00, #c4c4c4));
background: -webkit-linear-gradient(top, #c4c4c4 0%, #e8e8e8 96%);
background: -moz-linear-gradient(top, #c4c4c4 0%, #e8e8e8 96%);
background: -o-linear-gradient(top, #c4c4c4 0%, #e8e8e8 96%);
background: -ms-linear-gradient(top, #c4c4c4 0%, #e8e8e8 96%);
background: linear-gradient(to bottom, #c4c4c4 0%, #e8e8e8 96%);
}

.btn-grad-black,.btn-grad-black:link,.btn-grad-black:visited{
color: #fff;text-shadow:-1px -1px 1px rgba(0,0,0,.8);
border:solid 1px #333;box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.4);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #363636), color-stop(0.00, #5c5c5c));
background: -webkit-linear-gradient(#5c5c5c, #363636);
background: -moz-linear-gradient(#5c5c5c, #363636);
background: -o-linear-gradient(#5c5c5c, #363636);
background: -ms-linear-gradient(#5c5c5c, #363636);
background: linear-gradient(#5c5c5c, #363636);
}
.btn-grad-black:hover,.btn-grad-black:active,.btn-grad-black:focus{
color: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5c5c5c), color-stop(0.00, #363636));
background: -webkit-linear-gradient(#363636, #5c5c5c);
background: -moz-linear-gradient(#363636, #5c5c5c);
background: -o-linear-gradient(#363636, #5c5c5c);
background: -ms-linear-gradient(#363636, #5c5c5c);
background: linear-gradient(#363636, #5c5c5c);
}

.btn-border{border: solid 1px #111;background: #fff;color: #111;}
.btn-border:hover,
.btn-border:active,
.btn-border:focus{background: #eee;}

.btn[disabled]{background: #ccc;color: #999;text-shadow:none;border: 0;}

.btn-group-toggle .btn{color: #999;margin-top: 0 !important;}
.btn-group-toggle .btn.active{background: #b7f4e9;color: #111;}
.btn-group-toggle .btn:hover,
.btn-group-toggle .btn:active,
.btn-group-toggle .btn:focus{outline:0;}

#cboxCurrent,
#cboxTitle{bottom: 3px;font-size: 70%;color: #333;}
#cboxTitle{background: rgba(0,0,0,.7);padding: 5px 5px 30px;text-align: left;color: #fff;}
@media screen and (max-width:640px){
#cboxCurrent,
#cboxTitle{font-size: 50%;}
}