@charset "UTF-8";
@import url("fontsize.css");
@import url("icons.css");

@font-face {
  font-family: "游ゴシック", YuGothic,"Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "游ゴシック", YuGothic,"Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "游ゴシック", YuGothic,"Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "游ゴシック", YuGothic,"Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "游ゴシック", YuGothic,"Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

*{box-sizing:border-box;margin:0;padding:0;}

html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {display: block;margin:0;padding:0;}

audio,
canvas,
progress,
video {display: inline-block;}

audio:not([controls]) {display: none;height: 0;}

progress {vertical-align: baseline;}

template,
[hidden] {display: none;}

a {background-color: transparent;-webkit-text-decoration-skip: objects;}

a:active,
a:hover {outline-width: 0;}

abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}

b,
strong {font-weight: inherit;}

b,
strong {font-weight: bolder;}

dfn {font-style: italic;}


h1 {font-size: 2em;}


mark {background-color: #ff0;color: #000;}

small {font-size: 80%;}

sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sub {bottom: -0.25em;}

sup {top: -0.5em;}

em {font-style:normal;}

img {border-style: none;}


svg:not(:root) {overflow: hidden;}


code,
kbd,
pre,
samp {font-family: monospace, monospace;font-size: 1em;}


figure {margin:0;}


hr {box-sizing: content-box;height: 0;overflow: visible;}


button,
input,
optgroup,
select,
textarea {font: inherit;margin: 0;}


optgroup {font-weight: bold;}


button,
input {overflow: visible;}


button,
select {text-transform: none;}


button,
html [type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}


button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}


fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}


legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}

textarea {overflow: auto;}


[type="checkbox"],
[type="radio"] {box-sizing: border-box;padding: 0;}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}


[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-input-placeholder {color: inherit;opacity: 0.54;}

::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}

li {list-style-type:none;}

body {
	font-family:"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}

/*
  ___           _      _                 
 | _ ) ___  ___| |_ __| |_ _ _ __ _ _ __ 
 | _ \/ _ \/ _ \  _(_-<  _| '_/ _` | '_ \
 |___/\___/\___/\__/__/\__|_| \__,_| .__/
                                   |_|   
*/

[disabled] { outline:none; }

/* col style */
.col_vam {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}

/* pagination */
/* '...' btn style */
.pagination > li > .pagination_skip,
.pagination > li > .pagination_skip {
	background-color: transparent;
	border: 1px solid transparent;
}

/* table */

.nowrap { white-space:nowrap; }

.table {}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-color:#dcdcdc;
}

