@charset "utf-8";


/* =================================================================
		Reset Styles
================================================================= */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	color: #4c4c4c;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-size:14px;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* Base Styles */

body{
		font: 16px/1.231 "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese";
		*font-size:small;
		*font:x-small;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
        overflow-y: scroll;
}
/*IE7*/
*+html body  {
font-size:14px;
}
select,input,button,textarea{
	font: 99% "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese";
}

img{
	border: none;
	vertical-align: middle;
}

table{
	font-size: inherit;
	font: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

input,
select,
textarea{
	padding: 2px;
	border: none;
	outline: none;
}

ol,ul{
	list-style: none;
}

a,
input{
	outline: none;
    border: none;
}

button {
	cursor: pointer;
}

/*	Basic Text Link	*/
a {
	/*color:#0c7e94;*/
	color:#4f4f4f;
	text-decoration:underline;
}

a:link {
	/*color:#0c7e94;*/
	color:#4f4f4f;
	text-decoration:underline;
}
a:visited {
}
a:hover {
	text-decoration:none;
}
a:focus {
}
a:active {
}

em {
	font-style:normal;
}


header {
	/*padding: 30px 0;*/
    /*
	box-shadow: 0px 9px 20px -5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 9px 20px -5px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 9px 20px -5px rgba(0,0,0,.3);
    */
	z-index: 20;
    /*position: fixed;*/
    width: 100%;
	height: 110px;
	background:#fff;
}
.master_page{
	height: auto;
}
.inner {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
}
header .inner .logo {
	width: 70%;
	float: left;
    margin-top:30px;
}
header .inner .logo img.customer {
	max-width: 100px;
    max-height: 95px;
    margin-top:-20px;
    /* アップロードされた画像の縦横比率は変わらないようにmaxだけを設定 */
	/*width: 100px;*/
	/*
	max-width: 150px;
    width: auto;
	*/
	float: left;
	margin-right: 3%;
}
header .inner .logo img.base {
	max-width: 179px;
}

header .inner .logo div.member{	
    font-size: 14px;
	padding: 2% 2% 0;
    text-align: right;
    float:right;
}
header .inner .logo div.member #login {
	font-size: 12px;
	color: #32a2d2;
	cursor: pointer;
}
header .inner .logo div.member #login a{
	color: #0e948d;
	font-size: 12px;
	text-decoration: none;
}

/* ログイン画面用　*/
header .inner .logo_login {
	width: 40%;
	float: left;
}
header .inner .logo_login img.customer {
	max-width: 100px;
	width: 100px;
	/*
	max-width: 150px;
    width: auto;
	*/
	float: left;
	margin-right: 3%;
}
header .inner .logo_login img.base {
	max-width: 179px;
	width: 100%;
}

header .inner nav {
	width: 30%;
	float: right;
    margin-top:30px;
}
header .inner nav ul {
	display: flex;
	justify-content: flex-end;
	border-right: 1px solid #dce0e3;
	min-height: 55px;
}
.contact_line {
}
.contact_line li {
	border-right: 1px solid #dce0e3;
	display: block;
}
.contact_line li:last-child {
	border-right: none;
}
.contact_line li.mail,
.contact_line li.home {
	padding: 5% 8.5% 0;
}
.contact_line li.mail{
	border-left: 1px solid #dce0e3;
}
.contact_line li.member p span {
}
.contact_line a {
	color: #0e948d;
/*
	font-size: 22px;
*/
	text-decoration: none;
}
.contact_line .member {
	text-align: right;
	width: 100%;
}
.contact_line .member #login {
	font-size: 12px;
	color: #32a2d2;
	cursor: pointer;
}
.contact_line .mail {
	position:relative;
	cursor:pointer;
}
.contact_line .mail .mail_icon {
	position:relative;
}
.contact_line .mail img {
	width: 30px;
}
.contact_line .mail span.notice_count {
	background: #df4c80;
	color:#fff;
	position:absolute;
	top:60%;
	right:-50%;
	border-radius: 50%;
	text-align:center;
	padding:10%;
	font-size:12px;
	width:23px;
	height:23px;
}
.contact_line .mail span.notice_count span {
	position:absolute;
	top:20%;
	left:0;
	right:0;
}
.contact_line .mail .notice {
	position:absolute;
	top:100%;
	right:-105%;
	width:700%;
	background:rgba(255,255,255,.9);
	border:1px solid #8bc0d8;
	padding:15% 15% 30%;
	display:none;
}
.contact_line .mail.notice_open .notice {
	display:inherit;
    cursor:default;
    z-index: 20;
}

.contact_line .mail .notice #notice_close {
	position: relative;
	width: 15px;
	height: 15px;
	left:95%;
	cursor:pointer;
}
.contact_line .mail .notice #notice_close:before,
.contact_line .mail .notice #notice_close:after {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	display: block;
	width: 15px;
	border-top: 2px solid #636363;
}
.contact_line .mail .notice #notice_close:before {
	transform: skewY(-45deg);
}
.contact_line .mail .notice #notice_close:after {
	transform: skewY(45deg);
}


.contact_line .mail .notice p {
	background: #33a2d1;
	color:#fff;
	padding:0 1%;
	display:inline-block;
}
.contact_line .mail .notice a {
	color:#12679b;
	font-size:14px;
	text-decoration:underline;
}
.contact_line .mail .notice a:hover {
	text-decoration:none;
}

.contact_line .mail .notice dl {
	clear:both;
	padding:2% 0 0;
}
.contact_line .mail .notice dt {
	width:20%;
	float:left;
	color:#12679b;
}
.contact_line .mail .notice dd {
	padding-left:15%;
}

.contact_line .home {
	position:relative;
	cursor:pointer;
}
.contact_line .home .home_icon {
	position:relative;
}
.contact_line .home img {
	width: 30px;
}


.contents {
    padding-top: 0px;
}
.contents2 {
    padding-top: 0px;
}


.title {
	background: #12689b;
	padding: 1% 0;
	overflow: hidden;
}
h1 {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
}
h1 span {
	font-size: 20px;
}
.title h1 span {
	font-size: 30px;
}
h2 {
	font-size: 20px;
	padding: 0 0 0 15px;
	margin-bottom:2%;
}
.title h3{
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
	color: #fff;
	font-size: 15px;
    font-weight: normal!important;
}

