@charset "utf-8";

/*************************************************************

管理画面（検索・一覧）共通css

*************************************************************/

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

a:hover,
a:active{text-decoration: underline !important;}

img{width: 100%;}
i.fa{margin-right: 10px;}

.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: #eee;}
.bg-black{background-color: #333;color: #fff}
.bg-lightblue{background-color: #3a86d3;color: #fff}
.bg-blue{background-color: #1160b0;color: #fff}
.bg-red{background-color: #f00;color: #fff}
.bg-yellow{background-color: rgb(255, 228, 0);color: #333}
.bg-square{background-image:  url(../img/bg-square.png);}
.bg-black strong,
.bg-red strong{color: yellow;}

.box-gray-round{background: #eee;border-radius: 10px;padding: 20px;}

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

.aligncenter{text-align: center;}.alignleft{text-align: left;}.alignright{text-align: right;}

.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.thumb-m{max-width:180px;}
img{width: 100%;vertical-align: bottom;}
@media screen and (min-width:641px){
.img-auto{width: auto;}
}
a:hover img{opacity: .8;}a:hover .rollover{opacity: 1;}

.left{float: left;}.right{float: right;}
.list-inline li{display: inline-block;}

.onlysp{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;}

.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){
.w30,.w40,.w50,.w60,.w70{width: 100%;}
}
.col2:before,.col2:after,
.col3:before,.col3:after,
.col4:before,.col4:after,
.col5:before,.col5:after { content: ""; display: table; }
.col2:after,
.col3:after,
.col4:after,
.col5:after { clear: both; }
.col2,
.col3,
.col4,
.col5 { 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%;}
.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;}
.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.4%;float: left;margin-right: 2%;margin-bottom: 2%;}
.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;}

.col-full{width: 100% !important;margin-left: 0 !important;margin-right: 0 !important;clear: both;}

.col2-nomargin > div,
.col2-nomargin > li{width: 50%;float: left;}
.col3-nomargin > div,
.col3-nomargin > li{width: 33.33%;float: left;}
.col4-nomargin > div,
.col4-nomargin > li{width: 25%;float: left;}

@media screen and (max-width:1200px){.img-auto{width: auto;}
.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(4n+1),
.col4 > li:nth-child(4n+1){clear: none;}
.col4 > div:nth-child(2n+1),
.col4 > li:nth-child(2n+1){clear: both;}

.col5 > div,
.col5 > li{width: 32%;float: left;margin-right: 2%;margin-bottom: 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;}

.col4-nomargin > div,
.col4-nomargin > li{width: 50%;float: left;}
}
@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;}
.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,
.col3 > li{width: 100%;float: none;margin-right: 0;}
.col3 > div:nth-child(3n),
.col3 > li:nth-child(3n){}
.col4 > div,
.col4 > li{width: 100%;float: none;margin-bottom: 5%;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-left: 0;}

.col2-nomargin > div,
.col2-nomargin > li{width: 100%;float: none;margin-top: 5%;}
.col4-nomargin > div,
.col4-nomargin > li{width: 100%;float: none;}

.col5 > div,
.col5 > li{width: 48.5%;float: left;margin-right: 3%;margin-bottom: 2%;}
.col5 > div:nth-child(5n),
.col5 > li:nth-child(5n){margin-right: 3%;}
.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: 3%;}
.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;}
}