.table > thead > tr > th {
	border-color:#dcdcdc;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 0; }

.table > tbody + tbody {
	border-color:#dcdcdc;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {}

.table-bordered {
	border-color:#dcdcdc;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color:#dcdcdc;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th{
	background: #f3f3f3;
}

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th { background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }

@media screen and (max-width: 767px) {
	
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #dcdcdc;
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
}

/* radio button warpper(switch style) */
.btn_radio {}

/* btn off color */
.btn_checkbox .btn,
.btn_radio .btn {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}

.btn_checkbox .btn-default:active,
.btn_checkbox .btn-default.active,
.btn_radio .btn-default:active,
.btn_radio .btn-default.active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn_checkbox .btn-primary:active,
.btn_checkbox .btn-primary.active,
.btn_radio .btn-primary:active,
.btn_radio .btn-primary.active {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.btn_checkbox .btn-success:active,
.btn_checkbox .btn-success.active,
.btn_radio .btn-success:active,
.btn_radio .btn-success.active {
  color: #fff;
  background-color: #449d44;
  border-color: #1DC27A;
}

.btn_checkbox .btn_radio .btn-info:active,
.btn_checkbox .btn_radio .btn-info.active,
.btn_radio .btn_radio .btn-info:active,
.btn_radio .btn_radio .btn-info.active {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn_checkbox .btn-warning:active,
.btn_checkbox .btn-warning.active,
.btn_radio .btn-warning:active,
.btn_radio .btn-warning.active {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn_checkbox .btn-danger:active,
.btn_checkbox .btn-danger.active,
.btn_radio .btn-danger:active,
.btn_radio .btn-danger.active {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn_radio_3col,
.btn_radio_2col {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	position: static;
	
	min-width: 12em;
}
.btn_radio_3col > .btn,
.btn_radio_2col > .btn {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	float: none;
	position: static;
	width: 50%;
}
.btn_radio_3col > .btn { width: 33.33%; }
.btn_radio_2col > .btn { width: 50%; }

.btn_radio_3col > .btn:last-child,
.btn_radio_2col > .btn:last-child {
	border-left-color: transparent;
}
.btn_radio_3col > .btn:last-child:hover,
.btn_radio_2col > .btn:last-child:hover {
	border-left-color: transparent;
}


/*
   ___ ___  __  __ __  __  ___  _  _   ___ _______   ___    ___ 
  / __/ _ \|  \/  |  \/  |/ _ \| \| | / __|_   _\ \ / / |  | __|
 | (_| (_) | |\/| | |\/| | (_) | .` | \__ \ | |  \ V /| |__| _| 
  \___\___/|_|  |_|_|  |_|\___/|_|\_| |___/ |_|   |_| |____|___|
                                                                
*/

/*-------------------------------------------------------------*/
/* list table */
.list_col_auto,
.list_5col,
.list_4col,
.list_3col,
.list_2col {
	
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:1em;
}

.list_col_auto > li,
.list_5col > li,
.list_4col > li,
.list_3col > li,
.list_2col > li {
	display:table-cell;
	vertical-align:top;
}

.list_2col > li { width:50%; }
.list_3col > li { width:33.33%; }
.list_4col > li { width:25%; }
.list_5col > li { width:20%; }

/*-------------------------------------------------------------*/
/* float list */

/* wrap common */
.list_float {
	margin:0 -1em;
}


/* wrap separate */
.list_float_col_auto,
.list_float_5col,
.list_float_4col,
.list_float_3col,
.list_float_2col {}


/* ul */
.list_float ul:before,
.list_float ul:after { content: " "; display: table; }
.list_float ul:after { clear: both; }
.list_float > ul {}


/* li */
.list_float > ul > li {
	float:left;
	padding:0 1em;
}


.list_float_col_auto > ul > li { display:inline-block; }
.list_float_2col > ul > li { width:50%; }
.list_float_2col > ul > .colspan2 { width:100%; }

.list_float_3col > ul > li { width:33.33%; }
.list_float_3col > ul > .colspan2 { width:66.66%; }
.list_float_3col > ul > .colspan4 { width:100%; }

.list_float_4col > ul > li { width:25%; }
.list_float_4col > ul > .colspan2 { width:50%; }
.list_float_4col > ul > .colspan3 { width:75%; }
.list_float_4col > ul > .colspan4 { width:100%; }

.list_float_5col > ul > li { width:20%; }
.list_float_5col > ul > .colspan2 { width:40%; }
.list_float_5col > ul > .colspan3 { width:60%; }
.list_float_5col > ul > .colspan4 { width:80%; }
.list_float_5col > ul > .colspan5 { width:100%; }

@media screen and (max-width:767px) {
	
	.list_float_col_auto > ul > li { display:inline-block; }
	.list_float_2col > ul > li { width:50%; }
	.list_float_2col > ul > .colspan2 { width:100%; }

	.list_float_3col > ul > li { width:50%; }
	.list_float_3col > ul > .colspan2 { width:100%; }
	.list_float_3col > ul > .colspan4 { width:100%; }

	.list_float_4col > ul > li { width:50%; }
	.list_float_4col > ul > .colspan2 { width:100%; }
	.list_float_4col > ul > .colspan3 { width:100%; }
	.list_float_4col > ul > .colspan4 { width:100%; }

	.list_float_5col > ul > li { width:50%; }
	.list_float_5col > ul > .colspan2 { width:100%; }
	.list_float_5col > ul > .colspan3 { width:100%; }
	.list_float_5col > ul > .colspan4 { width:100%; }
	.list_float_5col > ul > .colspan5 { width:100%; }
}

/* list style */
/* --------------------------------------------------- */
/* list_disc */
.list_disc > li {
	
	list-style-type: none;
	margin-left: 1em;
	margin-bottom: 8px;
	text-indent:-1em;
}
.list_disc > li:before {
	content: '\25CF';
	color:#D2D6DE;
	margin-right: 0.5em;
	vertical-align:middle;
	font-size:80%;
}

/* list_star */
.list_star > li {
	
	list-style-type: none;
	margin-left: 1.25em;
	margin-bottom: 8px;
	text-indent:-1.25em;
}
.list_star > li:before {
	content: '\2605';
	color:#D2D6DE;
	margin-right: 0;
}

/* listNum */
.list_num1 > li {
	list-style-type: none;
	counter-increment: cnt;
	text-indent:-1em;
	margin-left:1em;
}
.list_num1 > li:before { content:counter(cnt)'.'; }

.list_num2 > li {
	list-style-type: none;
	counter-increment: cnt;
}
.list_num2 > li:before { content: '('counter(cnt)')'; }

/* list_note */
.list_note > li { list-style-type: none; }
.list_note > li:before {
	content: '\203B';
	margin-right: 0.5em;
}


/* btn */
.btn_box {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
	background: none;
}
.contact_link { margin-top: 1em; }
.message_link {}


.oubo_nav { margin: 0 -0.25em; }
.oubo_nav > ul > li { padding:0 0.25em 0.5em; }

@media screen and (max-width:767px) {
	
	.oubo_nav > ul > li a {
		font-size: 1.5rem;
		font-feature-settings: 'palt';
	}
}


.oubo_info {
	margin-right: 1em;
	vertical-align: middle;
}

/* custom width */
.w24 { width: 100%; }
.w23 { width: 95.83333333%; }
.w22 { width: 91.66666667%; }
.w21 { width: 87.5%; }
.w20 { width: 83.33333333%; }
.w19 { width: 79.16666667%; }
.w18 { width: 75%; }
.w17 { width: 70.83333333%; }
.w16 { width: 66.66666667%; }
.w15 { width: 62.5%; }
.w14 { width: 58.33333333%; }
.w13 { width: 54.16666667%; }
.w12 { width: 50%; }
.w11 { width: 45.83333333%; }
.w10 { width: 41.66666667%; }
.w09 { width: 37.5%; }
.w08 { width: 33.33333333%; }
.w07 { width: 29.16666667%; }
.w06 { width: 25%; }
.w05 { width: 20.83333333%; }
.w04 { width: 16.66666667%; }
.w03 { width: 12.5%; }
.w02 { width: 8.33333333%; }
.w01 { width: 4.16666667%; }

/* page common style */
/* head style */

.page_head01 {}
.page_head02 {}

.page_head03 {}
.page_head03 > span {}
.page_head03:before {}

.page_head04 {}
.page_head05 {}

.page_subhead01 {}

.page_subhead02 {
	padding:0 0 0.5em;
	border-bottom:solid 2px #D2D6DE;
	font-size:100%;
	margin-bottom:1em;
	position:relative;
}
.page_subhead02 small {
	right:0;
	position:absolute;
	font-size:100%;
}

/* page_subhead02 spview */
@media screen and (max-width:767px) {
	
	.page_subhead02 {}
	.page_subhead02 small {
		position:static;
		display:block;
		margin-top:0.5em;
		font-size:72%;
	}
}

.page_subhead03 {
	font-size:100%;
	margin-bottom:0.5em;
	color:#02A8E3;
}

.page_subhead04 {
	background-color:#E0FBFE;
	padding:0.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.page_subhead05 {
	font-size:114%;
	margin-bottom:1em;
}


/* text style */

.page_text { margin-bottom:2em; }
.table + .page_text { margin-top:0.5em; }

.mycom_box01 {
	margin-bottom: 1em;
}

.message_box {}
.message_box p:last-child {
	margin-bottom: 0;
}

.error_list {}
.error_list li {
	color:#f73b1e;
	background-color:#f5dcdc;
	padding: 0.25em 1em;
	margin-bottom: 0.25em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.error_list li:last-child {
	margin-bottom: 0;
}

.note_error {
	color:#f73b1e;
	background-color:#f5dcdc;
	padding: 0.25em 1em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.note_text {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	color: #999;
}

.search_item_dl {
	border-bottom: solid 1px #dcdcdc;
	margin-bottom: 0.5em;
}
.search_item_dl:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.search_item_dl dt {
	margin-bottom: 0.5em;
}


/* login */

.login_auto_checkbox {
	margin-top: 0;
	margin-bottom: 0;
}

.login_links {
	margin-top: 1em;
	text-align: center;
	line-height: 2;
}

.login_footer {
	text-align:center;
	color:#1D64C3;
	padding-top:1em;
}

.login_footer img {
	width:5em;
	height:auto;
	vertical-align:text-bottom;
}

/* oubo */

.oubo_mail_body {
	
	border: solid 1px #d2d6de;
	background: #f3f3f3;
	color: #333;
	padding: 1em;
	overflow-y: scroll;
	height: 26em;
}

.oubo_message_log {
/*
	border-top: solid 1px #d2d6de;
	border-right: solid 1px #d2d6de;
	border-bottom: none;
	border-left: solid 1px #d2d6de;
*/
	border: solid 1px #d2d6de;

	padding: 1em 1em 2em;
	overflow-y: scroll;
	height: 26em;
	
	background-color: #eee;
}
.oubo_message_log_nomsg {
	color: #bbb;
}

.oubo_message_log_msg {
	
	padding: 1em;
	border: solid 1px #d2d6de;
	background-color: #fff;
	margin-bottom: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	box-shadow:0px 0px 4px 0px rgba(0,0,0,0.11);
	-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.11);
	-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.11);
	position: relative;
}

.oubo_message_log_msg:before,
.oubo_message_log_msg:after {
	
	content: '';
	display: block;
	position: absolute;
	bottom: 1.5em;
	
	border-width: 0.5em 1em;
	border-style: solid;
}

.oubo_message_log_he {
	margin-right: 2em;
	margin-left: 1em;
	background-color: #f0f6ed;
}
.oubo_message_log_me {
	margin-left: 2em;
	margin-right: 1em;
}

.oubo_message_log_he:before {
	left: -2em;
	border-color: transparent #d2d6de transparent transparent;
	z-index: 10;
}
.oubo_message_log_he:after {
	left: -2em;
	margin-left: 2px;
	border-color: transparent #f0f6ed transparent transparent;
	z-index: 11;
}

.oubo_message_log_me:before {
	right: -2em;
	border-color: transparent transparent transparent #d2d6de;
	z-index: 10;
}
.oubo_message_log_me:after {
	right: -2em;
	margin-right: 2px;
	border-color: transparent transparent transparent #fff;
	z-index: 11;
}


.oubo_message_log_msg_info {
	display: table;
	border-collapse: collapse;
	width: 100%;
	color: #999;
	margin-bottom: 1.5em;
}
.oubo_message_log_msg_info > span {
	display: table-cell;
	font-size: 85%;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.oubo_message_log_msg_info {
		display: block;
		width: auto;
	}
	.oubo_message_log_msg_info > span {
		display: block;
		width: auto;
		text-align: left;
	}
	.oubo_message_log_msg_date {
		margin-top: 0.5em;
	}
}

.oubo_message_log_msg_no {
	margin-right: 1em;
	vertical-align: middle;
}

.oubo_message_log_msg_name {
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	padding: 0.1em 0.5em;
	vertical-align: middle;
	background: #f4f4f4;
	line-height: 1;
}
.oubo_message_log_he .oubo_message_log_msg_name {
	background-color: #fff;
}

.oubo_message_log_msg_date {
	width: 20em;
	text-align: right;
}

.oubo_message_log_msg_title {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.oubo_message_log_msg_body {}


.oubo_message_input_title {
	
	border-top: solid 1px #d2d6de;
	border-right: solid 1px #d2d6de;
	border-bottom: none;
	border-left: solid 1px #d2d6de;
}
.oubo_message_input_body {
	
	border: solid 1px #d2d6de;
}

.oubo_message_input_title input[type='text']{
	border: none;
}
.oubo_message_input_body textarea {
	border: none;
}
.oubo_message_input_submit {
	background: #d2d6de;
	text-align: right;
}


/* checkbox list */
.check_ul:before,
.check_ul:after { content: " "; display: table; }
.check_ul:after { clear: both; }
.check_ul {
	margin-bottom: -0.5em;
	margin-left: -0.5em;
}
.check_ul li {
	display:inline-block;
	width:25%;
	float:left;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}
@media screen and (max-width: 767px) {
	.check_ul li {
		width:auto;
		float:none;
		margin-right:1em;
	}
}
.check_ul .btn-group {
	display: block;
}
.check_ul .btn-group .btn {
	display: block;
	width: 100%;
}

/* checkbox kengen list */
.kengen_list {
	display:table;
	width:100%;
	border-collapse:collapse;
}

.kengen_p {
	display:table-cell;
	vertical-align:middle;
	width:12em;
}
.kengen_ul {
	display:table-cell;
	vertical-align:middle;
	margin-bottom: -0.5em;
}
.kengen_ul li {
	display:inline-block;
	vertical-align:middle;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}
.kengen_ul li:first-child {
	width:1em;
	color:#858585;
}
@media screen and (max-width: 767px) {
	
	.kengen_list {
		border-top:solid 1px #cdcdcd;
		display:block;
	}
	.kengen_list:first-child {
		border-top:none;
	}
	.kengen_p {
		display:block;
		width:auto;
	}
	.kengen_ul {
		display:block;
	}
	.kengen_ul li {
		margin-left:0;
		margin-right:1em;
	}
	.kengen_ul li:first-child {
		display:none;
	}
}


/* form */
.input_select { width:auto; }
.input_zip { width:4em; }
.input_date { width:10em; }
.input_birthday_year { width:7em; }
.input_birthday_month { width:5em; }
.input_birthday_day { width:5em; }

.input_w04 { width: 16.66666667%; }
.input_w10 { width: 50%; }
.textarea_w10 {
	width: 50%;
	height:8em !important;
}
.textarea_w24 {
	width: 100%;
	height:8em !important;
}
.scout_msg {
	width: 100%;
	height:14em !important;
}

.textarea_w24.form-control,
.textarea_w10.form-control,
.input_select.form-control,
.input_w04.form-control,
.input_w10.form-control,
.input_birthday_year.form-control,
.input_birthday_month.form-control,
.input_birthday_day.form-control,
.input_date.form-control,
.input_zip.form-control { display:inline-block; }

.error_message {
	
	background:#f5d1d1;
	color:#f00;
	margin-top:0.5em;
}
.error_message ul { padding:0.5em; }
.error_message li { padding:0; margin:0; }

@media screen and (max-width:767px) {
	
	.input_w04,
	.input_w10,
	.textarea_w10 {
		width:100%;
		display:block;
	}
}

/* list_photo_select */
.list_photo_select { overflow: hidden; }

@media screen and (max-width:767px) {
	
	.list_photo_select label {
		margin-left:auto;
		margin-right:auto;
	}
}

.list_photo_select figure {
	
	border:solid 1px #ababab;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	overflow: hidden;

	background-color: #fff;
	background-image: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f4f4f4 100%);
	background-image: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f4f4f4 100%);
	background-image: radial-gradient(ellipse at center,  #ffffff 0%,#f4f4f4 100%);
}
.list_photo_select input[type="file"] {
	
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	opacity:0;	
}
.list_photo_select label { display:block; }

.list_photo_select figure img {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* square box */
.square_box {
    position: relative;
    width:100%;
    height: auto;
}
.square_box:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.square_box_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* table style */

/* default form table */
.table_edit {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #dcdcdc;
	margin-top: 1em;
}

.table_edit th span {
	display:inline-block;
	width:3em;
	text-align:center;
	background-color:#FF3033;
	color:#fff;
	padding:0.25em 0;
	font-size:80%;
	
	position:absolute;
	right:1em;
	top:8px;
}

.table_edit > thead > tr > th,
.table_edit > tbody > tr > th,
.table_edit > tfoot > tr > th {
	position:relative;
	padding-right:5em;
	background: #F3F3F3;
	
	border-top: none;
	border-left: none;
	border-bottom-width: 1px;
	border-right-width: 1px;
}

.table_edit > thead > tr > td,
.table_edit > tbody > tr > td,
.table_edit > tfoot > tr > td {
	border-top: none;
	border-left: none;
	border-bottom-width: 1px;
	border-right-width: 1px;
}

.table_edit > thead > tr:nth-child(odd) > th,
.table_edit > tbody > tr:nth-child(odd) > th,
.table_edit > tfoot > tr:nth-child(odd) > th {
	/*background: #F3F3F3;*/
}

.table_edit > thead > tr:nth-child(odd) > td,
.table_edit > tbody > tr:nth-child(odd) > td,
.table_edit > tfoot > tr:nth-child(odd) > td {
	/*background: #F3F3F3;*/
}


@media screen and (max-width:767px) {
	
	.table_edit {
		display:block;
		width:auto;
		border-top:none;
		border-right:none;
		border-left:none;
	}
	.table_edit > thead,
	.table_edit > tbody,
	.table_edit > tfoot {
		display:block;
	}
	.table_edit > thead > tr,
	.table_edit > tbody > tr,
	.table_edit > tfoot > tr {
		display:block;
		border-top: 1px solid #dcdcdc;
	}
	
	.table_edit > thead > tr > th,
	.table_edit > tbody > tr > th,
	.table_edit > tfoot > tr > th {
		width:auto;
		display:block;
		border:none;
		padding:1em 5em 0.5em 1em;
	}
	
	.table_edit > thead > tr > td,
	.table_edit > tbody > tr > td,
	.table_edit > tfoot > tr > td {
		padding: 0.5em 1em 1em;
		width:auto;
		display:block;
		border:none;
	}
	
	.table_edit p {
		color:#858585;
	}
	textarea+.table_edit p,
	input+.table_edit p {
		margin-top:0.5em;
	}
}

/* table */
.table { margin-bottom: 1em; }


/* th */
.oubo_count { width: 12.5%; }
.menu {}
.check_only { width: 1em; }

.oubo_th_name {}
.oubo_th_date { width: 20%; }
.oubo_th_type { width: 10em; }
.oubo_th_state { width: 10em; }
.oubo_th_mail { width: 10em; }

.table_oubo_status {}

.table_oubo_status > tbody > tr > th,
.table_oubo_status > tbody > tr > td { vertical-align: middle; }
.table_oubo_status > tbody > tr select,
.table_oubo_status > tbody > tr span { vertical-align: middle; }

.table_oubo_status th {
	width: 10em;
}
.table_oubo_status td {}

@media screen and (max-width:767px) {
	.oubo_count {
		width: auto;
		white-space: nowrap;
	}
	.menu {}
	
	.oubo_th_date,
	.oubo_th_type,
	.oubo_th_state,
	.oubo_th_mail { width: auto; }

}

/* margin */
.mt00 { margin-top:0; }
.mt05 { margin-top:0.5em; }
.mt10 { margin-top:1em; }
.mt15 { margin-top:1.5em; }
.mt20 { margin-top:2em; }
.mt25 { margin-top:2.5em; }
.mt30 { margin-top:3em; }
.mt35 { margin-top:3.5em; }
.mt40 { margin-top:4em; }

.mb00 { margin-bottom:0; }
.mb05 { margin-bottom:0.5em; }
.mb10 { margin-bottom:1em; }
.mb15 { margin-bottom:1.5em; }
.mb20 { margin-bottom:2em; }
.mb25 { margin-bottom:2.5em; }
.mb30 { margin-bottom:3em; }
.mb35 { margin-bottom:3.5em; }
.mb40 { margin-bottom:4em; }

.ml00 { margin-left:0; }
.ml05 { margin-left:0.5em; }
.ml10 { margin-left:1em; }
.ml15 { margin-left:1.5em; }
.ml20 { margin-left:2em; }
.ml25 { margin-left:2.5em; }
.ml30 { margin-left:3em; }

.mr00 { margin-right:0; }
.mr05 { margin-right:0.5em; }
.mr10 { margin-right:1em; }
.mr15 { margin-right:1.5em; }
.mr20 { margin-right:2em; }
.mr25 { margin-right:2.5em; }
.mr30 { margin-right:3em; }

.ma { margin-left:auto; margin-right:auto; }

/* custom height absolute */

.h50  { height: 50px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }


.fs01 { font-size:50%; }
.fs02 { font-size:66.66%; }
.fs03 { font-size:77.77%; }
.fs035 { font-size:83.33%; }
.fs04 { font-size:100%; }
.fs05 { font-size:128.5%; }
.fs06 { font-size:150%; }
.fs07 { font-size:200%; }
.fs08 { font-size:228%; }
.fs09 { font-size:250%; }
.fs10 { font-size:285%; }
.fs11 { font-size:300%; }
.fs12 { font-size:320%; }

@media screen and (max-width:767px) {
	
	.fs01_sp { font-size:50%; }
	.fs02_sp { font-size:66.66%; }
	.fs03_sp { font-size:77.77%; }
	.fs035_sp { font-size:83.33%; }
	.fs04_sp { font-size:100%; }
	.fs05_sp { font-size:128.5%; }
	.fs06_sp { font-size:150%; }
	.fs07_sp { font-size:200%; }
	.fs08_sp { font-size:228%; }
	.fs09_sp { font-size:250%; }
	.fs10_sp { font-size:285%; }
	.fs11_sp { font-size:300%; }
	.fs12_sp { font-size:320%; }
}

.ffsp { font-feature-settings: 'palt'; }

/* font color */
.fc_r { color:#f73b1e; }
.fc_b { color:#566fd6; }
.fc_g { color:#858585; }

.tac { text-align:center; }
.tar { text-align:right; }
.tal { text-align:left; }

.vat { vertical-align:top !important; }
.vam { vertical-align:middle !important; }
.vab { vertical-align:bottom !important; }



/*
    _      _       _        _  _____ ___ 
   /_\  __| |_ __ (_)_ _   | ||_   _| __|
  / _ \/ _` | '  \| | ' \  | |__| | | _| 
 /_/ \_\__,_|_|_|_|_|_||_| |____|_| |___|
                                         
*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Source Sans Pro',"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

/* header */

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
	height: auto;
	/*padding: 10px;*/
	/*text-align: center;*/
}

/* widget chat */
.direct-chat-text {
	background: #E4E7EF;
	border: 1px solid #E4E7EF;
}
.direct-chat-text::after,
.direct-chat-text::before { border-right-color: #E4E7EF; }

/* graph style */
.legend { display:none; }
.legend li { list-style-type:none; }
.legend li > span {
	display:inline-block;
	width:1em;
	height:1em;
	content:'';
	vertical-align:text-top;
	margin-right:0.5em;
}
.bootstrap-timepicker-widget.dropdown-menu,
.daterangepicker {
	/* box-shadow */
	box-shadow:0px 0px 7px -3px rgba(0,0,0,0.47);
	-moz-box-shadow:0px 0px 7px -3px rgba(0,0,0,0.47);
	-webkit-box-shadow:0px 0px 7px -3px rgba(0,0,0,0.47);
}
.dropdown-menu {
    border-color: #ccc;
}

/* tab */
.nav-tabs-custom > .nav-tabs > li.active > a {
}
.nav-tabs-custom > .nav-tabs { background: #f2f2f2;border-bottom-color: #eee; }

.nav-tabs a .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}

/* side menu */
.sidebar-menu {}
.sidebar-menu .header > span {
	display: block;
	font-weight: bold;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    padding-left: 5px;
	font-size: 90%;
}

.login-logo {}
.login-logo em {
	text-align: center;
	font-weight: lighter;
	font-size: 60%;
	display: block;
	opacity: 0.6;
}

.main-header .logo {
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}
.logo-lg > span {
	display: block;
	font-size: 66.66%;
	line-height: 1;
	text-align: left;
	margin-top: 0.5em;
}
.logo-lg > em {
	display: block;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
}

/*
    _         _        _     
   (_)___  __| |_ _  _| |___ 
   | (_-< (_-<  _| || | / -_)
  _/ /__/ /__/\__|\_, |_\___|
 |__/             |__/       

*/

/* iCheck */

.icheckbox_minimal-blue { margin-right: 0.5em; }

.iradio_minimal-blue { margin-right: 0.5em; }

.icheckbox_flat-green { margin-right: 0.5em; }

.iradio_flat-green { margin-right: 0.5em; }


/* radio context */
.radio_context_toggle {}
.radio_context { display:none; }

/* menu fixed */
.menu_fixed.active {
	
	position: fixed;
	top: 0;
	width: 100%;
	display: block;
	
	z-index: 999;
	background: #fff;
	
	box-shadow:0px 0px 7px -3px rgba(0,0,0,0.47);
	-moz-box-shadow:0px 0px 7px -3px rgba(0,0,0,0.47);
	-webkit-box-shadow:0px 0px 7px -3px rgba(0,0,0,0.47);
	border-bottom-color: transparent;
}
.nav-tabs-custom > .menu_fixed.active > li {
    margin-bottom:  -1px;
}

.same_height {
	transition:height 0.2s ease-out;
}
.height_fix > *{
	transition:height 0.2s ease-out;
}

.modal_inner { text-align: left; }
.modal_btn_box {
	padding: 1em;
	text-align: center;
}

.modal_inner .nav-tabs-custom > .tab-content {
    padding: 2em;
}

.modal_mode_select {}

.modal_mode_select figure {
	text-align: center;
	border: solid 1px #eee;
	margin-bottom: 1em;
}
.modal_mode_select figure img {
	width: 100%;
	height: auto;
}
.modal_mode_select figcaption {
	display: table;
	width: 100%;
	height: 2em;
}
.modal_mode_select figcaption span {
	
	background: #eee;
	font-size: 80%;
	padding: 0.25em;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	line-height: 1.1;
}



/* 200616 */
span.scout_sumi {
display: inline-block;
    margin-left: 0.5rem;
    font-size: 11px;
    padding: 0.2rem 0.5rem;
    letter-spacing: -0.1rem;
    background: #FF5722;
    border-radius: 3px;
    color: #fff;
}


.hinagata_title {
	font-weight: bold;
	background: #f0f0f0;
	padding: 5px 8px;
	margin-top: 10px;
}
.hinagata {
	
}