.main_menu {
	background: #01b2c4;
	/*padding: 3% 0 0;
	min-height:200px;*/
	padding: 2% 0 0;
	/*min-height:185px;*/
	height:auto;
}
.main_menu h2 {
	color: #fff;
	border-left: 5px solid #fff;
}
.main_menu ul.main_menu {
	padding:0;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.main_menu li[class^="menu_"] {
    display: table-cell;
    border-left:1px solid #fff;
    padding: 0 2% 2% 2%;
    position: relative;
}
.main_menu li:last-of-type {
	border-right: 1px solid #fff;
}
.main_menu li.menu_01 a {
	background:url(../images/menu_01.png) no-repeat center 3px;
}
.main_menu li.menu_02 a {
	background:url(../images/menu_02.png) no-repeat center 3px;
}
.main_menu li.menu_03 a {
	background:url(../images/menu_03.png) no-repeat center 10px;
}
.main_menu li.menu_04 a {
	background:url(../images/menu_04.png) no-repeat center 10px;
}
.main_menu li.menu_05 a {
	background:url(../images/menu_05.png) no-repeat center 10px;
}
.main_menu li.menu_06 a {
	background:url(../images/menu_06.png) no-repeat center 10px;
    background-size: 50px;
}
.main_menu li.menu_07 a {
	background:url(../images/menu_07.png) no-repeat center 3px;
}
.main_menu li.menu_08 a {
	background:url(../images/menu_08.png) no-repeat center 3px;
}
.main_menu li.menu_08 h3 {
    color:lightgray;
}
.main_menu li a {
	text-decoration:none;
	display:block;
	padding: 60px 2% 2% 2%;
}
.main_menu li.menu_01 a:hover {
	background: #00a0b2 url(../images/menu_01.png) no-repeat center 3px;
}
.main_menu li.menu_02 a:hover {
	background: #00a0b2 url(../images/menu_02.png) no-repeat center 3px;
}
.main_menu li.menu_03 a:hover {
	background: #00a0b2 url(../images/menu_03.png) no-repeat center 10px;
}
.main_menu li.menu_04 a:hover {
	background: #00a0b2 url(../images/menu_04.png) no-repeat center 10px;
}
.main_menu li.menu_05 a:hover {
	background: #00a0b2 url(../images/menu_05.png) no-repeat center 10px;
}
.main_menu li.menu_06 a:hover {
	background: #00a0b2 url(../images/menu_06.png) no-repeat center 10px;
    background-size: 50px;
}
.main_menu li.menu_07 a:hover {
	background: #00a0b2 url(../images/menu_07.png) no-repeat center 3px;
}
.main_menu li.menu_08 a:hover {
	background: #00a0b2 url(../images/menu_08.png) no-repeat center 3px;
}
.main_menu li h3,
.main_menu li p {
	color:#fff;
}
.main_menu li h3 {
	text-align:center;
	font-size:18px;
	margin:8% 0;
}

.sub_menu {
	display: none;
	background:#fff;
	position:absolute;
	/*top:100%;*/
	overflow:hidden;
	width:80%;
	z-index:100;
}
.sub_menu li {
	float:none;
	width:96%;
	background:#efeff0;
	/*padding:2%;*/
	margin:2% 2%;
	text-align:center;
	color:#12679b;
	position:relative;
}
.sub_menu li:hover {
	background:#7bc3ef;
}
.sub_menu li a {
	background:#efeff0 !important;
	padding:5% !important;
}
.sub_menu li a:hover {
	/*box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);*/
    background:#7bc3ef !important;
	padding:5%;
    color:#fff;
}
.sub_menu li:before {
	content:'';
	position:absolute;
	top:35%;
	left:10%;
	width: 0;
	height: 0;
	border-left: 4px solid #00b2c4;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.global_navi_sub_menu {
	display: none;
	background:#fff;
	position:absolute;
	/*top:100%;*/
	overflow:hidden;
	width:80% !important;
	z-index:100;
}
.global_navi_sub_menu li {
	float:none;
	width:96%;
	background:#efeff0;
	/*padding:2%;*/
	margin:2% 2%;
	text-align:center;
	color:#12679b;
	position:relative;
    display: inherit !important;
    width: 96% !important;
}
.global_navi_sub_menu li:hover {
	background:#7bc3ef;
}
.global_navi_sub_menu li a {
	background:#efeff0 !important;
	padding:5% !important;
}
.global_navi_sub_menu li a:hover {
	/*box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);*/
    background:#7bc3ef !important;
	padding:5%;
    color:#fff;
}
.global_navi_sub_menu li:before {
	content:'';
	position:absolute;
	top:35%;
	left:10%;
	width: 0;
	height: 0;
	border-left: 4px solid #00b2c4;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.cont_box {
	background:#eef0f1;
	width:49.5%;
	float:left;
	margin: .6% .2% 0;
	z-index:1;
	position:relative;
}
.cont_box a {
	color:#4c4c4c;
}
.cont_box a:hover {
	text-decoration:none;
}
.cont_box .area {
	background:#eef0f1;
	padding:6%;
}

.cont_box h2 {
	color: #009aaa;
	border-left: 5px solid #009aaa;
}
.info_line {
	overflow:hidden;
}
.info_line_mypage {
	overflow:hidden;
}
.info_line p {
	width:20%;
	float:left;
	font-size:12px;
	margin:2% 0;
	text-align:center;
	color:#fff;
	line-height:1.8;
}
.info_line_mypage p {
	width:15%;
	float:left;
	font-size:12px;
	margin:1%;
	text-align:center;
	color:#fff;
	line-height:1.8;
}
.info_line p.state_01 {
	background: #df871a;
    min-width:85px;
}
.info_line_mypage p.state_01 {
	background: #df871a;
    min-width:85px;
}
.info_line p.state_02 {
	background: #4472C4;
    min-width:85px;
}
.info_line_mypage p.state_02 {
	background: #4472C4;
    min-width:85px;
}
.info_line dl {
	width:70%;
	float:right;
}
.info_line_mypage dl {
	width:80%;
	float:right;
}
.cont_box dl {
	padding:2% 0;
}
.cont_box dt {
	width:30%;
	float:left;
}
.cont_box dd {
	padding-left:28%;
}

.cont_box .a_line {
	background:#fff;
	border:1px solid #d2d2d2;
	border-radius: 30px;
	padding:0 3%;
	margin:1% 0;
}
.cont_box .a_line a {
	text-decoration:none;
}
.cont_box .a_line dd {
	position:relative
}
.cont_box .a_line dd:before {
	content:'';
	position:absolute;
	right:0;
	top:25%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #009aaa;
	border-right: 1px solid #009aaa;
	transform: rotate(45deg);
}

.new {
	color: #e41165;
	margin-left:10px;
}
.point_up{
    background-color: #FFFFCC;
}
.approve_history{
    background-color: lightgray;
}

.more_area {
	display:none;
	clear:both;
}
.more_text {
	background:#eef0f1;
}
.more {
	clear:both;
	/*padding:4% 0;*/
	padding:2% 0;
    overflow: hidden;
    text-align: center;
}

.more span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

.more span:before,
.more span:after {
    border-top: 2px dotted #9fb0b8;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

.more span:before {
    right: 100%;
}

.more span:after {
    left: 100%;
}
.arrow_btn {
	background:#fff;
	border-radius:50%;
	text-align:center;
	padding:1%;
	position:relative;
	width: 24px;
	height: 24px;
	margin:0 auto;
	cursor:pointer;
}
.arrow_btn:before {
	content:'';
	position:absolute;
	left:11px;
	top:8px;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	transform: rotate(45deg);
}
.more_text_my_page .arrow_btn {
	background:#fff;
	border-radius:50%;
	text-align:center;
	padding:1%;
	position:relative;
	width: 24px;
	height: 24px;
	margin:0 auto;
	cursor:pointer;
}
.more_text_my_page .arrow_btn:before {
	content:'';
	position:absolute;
	left:40%;
	top:30%;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	transform: rotate(45deg);
}
.cont_box.clicked {
	z-index:2;
}
.cont_box.clicked .area {
	box-shadow: 0px 5px 15px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 5px 15px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 5px 15px 1px rgba(0,0,0,.3);
}
.cont_box.clicked .more {
	opacity: 0;
	padding:0;
}
.cont_box.clicked .arrow_btn:before {
	content:'';
	position:absolute;
	left:40%;
	top:30%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
}



.more_detail .arrow_btn.close {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #bfbfbf;
}
.clicked.more_detail .arrow_btn.close::before,
.clicked.more_detail .arrow_btn.close::after {
  position: absolute;
  top: 50%;
  left: 35%;
  content: "";
  display: block;
  width: 13px;
  border-top: 1px solid #141414;
	border-left: none;
	border-right: none;
}
.clicked.more_detail .arrow_btn.close::before {
  transform: skewY(-45deg);
}
.clicked.more_detail .arrow_btn.close::after {
  transform: skewY(45deg);
}
.close_btn .more {
	padding: 4% 0 1%;
}

.content_area {
	margin:3% 0 0;
	width:100%;
	overflow:hidden;
}

.content_area h2 {
	color: #009aaa;
	border-left: 5px solid #009aaa;
	/*margin-bottom:4%;*/
    margin-bottom: 2%;
}

.content_area.login {
	margin:0px;
	width:100%;
	overflow:hidden;
}

.main_box {
	width:90%;
	margin:0 auto;
	border:1px solid #acacac;
}
.main_box td,
.main_box th {
	word-break:break-word;
}
.main_box.full {
	width:100%;
}
.main_box.full.nomal th {
	background: #eef0f1;
}
.main_box.full.nomal th,
.main_box.full.nomal td {
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;
	text-align: center;
	padding: 1%;
}
.main_box.full.nomal th:last-child,
.main_box.full.nomal td:last-child {
	border-right: none;
}
.main_box.full.nomal.deliveryWay td:last-child {
	border-right:1px solid #acacac;
}
.main_box.full.nomal td.td_btn {
	color: #00b2c4;
}
.main_box.full.nomal td.td_btn span {
	cursor: pointer;
}
.main_box.full.nomal td.cancel {
	padding: 0;
}
.main_box.full.nomal td.one_btn span.cancel {
	background: #12679b;
	color: #fff;
	padding: 6% 10%;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}


.main_box2 {
	width:90%;
	margin:0 auto;
	border:1px solid #acacac;
}
.main_box2 td,
.main_box2 th {
	word-break:break-word;
}
.main_box2.full {
	width:100%;
}
.main_box2.full.nomal th {
	background: #eef0f1;
}
.main_box2.full.nomal th,
.main_box2.full.nomal td {
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;
	text-align: center;
	padding: 1%;
    font-size:16px;
}
.main_box2.full.nomal th:last-child,
.main_box2.full.nomal td:last-child {
	border-right: none;
}


.box_num {
	border-right:1px solid #acacac;
	background:#eef0f1;
	padding:2%;
	width:10%;
	height:100%;
	vertical-align:top;
}
.input_area {
	/*padding:2%;*/
	padding:1%;
	position:relative;
}
.input_area dl {
	clear:both;
}
.input_area dt {
	width:21%;
	float:left;
	/*padding:2%;*/
    padding:1%;
}
span.necessary {
	color:#f00;
}
.input_area dd {
	/*padding:1% 0 1% 25%;*/
}
.input_area dd.radio_line {
	/*padding:2% 0 2% 25%;*/
	padding:1% 0 1% 23%;
}
.input_area input {
	border:1px solid #acacac;
	/*margin:0 3% 1% 0;*/
	padding:1%;
}
.input_area dd.radio_line input {
	margin:0 0 0 1%;
}
.input_area dd.radio_line label {
	margin-right:3%;
}
.input_area .clear_btn {
	background: #12679b;
	color:#fff;
	padding:1% 2%;
	position:absolute;
	top:10%;
	right:2%;
	border:none;
	outline:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	cursor:pointer;
}

.input_area .del_btn {
	background: #12679b;
	color:#fff;
	padding:9px 18px;
	position:absolute;
	top:25px;
    right:25px;
	border:none;
	outline:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	cursor:pointer;
}

.sub_box {
	width:90%;
	margin:0 auto;
	/*padding:4% 0;*/
	padding:1% 0 0 0;
	overflow:hidden;
}
.sub_box.full {
	width: 100%;
}
.sub_box .col_l {
	width:50%;
	float:left;
}
.sub_box .col_r {
	width:40%;
	float:right;
}
.sub_box .col_l.member_list_search {
	width:50%;
	float:left;
}
.sub_box .col_r.member_list_search{
	width:40%;
	float:right;
}
.sub_box h3 {
	color:#20b6d6;
	font-size:16px;
	font-weight:bold;
	padding-bottom:3%;
}
.sub_box input[type="text"]{
	border:1px solid #acacac;
	margin:0 3% 0 0;
	padding:2%;
	font-size:12px;
	width:50%;
	float:left;
}


/* マイページ用のCSS*/
.sc_menu {
	display: block;
	background:#fff;
	position: absolute;
	overflow:visible;
	width:150px;
    z-index:10000;
}
.sc_menu li {
	float:none;
	width:96%;
	background:#efeff0;
	margin:2% 2%;
	text-align:center;
	color:#12679b;
	position:relative;
}
.sc_menu li:hover {
	background:#7bc3ef;
}
.sc_menu li a {
	background:#efeff0 !important;
    text-decoration: none;
    display:block;
}
.sc_menu li a:hover {
    background:#7bc3ef !important;
    color:#fff;
}
.sc_menu li:before {
	content:'';
	position:absolute;
	top:35%;
	left:10%;
	width: 0;
	height: 0;
	border-left: 4px solid #00b2c4;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

/*　ショートカットメニューの表示非表示に使用 */
.sc_menu_pnl.none {
    display:none;
}

.sc_menu.none {
    display:none;
}

.cont_box_mypage {
	background:#eef0f1;
	width:98%;
    min-height:250px;
	margin: .6% .2% 0;
	z-index:1;
	position:inherit;
}
.cont_box_mypage a {
	color:#4c4c4c;
}
.cont_box_mypage a:hover {
	text-decoration:none;
}
.cont_box_mypage .area {
	background:#eef0f1;
	padding:2%;
    min-height:240px;
}

.cont_box_mypage h2 {
	color: #009aaa;
	border-left: 5px solid #009aaa;
}
.more_text_my_page {
	background:#eef0f1;
}

.cont_box_mypage dl {
	padding:1%;
}
.cont_box_mypage .mypage_list_TripDate {
    display:block;
	width:20%;
	clear:left;
    float:left;

}
.cont_box_mypage .mypage_list_name {
    display:block;
	width:30%;
	padding-right:10px;
	float:left;
}
.cont_box_mypage dd {
    width:45%;
    display:block;
	float:left;
}

.cont_box_mypage .a_line {
	background:#fff;
	border:1px solid #d2d2d2;
	border-radius: 30px;
	padding:0 3%;
	margin:1% 0;
}
.cont_box_mypage .a_line a {
	text-decoration:none;
}
.cont_box_mypage .a_line dd {
	position:relative
}
.cont_box_mypage .a_line dd:before {
	content:'';
	position:absolute;
	right:0;
	top:25%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #009aaa;
	border-right: 1px solid #009aaa;
	transform: rotate(45deg);
}
.cont_box_mypage.clicked {
	z-index:2;
}
.cont_box_mypage.clicked .area {
    /*
	box-shadow: 0px 5px 15px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 5px 15px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 5px 15px 1px rgba(0,0,0,.3);
    */
}
.cont_box_mypage.clicked .more {
	opacity: 0;
	padding:0;
}
.cont_box_mypage.clicked .arrow_btn:before {
	content:'';
	position:absolute;
	left:40%;
	top:40%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
}
.cont_box_mypage2 {
	background:#eef0f1;
	width:100%;
    min-height:250px;
	margin: .6% .2% 0;
	z-index:1;
	position:inherit;
}
.cont_box_mypage2 a {
	color:#4c4c4c;
}
.cont_box_mypage2 a:hover {
	text-decoration:none;
}
.cont_box_mypage2 .area {
	background:#eef0f1;
	padding:3%;
}

.cont_box_mypage2 h2 {
	color: #009aaa;
	border-left: 5px solid #009aaa;
}
.cont_box_mypage2 {
	background:#eef0f1;
}

.cont_box_mypage2 dl {
	padding:0% 0;
    line-height:1.5;
}
.cont_box_mypage2 .mypage_list_TripDate {
	width:20%;
	float:left;
    line-height:1.5;
}
.cont_box_mypage2 .mypage_list_name {
	width:30%;
	padding-right:10px;
	float:left;
    line-height:1.5;
}

.cont_box_mypage2 dd {
	padding-left:140px;
    line-height:1.5;
}

.cont_box_mypage2 p.state_01 {
    margin-bottom:2%;
    margin-top:0px;
}

.cont_box_mypage2 p.state_02 {
    margin-bottom:2%;
    margin-top:0px;
}
.cont_box_mypage2 .a_line {
	background:#fff;
	border:1px solid #d2d2d2;
	border-radius: 30px;
	padding:0 3%;
	margin:1% 0;
}
.cont_box_mypage2 .a_line a {
	text-decoration:none;
}
.cont_box_mypage2 .a_line dd {
	position:relative
}
.cont_box_mypage2 .a_line dd:before {
	content:'';
	position:absolute;
	right:0;
	top:25%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #009aaa;
	border-right: 1px solid #009aaa;
	transform: rotate(45deg);
}
.cont_box_mypage2 .arrow_btn:before {
	content:'';
	position:absolute;
	left:40%;
	top:30%;
	width: 10px;
	height: 10px;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	transform: rotate(45deg);
}

.cont_box_mypage2.clicked {
	z-index:2;
}

.cont_box_mypage2.clicked .more {
	opacity: 0;
	padding:0;
}
.cont_box_mypage2.clicked .arrow_btn:before {
	content:'';
	position:absolute;
	left:40%;
	top:40%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
}

.cont_box_mypage .mypage_list_name {
	width:30%;
	padding-right:10px;
	float:left;
}

.mypage_list_font_request {
    color: #0000ff;
}

.mypage_list_font_trvlr {
    color: #4c4c4c;
}

/** iphoneで一部ズームインするテキストボックスがあったので追加  **/
@media screen and ( max-width:480px ) {


.sub_box input[type="text"]{
	border:1px solid #acacac;
	margin:0 3% 0 0;
	padding:2%;
	font-size:16px;
	width:50%;
	float:left;
}
}
.sub_box .member_list_search input[type="submit"] {
	background: #00b2c4;
	color:#fff;
	padding:1.5% 2%;
	border-radius:8px;
	cursor:pointer;
	font-weight: bold;
}
.add_btn {
	background: linear-gradient(180deg,#eee 0%,#eee 50%,#e1e1e1 50%,#e1e1e1 100%);
	position:relative;
	border-radius: 5px;
}
.add_btn:after {
	content:'';
	position:absolute;
	left:85%;
	top:35%;
	width: 20px;
	height: 20px;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	transform: rotate(45deg);
}

.sub_box .add_btn {
	background: linear-gradient(180deg,#eee 0%,#eee 50%,#e1e1e1 50%,#e1e1e1 100%);
	position:relative;
	border-radius: 5px;
    min-width:310px;
}
.sub_box .add_btn input[type="submit"] {
	background:url(../images/add_icon.png) no-repeat 3% 50%;
	color:#20b6d6;
	font-size:16px;
	font-weight:bold;
	padding: 6% 15%;
	border-radius:5px;
	width:100%;
	cursor:pointer;
}
.sub_box .add_btn:after {
	content:'';
	position:absolute;
	left:90%;
	top:35%;
	width: 20px;
	height: 20px;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	transform: rotate(45deg);
}

.add_btn.mini {
	width: 30%;
	margin: 1% auto;
	text-align: center;
}
.add_btn.mini:after {
	width: 15px;
	height: 15px;
}
.add_btn.mini a {
	text-decoration: none;
	color: #20b6d6;
	font-size: 16px;
	font-weight: bold;
	padding: 5%;
	display: block;
	position:relative;
}




.main_link {
	overflow:hidden;
	clear:both;
	width:40%;
	margin:0 auto;
    /*margin-top:5%;*/
	margin-top:2%;
	text-align:center;
	font-weight: bold;
}
.main_link a {
	background:#12679b;
	color:#fff;
	padding:5%;
	display: block;
	text-decoration:none;
	font-size:16px;
	position:relative;
	border-radius:8px;
}
.main_link a:after {
	content:'';
	position:absolute;
	left:85%;
	top:30%;
	width: 20px;
	height: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}

.submit_line {
	clear:both;
	overflow: hidden;
	/*margin-top: 5%;*/
    margin-top: 2%;
}
.submit_line .main_link {
	float: left;
	width:60%;
	clear: none;
	margin-top:0;
}
.submit_line .main_link a {
	width: 50%;
	padding: 4%;
}
.submit_line .btn-margin {
	margin:0 3%;
}
.prev {
	width:10%;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	font-weight: bold;
	margin-top: 1%;
}
.prev a {
	border: 1px solid #b1b1b1;
	color:#4f4f4f;
	padding:10%;
	display: block;
	font-size:14px;
	position:relative;
	margin-left: auto;
}
.prev a:after {
	content:'';
	position:absolute;
	left:10%;
	top:35%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #4f4f4f;
	border-left: 1px solid #4f4f4f;
	transform: rotate(-45deg);
}
.submit_line .prev {
	float: left;
	width:40%;
	margin-top: 0;
}
.submit_line .prev a {
	width:10%;
	padding: 3% 5%;
	margin-right: 10%;
	margin-top: 3%;
}
.submit_line.estimate .main_link {
	width:50%;
}
.submit_line.estimate .main_link a {
    margin: auto;
    color: #fff!important;
    text-decoration: none!important;
}
.estimate_selected{
    background-color:#fff0f5;
}
.selected_message{
    border:1px solid #acacac;
    width:250px;
    padding:1%;
    background-color: #eef0f1;
    text-align: center!important;
    margin-bottom:10px;
    font-weight:bold;
}

.btn_3 {
	overflow:hidden;
}
.btn_3 .submit_line {
	clear:none;
	width:60%;
	float:left;
}

.btn_3 .right_btn{
	clear:none;
	width:30%;
	float:right;
    margin-right:2%;
    margin-top:2%;
}
.btn_3 .right_btn .main_link{
	width:90%;
    margin-top:0%;
    margin-right:0%;
}
.btn_3 .right_btn .main_link a{
    width:auto;
    padding-bottom:6% !important;
}

.btn_3 .left_btn{
	clear:none;
	width:40%;
    margin-right:2%;
	float:none;
    margin-top:2%;
    padding-bottom: 2%;
}
.btn_3 .left_btn .main_link{
	width:90%;
    margin-top:0%;
    margin-right:0%;
}
.btn_3 .left_btn .main_link a{
    width:auto;
    padding-bottom:6% !important;
}

.btn_3 .submit_line .prev {
	width:35%;
}
.btn_3 .submit_line .prev a {
	width:30%;
}
.btn_3 .main_link {
	clear:none;
}
.btn_3 .submit_line .main_link a {
	width:auto;
}
.btn_3 a {
}
.btn_3 .sequel {
	width:30%;
	float:right;
}

.btn_3_horizen {
	overflow:hidden;
}
.btn_3_horizen .submit_line {
	clear:none;
	width:90%;
	float:left;
}
.btn_3_horizen .main_link {
	clear:none;
}
.btn_3_horizen .submit_line .main_link a {
	width:auto;
}
.btn_3_horizen a {
}
.reserve .btn_3_horizen .submit_line .main_link {
	float: right;
	width: 30%;
}
.reserve .btn_3_horizen .main_link a {
	padding: 5% 4%;
}

.btn_2_horizen {
	overflow:hidden;
}
.btn_2_horizen .submit_line {
	clear:none;
	width:90%;
	float:left;
}
.btn_2_horizen .main_link {
	float:right;
    width:45%;
}
.btn_2_horizen .submit_line .main_link a {
	width:auto;
    margin:1% 10%;
}
.btn_2_horizen a {
}









/* 検索結果オープン時にメインコンテンツを覆う部分 */
.overlay_w {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay_w::after {
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.open_base .overlay_w {
  visibility: visible;
  cursor: pointer;
  background: rgba(255,255,255,.7);
}
.open_base .overlay_w::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}
/* 背景が白くならないバージョン */
.overlay_clear {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay_clear::after {
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.open_base .overlay_clear {
  visibility: visible;
  cursor: pointer;
  background: rgba(255,255,255,0);
}
.open_base .overlay_clear::after {
  visibility: visible;
  color: rgba(255,255,255,0);
}



/* 検索結果 */
/*201809 新デザインに対応するためにresultのスタイルを修正*/
@media screen and (max-width: 959px) {
    .result {
        display: none;
        width: 95% !important;
        padding: 0%;
        z-index: 100;
        position: absolute !important;
        top: 50%;
        right: 0px;
        left: 0px;
    }

   .open {
        display: inherit;
    }

    .member_list-open .result.member_list {
        display: inherit;
    }

    .member_list-open2 .result.member_list2 {
        display: inherit;
    }

    .change_message-open .result.change_message {
        display: inherit;
    }

    .new_add-open .result.new_add {
        display: inherit;
    }

    .result table {
        width: 100%;
        border: 1px solid #acacac;
        margin: 3% 0;
    }
    .result table th,
    .result table td {
        padding: 1% 2%;
        border-right: 1px solid #acacac;
        border-bottom: 1px solid #acacac;
        text-align: center;
    }

    .result table th {
        background: #e2eef0;
    }

    .result table td {
        background: #fff;
    }
}

@media screen and (max-width: 480px) {
    .result {
        display: none;
        width: 95% !important;
        padding: 0%;
        z-index: 100;
        position: absolute !important;
        top: 15%;
        right: 0px;
        left: 0px;
    }
    
    .open {
        display: inherit;
    }
}

@media screen and (min-width: 960px) {
    .result {
        display: none;
        width: 60% !important;
        margin: 0 auto !important;
        /*background: rgba(0,154,170,.5);*/
        background: #f0f1f2;
        border: 0px solid #9ccbdf;
        padding: 0%;
        z-index: 100;
        position: absolute !important;
        top: 15%;
        left: 0;
        right: 0;
    }

    /* >> Add 2021.12.16 */
    .result.position_fixed {
        position: fixed !important;
    }
    /* << Add 2021.12.16 */

    .open {
        display: inherit;
    }

    .member_list-open .result.member_list {
        display: inherit;
    }

    .member_list-open2 .result.member_list2 {
        display: inherit;
    }

    .change_message-open .result.change_message {
        display: inherit;
    }

    .new_add-open .result.new_add {
        display: inherit;
    }

    .result table {
        width: 100%;
        border: 1px solid #acacac;
        margin: 3% 0;
    }

    .result table th,
    .result table td {
        padding: 1% 2%;
        border-right: 1px solid #acacac;
        border-bottom: 1px solid #acacac;
        text-align: center;
    }

    .result table th {
        background: #e2eef0;
    }

    .result table td {
        background: #fff;
    }
    .base_submit_btn {
        text-align: right;
        position: relative;
    }

    .base_submit_btn input[type="submit"] {
        background: #00b2c4;
        color: #fff;
        padding: 1.5% 5%;
        border-radius: 8px;
        cursor: pointer;
    }

    .base_submit_btn:after {
        content: '';
        position: absolute;
        right: 2%;
        top: 35%;
        width: 10px;
        height: 10px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
    }

    .result .select-group {
    width: 40%;
    }

    .result .select-group .select {
        width: 100%;
    }

    .result .free_text textarea {
        background: #fff;
    }

    .result .free_text2 textarea {
        background: #fff;
    }
}
/* ログイン画面 */
.head_txt {
	float: right;
	text-align: right;
	padding-top: 1.5%;
    margin-top:30px;
}
.head_txt p {
	font-size: 18px;
}

.login {
    width: 100vw;
    height: 100vh;
	background: -moz-linear-gradient(top left, #35c3e3, #198fb9 30%, #12679b 60%, #12679b); 
	background: -webkit-linear-gradient(top left, #35c3e3, #198fb9 30%, #12679b 60%, #12679b); 
	background: linear-gradient(to bottom right, #35c3e3, #198fb9 30%, #12679b 60%, #12679b); 
}
.login p.copyright {
	color: #fff;
}
.login_box {
	width: 40%;
	margin: 0 auto;
	padding: 5% 10%;
	margin-top: 10%;
	margin-bottom: 5%;
	background: #fff;
	font-size: 16px;
	overflow: hidden;
}
.login_box dl {
	clear: both;
	margin-bottom: 3%;
	overflow: hidden;
} 
.login_box dt {
	float: left;
	width: 30%;
	padding: 2%;
}
.login_box dd {
	float: right;
	width: 65%;
	position: relative;
}
.login_box dd.id:before {
	content: url(../images/icon_id.png);
	background: #1fb6d6;
	padding: 2% 3% 0 3%;
	position: absolute;
}
.login_box dd.pass:before {
	content: url(../images/icon_pass.png);
	background: #1fb6d6;
	padding: 2% 3% 0 3%;
	position: absolute;
}
.login_box dd input {
	width: 80%;
	background: #ededed;
	padding: 2%;
	margin-right: 0;
	padding-left: 15%;
}
.login_box p {
	text-align: center;
	color: #1fb6d6;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 2%;
}

.btn_area {
	padding: 5% 0;
}
.btn_area a {
	color: #3d3c3c;
	float: left;
	padding-top: 2%;
}
.btn_area dd {
	padding-left: 10%;
	background: #1fb6d6;
}
.btn_area button {
	background: #1fb6d6;
	color: #fff;
	font-size: 16px;
	padding: 1.5% 13%;
	border-radius: 20px;
	position: relative;
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	font-weight: bold;
}
.btn_area button:before {
	content: '';
	position: absolute;
	top: 40%;
	left: 80%;
	width: 10px;
	height: 10px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



.select-group p {
	float: left;
	width: 15%;
	font-size: 16px;
}
.select-group {
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
	margin-bottom: 3%;
    vertical-align: middle;
}
.select-content {
    float: left;
    position: relative;
    z-index: 1;  
    display: block;
    width: 25%;

}
.select-content-reasoncode {
    float: left;
    position: relative;
    z-index: 1;  
    display: block;
    width: 80%;

}
.select {
    position: relative;
    z-index: 1;  
    line-height: 1.8;
    display: block;
    width: 100%;
    padding: 5px 0;
    text-indent: 8px;
    border: 1px solid #b0b2b3;
    border-radius: 0;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
select::-ms-expand {
	display: none;
}
.select-content:after,
.result .select-group:after,
.input_area .select-group:after,
.detail_input_area.outline .select-group:after,
.input_base.lower.most dd .select-group:after {
    position: absolute;
    top: 0;
    /*left: 35%;*/
	right: 10px;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-top: 10px solid #b0b2b3;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
	z-index: 1;
    pointer-events: none;
}

.text_line_outer {
    display: table;
    width: 100%;
    margin-bottom: 3%;
}

.text_line_outer .text_line{
	float: left;
	width: 70%;
    display: table-cell;
    vertical-align: middle;
}

.text_line p {
	float: left;
	width: 15%;
	font-size: 16px;
}
.text_line input[type="text"]{
	border:1px solid #acacac;
	margin:0;
	padding:.7%;
	font-size:12px;
	width:25%;
	float:left;
}

.test{
    display: table-cell;
    vertical-align: middle;
    float: right;
}

/** iphoneで一部ズームインするテキストボックスがあったので追加  **/
@media screen and ( max-width:480px ) {
.text_line input[type="text"]{
	border:1px solid #acacac;
	margin:0;
	padding:.7%;
	font-size:16px;
	width:25%;
	float:left;
}
}



.menu_btn {
	overflow: hidden;
	/*margin-bottom: 4%;*/
    margin-bottom: 1%;
}
.menu_btn li {
	width: 13.5%;
	float: left;
	background-color: #00b2c4;
	text-align: center;
	margin: 0 1.5% 1.5% 1.5%;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
}
.menu_btn li a {
	display: block;
	padding: 50% 5% 10% 5%;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.menu_btn li.free a {
	background: url(../images/icon_free.png) no-repeat center 20%;
}
.menu_btn li.history a {
	background: url(../images/icon_history.png) no-repeat center 20%;
}
.menu_btn li.flight a {
	background: url(../images/icon_flight.png) no-repeat center 20%;
}
.menu_btn li.ticket a {
	background: url(../images/icon_ticket.png) no-repeat center 20%;
}
.menu_btn li.stay a {
	background: url(../images/icon_stay.png) no-repeat center 20%;
}
.menu_btn li.car a {
	background: url(../images/icon_car.png) no-repeat center 20%;
}
.menu_btn li.online a {
	background: url(../images/menu_03.png) no-repeat center 20%;
}
.menu_btn li.itenary a {
	background: url(../images/icon_itinerary.png) no-repeat center 20%;
}

.menu_btn li a:hover {
	background-color: #00cde2;
}

/** 使用中ボタンCSS追加 */
.menu_btn li.in-use {
    background-color: #12679b;

}
.menu_btn li.in-use a:hover {
	background-color: #12679b;
    cursor:default;
}

h3 {
	color: #00b2c4;
	font-size: 16px;
}

.free_text {
	overflow: hidden;
	/*margin-bottom: 4%;*/
    margin-bottom: 2%;
}
.free_text textarea {
	overflow: auto;
	width: 96.5%;
	min-height: 130px;
	border: 1px solid #d1d6d7;
	background: #f0f8f9;
	padding: 1.5%;
}

.free_text_readonly {
	background: #eef0f1 !important;
	color: #4c4c4c !important;
}

.input_base.lower .free_text textarea {
	background: #fff;
}

.free_text2 {
	overflow: hidden;
	/*margin-bottom: 4%;*/
    margin-bottom: 2%;
}
.free_text2 textarea {
	width: 96.5%;
	min-height: 75px;
	border: 1px solid #d1d6d7;
	background: #f0f8f9;
	padding: 1.5%;
}

.input_base.lower .free_text2 textarea {
	background: #fff;
}

/** 2017.09.14 黒川追加 行タイトル背景色 **/
.main_box.full.nomal td.row_header {
	background: #eef0f1;
    width:25%;
}

.main_box.full.nomal td.td_op {
	width: 60px;
}
.td_op span {
	width: 40%;
	float: left;
	margin: 2%;
	padding: 3%;
	text-align: center;
	color: #fff;
	background: #00b2c4;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.td_op span.cancel {
	background: #12679b;
}
th.operation {
	width: 20%;
}


.main_box.full.nomal td.td_op2 {
}
.td_op2 span {
    float: none;
    width: 90%;
    display: block;
    margin: 2%;
    padding: 3%;
    margin-bottom: 1%;
    text-align: center;
    color: #fff;
    background: #00b2c4;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.td_op2 span.cancel {
	background: #12679b;
}


.btn_block .td_op span {
	float: none;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5% 0 10%;
	padding: 3% 0;
}


.main_box.full.nomal td.td_profile_op {
	width: 80px;
}
.td_profile_op span {
	width: 97%;
	float: left;
	margin: 2%;
	padding: 3%;
	text-align: center;
	color: #fff;
	background: #00b2c4;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.td_profile_op span.cancel {
	background: #12679b;
}

.mini_save_btn {
	width: 60%;
	float: left;
	margin: 2%;
	padding: 3%;
	text-align: center;
	color: #fff;
	background: #12679b;
	font-size: 12px;
	font-weight: bold;
}
.edit_area_dd {
	padding-left: 0px !important;
	margin-left: 13% !important;
}


@media screen and ( max-width:600px ) {
    .mini_save_btn {
	    width: 60%;
	    float: none;
	    margin: 2%;
	    padding: 1% 2%;
	    text-align: center;
	    color: #fff;
	    background: #12679b;
	    font-size: 12px;
	    font-weight: bold;
    }
    .edit_area_dd {
	    padding-left: 0px !important;
	    margin-left: 0%!important;
    }
}

.input_base.lower .h2_icon {
	background: #00b2c4;
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 3%;
	position: relative;
}
.input_base.lower .h2_icon img {
	position: absolute;
	top: 15%;
	left: 15%;
}
.input_base.lower h2 {
	margin-left: 100px;
	/*margin-bottom: 8%;*/
    margin-bottom: 5%;
}
.input_base.lower .free_text textarea {
	border: 1px solid #bfbfbf;
	background: #fff;
}
.input_base.lower .free_text2 textarea {
	border: 1px solid #bfbfbf;
	background: #fff;
}
.input_base.lower .select-group p {
	width: 10%;
}
.input_base.lower .select {
	width: 30%;
}
.input_base.lower .select-content {
	width: 30%;
}
.input_base.lower .select-content .select {
	width: 100%;
}
.select-group.after:after {
	left: 36%;
	right: 0;
	margin: 1%;
	top: 5px;
}


.detail_input_area {
	overflow:hidden;
    clear: both;
}

.detail_input_area .required {
	padding-left: 5px;
    color: #ff0000;
	font-weight: bold;
}

.detail_input_area input {
	border: 1px solid #b0b2b3;
	padding: 5px;
	/*line-height:1.8;*/
	line-height:1.4;
}
.detail_input_area dt {
	font-weight: bold;
	float:left;
	font-size: 16px;
}
.detail_input_area .dl_line{
	border-bottom: none!important;
}
.detail_input_area .dl_line dd{
	float:left;
    width:23%;
    padding-left: 0px!important;
}
.detail_input_area dl.tarm {
	clear: both;
	/*margin-bottom:2%;*/
}
.detail_input_area .tarm dt {
	width: 10%;
	padding:0;
	font-size: 16px;
}
.detail_input_area .tarm dd {
	padding:0 1% 0 12%;
}
.detail_input_area .tarm dd span {
	margin:0 2%;
}
.hasDatepicker {
	margin-right:1%;
}

.detail_input_area .line dl {
	float:left;
    border-bottom: none;
}
.detail_input_area .line dl:first-child {
	width:35%;
}
.detail_input_area .line dl:first-child dt {
	width:34%;
}
.detail_input_area .line dl:first-child dd {
	padding-left:34%;
}

.detail_input_area .line dl:last-child {
	width:40%;
}
.detail_input_area .line dl:last-child dt {
	width:20%;
}
.detail_input_area .line dl:last-child dd {
	padding-left:20%;
}
.input_base.lower .detail_input_area .line dl:last-child dd .select {
	width:100%;
}



.arrow {
	position:relative;
	width:25px;
	height:25px;
	border-right: 3px solid #12679b;
	border-bottom: 3px solid #12679b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	/*margin:3% auto;*/
    margin:0% auto 3% auto;
}



.result_wrap p {
	text-align:center;
	font-size:18px;
	margin:0 0 2%;
}
.result_wrap p span {
	color: #12679b;
	font-weight:bold;
}
.result_wrap table td:first-child {
	color: #00b2c4;
	font-weight:bold;
}
.result_wrap.type2 table td:first-child {
	color: #4c4c4c;
	font-weight:normal;
}
.main_box.full.nomal td.al_l {
	text-align: left;
}
.main_box.full.nomal.al_l td {
	text-align: left;
}
table td.btn {
	padding:.5%;
}
table td.btn span {
	background: #00b2c4;
	color:#fff;
	font-weight:bold;
	padding:5px 8px;
	cursor:pointer;
}
th.w_min {
	width: 20%;
}





.pager {
	margin:2% 0 0;
	overflow:hidden;
}
.pager li {
	float:left;
	margin-right:10px;
	font-weight:bold;
}
.pager li.current {
	background: #979899;
	border:1px solid #979899;
	color:#fff !important;
	padding: 5px 10px;
    /* GridViewではTable内にPagerがあるため、通常のTableの設定とかぶる部分にImportantを宣言する。 */
}
.pager li a,
.pager li span {
	display:block;
	color: #979899 !important;
	text-decoration:none;
    /* GridViewではTable内にPagerがあるため、通常のTableの設定とかぶる部分にImportantを宣言する。 */
}
.pager li a {
	border:1px solid #979899;
	padding: 5px 10px;
}
.pager li a:hover {
	background: #979899;
	color:#fff !important;
    /* GridViewではTable内にPagerがあるため、通常のTableの設定とかぶる部分にImportantを宣言する。 */
}
.pager li span {
	padding: 5px;
}



.input_base.lower.most dl {
	overflow:hidden;
	/*padding:2% 1%;*/
    padding:1% 1%;
	border-bottom:1px solid #e3eaee;
}
.input_base.lower.most dl:last-child {
	border-bottom: none;
}
.input_base.lower.most dt {
	width:13%;
	float:left;
	font-size: 16px;
	padding-top: .5%;
}
.input_base.lower.most dd {
	padding-left:13%;
}
.input_base.lower.most dd .select-group {
	float:left;
	width:35%;
	margin-right:5%;
	margin-bottom:0;
}
.input_base.lower.most dd .select-group:after {
	/*left:85%;*/
}
.input_base.lower.most .select {
	width:100%;
}

.input_base.lower.most dd .inner_dl {
	float:right;
	width:60%;
}
.input_base.lower.most dd .inner_dl dl {
	padding: 0;
}
.input_base.lower.most dd .date_time .date {
	float:left;
	width: 40%;
}
.input_base.lower.most dd .date_time .date input {
	margin-right:5%;
}
.input_base.lower.most dd .dd_arrow {
	margin:0 2%;
}


.input_base.lower.most_profile dl {
	overflow:hidden;
    padding:1% 1%;
	border-bottom:1px solid #e3eaee;
}
.input_base.lower.most_profile dl:last-child {
	border-bottom: none;
}
.input_base.lower.most_profile dt {
	width:25%;
	float:left;
	font-size: 16px;
	padding-top: .5%;
}
.input_base.lower.most_profile dd {
	padding-left:25%;
	font-size: 16px;
}
.more_detail .arrow_btn {
	border:1px solid #bfbfbf;
}
.more_detail .more {
	padding:1% 0;
}
.more_detail .arrow_btn:before {
	left:16px;
	top:12px;
}
.more_detail.clicked .arrow_btn:before {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
	top:18px;
}

.detail_input_area.outline.detail {
	display:none;
}

.detail_input_area .long_input li {
	list-style:disc inside;
	margin-bottom:1%;
}
.detail_input_area .long_input li:last-child {
	margin-bottom:0;
}
.detail_input_area .long_input input {
	width:50%;
}
.detail_input_area .long_input li input {
	margin-left:2%;
}
.detail_input_area .continuance {
	margin:0 2%;
}
.detail_input_area.outline .caution {
	font-size:12px;
	margin-left:2%;
}
.detail_input_area.outline .caution:before {
	/*content:'※';*/
}
	

.input_base.lower.most dd {
	position:relative;
}

.input_base.lower.most dd .select-group.short {
	width:10%;
	margin-right:1%;
}
.input_base.lower.most dd .select-group.short:after {
	left:70%;
}
.input_base.lower.most dd .para {
	line-height:2.5;
}
.input_base.lower.most dd .select-group.long {
	width:50%;
}



.input_base.lower.most dl.type2 {
	border-bottom:none;
	width:45%;
	float:left;
	padding:0 1%;
}
.input_base.lower.most dl.type2 input {
	width:80%;
}
.input_base.lower.most dl.type2 dt:after {
	content:'：';
	margin-right:2%;
}
.input_base.lower.most dl.type2 dt {
	width: 20%;
}
.input_base.lower.most dl.type2 dd {
	padding-left: 20%;
}

.input_base.lower.most_profile dd {
	position:relative;
}

.detail_input_area.confirm .column h3 {
	/*margin-bottom:2%;*/
}
.detail_input_area.confirm .column {
	/*margin-bottom:4%;*/
    margin-bottom: 2%;
	overflow:hidden;
}
.detail_input_area.confirm .column .free_text {
	/*margin: 2% 0 0;*/
	margin: 0;
	clear:both;
}
.detail_input_area.confirm .column .free_text2 {
	/*margin: 2% 0 0;*/
	margin: 0;
	clear:both;
}
.detail_input_area.confirm .column h4 {
	font-weight:bold;
	margin-right:2%;
	display:inline;
}
.detail_input_area.confirm .column h4:before {
	content:'■';
	font-size:18px;
	float:left;
}

.download.pdf {
	background: url(../images/icon_pdf.png) no-repeat left 50%;
	padding: 2% 0 2% 40px;
}


.input_base.lower.reserve h2 {
	margin-left: 0;
	/*margin-bottom: 5%;*/
	margin-bottom: 2%;
}
.input_base.lower.reserve .tarm {
	margin-bottom: 0;
}

.and {
	margin-right: 2%;
	float: left;
}
.plus input {
	margin-left: 2%;
}
.plus p {
	font-weight: bold;
	display: inline;
}

.inner_dl dl {
	border-bottom: none !important;
}

.plus_2 {
	width: 50%;
	float: left;
}
.plus_2 dt {
	width: 25% !important;
}
.plus_2 dd {
	width: 65% !important;
	padding-left: 8% !important;
}

.input_base.lower.most dd .select-group.w100 {
	width: 100%;
	margin-right: 0;
}


.search_btn {
	overflow: hidden;
	clear: both;
	text-align: center;
	padding: 3% 0;
}
.search_btn button {
	background: #00b2c4;
	padding: 1.5% 3%;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	border: none;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}

table td a:link {
	font-weight: bold;
	color: #00b2c4;
}
table.f_s td {
	font-size: 12px;
}



/* TOPタブエリア */
.tab_area {
	margin: 0;
}

/* タブメニュー */
#tab_menu {
	margin: 0 auto;
	list-style: none;
}
#tab_menu li {
	display: inline-block;
	width: 15%;
	padding: 1.3% 1% 1%;
	text-align: center;
	color: #000;
	cursor: pointer;
	background: #ddd;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
#tab_menu li.active {
	background: #00b8bc;
	color: #fff;
	font-weight: bold;
	z-index: 1;
}

#tab_menu li:hover {
	background: #00b8bc;
	color: #fff;
	z-index: 1;
}

/* タブの中身 */
#tab_box {
	clear: both;
	overflow: hidden;
}
#tab_box .section.content {
	display: none;
}
#tab_box .section.active {
	display: block;
}

#tab_box .section.content {
	z-index: 10;
	margin: 0;
}
#tab_box .section.content .content_wrap {
	padding: 2%;
	overflow: hidden;
	border: 2px solid #00b8bc;
}



#tab_box dt {
	padding-top: 0 !important;
}
#tab_box dd {
	font-size: 16px;
}

.f_l {
	float: left
}
.f_r {
	float: right
}
.clear {
	clear: both;
}
.detail_head {
	width: 65%;
	float: left;
	padding-bottom: 3%;
}
.detail_head dl.f_l,
.detail_head dl.f_r {
	width: 45%;
}
.detail_head .f_l dt,
.detail_head .f_r dt {
	width: 25% !important;
}
.detail_head .f_l dd,
.detail_head .f_r dd {
	padding-left: 26% !important;
}

.input_base.lower.most #tab_box dl:last-child {
	border-bottom: 1px solid #e3eaee;
}

.reserve  h3 {
	font-weight: bold;
}
.reserve .col {
	/*padding: 3% 0;*/
    padding: 1% 0;
	clear: both;
}

.col dl.f_l,
.col dl.f_r {
	width: 45%;
}


.col .required {
	padding-left: 5px;
    color: #ff0000;
	font-weight: bold;
}

.f_r_edit{
	float: right;
	text-align: right;
	width: 30%;
	margin: 1px;
    padding-right:1px;
}
    
.f_r_edit a.vertical{
    display:none;
}

.f_r_edit a.horizon{
	margin-left: 2px;
}
.main_box.full.nomal.type_2 td {
	text-align: left;
	vertical-align: top;
}
.main_box.full.nomal.type_2 td.icon {
	text-align: center;
}
th.top {
	width: 3%;
}
td.icon span {
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #00b2c4;
}
td.icon img {
	max-width: 50px;
	width: 100%;
	padding: 7px;
}
td.icon p {
	color: #00b2c4;
	padding-top: 3%;
}
td.attention {
	position: relative;
    text-align:center !important;
    /* 別のクラスでtext-align:left;になってしまうのでImportant */
}
td.attention p {
	color: #df4c80;
	text-align: center;
	font-weight: bold;
}
td.attention div {
    padding-top: 5px;
    color: #df4c80;
    font-size: 11px;
}


/*.reserve .btn_3 .submit_line,
.reserve .btn_3 .main_link {
	margin-top: 0;
}*/
/*
.reserve .result_wrap {
	margin-top: 2%;
}
/*

.reserve .free_text {
	margin-bottom: 0;
}
.reserve .btn_3 .submit_line .main_link {
	float: right;
	width: 50%;
}
.reserve .btn_3 .main_link a {
	padding: 5% 4%;
}

.r_space {
	width: 30%;
	text-align: right;
}
.r_space button {
	background: #00b2c4;
	padding: 2% 3%;
	border-radius: 5px;
	border: none;
	outline: none;
	box-shadow: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.deadline {
	background: #f88732;
	text-align: center;
	margin-top: 10%;
	padding: 5% 0;
	width: 100%;
}
.deadline p {
	color: #fff;
	font-weight: bold;
	padding: 0 10%;
}
.deadline p.dead_p {
	font-size: 20px;
	text-decoration: underline;
}

.triple_btn {
	padding: 3% 0 0;
}
.triple_btn ul {
	display: flex;
	justify-content: center;
}
.triple_btn li {
	text-align: center;
	margin: 2%;
	width: 25%;
}
.triple_btn li a {
	display: block;
	background: #12679b;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 7% 30%;
	border-radius: 5px;
	position: relative;
}
.triple_btn li a:after {
	content:'';
	position:absolute;
	left:85%;
	top:30%;
	width: 20px;
	height: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}


.input_base.lower.most.reserve  dd .inner_dl {
	float: none;
	width: 100%;
}
.input_base.lower.most.reserve  dd .inner_dl dl {
	margin-bottom: 1%;
}
.input_base.lower.most.reserve dl.type2 dt {
	width: 24.5%
}
.input_base.lower.most.reserve dl.type2 dd {
	padding-left: 24.5%;
}
.input_base.lower.most.reserve dl.type2 dt:after {
	content: none;
}
.ticket_request dd {
    padding-top: .5%;
}
.ticket_request .dl4_line dd{
    padding-top: unset;
}
.dl4_line dd .inner_dl dl{
    padding-bottom: 1%!important;
    border-bottom: 1px solid #e3eaee!important;
}
.dl4_line dd .inner_dl dl dd{
    padding-top: .5%;
}

.long {
	width: 50%;
}
sup {
	color: #f00;
}

.input_base.lower.most .col.type2 dl {
	border-bottom: none;
    padding: 0.5% 1%;
}
.input_base.lower.most .col.type2 dt {
	width: 18%;
}
.input_base.lower.most .col.type2 dd {
	padding-left: 18%;
}
.input_base.lower.most .col.type2 dd .select-group.long {
	width: 51.5%;
}

.col.type2 {
	border-bottom: 1px solid #e3eaee;
}


.profile .col {
	margin-bottom: 3%;
	border-bottom: 1px solid #e3eaee;
	overflow: hidden;
	clear: both;
}

.input_base.lower.profile h2 {
	margin-left: 0;
	/*margin-bottom: 5%;*/
    margin-bottom: 0%;
}
.input_base.lower.profile dl dl {
	width: 35%;
	float: left;
	border-bottom: none;
    padding: 0;
}
.input_base.lower.profile dl dl dt {
	width: 30%;
	padding-top: 2%;
	font-size: 14px;
}
.input_base.lower.profile dl dl dd {
	padding-left: 30%;
}
.input_base.lower.profile dl dl dd input {
	width: 90%;
}


.quadruple_btn {
	padding: 3% 0 0;
}
.quadruple_btn ul {
	display: flex;
	justify-content: center;
}
.quadruple_btn li {
	text-align: center;
	margin: 1%;
}
.quadruple_btn li a {
	display: block;
	background: #12679b;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 20px 10px;
	border-radius: 5px;
	position: relative;
    text-decoration:none;
}
.quadruple_btn li a:after {
	content:'';
	position:absolute;
	right:15px;
	top:30%;
	width: 20px;
	height: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}
.quadruple_btn li.min {
	width: 15%;
}
.quadruple_btn li.max {
	width: 30%;
}
.quadruple_btn li.prev a {
	background: #fff;
	color: #4f4f4f;
    text-decoration: underline;
}
.quadruple_btn li.prev a:after {
	border-right: none;
	content:'';
	position:absolute;
	left:15px;
	top:35%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #4f4f4f;
	border-left: 1px solid #4f4f4f;
	transform: rotate(-45deg);
}

.quadruple_btn.slim {
	padding: 0 0;
}
.quadruple_btn.slim li a {
	display: block;
	background: #12679b;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 15px 5px;
	border-radius: 5px;
	position: relative;
    text-decoration:none;
}



.input_base.lower.most.profile  dd .inner_dl {
	float: none;
	width: 100%;
}
.input_base.lower.most.profile  dd .inner_dl dl {
	margin-bottom: 2%;
	float: none;
}
.input_base.lower.most.profile dl.type2 dt {
	width: 24%
}
.input_base.lower.most.profile dl.type2 dd {
	padding-left: 24%;
}
.input_base.lower.most.profile dl.type2 dt:after {
	content: none;
}
.input_base.lower.most.profile dl.type2 {
	width: 45%;
}


.input_base.lower.most dl.type2_2 {
	padding: 0 1%;
}
.input_base.lower.most.profile dl.type2_2 dt {
	width: 13%
}
.input_base.lower.most.profile dl.type2_2 dd {
	padding-left: 13%;
}



.input_base.lower.most dl.type3 {
	width: 45%;
	float: left;
	border-bottom: none;
}
.input_base.lower.most dl.type3:last-of-type {
	border-bottom: none;
}
.input_base.lower.most dl.type3:nth-last-of-type(2){
	border-bottom: none;
}
.input_base.lower.most dl.type3 dt {
	width: 24%;
}
.input_base.lower.most dl.type3 dd {
	padding-left: 24%;
}
.input_base.lower.most dl.type3 dd .select-group {
	width: 80%;
}


.profile .main_box.full {
	margin: 2% 0;
}

.addon_btn.parent{
    float:right;
    width:15%;
}
.addon_btn.parent2{
    float:right;
    width:30%;
}

.addon_btn.right{
    float:right;
    width:50%;
}
.addon_btn.left{
    float:left;
    width:50%;
}

.addon_btn.add_item_button {
	text-align: right;
	position:relative;
}

.addon_btn.add_item_button input[type="submit"]{
	padding:7% 28%;
    min-width:90px;
    min-height:40px;
	background:linear-gradient(180deg,#eee 0%,#eee 50%,#e1e1e1 50%,#e1e1e1 100%);
	color: #20b6d6;
	text-align: center;
	font-size: 16px;
	position: relative;
	outline: none;
	border-radius: 5px;
	font-weight: bold;
	cursor:pointer;
}
.addon_btn.add_item_button:after {
	content:'';
	position:absolute;
	left:80%;
	top:40%;
	width: 14px;
	height: 14px;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	transform: rotate(45deg);
}
.addon_btn.message {
	text-align: right;
	padding: 2% 0;
	position:relative;
}

.addon_btn.message input[type="submit"] {
	padding: 1.3% 6% 1.3% 8%;
	background: 
		url(../images/icon_btn_ms.png) no-repeat 10px center,
		linear-gradient(180deg,#eee 0%,#eee 50%,#e1e1e1 50%,#e1e1e1 100%);
	border-radius: 5px;
	color:#20b6d6;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}

.addon_btn.message:after {
	content:'';
	position:absolute;
	left:97%;
	top:41%;
	width: 14px;
	height: 14px;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	transform: rotate(45deg);
}

.input_base.lower.most dl.type4 {
}
.input_base.lower.most dl.type4 dt {
	width: 25%;
}
.input_base.lower.most dl.type4 dd {
	padding-left: 25%;
}



.input_base.lower.most dl.type5 {
	width: 30%;
	float: left;
	border-bottom: none;
}
.input_base.lower.most dl.type5 dt {
	width: 30%;
	font-size: 16px;
	padding-top: 2%;
}
.input_base.lower.most dl.type5 dd {
	padding-left: 30%;
}
.input_base.lower.most dl.type5 dd .select-group.long {
	width: 90%;
}

.input_base.lower.most dl.type6 dt {
	width: 9.5%;
	font-size: 16px;
	padding-top: .5%;
}
.input_base.lower.most dl.type6 dd {
	padding-left: 9.5%;
}

.input_base.lower.most dl.type7 dt {
	width: 20%;
	font-size: 16px;
	padding-top: .5%;
}
.input_base.lower.most dl.type7 dd {
	padding-left: 20%;
}


.input_base.lower.most dl.type8 {
	width: 30%;
	float: left;
	border-bottom: none;
}
.input_base.lower.most dl.type8 dt {
	width: 36%;
}
.input_base.lower.most dl.type8 dd {
	padding-left: 36%;
}
.input_base.lower.most dl.type8 dd .select-group {
	width: 80%;
}




footer {
	background: #fff;
	padding: 5% 0;
}
.bn_area {
	clear:both;
	overflow:hidden;
	padding:3% 0;
}
.bn_area li {
	width:23.0%;
	float:left;
	margin:1%;
    text-align: center;
    background-color: #01B2C4;
    height: 30px;
}
.bn_area li img {   
	width:100%;
}

.bn_area li a {   
    vertical-align: middle;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0.5em;
}

.copyright {
	text-align:center;
	font-size:12px;
}

.pt_1 {
	/*padding-top: 2% !important;*/
}
.f_s {
	font-size: 12px;
}
.pc_none {
	display: none;
}

/* page-top */
#page-top{
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 10%;
	right: 10%;
	background: rgba(0,154,170,.5);

	height: 30px;
	width: 50px;

	text-align: center;
	text-decoration: none; 
	overflow: hidden;
	padding-top: 8px;
	padding-bottom: 12px;
	font-size: 150%;
}
#page-top:hover{
	background: rgba(0,154,170,1);
}

#page-top:after {
	content: '';
	position: absolute;
	top: 40%;
	right: 26%;
	width: 20px;
	height: 20px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*Loading*/
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  /*top: 0px;
  left: 0px;
  z-index: 1;*/
}
 
#loader-bg #loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  text-align: center;
  /*color: #4c4c4c;*/
  z-index: 2;
}

#loader-bg .copyright {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  text-align: center;
  /*color: #4c4c4c;*/
  z-index: 2;
}

