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

.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-right: 3%;margin-bottom: 3%;}
.col2 > div:nth-child(2n),
.col2 > li:nth-child(2n){margin-right: 0;}
.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: 32%;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-right: 2%;}
.col4 > div:nth-child(4n+1),
.col4 > li:nth-child(4n+1){clear: none;}
.col4 > div:nth-child(3n),
.col4 > li:nth-child(3n){margin-right: 0;}
.col4 > div:nth-child(3n+1),
.col4 > li:nth-child(3n+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: 48.5%;float: left;margin-right: 3%;}
.col4 > div:nth-child(3n),
.col4 > li:nth-child(3n){margin-right: 3%;}
.col4 > div:nth-child(3n+1),
.col4 > li:nth-child(3n+1){clear: none;}
.col4 > div:nth-child(2n),
.col4 > li:nth-child(2n){margin-right:0;}
.col4 > div:nth-child(2n+1),
.col4 > li:nth-child(2n+1){clear: both;}
}
@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{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 (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,input,select,textarea,button{font:14px / 1.7 'Roboto Condensed','Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;background: #fff;
color: #111;word-break:break-all;position: relative;font-weight: bold;}

.serif{font-family:/*"Sawarabi Mincho",*/'Droid Serif',"游明朝","ヒラギノ明朝 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: #E4007D;font-weight: bold;}
.come{font-size: 12px;color: #999;}

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

h1,h2,h3,h4,h5,h6{font-weight: bold !important;font:14px / 1.7 'Roboto Condensed','Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
.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{font-size: 150%;}
h2{font-size: 110%;}
h3{font-size: 100%;}
}*/

/* 　link
******************************************/

/*a{color: #011E54;}*/
a{color: #111;text-decoration: none;}
a:hover,a:active{color: #666;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;}


/* 　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: 30%; padding: 10px;}
.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;}

.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 tr:after{content:'';display: block;clear: both;height: 0;}
.table-vertical-checked td:nth-child(1){width: 20%;display:inline-block;}
.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.5;}
.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;}
}


/* 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;}
.cell-check input[type=checkbox]{margin-right: 0;cursor:pointer;}

.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;}
}
@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: 12px;}
.label-required{background: #e60012;color: #fff;margin-left: 10px;vertical-align: 2px;}
.label-new{background: #F6618F;color: #fff;margin-left: 3px;display: inline-block;}
@media screen and (max-width:640px){
.label-new{margin-left: 0;}
}

/* preset: result
---------------------------------------*/

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

.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-total{font-size: 130%;}
.result-batch .input-group-btn{padding-left: 10px;}
.result-batch .input-group-btn + .input-group-btn{padding-left: 20px;}

@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{width: 100%;text-align: center;}
.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{background: rgba(0,0,0,.05);}

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;}
.check-all{display: block;}

@media screen and (max-width:640px){
.table-contact th,.table-contact td{padding: 15px;vertical-align: middle;}	
}

.form-group .input-s{width: 40%;margin-right: 1%;display: inline-block;}
.form-group .input-m{width: 39%;margin-right: 2%;}
.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;}
.form-group .error{display: block;margin-top: 3px;color: #e60012;}
.form-group .form-title{display: block;margin-bottom: 3px;}
select.form-control{display: inline-block;width: auto;max-width: 90%;}

.input-group-addon i.fa{margin-right: 0;}
.input-date{width: 40%;float: left;}
.input-time{width: 40%;float: left;}

.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="radio"]{vertical-align: 0;}
input[type="number"].form-control.nospin::-webkit-outer-spin-button,
input[type="number"].form-control.nospin::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"].form-control.nospin {-moz-appearance:textfield;}

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

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

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

.form-control[type=checkbox],
.form-control[type=radio]{display: inline-block;width: auto;height: auto;margin: 0 10px 0 0;}


.form-control::-moz-placeholder{color:#ccc;opacity: 1;}
.form-control:-ms-input-placeholder{color:#ccc;opacity: 1;}
.form-control::-webkit-input-placeholder{color:#ccc;opacity: 1;}

.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;}
select {
  border-radius: 3px;
  border: 1px solid #999;
  margin: 0;
  vertical-align: middle;
  color: inherit;
  box-sizing: content-box;
  cursor:pointer;
	padding:10px;
	display: inline-block;
	font-weight: normal;
}
@media screen and (min-width:640px){
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
textarea{padding: 10px;}
}

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);
}
.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-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,
.btn-pink:focus{color: #fff;
background: #ea2560;
}

.btn-black{color: #fff;
background:#333;
}
.btn-black:hover,
.btn-black:active{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: -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);
}
.btn-red:hover{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff6861), color-stop(0.00, #f02f00));
background: -webkit-linear-gradient(#f02f00, #ff6861);
background: -moz-linear-gradient(#f02f00, #ff6861);
background: -o-linear-gradient(#f02f00, #ff6861);
background: -ms-linear-gradient(#f02f00, #ff6861);
background: linear-gradient(#f02f00, #ff6861);
}

.btn_back{
border:solid 1px #000;
padding:15px 30px;
margin:0 10px 20px 0;
font-size:140%;
font-weight: bold;
text-shadow:-1px -1px 1px rgba(255,255,255,.8);
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333), color-stop(0.00, #666));
background: -webkit-linear-gradient(#333, #666);
background: -moz-linear-gradient(#333, #666);
background: -o-linear-gradient(#333, #666);
background: -ms-linear-gradient(#333, #666);
background: linear-gradient(#333, #666);
border-radius: 3px;
box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);
vertical-align: top;
text-decoration: none;
}

.btn_back:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #666), color-stop(0.00, #333));
background: -webkit-linear-gradient(#666, #333);
background: -moz-linear-gradient(#666, #333);
background: -o-linear-gradient(#666, #333);
background: -ms-linear-gradient(#666, #333);
background: linear-gradient(#666, #333);
}

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

option:nth-child(2n){background-color: #f9f9f9;}
option:disabled{background: #eee;color: #ddd;}
/* common
---------------------------------------*/
/*.main-special{position: relative;max-width: 1200px;margin: auto;}
.main-special img{position: absolute;margin-top: -18%;right: 5%;}
@media screen and (max-width:1200px){
.main-special{width: 100%;padding: 0 20px 20px;text-align: center;margin-top: -30px;}
.main-special img{max-width:100%;position: static;margin: 0;width: auto;}
}
@media screen and (max-width:640px){
.main-special{margin-top: 0;}
.main-special img{width: 100%;}
}

#custom{background: #049DDE;}
.plan-option-img li{position: relative;}
.plan-option-img li .badge-free{position: absolute;width: 60%;top: -5%;right: -5%;}
.plan-option-img .option-desc .price,
.plan-option-img .option-desc .name{display: block;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.plan-option-img .option-desc .price{font-size: 120%;line-height: 1.2;}
.plan-option-img .option-desc .num{font-size: 250%;}

.plan-custom .plan-option-img .option-desc{background: rgba(0,0,0,.4);padding: 10px;}
.plan-custom .plan-option-img img{border: solid 2px #111;}

.label-special{font-size: 100%;padding: 3px 15px;margin-right: 5px;color: #000;text-shadow:-1px -1px 1px rgba(255,255,255,.3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6b938), color-stop(0.81, #e2bb22), color-stop(0.17, #f0e7a8), color-stop(0.00, #d7c10f));
background: -webkit-linear-gradient(top, #d7c10f 0%, #f0e7a8 17%, #e2bb22 81%, #d6b938 100%);
background: -moz-linear-gradient(top, #d7c10f 0%, #f0e7a8 17%, #e2bb22 81%, #d6b938 100%);
background: -o-linear-gradient(top, #d7c10f 0%, #f0e7a8 17%, #e2bb22 81%, #d6b938 100%);
background: -ms-linear-gradient(top, #d7c10f 0%, #f0e7a8 17%, #e2bb22 81%, #d6b938 100%);
background: linear-gradient(to bottom, #d7c10f 0%, #f0e7a8 17%, #e2bb22 81%, #d6b938 100%);
}

#lineup{font-size: 110%;}
#lineup h2{font-size: 300%;color: #049dde;margin-bottom: -15px;margin-top: 10px;}
#lineup .catch{font-size: 120%;}
#lineup .catch .price{font-size: 130%;line-height: 1.4;}
#lineup .catch .price .num,
.lineup-single .price{font-size: 150%;color: #E4007D;}
.lineup-single{text-align: center;}
.lineup-single h3{font-size: 120%;}
.lineup-single .price{font-size: 110%;display: block;margin-bottom: 5px;}
@media screen and (max-width:640px){
#lineup{font-size: 100%;}
#lineup h2{font-size: 200%;margin-bottom: 0;margin-top: 10px;}
#lineup .catch{font-size: 90%;}
.lineup-single .btn{font-size: 80%;}
}
*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}