@charset "utf-8";

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, 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;
	background:transparent;
	box-sizing:border-box;
}
html,body{
	height:100%;
	font-size:14px;
}
body{
	font-family: -apple-system,BlinkMacSystemFont,'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','游ゴシック Medium','游ゴシック体','Yu Gothic',YuGothic,'メイリオ',meiryo, sans-serif;
	color:#374851;
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	background: #f5f5f5;
	min-width:320px;
}
h1, h2, h3, h4, h5, h6{
	font-size:1.0em;
	font-weight:normal;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
ul{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
img{
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
li{
	list-style-type:none;
}
ins{
	text-decoration:none;
}
mark{
	font-style:italic;
	font-weight:bold;
}
del{
	text-decoration:line-through;
}
abbr[title], dfn[title]{
	border-bottom:1px dotted;
	cursor:help;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
input, select{
/*	vertical-align:middle;*/
	margin:0;
}
a:link{text-decoration:none;}
/*
a:visited{color:#374851;}
a:active{color:#374851;}
*/
a:hover{transition:0.2s;}


/* ちらつき防止 */
body:not(.no-header) {padding-top: 122px;}
@media (max-width: 767px){body:not(.no-header) {padding-top: 78px;}}


/*table
---------------------------------------------- */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	vertical-align: middle;
}

.table.table-white,
.table.table-white th,
.table.table-white td{
	background: #fff;
	border: none;
}

.table-responsive.visible { overflow: visible;}


/*幅設定
---------------------------------------------- */
.w5 {width:5%;}
.w8 {width:8%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}
.max-w-none{ max-width: none; }
.visible-inline{ display: inline !important; }

@media (max-width: 767px){
	.sm-w50{width: 50%;}
}

/* margin
---------------------------------------------- */
.mt-1 { margin-top:-1px !important; }
.mt-2 { margin-top:-2px !important; }
.mt-3 { margin-top:-3px !important; }
.mt-4 { margin-top:-4px !important; }
.mt-5 { margin-top:-5px !important; }
.mt-6 { margin-top:-6px !important; }
.mt-7 { margin-top:-7px !important; }
.mt-8 { margin-top:-8px !important; }
.mt-9 { margin-top:-9px !important; }
.mt-10 { margin-top:-10px !important; }
.mt-15 { margin-top:-15px !important; }
.mt0 { margin-top:0px !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.ml0 { margin-left:0px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml18 { margin-left:18px !important; }
.ml19 { margin-left:19px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.mb0 { margin-bottom:0px !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mr0 { margin-right:0px !important; }
.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr33 { margin-right:33px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

/*padding
---------------------------------------------- */
.pd0 { padding:0px!important;}
.pd5 { padding:5px!important;}
.pt0 { padding-top:0px !important; }
.pt1 { padding-top:1px !important; }
.pt2 { padding-top:2px !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt6 { padding-top:6px !important; }
.pt7 { padding-top:7px !important; }
.pt8 { padding-top:8px !important; }
.pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pl0 { padding-left:0px !important; }
.pl1 { padding-left:1px !important; }
.pl2 { padding-left:2px !important; }
.pl3 { padding-left:3px !important; }
.pl4 { padding-left:4px !important; }
.pl5 { padding-left:5px !important; }
.pl6 { padding-left:6px !important; }
.pl7 { padding-left:7px !important; }
.pl8 { padding-left:8px !important; }
.pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pb0 { padding-bottom:0px !important; }
.pb1 { padding-bottom:1px !important; }
.pb2 { padding-bottom:2px !important; }
.pb3 { padding-bottom:3px !important; }
.pb4 { padding-bottom:4px !important; }
.pb5 { padding-bottom:5px !important; }
.pb6 { padding-bottom:6px !important; }
.pb7 { padding-bottom:7px !important; }
.pb8 { padding-bottom:8px !important; }
.pb9 { padding-bottom:9px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }
.pb70 { padding-bottom:70px !important; }
.pb80 { padding-bottom:80px !important; }
.pr0 { padding-right:0px !important; }
.pr1 { padding-right:1px !important; }
.pr2 { padding-right:2px !important; }
.pr3 { padding-right:3px !important; }
.pr4 { padding-right:4px !important; }
.pr5 { padding-right:5px !important; }
.pr6 { padding-right:6px !important; }
.pr7 { padding-right:7px !important; }
.pr8 { padding-right:8px !important; }
.pr9 { padding-right:9px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }

@media (max-width: 767px){
    .pt0-xs{ padding-top: 0 !important; }
    .pt2-xs{ padding-top: 2px !important; }
    .pt8-xs{ padding-top: 8px !important; }
    .pb0-xs{ padding-bottom: 0 !important; }
    .pb8-xs{ padding-bottom: 8px !important; }
    .pl5-xs{ padding-left: 5px !important; }
	.mb10-xs{ margin-bottom: 10px !important; }
	.mb15-xs{ margin-bottom: 15px !important; }
	.mb20-xs{ margin-bottom: 20px !important; }
}
/*border
---------------------------------------------- */
.border-t { border-top: solid 1px #ccc; }
.border-r { border-right: solid 1px #ccc; }
.border-b { border-bottom: solid 1px #ccc; }
.border-l { border-left: solid 1px #ccc; }
.border-n { border: none !important; }

.table > tbody > tr > td.border-t,
.table > tbody > tr > th.border-t,
.table > tfoot > tr > td.border-t,
.table > tfoot > tr > th.border-t,
.table > thead > tr > td.border-t,
.table > thead > tr > th.border-t { border-top: solid 1px #ccc !important; }
.table > tbody > tr > td.border-r,
.table > tbody > tr > th.border-r,
.table > tfoot > tr > td.border-r,
.table > tfoot > tr > th.border-r,
.table > thead > tr > td.border-r,
.table > thead > tr > th.border-r { border-right: solid 1px #ccc !important; }
.table > tbody > tr > td.border-b,
.table > tbody > tr > th.border-b,
.table > tfoot > tr > td.border-b,
.table > tfoot > tr > th.border-b,
.table > thead > tr > td.border-b,
.table > thead > tr > th.border-b { border-bottom: solid 1px #ccc !important; }
.table > tbody > tr > td.border-l,
.table > tbody > tr > th.border-l,
.table > tfoot > tr > td.border-l,
.table > tfoot > tr > th.border-l,
.table > thead > tr > td.border-l,
.table > thead > tr > th.border-l { border-left: solid 1px #ccc !important; }


.border-lg-t { border-top: solid 1px #ccc; }
.border-lg-r { border-right: solid 1px #ccc; }
.border-lg-b { border-bottom: solid 1px #ccc; }
.border-lg-l { border-left: solid 1px #ccc; }

.border-sm-t { border-top: solid 1px #ccc; }
.border-sm-r { border-right: solid 1px #ccc; }
.border-sm-b { border-bottom: solid 1px #ccc; }
.border-sm-l { border-left: solid 1px #ccc; }

.border-b-t { border-top: solid 1px #3c8892; }
.border-b-r { border-right: solid 1px #3c8892; }
.border-b-b { border-bottom: solid 1px #3c8892; }
.border-b-l { border-left: solid 1px #3c8892; }

.border-box { border-left: solid 1px #ccc; }
@media (max-width: 1199px){
	.border-lg-t { border-top: none }
	.border-lg-r { border-right: none; }
	.border-lg-b { border-bottom: none; }
	.border-lg-l { border-left: none; }
}
@media (max-width: 767px){
	.border-box { border-left: none; }
	.border-box { border-top: solid 1px #ccc; }
	.border-sm-t { border-top: none }
	.border-sm-r { border-right: none; }
	.border-sm-b { border-bottom: none; }
	.border-sm-l { border-left: none; }
}
/*p
---------------------------------------------- */
p {margin-bottom: 10px;}
/*a
---------------------------------------------- */
a.link-under,a.link-under:hover,a.link-under:active,a.link-under:focus,a.link-under:visited{
	text-decoration: underline;
}
/*list
---------------------------------------------- */
ul.disc-list li{
	list-style: disc inside;
	padding-left: .5rem;
}

ul.list-outside li{ 	
list-style: outside; 	
margin-left: 1rem; 	
} 


/*text 色
---------------------------------------------- */
.text-green{ color: #4eca97;}
.text-gray{ color: #999;}
.text-blue{ color: #46b8da; }
.text-green2{color: #1baa9f;}

/*text 位置
---------------------------------------------- */
.align-top{ vertical-align: top !important; }

.font-weight-normal {font-weight: normal !important;}
.font-weight-bold {font-weight: bold !important;}

.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

/*font
---------------------------------------------- */
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }
.f26{ font-size: 26px; }
.f28{ font-size: 28px; }
.f30{ font-size: 30px; }
.f60{ font-size: 60px; }

/*display
---------------------------------------------- */
.d-inline {display: inline !important;}
.d-inline-block  {display: inline-block !important;}
.d-block {display: block !important;}


@media (max-width: 1199px){
	.border-lg-t { border-top: none }
	.border-lg-r { border-right: none; }
	.border-lg-b { border-bottom: none; }
	.border-lg-l { border-left: none; }
}
@media (max-width: 767px){
	.border-box { border-left: none; }
	.border-box { border-top: solid 1px #ccc; }
	.border-sm-t { border-top: none }
	.border-sm-r { border-right: none; }
	.border-sm-b { border-bottom: none; }
	.border-sm-l { border-left: none; }
	
	.text-lg{ font-size: 2.2rem !important; }
	.text-left-sm{ text-align: left !important;}
	.p-sm-absolute{ position: static;}
}
/* =================================================
   header
   =================================================*/

header{
	background:#fff;
	border-bottom:1px solid #e4e5e7;
	min-width:320px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
}
header .header-inner{
	position:relative;
	height:70px;
}
/* ===== logo ===== */
header .header-inner .logo{
	float:left;
	padding:15px 24px 15px 20px;
	font-size: 1.3rem;
  color: #222;
  font-weight: bold;
}
header .header-inner .logo a {color: #222; transition: .3s;}
header .header-inner .logo a:hover {opacity: 0.7;}
header .header-inner .logo img { width: 180px;}

/* ===== navbar ===== */
header .navbar-toggle{
	padding:0;
	margin:0;
	text-align: right;
}
header .navbar-toggle button{
	border:1px solid #333;
	color:#fff;
	background: #333;
	margin:5px;
	padding:9px 12px;
}
.nav_nolink{ padding: 25px 10px 0;}


@media (max-width: 767px) {
	header .header-inner .logo span{
	font-size: 0.8em;
	margin-top: 10px;
	display: block;
	}
	header .header-inner .logo img { width: 150px;}
}

@media (min-width: 768px) {
    header.login-header .header-inner {width:750px;}
    header.login-header img{width: 100%;height: auto;}
		header .header-inner .logo span{
			border-left: 1px solid #222;
			margin-left: 15px;
			padding: 8px 0 8px 15px;
			line-height: 2.5rem;
		}
}

@media (min-width: 992px) {
    header.login-header .header-inner {width:970px}
}

@media (min-width: 1200px) {
    header.login-header .header-inner {width:1170px}
}


/* =================================================
   navbar
   =================================================*/

.navbar-collapse {
	padding: 0;overflow: hidden;
}
nav{
	font-size:1.15rem;
	letter-spacing:1px;
	padding:0;
	text-align:center;
	display:flex;
	display: -ms-flexbox;
}
nav ul{
	display:flex;
	display: -ms-flexbox;
	flex-direction:row;
    -ms-flex-direction: row;
	width: 100%;
}
nav ul li {
    width: 16.6666%;
}
nav ul li a{
	display:block;
	color:#FFF !important;
	padding:1rem 0;
/*	min-width:156px;*/
}


/* =================================================
   navbar-signup
   =================================================*/
.navbar-top-links { margin-right: 0; }
.navbar-top-links li { display: inline-block; }
.navbar-top-links li:last-child { margin: 0 15px; }
.navbar-top-links li.sign-out a { padding: 22px 20px; min-height: 70px; }
.navbar-top-links li.has-btn { padding: 15px 0;}

@media (max-width: 767px) {
.nav.navbar-top-links.logout { display:none; }
.nav.navbar-top-links { padding: 0 15px; border-top: solid 1px #dddddd; }
.navbar-top-links li { padding: 10px; }
.navbar-top-links li.sign-out { float: right; padding: 0; }
.navbar-top-links li.sign-out a { padding: 10px; min-height: inherit; }
.navbar-top-links li:last-child { margin: 0; }

header .navbar-toggle button.login { background-color: #4990c6; border-color: #69a7d6; border-radius: 5px; padding: 0; width: 40px; height: 40px; }
header .navbar-toggle button.account { background-color: #4eca97; border-color: #4bb384; border-radius: 5px; padding: 0; width: 40px; height: 40px; margin: 0; }
	}


/*subnav 色
---------------------------------------------- */

.subnav-black{
	background: #333;
  box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
}
.subnav-black .active,
.subnav-black ul li a:hover{
	background:#000;
}


/* =================================================
   parts
   =================================================*/
header + .container{
	margin-top: 10px;
	margin-bottom: 80px;
}
.main-ttl{
	font-size:1.6rem;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	padding:15px 10px;
	margin:0 0 20px;
}

.main-ttl-white{
    font-size:1.6rem;
    font-weight:normal;
    border-bottom: 4px double #fff;
    padding:15px 10px;
    margin:0 0 20px;
}
.ttl{
	font-size:1.3rem;
	font-weight:normal;
	margin:10px 0;
}

.ttl-sub{
	border-left: solid 7px #1baa9f;
	font-size:1.2rem;
	margin:10px 0;
	padding-left: 10px;
}
.panel{
	border-color:#d2d2d2;
	box-shadow:none!important;
}
.narrow-block{
	width:60%;
}
.pagination{
	margin:0;
}
.pagination>li>a,
.pagination>li>span{
	color: #5396c9;
	background:transparent;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	background:#6aa6d7;
	border-color:#5396c9;
}

.pagination-lg{
	height: 40px;
}
.pagination-gray > li > a{
	border-color: #a9b5bb;
	background: #e5e9ea;
	color: #374851;
}

/*btn
---------------------------------------------- */
.btn {white-space:normal; }
.btn-md{
	padding:.7rem 2.25rem;
	height: 40px;
}
.btn-sm{
	padding:.25rem 1.25rem;
}
.btn-lg{
	padding:.8rem 2rem;
}

/*btn 色
---------------------------------------------- */
.btn-default:hover{
    color: #374851;
}
.btn-default:active{
    color: #374851;
}
.btn-default:focus{
    color: #374851;
}
.btn-white{
	border:1px solid #cdd3d6;
	background:#f7f7f7;
}
.btn-white:hover{
	background:#e0e0e0;
}
/* ---------------------------------------------- */
.btn-danger,a.btn-danger{
	border:1px solid #cc675f;
	background:#de817a;
	color:#fff;
}
.btn-danger:hover{
	background:#cc675f;
	color:#fff;
}
a.btn-danger:link{color:#fff;text-decoration:none;}
a.btn-danger:visited{color:#fff;}
a.btn-danger:active{color:#fff;}
a.btn-danger:focus{color:#fff;}

/* ---------------------------------------------- */
.btn-success,a.btn-success{
	border:1px solid #4bb384;
	background:#4eca97;
	color:#fff;
}
.btn-success:hover{
	background:#4bb384;
	color:#fff;
}
a.btn-success:link{color:#fff;text-decoration:none;}
a.btn-success:visited{color:#fff;}
a.btn-success:active{color:#fff; background: #4bb384;}
a.btn-success:focus{color:#fff; background: #4bb384;}

/* ---------------------------------------------- */
.btn-primary,a.btn-primary{
	border:1px solid #69a7d6;
	background:#4990c6;
	color:#fff;
}
.btn-primary:hover{
	background:#69a7d6;
	color:#fff;
}
a.btn-primary:link{color:#fff;text-decoration:none;}
a.btn-primary:visited{color:#fff;}
a.btn-primary:active{color:#fff; background:#4990c6; }
a.btn-primary:focus{color:#fff; background:#4990c6; }

/* ---------------------------------------------- */



/*label
---------------------------------------------- */
.label-success{background:#4eca97;}
.label-primary{background:#4990c6;color:#fff;}

/* googlemap
---------------------------------------------- */
#map-container {height: 300px;}



/* =================================================
panel
=================================================*/


.highlight{
	background: #cbe8e5 !important;
}
.panel-default>.panel-heading{
	background: #fff;
}
.panel-default>.panel-footer{
	background: #fff;
}
.panel-green{
	border: solid 1px #1baa9f;
}
.panel-green .panel-heading{
	background: #1baa9f;
	color: #fff;
}

.panel-gray .panel-heading{
	background: #eee;
}
.panel-gray .panel-footer{
	background: #fff;
}
.login-panel>.panel-heading img {
  width: 50%; max-width: 320px;
}
@media (max-width: 768px) {
	.login-panel>.panel-heading img {
  width: 80%;
}
}

/* ====================================
check-btn
==================================== */
label.check-btn {background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 4px;padding: 8px 12px;transition: .3s;margin-right: 10px;font-weight: normal;}
label.check-btn.checkbox-inline input[type=checkbox] {position: relative;vertical-align: top;margin-left: 0;margin-right: 5px;}
label.check-btn.check{background-color: #4eca97;color: #fff;}
label.check-btn + p {display: inline-block;}
@media (min-width: 767px) {
	label.check-btn:hover{background-color: #4eca97;color: #fff; cursor: pointer;}
}


/* ====================================
btn-toggle
==================================== */
.btn-toggle{ margin: 0 1.5rem; padding: 0; position: relative; border: none; height: 1.5rem; width: 3rem; border-radius: 1.5rem; color: #6b7381; background: #bdc1c8; }
.btn-toggle:focus,.btn-toggle.focus,.btn-toggle:focus.active,.btn-toggle.focus.active{outline: none; }
.btn-toggle:before,.btn-toggle:after{line-height: 1.5rem; width: 4rem; text-align: center; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity .25s; }
.btn-toggle > .handle{position: absolute; top: 0.1875rem; left: 0.1875rem; width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; background: #fff; transition: left .25s; }
.btn-toggle.active{ transition: background-color 0.25s; background-color: #4bb384; }
.btn-toggle.active > .handle{left: 1.6875rem; transition: left .25s; }
.btn-toggle.active:before{opacity: .5; }
.btn-toggle.active:after{opacity: 1; } 


/* ====================================
dl.data
==================================== */
dl.dl-horizontal {padding: 10px 0;}
dl.dl-horizontal dt {margin-bottom: 5px;}
dl.dl-horizontal dt:after {content: ':';margin-left: 15px;}
dl.dl-horizontal dd {margin-bottom: 15px;}
.well dl.dl-horizontal {padding-bottom: 0;}
.well dl.dl-horizontal dd:last-child {margin-bottom: 0;}

/* ====================================
well
==================================== */
.well {position: relative;}
.well .close {position: absolute;top: 10px;right: 10px;}

.well .form-group:last-child {margin-bottom: 0;}

/* ====================================
form
==================================== */
/*画像サムネイル表示*/
.file-img {	display: block;	width: 100px;	height: auto;	float: left;	margin-right: 20px;}

/*テーブル内フォーム調整*/
.form-horizontal .table .form-group.half-size { margin: 0; }
@media (min-width: 1200px){ .form-horizontal .table .form-group.half-size { width: 50%; } }

/*file input*/

.input-file .input-group-btn span{
    width: 150px;
}

/* ====================================
.breadcrumb
==================================== */
.breadcrumb{background:none; padding:0;text-align: center;}
@media (min-width: 1000px) {
	.breadcrumb.col3 { width: 80%; margin: 0 auto 20px;}
}
@media (min-width: 768px) {
	.breadcrumb.col3 { width: 90%; margin: 0 auto 20px;}
	.breadcrumb li {
		display: block;
		float: left;
		height: 50px;
		line-height:50px;
		background: #FFF;
		text-align: center;
		position: relative;
		margin: 0 1% 0 0;
		padding: 0 10px 0 40px;
		text-decoration: none;
	}
	.breadcrumb.col3 li { width: 32%;}
	.breadcrumb li:first-child {padding-left: 20px;}
	.breadcrumb li:last-child {padding-right: 20px;}
	.breadcrumb li:not(:last-child):after {
		content: "";
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-left: 25px solid #999;
		position: absolute; right: -25px; top: 0;
		z-index: 1;
	}

	.breadcrumb li:not(:first-child):before {
		content: "";
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-left: 25px solid #efefef;
		position: absolute; left: 0; top: 0;
	}

	.breadcrumb>li:not(:last-child):after {border-left-color:#fff;}
	.breadcrumb>li.now:after { border-left-color:#ef7c73;}
	.breadcrumb li.now {background-color:#ef7c73; color:#FFFFFF;}
	.breadcrumb>li.past:after { border-left-color:#CCC;}
	.breadcrumb li.past {background-color:#CCC; color:#999;}
}
@media (max-width: 767px) {
	.breadcrumb{width: 100%;	max-width: 768px;	padding: .5em 1em;	margin: 1em auto;	background-color: #fff;	border-radius: .25em;	text-align: left;	}
	.breadcrumb li:not(:first-child):before {content:"\f101";font-family:"FontAwesome";margin: 0 4px;}
	.breadcrumb>li.now {color: #ef7c73;}
	.breadcrumb>li.past {color: #aaa;}
}

/* =================================================
alert
=================================================*/
.container > .alert:first-child { margin-top: 20px;}

/* =================================================
scroll-box / iOS対策
=================================================*/
.scroll-box{ height: 12rem; overflow-y: scroll; border: 1px solid #ccc; padding: 5px 15px 15px; }
.scroll-box::-webkit-scrollbar{ /* スクロールバー全体 */ width: 12px;}
.scroll-box::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */ background: #aaa; border-radius: 3px;}
.scroll-box::-webkit-scrollbar-track-piece:start{  background: #f0f0f0;}
.scroll-box::-webkit-scrollbar-track-piece:end{ background: #f0f0f0;}

/* =================================================
lp-footer
=================================================*/
footer.lp-footer { background-color: #10acf3; text-align:right; padding: 30px 0; color: #FFF; font-size: 0.7142rem; letter-spacing: 0.08em; font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium","メイリオ", sans-serif; }
footer.lp-footer a { color: #FFF; display: inline-block; font-style: normal; margin-left: 1rem; vertical-align: middle; text-decoration: underline; font-weight: normal;}

/* =================================================
Sticky footer
=================================================*/
html { position: relative; height: auto; min-height: 100%; }
body:not(.event-footer) { margin-bottom: 150px; }
.footer { position: absolute; bottom: 0; display: table; width: 100%; height: 150px; background-color: #333; color: #FFF; }
.footer > .container { display: table-cell; vertical-align: middle; padding-right: 15px; padding-left: 15px; text-align: right; }
.footer ul { display: inline-block;}
.footer li { float:left; }
.footer li:not(:last-of-type)::after { content:"│"; }
.footer li a { color: #FFF; }
.footer li a:hover { text-decoration: underline; }
.copyright { font-size: 12px; text-align: right; margin: 5px 0 0;}

@media (max-width: 767px){
	.footer > .container { text-align: center; }
	.copyright { text-align: center; }
}


/* =================================================
利用規約
=================================================*/
.terms_of_service h3{
    font-weight: bold;
    margin: 40px auto 10px;
}
.terms_of_service h3:first-child{
    margin-top: 0;
}
.terms_of_service ol{
    padding-left: 1.3rem;
}
.terms_of_service ol >li {
    list-style: decimal;
    padding-left: 1em;
}
.terms_of_service ol >li > ol {
    counter-reset: ol-counter;
    padding-left: 0;
    margin: 10px auto;
}
.terms_of_service ol >li > ol >li {
    list-style: none;
    padding-left: 3.5em;
    position: relative;
}
.terms_of_service ol >li > ol >li::before {
    counter-increment: ol-counter 1;
    content: "(" counter(ol-counter) ")";
    padding-right: 1em;
    width: 3.5em;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
}
.terms_of_service ol.list-none{
    padding-left: 0;
}
.terms_of_service ol.list-none > li{
    list-style: none;
    padding-left: 0;
}
.terms_of_service ol.list-none > li ol{
    padding-left: 1.3em;
}

/* =================================================
   Media Query
   =================================================*/
@media (max-width: 960px){
}
@media (max-width: 767px){
	header .header-inner{
		height:auto;
		background:#fff;
	}
	header .header-inner .logo{
		float:none;
		display:inline-block;
		position:relative;
		z-index:999;
		padding:10px 0 10px 15px;
	}
	header .navbar-toggle{
		width:100%;
		position:absolute;
		top:0;
		right:0;
	}
	header .navbar-toggle button{
		margin:5px;
	}
	header .header-inner .header-ttl-box{
		float:none;
		height:auto;
		border:0;
		padding:0;
		position:static;
		margin:0 0 10px 20px;
	}
	header .navbar-toggler button{
		color:#1baa9f;
		padding:8px 12px;
	}
	nav{
		margin-left:-15px;
		margin-right:-15px;
	}
	nav ul{
		width:100%;
		display:table;
		table-layout: fixed;
	}
	nav ul li{
		display:block;
		width: 100%;
	}
	nav ul li a{
		min-width:auto;
		font-size:1rem;
	}

}


.badge-warning{
	background: #f0ad4e;
	color: #fff;
	border-radius: 5px;
}
@media (max-width: 768px) {
	.evaluation-nav .badge-warning{
		position: static;
		margin-left: 20px;
	}
	
}