@media screen and ( max-width:960px ) {
	.main_menu li {
		padding:0 1%;
        width:17.5%;
	}
	
	.main_menu li h3 {
		font-size:14px;
        min-height:40px;
        /*文字を画像の横に中央で並べるために30%下にずらす*/
        transform: translateY(30%); 
	}

    .sub_menu li {
	    float:none;
	    width:96%;
	    background:#efeff0;
	    padding:0;
	    margin:2% 2%;
	    text-align:center;
	    color:#12679b;
	    position:relative;
    }
    .global_navi_sub_menu li {
	    float:none;
	    width:96%;
	    background:#efeff0;
	    /*padding:2%;*/
	    margin:2% 2%;
	    text-align:center;
	    color:#12679b;
	    position:relative;
    }

	.info_line dt {
		float: none;
		width:100%;
	}
	.info_line_mypage dt {
		float: none;
		width:100%;
	}
	.info_line dd {
		padding-left: 0;
	}
	.info_line_mypage dd {
		padding-left: 0;
	}
	
	.main_box {
		width:100%;
	}
	
	
	.input_base.lower.most dl.type8 {
		width: 45%;
		float: left;
		border-bottom: none;
	}
	.input_base.lower.most dl.type8 dt {
		width: 36%;
	}
	.input_base.lower.most dl.type8 dd {
		padding-left: 36%;
	}

    .detail_input_area .dl_line dd{
        width:32%;
    }	
    .cont_box_mypage2 dt {
	    width:140px;
	    float:left;
        line-height:1.5;
    }
    .cont_box_mypage2 dd {
	    padding-left:140px;
        line-height:1.5;
    }
    .sub_box{
        width:100%;
    }
    .sub_box .col_l.member_list_search {
		width:45%;
	}
    .sub_box .col_r.member_list_search {
		width:55%;
	}
}