/* 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-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-login{width: 90%;max-width: 1000px;}
/*スマホ時並列class*/
.table-horizontal th { width: 30%; padding: 10px;background: #ddd;}
.table-horizontal td { width: 70%; 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: 18%;background: #eee;}
.table-col2 td{width: 32%;vertical-align: middle;}
.table-col2 td:nth-child(2){border-right: solid 1px #ddd;}

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

@media screen and (max-width:640px){
[data-title]:before{content:attr(data-title);color: #bbb;font-size: 80%;display: block;}
.table-horizontal,
.table-horizontal caption,
.table-horizontal thead,
.table-horizontal tbody,
.table-horizontal tr,
.table-horizontal th,
.table-horizontal 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 td{border-bottom: solid 1px #ddd;}

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

.table-vertical-checked tr:after{content:'';display: block;clear: both;height: 0;}
.table-vertical-checked td:nth-child(1){width: 20%;display:inline-block;float: left;background: #eee;height: 70px;}
.table-vertical-checked td.cell-check:nth-child(1){padding-top: 15px;}
.table-vertical-checked td:nth-child(1) input{height: auto;}
.table-vertical-checked td:nth-child(2){font-weight: bold;width: 80%;display: block;float: right;background: #eee;height: 70px;}
.table-vertical-checked td:nth-child(2) a{color: #fff;}
.table-vertical-checked td:nth-child(2) .kana{display: none;}
.table-vertical-checked td:nth-child(3){clear: both;}

/*複数行またがり時チェック並列解除*/
.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;}

.sp-center{text-align: center !important;}
}

/* bootstrap: modal/alert/well
---------------------------------------*/
.modal-header{font-size: 120%;border-bottom: solid 1px #ddd;background: #eee;}
.modal-header.bg-red{background: #ff1212;color: #fff;font-size: 150%;}
.modal-dialog{margin: 80px 10px 10px;}
.modal-dialog .modal-body{background: #f6f6f6;text-align: center;position: relative;}
.modal-dialog .modal-body .modal-close{position: absolute;right: 20px;cursor:pointer;}
.modal-dialog .modal-body img{margin-bottom: 20px;max-width: 1000px;}
@media (min-width: 768px){
.modal-dialog {width: 90%;margin: 30px auto;}
}
.modal-body table{margin-bottom: 10px;}
.modal-body{padding: 40px;font-weight: normal;}
.modal-inner{background: #eee;padding: 10px;border-radius:10px;}
.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 (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%;}
}

/* preset: label
---------------------------------------*/
.label-block label{display: inline-block;padding: 10px 20px;border: solid 1px #333;border-radius:3px;margin-bottom: 3px;}
.label-block label:hover,
.label-block label:active{background: #eee;}

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

/* 　panel
******************************************/
.panel-accordion .panel-heading{cursor:pointer;text-shadow:-1px -1px 1px rgba(255,255,255,.7);}
.panel-accordion .panel-heading:hover,
.panel-accordion .panel-heading:active{opacity: .8;}
.panel-accordion .panel-heading i{transition:all 0.2s linear 0s;}
.panel-accordion .panel-heading.show i{transform:rotate(90deg);}

.search .panel-accordion .panel-body{padding: 0;}
.search .panel-accordion .panel-body > .table-search{margin: 0;}
/* 　検索
******************************************/
.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;display: inline-block;}
.cell-select select{padding: 5px;}
.cell-date span{display: block;}
.cell-btn .btn{padding: 5px 15px;}
@media screen and (min-width:641px){
.cell-check{width: 5%;}
.cell-select{width: 10%;}
.cell-date{width: 10%;}
.cell-btn{width: 10%;}
.cell-submit .btn + .btn{margin-left: 10px;}
}

.table-search{margin-bottom: 0;font-size: 80%;}
.table-search caption{text-align: center;}
.table-search .btn{margin-bottom: 0;}
.table-search input[type=text]{width: 90%;}
.table-search select{width: 90%;font-weight: normal;}
.table-search option{font-weight: normal;}
.table-search th,
.table-search td{padding: 5px 10px;line-height: 1.4;}

.table-result{background: #fff;font-size: 90%;}
.table-result th{padding: 5px;line-height: 1.2;background: #333;color: #fff;}
.table-result td{padding: 5px;line-height: 1.6;}
.table-result .cell-date .label-new{display: inline-block;}
.table-result .cell-detail span{display: block;margin-bottom: 3px;}
.table-result td.cell-detail{text-align: left;}
@media screen and (min-width:641px){
.table-result{table-layout: fixed;}
.table-result .cell-id{width: 8%;}
.table-result .cell-detail{width: 40%;}
}
@media screen and (max-width:640px){
.table-result td.cell-detail{clear: both;}
.table-result td.cell-date span{display: inline-block;}
.table-result .cell-date .label-new{margin-right: 5px;}
}

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

.check-all{display: block;}
@media screen and (max-width:640px){
[data-caption]:before{font-size: 12px;display: block;content:attr(data-caption);color: #999;}
.row-noresult td{width: 100% !important;display: block !important;background: #fff !important;color: #011E54 !important;
font-size: 120%;}
}

.result-header{font-size: 90%;}
.result-header .num,
.result-footer .num{color: rgba(220,0,0);font-size: 150%;}
.result-count-change li{display: inline;margin-right: 3px;font-size: 90%;}
.result-count-change li + li{border-left: solid 1px #999;padding-left: 3px;}
.result-count-change li a.current{color: #333;text-decoration: none;}
.result-count-change li a.current:hover{color: #333;text-decoration: none;}
.result-count-change li a{color: #2674b5;text-decoration: underline;}
.result-batch select,
.result-sort select{height: auto;}
.result-batch .btn{margin-bottom: 0;padding: 7px 15px;margin-left: 10px;}
.result-page .pagination{margin: 0;}
.result-page i{margin-right: 0;}
.result-page .pagination>li>a{color: #005dc1;}
.result-page .pagination>li.active>a{color: #fff;}
@media screen and (min-width:641px){
.result-count.left .result-count-change{text-align: left;}
.result-count.right .result-count-change{text-align: right;}
}
@media screen and (max-width:640px){
.result-header .right{margin-top: 10px;}
.result-sort.right{text-align: right;}

.result-batch select{font-size: 90%;width: 40%;}
.result-batch .btn{font-size: 90%;margin-left: 5px;padding: 5px 10px;}
}


/* 　共通
******************************************/
body,input,select,textarea,button{font:16px / 1.8 'Roboto',/*"Noto Sans Japanese",*/"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;color: #333;word-break:break-all;position: relative;font-weight: bold;}
/*body,input,select,textarea {font-family:"游明朝",'Droid Serif',"ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;}*/
.serif{font-family:"游明朝",'Droid Serif',"ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;}

/*ページ幅指定*/
#wrap{width: 100%;/*max-width: 1200px;*/margin: auto;overflow: hidden;}
@media screen and (min-width:641px){
.main{width: 75%;float: right;min-height:500px;position: relative;z-index: 2;}
.main.full{width: 100%;float: none;}
.side{width: 25%;float: left;}
}
.side{font-size: 90%;}
.section-inner{padding: 20px 40px;/*max-width: 1000px;*/margin: auto;}
.box{margin-bottom: 30px;}
@media screen and (max-width:640px){
.section-inner{padding: 20px;}
.box{margin-bottom: 20px;}
}

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

p{margin-bottom: 11px;}
strong{color: #e60012;font-weight: bold;}
.desc{margin-top: 10px;margin-bottom: 0;font-size: 90%;}
.come{font-size: 12px;color: #999;}
.num{font-size: 120%;color: #ff2b47;}
.label{padding: 5px 10px;border-radius:2px;font-size: 12px;}
.error{display: block;color: #f00;margin-top: 3px;}

h1,h2,h3,h4,h5,h6{font-size: 120%;font-weight: bold;position: relative;zoom:1;}
h1{font-size: 150%;margin-bottom: 20px;}
h2{font-size: 140%;line-height: 1.6;margin-bottom: 20px;}h1 .en,h2 .en{display: block;font-size: 50%;line-height: 1;margin-bottom: 30px;color: #aaa;font-weight: normal;margin-top: -10px;}
h3{font-size: 110%;}
h1:after,h2:after,h3:after,h4:after,h5:after,h6:after{display: block;content:"";clear: both;height: 0;}
.alert h3{font-size: 110%;text-align: center;}
@media screen and (max-width:640px){
.alert h3{font-size: 90%;}
}

h1 .btn,
h2 .btn,
h3 .btn{font-size: 14px;position: absolute;right: 0;margin-bottom: 0;padding: 10px 20px;}
@media screen and (max-width:640px){
h1 .text,
h2 .text,
h3 .text{display: block;float: left;margin-bottom: 10px;}
h1 .btn,
h2 .btn,
h3 .btn{font-size: 12px;padding: 10px;}
}

.balloon{border-radius:30px;font-size: 110%;padding: 3px 13px;
background: #1160b0;color: #fff;margin-right: 10px;}
.balloon {position: relative;	background: #1160b0;}
.balloon:after {top: 30%;right: -30%;border: solid transparent;	content: " ";	height: 0;	width: 0;
position: absolute;	pointer-events: none;	border-color: rgba(255, 255, 255, 0);	border-left-color: #1160b0;
border-width: 10px;	margin-left: -10px;}

/* 　list
******************************************/
.list-default li{display: list-item;margin-left: 20px;list-style: inside square;}
.list-inline{margin-left: 0;}
.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;}

/* 　header
******************************************/
header{position: relative;z-index: 3;box-shadow: 1px 1px 3px 0 rgba(0,0,0,.2);}
header .logo img{max-width: 300px;}
header .util{padding: 15px;}
header .util .btn{font-size: 90%;}

.breadcrumb{background: #eee;border-bottom: solid 1px #ddd;font-size: 90%;}
.breadcrumb li{display: inline-block;}
.breadcrumb li:before{content:"|";margin-left: 5px;margin-right: 5px;display: inline-block;}
.breadcrumb li:first-child:before{content:"";margin: 0;}
.breadcrumb li a{font-weight: normal;}
.breadcrumb li.active a{color: rgb(220, 20, 60);}
.breadcrumb li.active a:hover{text-decoration: none !important;color: rgb(220, 20, 60);}
/* 　footer
******************************************/
#pagetop{position: fixed;left:20px;bottom: -50px;color: #999;font-size: 150%;text-decoration: none;
transition:all .5s linear 0s;}
#pagetop.show{display: inline-block;bottom: 20px;}

#entry-bnr{position: fixed;z-index: 10;bottom: 0;right: 0;width: 400px;}
#entry-bnr a{display: block;}

footer{width: 100%;background: #111;color: #fff;font-size: 80%;text-align: center;padding: 40px 20px;}

/* 　contact
******************************************/
#contact th{background: #eee;}
#contact th,#contact td{border: solid 2px #111;padding: 15px;}
.label-required{border-radius:30px;}
.submit{margin-top: 30px;}
@media screen and (max-width:640px){
#contact th,#contact td{padding: 10px 5px;border: solid 1px #111;border-bottom: 0;}
#contact tr:last-child td{border-bottom: solid 1px #111;}
}
label{display: inline-block;cursor:pointer;}
label:hover{opacity: .9;}
th label:hover{opacity: 1;}
.form-control{width: auto;height: auto;}
.form-group{margin-bottom: 0;}
.form-group input{display: inline-block;}
.form-group .input-s{width: 30%;margin-right: 5px;}
.form-group .input-m{width: 39%;margin-right: 10px;}

.form-group-inner{display: block;margin-bottom: 10px;}
.form-group .come{display: block;margin-bottom: 3px;}
.form-group .error{display: block;margin-top: 3px;color: #e60012;}
.form-group .form-inner{margin-bottom: 10px;}
.form-group .form-subttl{display: block;margin-bottom: 3px;}
.label-block label{display: inline-block;padding: 8px 20px;border: solid 1px #333;border-radius:3px;
box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);margin-right: 3px;margin-bottom: 6px;}
.label-block label:hover{opacity: .8;}
.label-block label.label-checked{background: rgba(220,0,0,.05);border: solid 1px rgba(220,0,0,.5);}
.postcode_txt,.address1,.address2,.address3{display: block;}
@media screen and (max-width:640px){
.label-block label{font-size: 80%;padding: 8px 10px;}
}

/*-------------------------------------
btn preset
-------------------------------------*/
.btn{font-size: 14px;border: 0;font-weight: bold;padding: 15px 30px;border: solid 1px rgba(0,0,0,.2);}
.btn:hover{text-decoration: none !important;}
@media screen and (max-width:640px){.btn{padding-top: 15px;padding-bottom: 15px;}}

.btn-title{font-size: 14px;position: absolute;right: 0;}
@media screen and (max-width:640px){
.btn-title{font-size: 8px;position: static;padding:6px;float: right;}
.btn-title i.fa{/*font-size: 200%;display: block;*/text-align: center;}
}

.btn-xs{font-size: 80%;}
.btn-m{font-size: 90%;padding: 4px 8px;line-height: 1.2;}
.btn-ml{font-size: 100%;}
.btn-l{width: 100%;font-size: 90%;padding: 10px;}
.btn-full{width: 100%;}
.btn-long{padding: 10px 40px;}
.btn-block{padding: 20px 10px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2)}
.btn-bold{font-weight: bold;}
.btn-xlg{padding: 20px 40px;font-size: 120%;}
.btn-outline{border: solid 3px #111 !important;}
@media screen and (max-width:640px){.btn-xlg{width: 100%;font-size: 110%;}}

.btn-default,
.btn-default:link,
.btn-default:visited{color: #222;text-decoration: none;border: solid 1px #ddd;}
.btn-default:hover,
.btn-default:active,
.btn-default:focus{background: #eee;color: #111;border: 0;border: solid 1px #ccc;}

.btn-white,
.btn-white:link,
.btn-white:visited{background: #fefefe;color: #222;text-decoration: none;border-radius:3px;background: #fff;border-bottom: solid 2px #ccc;}
.btn-white:hover,
.btn-white:active,
.btn-white:focus{background: #ddd;color: #111;}

.btn-referlence,
.btn-referlence:link,
.btn-referlence:visited{font-size: 90%;font-weight: bold;border: solid 1px #eee;border-bottom: solid 3px #bbb;border-radius:5px;background: #fff;}
.btn-referlence:hover{background: #fcfcfc;border: solid 1px #ccc;border-top: solid 3px #bbb;}
.btn-referlence:active,
.btn-referlence:focus{background: #ddd;border: solid 1px #ccc;border-top: solid 2px #bbb;}

.btn-referlence[disabled],
.btn-referlence[disabled]:hover,
.btn-referlence[disabled]:active{font-size: 90%;font-weight: bold;border: solid 1px #ccc;border-top: solid 3px #bbb;border-radius:5px;background: #ddd;color: #aaa;}

.btn-iconset{padding: 0 15px 0 0;font-size: 120%;/*letter-spacing:1px;*/}
.btn-iconset i{display: inline-block;background: rgba(0,0,0,.1);color: #fff;padding: 15px 18px;margin-right: 15px;}
@media screen and (max-width:640px){
.btn-iconset{font-size: 100%;}
.btn-long{padding: 10px;width: 100%;}
}

.btn-back,
.btn-back:link,
.btn-back:visited{background-color: #444;border-bottom: 1px solid #111;color: #fff;}
.btn-back:hover{background-color: #666;color: #ddd;}
.btn-back:active,
.btn-back:focus{background-color: #222;color: #fff;}
.btn-fb,
.btn-fb:link,
.btn-fb:visited{background-color: #3b5998;border-bottom: 1px solid #29487d;color: #fff;}
.btn-fb:hover{background-color: #4968a9;color: #fff;}
.btn-fb:active,
.btn-fb:focus{background-color: #294580;color: #fff;}
.btn-send,
.btn-send:link,
.btn-send:visited{background-color: #ff7e00;border-bottom: 1px solid #d46900;color: #fff;}
.btn-send:hover{background-color: #ff8b1a;color: #fff;}
.btn-send:active,
.btn-send:focus{background-color: #ed7601;color: #fff;}
.btn-red,
.btn-red:link,
.btn-red:visited{background-color: #ff1212;color: #fff;}
.btn-red:hover,
.btn-red:active,
.btn-red:focus{background-color: #dc143c;color: #fff;}
.btn-green,
.btn-green:link,
.btn-green:visited{background-color: #5cb531;color: #fff;}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{background-color: #06903a;color: #fff;}
.btn-orange,
.btn-orange:link,
.btn-orange:visited{background-color: #ffbc00;color: #fff;}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{background-color: #ff9c00;color: #fff;}
.btn-yellow,
.btn-yellow:link,
.btn-yellow:visited{background-color: #fff100;color: #111;}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus{background-color: #ffde00;color: #111;}

.btn-gray,
.btn-gray:link,
.btn-gray:visited{background-color: #333;color: #fff !important;}
.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus{background-color: #111;color: #fff;}

.btn-lightgray,
.btn-lightgray:link,
.btn-lightgray:visited{background-color: #ddd;color: #333 !important;}
.btn-lightgray:hover,
.btn-lightgray:active,
.btn-lightgray:focus{background-color: #999;color: #333;}

.btn-grad-red,.btn-grad-red:link,.btn-grad-red:visited,
.btn-grad-gold,.btn-grad-gold:link,.btn-grad-gold:visited,
.btn-grad-green,.btn-grad-green:link,.btn-grad-green:visited,
.btn-grad-yellow,.btn-grad-yellow:link,.btn-grad-yellow:visited,
.btn-grad-blue,.btn-grad-blue:link,.btn-grad-blue:visited{color: #fff;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);letter-spacing: 0;border: solid 1px rgba(0,0,0,.03);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);border-radius: 4px;}
.side .btn-grad-red,
.side .btn-grad-gold,
.side .btn-grad-green,
.side .btn-grad-yellow,
.side .btn-grad-blue{padding: 15px 10px !important;}

.btn-grad-red:hover,.btn-grad-red:active,.btn-grad-red:focus,
.btn-grad-gold:hover,.btn-grad-gold:active,.btn-grad-gold:focus,
.btn-grad-green:hover,.btn-grad-green:active,.btn-grad-green:focus,
.btn-grad-blue:hover,.btn-grad-blue:active,.btn-grad-blue:focus{color: #fff;}
.btn-grad-red,
.btn-grad-red:link,
.btn-grad-red:visited{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c6320c), color-stop(0.00, #fd4515));
background: -webkit-linear-gradient(#fd4515, #c6320c);
background: -moz-linear-gradient(#fd4515, #c6320c);
background: -o-linear-gradient(#fd4515, #c6320c);
background: -ms-linear-gradient(#fd4515, #c6320c);
background: linear-gradient(#fd4515, #c6320c);}
.btn-grad-red:hover,
.btn-grad-red:active,
.btn-grad-red:focus{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fd4515), color-stop(0.00, #c6320c));
background: -webkit-linear-gradient(#c6320c, #fd4515);
background: -moz-linear-gradient(#c6320c, #fd4515);
background: -o-linear-gradient(#c6320c, #fd4515);
background: -ms-linear-gradient(#c6320c, #fd4515);
background: linear-gradient(#c6320c, #fd4515);
}
.btn-grad-gold,
.btn-grad-gold:link,
.btn-grad-gold:visited{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b4a541), color-stop(0.00, #e1d68e));
background: -webkit-linear-gradient(#e1d68e, #b4a541);
background: -moz-linear-gradient(#e1d68e, #b4a541);
background: -o-linear-gradient(#e1d68e, #b4a541);
background: -ms-linear-gradient(#e1d68e, #b4a541);
background: linear-gradient(#e1d68e, #b4a541);
}
.btn-grad-gold:hover,
.btn-grad-gold:active,
.btn-grad-gold:focus{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e1d68e), color-stop(0.00, #b4a541));
background: -webkit-linear-gradient(#b4a541, #e1d68e);
background: -moz-linear-gradient(#b4a541, #e1d68e);
background: -o-linear-gradient(#b4a541, #e1d68e);
background: -ms-linear-gradient(#b4a541, #e1d68e);
background: linear-gradient(#b4a541, #e1d68e);
}
.btn-grad-green,
.btn-grad-green:link,
.btn-grad-green:visited{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #568320), color-stop(0.00, #72be19));
background: -webkit-linear-gradient(#72be19, #568320);
background: -moz-linear-gradient(#72be19, #568320);
background: -o-linear-gradient(#72be19, #568320);
background: -ms-linear-gradient(#72be19, #568320);
background: linear-gradient(#72be19, #568320);
}
.btn-grad-green:hover,
.btn-grad-green:active,
.btn-grad-green:focus{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #72be19), color-stop(0.00, #568320));
background: -webkit-linear-gradient(#568320, #72be19);
background: -moz-linear-gradient(#568320, #72be19);
background: -o-linear-gradient(#568320, #72be19);
background: -ms-linear-gradient(#568320, #72be19);
background: linear-gradient(#568320, #72be19);
}
.btn-grad-blue,
.btn-grad-blue:link,
.btn-grad-blue:visited{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #167ab1), color-stop(0.00, #40b9dd));
background: -webkit-linear-gradient(#40b9dd, #167ab1);
background: -moz-linear-gradient(#40b9dd, #167ab1);
background: -o-linear-gradient(#40b9dd, #167ab1);
background: -ms-linear-gradient(#40b9dd, #167ab1);

background: linear-gradient(#40b9dd, #167ab1);
}
.btn-grad-blue:hover,
.btn-grad-blue:active,
.btn-grad-blue:focus{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #40b9dd), color-stop(0.00, #167ab1));
background: -webkit-linear-gradient(#167ab1, #40b9dd);
background: -moz-linear-gradient(#167ab1, #40b9dd);
background: -o-linear-gradient(#167ab1, #40b9dd);
background: -ms-linear-gradient(#167ab1, #40b9dd);
background: linear-gradient(#167ab1, #40b9dd);
}
.btn-grad-yellow,
.btn-grad-yellow:link,
.btn-grad-yellow:visited{color: #222;text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffd24d), color-stop(0.00, #fff847));
background: -webkit-linear-gradient(#fff847, #ffd24d);
background: -moz-linear-gradient(#fff847, #ffd24d);
background: -o-linear-gradient(#fff847, #ffd24d);
background: -ms-linear-gradient(#fff847, #ffd24d);
background: linear-gradient(#fff847, #ffd24d);
}
.btn-grad-yellow:hover,
.btn-grad-yellow:active,
.btn-grad-yellow:focus{color: #111;text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff847), color-stop(0.00, #ffd24d));
background: -webkit-linear-gradient(#ffd24d, #fff847);
background: -moz-linear-gradient(#ffd24d, #fff847);
background: -o-linear-gradient(#ffd24d, #fff847);
background: -ms-linear-gradient(#ffd24d, #fff847);
background: linear-gradient(#ffd24d, #fff847);
}

.btn-disabled,
.btn-disabled:link,
.btn-disabled:visited,
.btn-disabled:hover,
.btn-disabled:active,
.btn-disabled:focus{background-color: #d5d5d5;background-image: none;color: #fff;cursor:default;cursor:not-allowed;}

.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-red,.btn-gray,.btn-send,.btn-back,.btn-fb,.btn-yellow,.btn-green,.btn-lightgray,
.btn-info,.btn-success{border: solid 1px rgba(0,0,0,.1);box-shadow: inset 1px 1px 1px 0 rgba(255,255,255,.4);}
.btn-disabled{border: solid 1px rgba(0,0,0,.1);}


/*-------------------------------------
form preset
-------------------------------------*/

.form-subtitle{display: block;color: #555;}

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

input::-moz-placeholder,
textarea::-moz-placeholder{color:#ccc;opacity:1}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#ccc}

input[type=checkbox],
input[type=radio]{margin-right: 3px;vertical-align: middle;cursor:pointer;}
input[type="checkbox"]{vertical-align: 0;}
input[type="radio"]{vertical-align: 0;}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
textarea,
textarea.form-control{font-weight: normal;border:0;padding:10px;color:#111;border:solid 1px #666;
margin:0;width:100%;border-radius: 3px;box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
height: auto;}
.textarea-sample{font-size: 90%;line-height: 1.4;background: #eee;padding: 15px;border-radius:10px;margin-top: 10px;}
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:focus{border:solid 1px #1160b0;background: rgba(0,0,150,.01);box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5),	0 0 4px 0 rgba(0,150,230,.6);}

select {max-width: 90%; border-radius: 3px; border: 1px solid #666; margin: 0;vertical-align: middle;
color: inherit; box-sizing: content-box;cursor:pointer;padding:10px;}
.chosen-container,
.chosen-container-multi .chosen-choices{height: 4em; border-radius: 5px;font-size: 16px;font-weight: normal;}

option{font-weight: bold;}
option:nth-child(2n){background-color: #f6f6f6;}

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

/*WP*/
div.wpcf7-response-output{background:#fff !important;padding:20px !important;text-align: center !important;}
div.wpcf7-mail-sent-ok{border: solid 1px #ddd !important;color: #999;}
div.wpcf7-validation-errors{border: solid 1px #f00 !important;color: #f00;}

.g-recaptcha{display: inline-block;margin: auto;}
@media screen and (max-width:640px){
input{font-size: 16px;}
}