@media screen and ( max-width:760px ) {
	header {
		padding: 2% 0 0%;
		height:90px;
        /*
		box-shadow: 0px 5px 10px -5px rgba(0,0,0,.4);
		-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,.4);
        */
	}
	header .inner .logo {
		width: 100%;
		float:none;
		overflow:hidden;
		margin-bottom:1%;
        margin-top:0px;
	}
	header .inner .logo .customer {
		width:auto;
		max-height:30px;
		float:left;
	}
	header .inner .logo .base {
		width:auto;
		float:right;
	}
	header .inner .logo .customer img,
	header .inner .logo .base img {
		max-height:30px;
		width:auto;
        margin-top:0px;
	}

    header .inner .logo div.member{	
        font-size: 14px;
        text-align: right;
        padding: 0;
    }
    header .inner .logo div.member #login {
	    font-size: 12px;
	    color: #32a2d2;
	    cursor: pointer;
    }
    header .inner .logo div.member #login a{
	    color: #0e948d;
	    font-size: 12px;
	    text-decoration: none;
    }
    /* ログイン画面用 */
   header .inner .logo_login {
		width: 100%;
		float:none;
		overflow:hidden;
		margin-bottom:1%;
	}
	header .inner .logo_login .customer {
		width:60%;
		max-height:30px;
		float:left;
	}
	header .inner .logo_login .base {
		width:35%;
		float:right;
	}
	header .inner .logo_login .customer img,
	header .inner .logo_login .base img {
		max-height:30px;
		width:auto;
	}

	header .inner nav ul {
		min-height:30px;
	}

	header .inner nav {
		clear:both;
		width: 100%;
		float:none;
        margin-top:0px;
	}
	header .inner nav ul {
		min-height:15px;
        padding:0;
	}
    .contact_line li {
	border-right: 1px solid #dce0e3;
	display: block;
    }
    .contact_line li:last-child {
	    border-right: none;
    }
    .contact_line li.mail,
    .contact_line li.home {
	    padding: 1% 4% 0;
    }
    .contact_line li.mail{
	    border-left: 1px solid #dce0e3;
    }
	.contents {
		/*padding-top:100px;*/
	}

	.cont_box {
		float:none;
		width:100%;
	}
    .cont_box_mypage {
		float:none;
		width:100%;
        height:auto;
	}
    .cont_box_mypage .mypage_list_TripDate {
	    width:20%;
	    padding-right:10px;
	    float:left;
    }
    .cont_box_mypage .mypage_list_name {
	    width:30%;
	    padding-right:10px;
	    float:left;
    }

    .cont_box_mypage2 .mypage_list_TripDate {
	    width:20%;
	    padding-right:10px;
	    float:left;
        line-height:1.5;
    }
    .cont_box_mypage2 .mypage_list_name {
	    width:30%;
	    padding-right:10px;
	    float:left;
        line-height:1.5;
    }


    .cont_box_mypage2 {
        height:auto;
	}
	.info_line dt {
		float: left;
		width:30%;
	}
	.info_line_mypage dt {
		float: left;
		width:30%;
	}
	.info_line dd {
		padding-left: 30%;
	}
	.info_line_mypage dd {
		padding-left: 30%;
	}
	
	
	.input_area .clear_btn {
		font-size:14px;
		top:78%;
		right:5%;
	}
	.input_area dt {
		float:none;
		width:100%;
		padding:0;
	}
	.input_area dd {
		padding-left:0;
	}
	.input_area .one_line dt {
		float:left;
		width:20%;
	}
	.input_area dd.radio_line {
		padding:0 0 0 25%;
	}
	.input_area dl {
		padding-bottom:2%;
	}

	.sub_box {
		width:100%;
	}
	.sub_box .add_btn input[type="submit"] {
		background-size:25px;
	}
	
	.sub_box .col_r {
		width:50%;
	}
	/*
	.result {
		width:80%;
	}
    */
	
	.head_txt {
		float: none;
		width: 100%;
		text-align: center;
	}
	.login_box {
		width: 70%;
		padding: 5% 10%;
	}
	
	.login_box dd input {
	}
	
	
	.select-group p,
	.text_line p,
	.input_base.lower .select-group p {
		float:none;
		width:100%;
	}
	.select,
	.text_line input[type="text"],
	.input_base.lower .select,
    .select-content,
    .input_base.lower .select-content {
		width:70%;
	}
	.select-group.after:after {
		left: 60%;
		top: 55%;
	}
    .select-content {
		float:none;
	}
	.input_base.lower .select-content .select,
    .select-content .select {
		width:100%;
	}
    .ddl-tripper-info{
        width: 100%;
    }

    .detail_input_area .dl_line dd {
        /*float: none;*/
        margin-bottom: 1%;
        width: 35%;
	}


    .addon_btn.parent{
        float:right;
        width:20%;
    }
    .addon_btn.parent2{
        float:right;
        width:40%;
    }
    .addon_btn.right{
        float:right;
        width:50%;
    }
    .addon_btn.left{
        float:left;
        width:50%;
    }
    .addon_btn.add_item_button:after {
	    left:78%;
	    top:38%;
    }
   .cont_box_mypage dt {
	    width:140px;
	    float:left;
    }
    .cont_box_mypage dd {
	    padding-left:140px;
    }

    .cont_box_mypage dd {
        width:45%;
        display:block;
	    padding-left:0px;
    }

    .cont_box_mypage2 dt {
	    width:140px;
	    float:left;
        line-height:1.5;
    }
    .cont_box_mypage2 dd {
	    padding-left:140px;
        line-height:1.5;
    }
}



@media screen and ( max-width:600px ) {
	.pc_none {
		display: inherit;
	}
	.sp_none {
		display: none;
	}
	
	p {
		font-size:12px;
	}
	
	header {
		padding: 2% 0 0%;
		height:90px;
        /*
		box-shadow: 0px 5px 10px -5px rgba(0,0,0,.4);
		-webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,.4);
        */
	}
	header .inner .logo {
		width: 100%;
		float:none;
		overflow:hidden;
		/*margin-bottom:2%;*/
	}
	header .inner .logo .customer {
		width:auto;
		max-height:30px;
		float:left;
	}
	header .inner .logo .base {
		width:auto;
		float:right;
	}
	header .inner .logo .customer img,
	header .inner .logo .base img {
		max-height:30px;
		width:auto;
	}

   header .inner .logo_login {
		width: 100%;
		float:none;
		overflow:hidden;
		margin-bottom:2%;
	}
	header .inner .logo_login .customer {
		width:60%;
		max-height:30px;
		float:left;
	}
	header .inner .logo_login .base {
		width:35%;
		float:right;
	}
	header .inner .logo_login .customer img,
	header .inner .logo_login .base img {
		max-height:30px;
		width:auto;
	}
	
	header .inner nav {
		clear:both;
		width: 100%;
		float:none;
	}
	header .inner nav ul {
		min-height:40px;
	}
	.contact_line a {
		font-size: 16px;
	}
	.contact_line .mail {
		padding-left: 10%;
		padding-top: 2%;
	}
	.contact_line .mail img {
		width: 20px;
	}
	.contact_line .mail span.notice_count {
		width:20px;
		height:20px;
	}
	.contact_line .mail span.notice_count span {
		top:10%;
	}
	.contact_line .mail .notice {
		right:-260%;
		width:570%;
		padding:20% 30% 50%;
	}
	.contact_line .mail .notice #notice_close {
		left:93%;
	}
	
	
	
	.contents {
		/*padding-top:100px;*/
	}
	
	h1 {
		font-size:20px;
	}
	h1 span {
		font-size:14px;
	}
	h2 {
		font-size:18px;
	}


	.main_menu li[class^="menu_"] {
		display: block;
		width:100%;
		border-left:0;
		padding:0 0 2%;
		border-bottom:1px solid #fff;
	}
	.main_menu li:last-of-type {
		border-right:none;
		border-bottom:none;
	}
	
	.sub_menu {
	}
	.sub_menu li {
		width:96%;
		padding:0;
	}
	.main_menu li.menu_01 a,
	.main_menu li.menu_02 a,
	.main_menu li.menu_03 a,
	.main_menu li.menu_04 a,
	.main_menu li.menu_05 a,
	.main_menu li.menu_06 a,
	.main_menu li.menu_07 a,
	.main_menu li.menu_08 a,
	.main_menu li.menu_01 a:hover,
	.main_menu li.menu_02 a:hover,
	.main_menu li.menu_03 a:hover,
	.main_menu li.menu_04 a:hover,
	.main_menu li.menu_05 a:hover,
	.main_menu li.menu_06 a:hover,
    .main_menu li.menu_07 a:hover, 
    .main_menu li.menu_08 a:hover{
		background-position: left;
		background-size: 30px;
		padding:0;
	}
	.main_menu li h3 {
		text-align:left;
		padding-left: 40px;
		margin:2% 0;
	}
	.main_menu li p {
		padding-left: 40px;
	}
	
	.contbox_area .inner {
		width:100%;
	}
	
    .cont_box dt {
	    width:35%;
	    float:left;
    }
    .cont_box_mypage dt {
	    width:140px;
	    float:left;
    }
    .cont_box_mypage dd {
	    padding-left:140px;
    }

    .cont_box_mypage .mypage_list_TripDate {
	    width:100%;
        display:block;
	    padding-right:10px;
        clear:both;
    }
    .cont_box_mypage .mypage_list_name {
	    width:100%;
        display:block;
	    padding-right:10px;
        clear:both;
    }
    
   .cont_box_mypage dd {
      width:100%;
      display:block;
      clear:both;
	  padding-left:0px;
    }

    .cont_box_mypage2 .mypage_list_TripDate {
	    width:20%;
	    padding-right:10px;
	    float:left;
        line-height:1.5;
    }
    .cont_box_mypage2 .mypage_list_name {
	    width:30%;
	    padding-right:10px;
	    float:left;
        line-height:1.5;
    }

	.sub_box .col_l,
	.sub_box .col_r {
		width:100%;
		float:none;
	}
    .sub_box .col_l.member_list_search {
		width:100%;
        float:none;
	}
    .sub_box .col_r.member_list_search {
		width:100%;
        float:none;
	}
	.sub_box .add_btn {
		margin:5% 0 0;
	}
	.sub_box .add_btn input[type="submit"] {
		padding:3%;
	}
    .sub_box .add_btn:after {
	    top:30%;
    }
	
	.main_link {
		width:70%;
	}
	/*
	.result {
		width:90%;
		padding:3%;
	}
	.result .select-group .select {
		/*width: 60%;*/
	}
  /*
	.result .select-group:after {
		top: 10%;
		/*left: 50%;*/
	/*}*/
	
	.td_op span {
		float: none;
		width: 90%;
		display: block;
		margin-bottom: 1%;
	}


	
	.scroll{
		overflow: auto;
		white-space: nowrap
	}
	.scroll::-webkit-scrollbar{
		 height: 15px;
	}
	.scroll::-webkit-scrollbar-track{
		 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		 background: #BCBCBC;
	}
	
	
	.select-group p,
	.text_line p,
	.input_base.lower .select-group p {
		float:none;
		width:100%;
	}
	.select,
	.text_line input[type="text"],
	.input_base.lower .select,
    .select-content {
		width:70%;
	}
    .select-content .select {
		width:100%;
	}	
    .ddl-tripper-info{
        width: 100%;
    }

    .submit_line{
        margin-top: 5%;
    }
    .prev{
        margin-top: 5%;
    }
	.prev,
	.submit_line .prev a {
		width:30%;
	}
	.submit_line .main_link a {
		width:70%;
	}
	
	
	
	.input_base.lower h2 {
		margin-left:50px;
	}
	.input_base.lower .h2_icon {
		width:40px;
		height:40px;
	}
	.input_base.lower .h2_icon img {
		width:30px;
	}
	
	.detail_input_area .line dl:first-child,
	.detail_input_area .line dl:last-child {
		width:100%;
		margin-bottom:1%;
	}
	.detail_input_area .line dl:first-child dt,
	.detail_input_area .line dl:last-child dt {
		width:20%;
	}
	.detail_input_area .line dl:first-child dd,
	.detail_input_area .line dl:last-child dd {
		padding-left:20%;
	}
	
	
	
	.detail_input_area .tarm dt {
		width:20%;
	}
	.detail_input_area .tarm dd {
		padding-left:20%;
	}
	.detail_input_area .tarm dd input {
		margin-bottom:1%
	}
	.detail_input_area .line dl,
    .detail_input_area .dl_line dd {
		float:none;
	}

	.input_base.lower.most dd .select-group,
	.input_base.lower.most dd .date_time .date,
	.input_base.lower.most dt {
		float: none;
		width: 100%;
		margin-bottom: 1%;
	}
	.input_base.lower.most dd .inner_dl {
		float: none;
		width: 100%;
	}
	.detail_input_area input {
		margin-bottom: 1%;
	}
	
	.input_base.lower.most dd {
		padding-left: 0;
	}
	.input_base.lower.most dd .select-group::after {
		top: 5%;
		margin-right: 0;
	}
	
	.menu_btn li {
		width: 30%;
	}
	.free_text textarea {
		width: 95%;
	}
    .free_text2 textarea {
		width: 95%;
	}
	.input_base.lower.most dd .select-group.short {
		width: 20%;
	}
	
	.btn_3 .submit_line,
	.btn_3 .sequel {
		float: none;
		width: 100%;
	}
    .btn_3 .right_btn{
	    width:100%;
	    float:none;
    }
    .btn_3 .right_btn .main_link{
	    width:90%;
        margin:auto;
    }

    .btn_3 .left_btn{
	    width:100%;
	    float:none;
    }
    .btn_3 .left_btn .main_link{
	    width:90%;
        margin:auto;
    }

	.input_base.lower.most_profile dt {
		float: none;
		width: 100%;
		margin-bottom: 1%;
	}
	.input_base.lower.most_profile dd .inner_dl {
		float: none;
		width: 100%;
	}
	.input_base.lower.most_profile dd {
		padding-left: 0;
	}
	
	
	.pager li {
		margin-right: 5px;
	}
	.pager li a,
	.pager li.current {
		padding: 0 5px;
	}
	
	
	
	.more_detail .arrow_btn::before {
		left: 10px;
		top: 8px;
	}
	.more_detail.clicked .arrow_btn::before {
		top: 12px;
	}
	
	
	.prev a::after {
		width: 5px;
		height: 5px;
		top: 40%;
	}
	.main_link a::after {
		width: 10px;
		height: 10px;
		top: 35%;
	}
	
	
	
	.and {
		float: none;
		width: 95%;
	}
	.input_base.lower.most dl.type5 {
		float: none;
		width: 100%;
	}
	.input_base.lower.most dl.type5 dd {
		padding-left: 0;
	}
	.f_r {
		float: none;
		width: 100%;
	}
	.f_l {
		float: none;
		width: 100%;
	}
	.detail_head .f_l dt, .detail_head .f_r dt {
		width: 100% !important;
	}
	.detail_head .f_l dd, .detail_head .f_r dd {
		padding-left: 0 !important;
	}
	.detail_head dl.f_l, .detail_head dl.f_r {
		width: 98%;
	}
	.col dl.f_l,
    .col dl.f_r {
	    width: 98%;
    }

    .f_r_edit{
		float: none;
	    text-align: left;
	    width: 40%;
	    margin: 1px;
    }
    
    .f_r_edit a.vertical{
        display:block;
    }

    .f_r_edit a.horizon{
        display:none;
    }

	.triple_btn ul {
		display: block;
	}
	.triple_btn li {
		width: 100%;
		margin: 0 0 3%;
	}
	.triple_btn li a {
		padding: 5% 4%;
	}
	.deadline {
		margin-top: 3%;
		margin-bottom: 3%;
	}
	
	.input_base.lower.most dl.type2 {
		width: 100%;
		float: none;
	}
	.input_base.lower.most.reserve dl.type2 dt {
		width: 100%;
	}
	.input_base.lower.most.reserve dl.type2 dd {
		padding-left: 0;
	}
	
	.input_base.lower.most.profile dl.type2_2 dt {
		width: 100%;
	}
	.input_base.lower.most.profile dl.type2_2 dd {
		padding-left: 0;
	}

	
	.long {
		width: 95%;
	}
	.input_base.lower.most .col.type2 dt {
		width: 100%;
	}
	.input_base.lower.most .col.type2 dd {
		padding-left: 0;
	}
	.input_base.lower.profile dl dl dt {
		width: 100%;
	}
	.input_base.lower.profile dl dl dd {
		padding-left: 0;
	}
	.input_base.lower.profile dl dl {
		float: none;
		width: 100%;
	}
	.quadruple_btn ul {
		display: block;
	}
	.quadruple_btn li.min,
	.quadruple_btn li.max {
		width: 98%;
	}
	
	.input_base.lower.most dl.type2 dt {
		float: left;
	}

	.input_base.lower.most.profile dl.type2 {
		width: 100%;
	}
	.input_base.lower.most.profile dl.type2 dt {
		width: 100%;
	}
	.input_base.lower.most.profile dl.type2 dd {
		padding-left: 0;
	}
	.input_base.lower.profile dl dl dd input {
		width: 95%;
	}

	
	.input_base.lower.most dl.type2 input {
		width: 95%;
	}
	.input_base.lower.most dl.type3,
	.input_base.lower.most dl.type3 dt {
		width: 100%;
		float: left;
	}
	.input_base.lower.most dl.type3 dd {
		padding-left: 0;
	}
	.input_base.lower.most dl.type3 dd .select-group {
		width: 95%;
	}
	
	.addon_btn button {
		padding: 2% 10%;
	}
	
	.input_base.lower.most dl.type4 dt {
		width: 100%;
	}
	.input_base.lower.most dl.type4 dd {
		padding-left: 0;
	}
	.input_base.lower.most dd .select-group.long {
		width: 100%;
	}
	
	.input_base.lower.most dl.type6 dt,
	.input_base.lower.most dl.type5 dt {
		width: 100%;
	}
	.input_base.lower.most dl.type6 dd {
		padding-left: 0;
	}
	
	.addon_btn.message button {
		padding: 3% 6% 3% 20%;
	}
	.addon_btn.message input[type="submit"]  {
        width: 100%;
		padding: 4% 6% 4% 20%;
	}
    .addon_btn.message:after {
	    left:90%;
	    top:38%;
    }


	.input_base.lower.most dl.type8 {
		width: 95%;
		float: none;
		border-bottom: none;
	}
	.input_base.lower.most dl.type8 dt {
		width: 100%;
	}
	.input_base.lower.most dl.type8 dd {
		padding-left: 0;
	}
	
	.input_base.lower.most dl.type7 dt {
		width: 100%;
		float: none;
	}
	.input_base.lower.most dl.type7 dd {
		padding-left: 0;
	}
	
	.main_box.full.nomal {
		width: 200%;
	}
	.main_box.full.nomal.type_2 {
		width: 210%;
	}
	
	.more_detail .arrow_btn.close::before, .more_detail .arrow_btn.close::after {
		left: 30%;
	}
	.clicked.more_detail .arrow_btn.close::before {
		left: 35%;
	}
	
    .addon_btn.parent{
        width:100%;
    }
    .addon_btn.parent2{
        width:100%;
    }
    .addon_btn.left{
        width:100%;
    }
    .addon_btn.right{
        width:100%;
    }
    .addon_btn.add_item_button input[type="submit"]{
        padding:2% 0;
        width:100%;
    }
    .addon_btn.add_item_button:after {
	    left:90%;
	    top:35%;
    }
	
	#tab_menu li {
        /* タブの数が増えたのでサイズを変更
        width: 45%;
            */
		width: 20%;
		padding: 3% 1% 2%;
	}
	
	
	footer {
		margin-top: 5%;
	}

	
}

@media screen and ( max-width:480px ) {
	input,
	textarea,
	select {
		font-size: 16px;
	}

	.info_line dt {
		float: none;
		width:100%;
	}
	.info_line_mypage dt {
		float: none;
		width:100%;
	}
	.info_line dd {
		padding-left: 0;
	}
	.info_line_mypage dd {
		padding-left: 0;
	}
	
	.bn_area li {
		width:95%;
		float:none;
	}
	
	.head_txt p {
		font-size: 16px;
	}
	
	
	.content_area {
		margin:5% 0 0;
		width:100%;
		overflow:hidden;
	}
	
	
	.main_box {
		margin-top:4%;
		margin-bottom:4%;
	}
	.add_btn.mini {
		width: 66%;
		margin-top:4%;
	}
	/*
	.result .select-group{
        width: 60%;
	}
    */
    .cont_box_mypage .mypage_list_TripDate {
	    width:100%;
        float:none
    }
    .cont_box_mypage .mypage_list_name {
	    width:100%;
        float:none
    }

    .cont_box_mypage2 .mypage_list_TripDate {
	    width:100%;
        line-height:1.5;
        float:none
    }
    .cont_box_mypage2 .mypage_list_name {
	    width:100%;
        line-height:1.5;
        float:none
    }
    .more_text_my_page .arrow_btn:before {
	    left:35%;
	    top:25%;
    }
    .more_text_my_page.clicked .arrow_btn:before {
	    left:35%;
	    top:25%;
    }
    .cont_box_mypage.clicked .arrow_btn:before {
	    left:35%;
	    top:40%;
    }
    .cont_box_mypage2 .arrow_btn:before {
	    left:35%;
	    top:25%;
    }

    .cont_box_mypage2.clicked .arrow_btn:before {
	    left:35%;
	    top:40%;
    }
}



/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}
header {
  -webkit-transition: none 0s ease;
  transition: none 0s ease;
}
.side-open header {
  visibility: hidden;
}
/* サイドメニュー */
.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  padding: 3%;
  text-align: left;
  font-size: 13px;
  z-index: 1;
  display:none;
	background: #12689b;
}
.side-open .side-menu {
	display:inherit;
	overflow: auto;
}


.side-menu li {
	border-bottom: 1px dotted #ccc;
}
.side-menu li a {
	color:#fff;
	font-weight: bold;
	display: block;
	text-decoration: none;
	font-size: 16px;
	padding: 4% 2%;
}
.side-menu li a:hover {
	background:#2f7dad;
}

.side-menu .child_menu {
	padding-left:6%;
}
.side-menu .child_menu a {
}
.side-menu .child_menu li {
	position:relative;
	padding-left:20px;
}
.side-menu .child_menu li:before {
	content:'・';
	color:#fff;
	margin-right:3px;
	position:absolute;
	top:15%;
	left:0;
}
.side-menu .child_menu li:last-child {
	border-bottom:none;
}


/* 開閉用ボタン */
.side-menu-btn {
	position: relative;
  /*position: fixed;
  top: 20px;
  right: 20px;
  width: 30px;*/
  height: 20px;
  padding: 0 8%;
  cursor: pointer;
  z-index: 4;
}
.side-menu-btn p {
	font-size: 11px;
	text-align: center;
	color: #32a2d2;
	line-height: 3.5;
}
.side-menu-btn .line {
	width: 40%;
	margin: 0 auto;
}

 /*ボタンのスタイル */
.side-menu-btn,
.side-menu-btn span {
	/*transition: all .4s;*/
	box-sizing: border-box;
}
.side-menu-btn span {
	position: absolute;
	left: 0;
	width: 40%;
	height: 2px;
	background-color: #8eabba;
	border-radius: 4px;
	margin-left: 30%;
}
.side-menu-btn span:nth-of-type(1) {
	top: 10px;
}
.side-menu-btn span:nth-of-type(2) {
	top: 19px;
}
.side-menu-btn span:nth-of-type(3) {
	bottom: -10px;
}
@media screen and ( max-width:760px ) {
	.side-menu-btn {
		height:25px;
        padding: 0% 4% 0;
	}
	.side-menu-btn span:nth-of-type(2) {
		top:16px;
	}
	.side-menu-btn span:nth-of-type(3) {
		bottom:0;
	}
	.side-menu-btn p {
		line-height:2.5;
	}
}

/* 検索ボタン */
.search_btn input[type="submit"].btnSearch {
    background: #00b2c4;
    padding: 1.5% 3%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

/* 編集ボタン */
.td_op input[type="submit"].btnEdit {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
    margin: 5% 0 10%;
    padding: 10% 0;
    text-align: center;
    color: #fff;
    background: #00b2c4;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

/* 削除ボタン */
.td_op input[type="submit"].btnDelete {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
    margin: 5% 0 10%;
    padding: 10% 0;
    color: #fff;
    background: #12679b;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
/* 編集ボタン */
.td_hr input[type="submit"].btnEdit {
    text-align: center;
    margin: 2% 1%;
    padding: 5% 10%;
    text-align: center;
    color: #fff;
    background: #00b2c4;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

/* 削除ボタン */
.td_hr input[type="submit"].btnDelete {
    text-align: center;
    margin: 2% 1%;
    padding: 5% 10%;
    color: #fff;
    background: #12679b;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.one_btn input[type="submit"].btnDelete {
background: #12679b;
    color: #fff;
    padding: 6% 10%;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

/* 申し込み確認画面タイトル用 */
.input_base.lower.confirm h2 {
	margin-left: 0;
	margin-bottom: 5%;
}

/* メインコンテンツ */
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .overlay {
  -webkit-transform: translate3d(-26%, 0, 0);
  transform: translate3d(-26%, 0, 0);
}

@media screen and ( max-width:600px ) {
	.side-menu {
		width:60%;
	}
	.side-open .wrapper,
	.side-open .overlay {
	  -webkit-transform: translate3d(-66%, 0, 0);
	  transform: translate3d(-66%, 0, 0);
	}
}




/* 印刷時の余白幅指定 */
@page {
	margin: 12.7mm 9.7mm;
}
/* IE6で印刷時の倍率を指定 */
@media print {
	body {
        overflow: visible !important;
	  _zoom: 0.75;
		width: 1000px;
		margin: 0 auto;
	}
	.col_box {
		overflow: visible !important;
	}
}

/*Date Picker向け*/
.date-holiday .ui-state-default {
    background-image:none;
    background-color:#FF9999;
}
.date-saturday .ui-state-default {
    background-image:none;
    background-color:#66CCFF;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
    width:30%;
}

::-webkit-input-placeholder {
  color: #c0c0c0;
}
::-moz-placeholder {
  color: #c0c0c0; opacity: 1;
}
:-ms-input-placeholder {
  color: #c0c0c0;
}

/** 一括旅程入力系 **/
/** +ボタン **/
input.plus {
	padding: 1% 4%;
	color: #FFFFFF;
	background: #12689b;
	text-align: center;
	font-size: 24px;
	position: relative;
	border: none;
	outline: none;
	border-radius: 5px;
	font-weight: bold;
    line-height:1.0;
    min-width:75px;
	cursor:pointer;
}

div.input-block {
    border-style:solid;
    border-color:lightgrey;
    border-width:thin;
    background-color:white;
}

div.input-block .outputSpan {
    font-size: 16px;
    vertical-align: middle;
}


div.itenary{
    padding:5px;
}

div.itenary.air{
    background-color:aliceblue;
}

div.itenary.hotel{
    background-color:#F2E0F7;
}
div.itenary.car{
    background-color:#E6F8E0;
}
div.itenary.other{
    background-color:#f9cf8b;
}
div .notice_text{
    margin-top: 15px;
    text-align:center;
    color:#12689b;
    font-weight: bold;
}


.detail_input_area .clear_btn {
	background: #12679b;
	color:#fff;
	padding:1% 2%;
	position:absolute;
	font-size:14px;
	right:2%;
    margin:auto 0;
	border:none;
	outline:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	cursor:pointer;
}

div.itenary-header{
    /** h2_iconの高さに合わせる */
/** >> Del 2018.09.28
    デザイン変更対応（このクラスはjs起動用のクラスでスタイルを保持させないようにする。）
    
    height:70px;
    margin-bottom:2%;
    */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .detail_input_area .clear_btn {
	    background: #12679b;
	    color:#fff;
	    padding:1% 2%;
	    position:absolute;
	    font-size:14px;
	    right:2%;
        top:-5px;/** IE11でMargin;autoが効かないので仕方なく対応 */
        margin:auto 0;
	    border:none;
	    outline:none;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    cursor:pointer;
    }
}

div.hidden-area{
    display:none;
}    

.menu_btn_slim {
	overflow: hidden;
	/*margin-bottom: 4%;*/
    margin-bottom: 1%;
}
.menu_btn_slim li {
	width: 22%;
	float: left;
	background-color: #7bc3ef;
	text-align: center;
	margin: 0 1.5% 1.5% 1.5%;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
	border-radius: 8px;
}
.menu_btn_slim li a {
	display: block;
	padding: 5% 3% 5% 3%;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 8px;
}

.menu_btn_slim li a:hover {
	background-color: #7bc3ef;
	border-radius: 8px;
}

/** 使用中ボタンCSS追加 */
.menu_btn_slim li.in-use {
    background-color: #12679b;
	border-radius: 8px;
}
.menu_btn_slim li.in-use a:hover {
	background-color: #12679b;
	border-radius: 8px;
}

/* マイページメニュースマホ対応*/
@media screen and ( max-width:600px ) {
    .menu_btn_slim {
    }
    .menu_btn_slim li {
        clear: both;
        width: 100%;
        margin: 0 0 1.5% 0;
    }
    .menu_btn_slim li a {
	    padding: 3%;
    }
}


/** 通常表示 */
h3.moving_text{
    text-align:right;
    padding-right:2%;
}
@media screen and ( max-width:600px ) {    
    h3.moving_text{
        text-align:center;
    }
}

/** 規定内 */
.provision-in{
    background-color:#e6f7ff;
}
/** 規定外 */
.provision-out{
    background-color:#ffe6f3;
}

/** エラー行 */
tr.error_row{
    background-color:#F2D8DF;
}

span.error{
    color:red;
}

a.page_back{
    font-size:24px;
    font-weight:bold;
}

a:link.page_back{
    color:blue;    
}
a:visited.page_back{
    color:blue;    
}
a.edit{
    text-decoration:none;
}
a.edit span {
	background: #12679b;
	color: #fff;
	padding: 3% 8%;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}

a.edit_mini{
    text-decoration:none;
}
a.edit_mini span {
	background: #12679b;
	color: #fff;
	padding: 1% 3%;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}

div.selector{
    padding:5px;
}
div.selector a{
	background: #00b2c4;
	color: #fff;
	padding: 4px 8px;
    margin-right:1%;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
    text-decoration:none;
}

.disabled_object{
    background-color: #EEF0F1;
}

/* 見積回答 */
.estimate_itenary_header{
    padding: 10px;
    background-color: #00b2c4;
    color: white;
}
.estimate_itenary_header h3{
    color: #fff;
}
.estimate {
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac;
}
.estimate td{
    background-color: #eef0f1;
    vertical-align: middle!important;
    text-align: center!important;
}
.estimate .circle {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #12679b;
      display: inline-block;
      vertical-align: middle;
      margin: 0px;
      margin-right: 5px;
}
.estimate .required{
    float: left;
    margin-top: 3px;
    display:none;
}
.estimate .select-group{
    display: table-cell;
    position: static;
}

/* お知らせスマホ対応*/
@media screen and ( max-width:600px ) {
    .contact_line .mail .notice dt {
        width: 100%;
        float: none;
    }
    .contact_line .mail .notice dd {
        padding-left: 3%;
    }
}

/* 編集ボタン (スリム)*/
.td_hr input[type="submit"].btnEdit.slim {
    text-align: center;
    margin: 2% 1%;
    padding: 3% 6%;
    text-align: center;
    color: #fff;
    background: #00b2c4;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

/* 削除ボタン  (スリム)*/
.td_hr input[type="submit"].btnDelete.slim {
    text-align: center;
    margin: 2% 1%;
    padding: 3% 6%;
    color: #fff;
    background: #12679b;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

/* △▼ボタン */
.td_hr input[type="submit"].btnUpDown{
    text-align: center;
    margin: 1% 1%;
    padding: 3% 4%;
    color: #fff;
    background: #00b2c4;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

/* 編集ボタン (リンク)*/
.td_op a.btnEdit {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
    margin: 5% 0 10%;
    padding: 3% 0;
    text-align: center;
    color: #fff;
    background: #00b2c4;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-decoration:none;
}

/* 削除ボタン (リンク)*/
.td_op a.btnDelete {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
    margin: 5% 0 10%;
    padding: 3% 0;
    color: #fff;
    background: #12679b;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-decoration:none;
}

/* 編集ボタン (スリム)*/
.td_hr a.btnEdit.slim {
    text-align: center;
    margin: 2% 1%;
    padding: 3% 6%;
    color: #fff;
    background: #00b2c4;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration:none;
    line-height:2.5em; /* リンクに変えたので高さを保持する必要がある。垂直方向のマージンは相殺されるため */
}

/* 削除ボタン  (スリム)*/
.td_hr a.btnDelete.slim {
    text-align: center;
    margin: 2% 1%;
    padding: 3% 6%;
    color: #fff;
    background: #12679b;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration:none;
    line-height:2.5em; /* リンクに変えたので高さを保持する必要がある。垂直方向のマージンは相殺されるため */
}

/* △▼ボタン */
.td_hr a.btnUpDown{
    text-align: center;
    margin: 1% 1%;
    padding: 3% 4%;
    color: #fff;
    background: #00b2c4;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration:none;
    line-height:2.5em; /* リンクに変えたので高さを保持する必要がある。垂直方向のマージンは相殺されるため */
}

/** オブジェクトの非表示に使用。(本来表示されるエリアのスペースを確保する。) */
.hidden_space{
    visibility:hidden;
}


/* ポップアップの閉じるボタン*/

.popup_close_btn {
	float:right;
	position: relative;
	width: 10px;
	height: 10px;
	cursor:pointer;
    padding: 0.5em 0.5em;
    text-decoration: none;
    color: #ea4e31;
    border: solid 0px #ffffff;
    border-radius: 3px;
    transition: .4s;
    z-index:1;
}
.popup_close_btn:before,
.popup_close_btn:after {
	position: absolute;
	top: 45%;
	left: 20%;
	content: "";
	display: block;
	width: 12px;
	border-top: 3px solid #9edada;
}
.popup_close_btn:before {
	transform: skewY(-45deg);
}
.popup_close_btn:after {
	transform: skewY(45deg);
}
.popup_close_btn:hover {
	/* border-top: 2.5px solid #ea4e31; */
}
.popup_close_btn:hover:before,
.popup_close_btn:hover:after {
	position: absolute;
	top: 45%;
	left: 20%;
	content: "";
	display: block;
	width: 12px;
	border-top: 3px solid #ffffff;
}

input[type="text"].short {
    width:10%;
}

input[type="text"].integer {
    text-align:right;
}

/*
    旅程一覧で旅程の入力内容が長い場合に
    ICON等の列がつぶれないようにmin-widthを設定する。
*/
.itenary_list th.no {
    min-width:40px;
}

.itenary_list th.date {
    min-width:200px;
}

.itenary_list th.icon {
    min-width:100px;
}

.itenary_list th.icon2 {
    min-width:200px;
}

.itenary_list th.risk_level {
    min-width:100px;
}


/* グリッド内の文字列が長くても折り返すように設定 */
.cell_word_break{
    word-break: break-all;
    white-space:normal;
}

/* :first-childで色が設定されてしまうので普通に戻す !importantが必要 */
.normal_cell{
    color:#4C4C4C !important;
    font-weight:normal !important;
}

/* ファイルアップロード用設定 */
.file_upload input[type="file"]{
    background-color:#fff;
    border:none;
    padding:5px;
    width:70%;
}

.file_upload input[type="submit"]{
    margin-left:2%;
    padding:5px 10px;
    cursor:pointer;
}

.file_upload a{
    color:#0606f1;
    text-decoration:none;
}

/* 組織マスタ専用 */
.organization_edit_area{
    overflow: hidden;
}

.organization_edit_area div.row{
    clear: both;
}

.organization_edit_area dl{
    width: 49%;
    margin: 0.5%;
    float: left;
    clear: none;
}

.organization_edit_area dt{
    width: 35%;
}

.organization_edit_area dd{
    width: 100%;
}

.organization_edit_area input{
    padding: 1.5%;
}

.organization_edit_area.base_submit_btn{
    clear: both;
}

.organization_search_area{
    overflow: hidden;
}

.organization_search_area dl{
    width: 49%;
    margin: 0.5%;
    float: left;
    clear: none;
}

.organization_search_area dt{
    width: 35%;
}

.organization_search_area dd{
    width: 100%;
}

.organization_search_area dd input{
    width: 50%;
}

.organization_search_area dl.type5{
    padding: 0.5% 0.5%!important;
    width: 40%!important;
}

@media screen and ( max-width:960px ) {
    .organization_edit_area dt{
        width: 100%;
    }

    .organization_search_area dt{
        width: 100%!important;
        float: none!important;
    }

    .organization_search_area dd{
        width: 100%!important;
        padding-left: 0!important;
    }

    .organization_search_area dd input{
        width: 90%;
    }
}

@media screen and ( max-width:600px ) {
    /*.organization_edit_area dt{
        width: 100%;
    }*/
}

@media screen and ( max-width:480px ) {
    .organization_edit_area dl{
        clear: both;
    }

    .organization_search_area dl.type5{
        width: 60%!important;
    }
}

/*プロファイル・勤務先・所属組織用*/
.profile_employement_organization .col_l.sub_box.member_list_search{
    width: 60%;
}

.profile_employement_organization dl dl{
    width: 60%!important;
}

.profile_employement_organization  dl dl dt{
    padding-top: 1.5%!important;
    width: 15%!important;
}

.profile_employement_organization dl dl dd {
    padding-left: 15%!important;
}

.profile .profile_employement_organization .main_box.full{
    margin: 0.5% 0;
}

.profile_employement_organization .sub_box.full{
    margin-bottom: 1%;
    padding: 0;
}

.profile_employement_organization .main_box.full.nomal th{
    width: 30%;
}

@media screen and ( max-width:600px ) {
    .profile_employement_organization .col_l.sub_box.member_list_search{
        width: 100%;
    }
    .profile_employement_organization dl dl{
        width: 100%!important;
    }
    .profile_employement_organization  dl dl dt{
        width: 100%!important;
    }

    .profile_employement_organization dl dl dd {
        padding-left: 0!important;
        width: 100%!important;
    }

    .profile_employement_organization dl dl dd table{
        width: 100%!important;
    }
}

h2.with_button{
    width:80%;
    display:inline-block;
}
div.title_button{
    float:right;
    width:15%;
    text-align:right;
    margin-top:10px;
}
@media screen and ( max-width:600px ) {
h2.with_button{
    width:50%;
    display:inline-block;
}
div.title_button{
    float:right;
    width:30%;
    text-align:right;
    margin-top:5px;
}
}

.expander_title h3{
    display:inline;
}
.expander_title div.arrow_btn {
    float:right;
    margin-top:-9px !important;
    margin-right:50% !important;
	background:#00b2c4;
	border-radius:50%;
	text-align:center;
	padding:1%;
	position:relative;
	width: 18px;
	height: 18px;
	margin:0 auto;
	cursor:pointer;
	border: 2px solid #fff;
}
.expander_title div.arrow_btn:before {
	content:'';
	position:absolute;
	left:33%;
	top:28%;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
.expander_title div.arrow_btn.close:before,
.expander_title div.arrow_btn.close:after {
	position: absolute;
	top: 50%;
	left: 30%;
	content: "";
	display: block;
	width: 15px;
	border-top: 2px solid #fff;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.expander_title div.arrow_btn.close:before {
	transform: skewY(-45deg);
}
.expander_title div.arrow_btn.close:after {
	transform: skewY(45deg);
}

@media screen and (max-width: 600px) {
    .expander_title div.arrow_btn {
        margin-top: -4px !important;
    }
    .expander_title div.arrow_btn:before {
	    left:28%;
	    top:25%;
    }
    .expander_title div.arrow_btn.close:before,
    .expander_title div.arrow_btn.close:after {
	    top: 48%;
	    left: 24%;
    }
}
/*予約情報詳細画面　見積内容エリア*/
.detail_estimate_area{
    
}
.detail_estimate_area dl{
    border-bottom: none!important;
}
.detail_estimate_area dt{
    width: 5%!important;
    clear: left;
}
.detail_estimate_area dd{
    float: left;
    border: 1px solid #acacac;
    min-height: 30px;
    width: 94%;
    padding-left: 0!important;
}
@media screen and (max-width: 600px){
    .detail_estimate_area dd{
        width: 100%;
    }
    .detail_estimate_area dd span{
        white-space: normal;
    }
}
/*グローバルナビゲーション用*/
.global_navi{
    clear: both;
    /*text-align: center;*/
    background: #7BC3EF;
    /*padding: 2% 0 0;*/
    /* min-height: 185px; */
    height: auto;
    width: 100%;
    /*max-width: 1100px;*/
    margin-top: 0.5%;
    border-top: 3px solid #fff;
    border-bottom: 1px solid #fff;
}

.global_navi ul{
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    text-align: center;
}

.global_navi li{
    display: table-cell;
    border-left: 1px solid #fff;
    /*padding: 0 2% 2% 2%;*/
    padding: 0 2%;
    position: relative;
    width: auto;
    vertical-align: middle;
}

/*.global_navi li:first-of-type {
    border-left: none;
}*/
.global_navi li:last-of-type {
    border-right: 1px solid #fff;
}

.global_navi li a{
    text-decoration: none;
    display: block;
}

.global_navi li h3 {
    color: #fff;
    font-size: 12px;
    margin: 10px 0;
    padding-left: 40px;
    display: inline-block;
}

.global_navi li.menu_08 h3 {
    color: lightgray;
}

.global_navi li.menu_01 a{
    background: url(../images/menu_01.png) no-repeat center 3px;
    background-position: left;
    background-size: 30px;
}
.global_navi li.menu_02 a{
    background: url(../images/menu_02.png) no-repeat center 3px;
    background-position: left;
    background-size: 30px;
}
.global_navi li.menu_04 a{
    background: url(../images/menu_04.png) no-repeat center 10px;
    background-position: left;
    background-size: 25px;
}
.global_navi li.menu_06 a{
    background: url(../images/menu_06.png) no-repeat center 3px;
    background-position: left;
    background-size: 30px;
}
.global_navi li.menu_07 a{
    background: url(../images/menu_07.png) no-repeat center 3px;
    background-position: left;
    background-size: 30px;
}
.global_navi li.menu_08 a{
    background: url(../images/icon_itinerary.png) no-repeat center 3px;
    background-position: left;
    background-size: 30px;
}

@media screen and (max-width: 600px){
    .global_navi .inner{
        width: 100%;
    }
    .global_navi ul{
        text-align: unset;
    }
    .global_navi li{
        padding-top: 5px;
    }
    .global_navi li h3 {
        font-size: 10px;
        padding: 25px 1% 1% 1%;
    }
    .global_navi li.menu_01 a{
        background-position: top;
        text-align: center;
    }
    .global_navi li.menu_02 a{
        background-position: top;
        text-align: center;
    }
    .global_navi li.menu_04 a{
        background-position: top;
        text-align: center;
    }
    .global_navi li.menu_06 a{
        background-position: top;
        text-align: center;
    }
    .global_navi li.menu_07 a{
        background-position: top;
        text-align: center;
    }
    .global_navi li.menu_08 a{
        background-position: top;
        text-align: center;
    }
}


.sub_box_harf {
	width:50%;
	margin:0 auto;
	padding:1% 0 0 0;
	overflow:hidden;
    float:left;
}
.sub_box_harf input[type="text"]{
	border:1px solid #acacac;
	margin:0 3% 0 0;
	padding:2%;
	font-size:12px;
	width:50%;
	float:left;
}

.sub_box_harf .single_item {
        clear: both;
        width: 100%;
        margin-bottom: 2%;
    }
.sub_box_harf .single_item dt {
        width: 25%;
        float: left;
        margin-bottom: 2%;
    }

.sub_box_harf .single_item dd {
        width: 75%;
        float: left;
        margin-bottom: 2%;
    }

.sub_box_harf .member_list_search input[type="submit"] {
	background: #00b2c4;
	color:#fff;
	padding:1.5% 2%;
	border-radius:8px;
	cursor:pointer;
	font-weight: bold;
}


@media screen and (max-width: 600px) {
    .sub_box_harf input[type="text"] {
        clear: both;
    }

    .sub_box_harf {
        width: 100%;
        margin: 0 auto;
        padding: 1% 0 0 0;
        overflow: hidden;
        clear: both;
    }

    .sub_box_harf .single_item {
        clear: both;
        width: 100%;
        margin-bottom: 2%;
    }

    .sub_box_harf .single_item dt {
        clear: both;
        width: 100%;
        margin-bottom: 2%;
    }

    .sub_box_harf .single_item dd {
        clear: both;
        width: 100%;
        margin-bottom: 2%;
    }
    .sub_box_harf .add_btn {
		margin:5% 0 0;
	}
	.sub_box_harf .add_btn input[type="submit"] {
		padding:3%;
	}
}


span.warning_message {
	padding-left: 5px;
    color: #ff0000;
	font-weight: bold;
}

span.supplement{
    color:#4169e1;
	font-weight: normal;
}

div.covered{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    opacity: 0.5;
    z-index:999999;
    background-color:white;
}
image.loading{
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    margin:auto;
}
@media screen and (max-width: 959px) {
    div.covered_menu {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        height:55px;
        opacity: 0.5;
        z-index: 999999;
        background-color: gray;
        width: 100%;
    }
}

@media screen and (min-width: 960px) {
    div.covered_menu {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        height:75px;
        opacity: 0.5;
        z-index: 999999;
        background-color: gray;
        width: 100%;
    }
}

a.disabled {
    pointer-events: none;
}

/* DateTimePickerを最前面に表示する*/
.ui-datepicker { z-index: 1000 !important; }

/* >> Add 2018.09.27 非活性ラジオボタンのカーソルを手ではなくす。 */
.body_container .disabled_radio> input[type=radio] {
  cursor: default !important;
}
.body_container .disabled_radio> label {
  cursor: default !important;
}

/* >> Add 2019.06.18 非表示クラス */
.invisible-object {
	display: none;
}

.hidden-object {
	visibility: hidden;
}
/* << Add */
/* ADD CSC tokita 2021.11.18 START */
.header_subNav li li {
	height: 0;
	overflow: hidden;
	transition: .5s;
}

.header_subNav li:hover > ul > li {
	height: auto;
	top: 0;
	overflow: visible;
	transition: .5s;
	padding: 0px 0px 10px 0px;
	list-style: none;
	text-align: left;
	left: 100%;
	position: absolute;
	width: 100%;
	background-color: white;
	border: 1px solid #ddd;
}
/* ADD CSC tokita 2021.11.18 END */

/* >> Add 2022.01.05 ボタン埋没回避 */
.buttonCTA.filled_dodge {
	z-index: 2;
}
/* << Add */


.horizontal-label {
	display: inline-block;
	margin-right: 20px; /* 必要に応じて間隔を調整 */
}

.red-text {
	color: red;
}

.ddl_invoiceno_final_confirm {
	width: 100%;
	border: lightgray solid 1px;
}
       
option.final_confirmed {
	background: linear-gradient(90deg, transparent 0% 50%, limegreen 50% 60%, transparent 60% 100%);	
}