@charset "utf-8";


/*------------------------------------
- COLOR primary original:#007bff->#2076c0
------------------------------------*/
/* :root {
--blue: #2076c0 !important;
	--primary: #2076c0!important;
} */
:root {
	--blue: #415f9f !important;
	--primary: #415f9f!important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
	/* background-color: #2076c0 !important; */
	background-color: #415f9f!important;
	color: #fff;
}
.btn-primary {
	color: #fff;
	/* background-color: #2076c0!important;; */
	/* border-color: #e86092!important;; */
	background-color: #415f9f!important;;
	border-color: #e02d2d!important;;
	box-shadow: none;
}
.card-primary:not(.card-outline)>.card-header {
	/* background-color: #2076c0!important; */
	/* border-bottom: #e22b6d 2px solid !important; */
	background-color: #415f9f!important;
	border-bottom: #e02d2d 2px solid !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	/* background-color: #2076c0 !important; */
	/* border-color: #006fe6; */
	background-color: #415f9f!important;
	border-color: #50699f;
	color: #fff;
	padding: 0 10px;
	margin-top: 0.31rem;
}

.gnavi{
	/*
	display: flex;
	*/
	flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
	/*
	margin:0 0 50px 0;
	*/
	list-style: none;
}

.gnavi>div>.request_area{
	display: block;
	/*
	padding:10px 30px;
	*/
	text-decoration: none;
	color: #333;
}

.gnavi>div{
	/* margin-bottom:20px; */
}

/*==================================================
　5-3-7 上下に線が伸びて背景になる
===================================*/

.gnavi>div>.request_area{
	/*線の基点とするためrelativeを指定*/
	position: relative;
	/*はみ出る要素を隠す*/
	overflow: hidden;
	/*アニメーションの指定*/
	transition: all .2s;
}

/*現在地とhoverの設定*/
.gnavi>.request_area.current div,
.gnavi>div>.request_area:hover{
	/*背景色をつける*/
	/* background: #3cb371; */
	/* background: #c71585; */
	background: #e24848;
	/*
	opacity: 0.55;
	*/
	color:#fff;
}

/*背景がつくのアニメーションの開始を0.5秒遅らせる*/
.gnavi>div>.request_area:hover{
	transition-delay: .5s;
}

/*線の設定*/
.gnavi>div>.request_area:before,
.gnavi>div>.request_area:after {
	content: "";
	/*絶対配置で線の位置を決める*/
	position: absolute;
	left: 0;
	/*線の形状*/
	height: 2px;
	width:100%;
	/* background: #3cb371; */
	/* background: #c71585; */
	background: #e24848;
	/*
	opacity: 0.55;
	*/
	/*アニメーションの指定*/
	transition: all .5s;
}

/*線の位置と変化*/
.gnavi>div>.request_area::before {
	top: 0;
	transform: translateX(-100%);/*X方向に-100%移動*/
}
.gnavi>div>.request_area::after {
	bottom: 0;
	transform: translateX(100%);/*X方向に100%移動*/
}
/*hoverした際の線の変化*/
.gnavi>div>.request_area:hover::before ,
.gnavi>div>.request_area:hover::after {
	transform: translateX(0);/*X方向に0%移動*/
}


.alert-primary {
	color: #0e3557;
	background-color: #b8d8f3;
	border-color: #a7cef0;
}

.alert-primary hr {
	border-top-color: #91c2ec;
}

.alert-primary .alert-link {
	color: #071a2b;
}

.badge-primary {
	color: #fff;
	background-color: #415f9f;
	/* background-color: #2076c0; */
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
	color: #fff;
	background-color: #185b94;
}

.bg-primary {
	background-color: #415f9f;
	/* background-color: #2076c0 !important; */
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: #185b94 !important;
}

.border-primary {
	background-color: #415f9f;
	/* border-color: #2076c0 !important; */
}

.btn-primary {
	color: #fff;
	background-color: #415f9f;
	border-color: #415f9f;
	/* background-color: #2076c0; */
	/* border-color: #2076c0; */
}

.btn-primary:hover {
	color: #fff;
	background-color: #1a63a1;
	border-color: #185b94;
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #415f9f;
	border-color: #415f9f;
	/* background-color: #2076c0; */
	/* border-color: #2076c0; */
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #185b94;
	border-color: #165387;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.btn-outline-primary {
	/* color: #2076c0; */
	background-color: transparent;
	/* border-color: #2076c0; */
	color: #415f9f;
	border-color: #415f9f;
}

.btn-outline-primary:hover {
	color: #fff;
	/* background-color: #2076c0; */
	/* border-color: #2076c0; */
	background-color: #415f9f;
	border-color: #415f9f;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	/* color: #2076c0; */
	color: #415f9f;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
	color: #fff;
	/* background-color: #2076c0; */
	/* border-color: #2076c0; */
	background-color: #415f9f;
	border-color: #415f9f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.list-group-item-primary {
	color: #0e3557;
	background-color: #a7cef0;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
	color: #0e3557;
	background-color: #91c2ec;
}

.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #0e3557;
	border-color: #0e3557;
}

.table-primary,
.table-primary > th,
.table-primary > td {
	background-color: #a7cef0;
}

.table-hover .table-primary:hover {
	background-color: #91c2ec;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
	background-color: #91c2ec;
}

.text-primary {
	/* color: #2076c0 !important; */
	color: #415f9f !important;
}

a.text-primary:hover, a.text-primary:focus {
	color: #185b94 !important;
}
/*------------------------------------
- COLOR primary end
------------------------------------*/


.page-account {
	max-width: 1280px!important;
}
table {
	font-size:90%!important;
}
#order-history-search {
	font-size:90%!important;
}

tbody.report_reset td div{
	padding-right:5px!important;
}
tbody.report_reset td {
	margin:0px!important;
	line-height:33px;
}

/* 合計エリア */
.total-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 0 solid rgba(0, 0, 0, 0.125);
	background-color: #6C757D;
	color:#ffffff;
	border-top:1px solid #ffffff;
	height:46px;
}

/* ローディング */
.hide {
	display: none;
}
.loadingClass {
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000000;
	opacity: 0.54;
	background-image: url(/img/load.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 120px 120px;
	pointer-events:none;
	user-select: none;
	border:1px solid aqua;

}

/* ロゴ画像、強引にサイズ調整 */
.brand-image{
	width:249px!important;
	min-height:55px!important;
	margin:-12px 0 0 -8px!important;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
.bgcolor111212 {
	background-color: #111212!important;
	color: #fff;
}
.site-nav__link {
	color: #fff!important;
}

.clearfix {
	display: block;
}

.ttl_top {
	line-height:22px;
	height:22px;
	float:right;
	margin:-12px -28px 0 0;
}
.ttl_top_label {
	border-left:1px solid #ffffff!important;
	border-bottom:1px solid #ffffff!important;
	padding-left:5px!important;
	width:200px;
	float:right;
}
.ttl_top .ttl_top_label span {
	float:right;
	padding-right:7px;
}
.ttl_bot {
	line-height:23px;
	height:23px;
	float:right;
	margin:0 -28px 0 0;
}
.ttl_bot_label {
	border-left:1px solid #ffffff!important;
	padding-top:1px!important;
	padding-left:5px!important;
	width:200px;
	float:right;
}
.ttl_bot .ttl_bot_label span {
	float:right;
	padding-right:7px;
}
.baseTbl {
	border-top: #cdcdcd 1px solid;
	border-left: #cdcdcd 1px solid;
	border-right: #cdcdcd 1px solid;
	border-bottom: #cdcdcd 1px solid;
}
/* 一覧タイトル行 */
table tr th[class^="bglisthd"]:last-child {
	border-right: none;
}
.bglisthd {
	border-right: #cdcdcd 1px solid;
	border-bottom: #cdcdcd 1px solid;
	color: #000000;
	text-align: center;
	background-color: #F9F9F9;
	font-weight: bold;
}

/* 一覧表 1:背景白 2:背景色有 */
table tr td[class^="bglist1"]:last-child {
	border-right: none;
}
.bglist1 {
	border-right: #cdcdcd 1px solid;
}
/*
 background-color: #ffffff;
.bglist1tr:hover {
	background-color: #efefef;
}
*/
/*
table tr:nth-child(odd) td[class^="bglist1"] {
	background: #f9f9f9;
}
*/

table tr td[class^="bglist2"]:last-child {
	border-right: none;
}
.bglist2 {
	border-right: #cdcdcd 1px solid;
	background-color: #fbfbfb;
}

.btn-user-dashboard {
	color: #fff;
	background-color: #668ad8;;
	border-color: #668ad8;;
	box-shadow: none;
	border-bottom: solid 4px #627295;
	border-radius: 3px;
}
.btn-user-dashboard:active {
	color: #fff;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
	border-bottom: none;
	}

/* 管理用メニュー */
a.adminLink:link {
	color: #331188; TEXT-DECORATION: none;
}
a.adminLink:visited {
	color: #331188; TEXT-DECORATION: none;
}
a.adminLink:hover {
	color: #337733; TEXT-DECORATION: underline;
}
a.adminLink:active {
	color: #330033; TEXT-DECORATION: none;
}
/*注文履歴一覧*/
.tbl_options { display: table; width: 100%;}
.tbl_left { display: table-cell; text-align: left; }
.tbl_center	{ display: table-cell; text-align: center; }
.tbl_right { display: table-cell; text-align: right; }
/* リンクボタン風red系 */
a.buttonLinkRed:link {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkRed:visited {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkRed:hover {
	display:block;
	color: #d1dee4; TEXT-DECORATION: underline;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkRed:active {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}

/* リンクボタン風green系 */
a.buttonLinkGreen:link {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkGreen:visited {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkGreen:hover {
	display:block;
	color: #d1dee4; TEXT-DECORATION: underline;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkGreen:active {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
/* リンクボタン風blue系 */
a.buttonLink:link {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLink:visited {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLink:hover {
	display:block;
	color: #d1dee4; TEXT-DECORATION: underline;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLink:active {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}


/* 承認ラジオカスタマイズ */
.radioRaised input {
	display: none;
}
.radioRaised label{
	display: inline-block;
	padding: 0.2em 0.01em;
	text-decoration: none;
	background: #C23142;/*ボタン色*/
	color: #ffffff;/*ボタン色と同じに*/
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #627295;
	border-radius: 3px;/*角の丸み*/
	width: 58px;
	font-weight: normal!important;
	font-size: 12px!important;
}
/*
	padding: 0.2em 0.3em;
	font-weight: bold;
	text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
*/

.radioRaised label:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}

/* ラジオカスタマイズ */
.radioSlide input {
	display: none;
}
/* background: #bdc3c7;
	background: #C23142;
	 color: #869198;
 */


.radioSlide label{
	display: block;
	float: left;
	cursor: pointer;
	width: 70px;
	margin-right:1px;
	margin-top: 5px;
	padding: 2px;
	background: #dddddd;
	color: #000000;
	font-size: 15px!important;
	font-weight:normal!important;
	text-align:right!important;
	line-height: 28px;
	transition: .2s;
	border-right:1px solid #ffffff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #7d8387;
}


.radioSlide label:active:not(.csv_upload) {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
	margin-top:2px;
}

.radDisabled {
	/* background: #e22b6d!important; */
	background: #e02d2d!important;
	border-bottom: solid 3px #7d8387!important;
	color: #ffffff!important;
}
.radActived {
	background: #dddddd!important;
	border-bottom: solid 3px #7d8387!important;
	color: #000000!important;
}

.radioSlide label:hover{
	opacity: 0.67;
	color: #e22b6d; /* #FF0066*/
}

.radioSlide_xxx label:first-of-type{
	border-radius: 2px 0 0 2px;
}
.radioSlide_xxx label:last-of-type{
	border-radius: 0 2px 2px 0;
	border-right:none;
	}
.radioSlide input[type="radio"]:checked + .switch-on {
	background-color: #dddddd;
	color: #000;
}
.radioSlide input[type="radio"]:checked + .switch-off {
	background-color: #dddddd;
	color: #000;
}

.btn-relsts, .btn-procflg {
	color: #fff;
	background-color: #e02d2d !important;
	border-color: #e02d2d!important;
	/* background-color: e22b6d!important; */
	/* border-color: #e22b6d!important; */
	border-bottom: solid 3px #7d8387!important;
	box-shadow: none;
}
.btn-def-relsts, .btn-def-procflg {
	color: #000;
	background-color: #dddddd!important;
	border-color: #dddddd!important;
	border-bottom: solid 3px #7d8387!important;
	box-shadow: none;
}


/* 以下要らないものを精査 ###001 */

.submitButAdmin {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_blue.jpg);
	border:1px #666 solid;
}
.submitButOrange {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_orange.jpg);
	border:1px #ff6214 solid;
}
.submitButRed {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_red.jpg);
	border:1px #ff0000 solid;
}
.submitButGray {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_gray.jpg);
	border:1px #887766 solid;
}


/* デバッグ用 */
div {border:0px solid #7788ff;}


/* ボーダ */
.borderoff {border-style: none;border-width: 0px;}
.borderon {border:1px red solid;}
.borderonRed {border:1px red solid;}
.borderonPink {border:1px pink solid;}
.borderonGreen {border:1px green solid;}
.borderonAqua {border:1px aqua solid;}
.borderonOrange {border:1px Orange solid;}
.borderonBlue {border:1px blue solid;}

/* ボーダ白 */
.borderTWhite {border-top	 :1px solid #ffffff!important;}
.borderRWhite {border-right :1px solid #ffffff!important;}
.borderBWhite {border-bottom:1px solid #ffffff!important;}
.borderLWhite {border-left	:1px solid #ffffff!important;}

/* ボーダ黒 */
.borderTBlack {border-top	 :1px solid #787878!important;}
.borderRBlack {border-right :1px solid #787878!important;}
.borderBBlack {border-bottom:1px solid #787878!important;}
.borderLBlack {border-left	:1px solid #787878!important;}

/* ボーダ黒 */
.borderTGray {border-top	 :1px solid #cdcdcd!important;}
.borderRGray {border-right :1px solid #cdcdcd!important;}
.borderBGray {border-bottom:1px solid #cdcdcd!important;}
.borderLGray {border-left	:1px solid #cdcdcd!important;}


.borderRNone {border-right :0px!important;}
.borderLNone {border-left	:0px!important;}


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

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


/*ここから*/
.contents-frame {
	display: flex;
	align-items: center;
	justify-content: center;
}

.search_area {
	background-color: #daeff6;
	}

.search_btn {
	background-color: #6fbfd1;
}
.m_0_auto {
	margin: 0px auto;
}
/*ここまで*/
.lightpink {color: lightpink;}
.pink {color: #e22b6d;}

.gray {color: gray;}
.green {color: green;}
.backWhite {
	background-color:#ffffff!important;
}
.backPink {
	background-color:pink!important;
}
.backLightPink {
	background-color:lightpink!important;
}
.backPlum {
	background-color:plum;
}
.backLightGreen {
	background-color:#EFFDF1!important;
	border:1px solid green!important;
	color:green;
}
.backOrange {
	background-color:#ff6214!important;
	color:#ffffff;
}
.backBrown {
	background-color:#d1cfb3!important;
}

/* lightsalmon系 */
.backLightOrange {background-color:#ffc09a!important;}


.backBlue {
	background-color:#114488!important;
	color:#ffffff;
}
.backLightBlue {
	background-color:lightBlue!important;
}
.backLightYellow {
	background-color:lightYellow!important;
}

.backLight10A6C9 {
	background-color:#11A2C8!important;
	color:#ffffff;
}
.backLightGray {
	background-color:#818181!important;
	color:#ffffff;
}
.backDarkGray {
	background-color:#575555!important;
	color:#ffffff;
}
.backBase {
	background-color:#E9E9E9;
}
.clockCountry{
/*	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
*/
	font-size: 10px;
	font-weight: bold;
	background-color: #eeeeee;
	color: #00a0c6;
}
.clockTime{
	/*
	margin: 0;
	padding: 0;
	text-align: center;
	*/
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.clockDark{
	color:#ffffff;
	background-color: #aaaaaa;
}
.clockImg {
/*	margin-left:1px;
	margin-bottom:1px;
	width: 106px;
	height: 32px;*/
	background: #aaaaaa url(/images/world_clk.png) no-repeat center center;
	text-align: center;
	/*float:left;*/
}
.watchimg span {
	display: none;
	font-size: 12px;
/*	line-height: 32px;*/
}

.backPink_filter {
	background-color:#ffd284!important;
}
.white {
	color: #ffffff!important;
}
.red     {color: #f23142!important;}
.blue    {color:#2076c0!important;}/* 元は #1155fb */
.blueBase{color:#114488!important;}
.green   {color:green!important;}
.deeppink{color:deeppink!important;}
.orange  {color:#ff4500!important;}
.black {
	color:black!important;
}
.darkGray {
	color:#343456!important;
}

.pad1 {padding: 1px;}
.pad2 {padding: 2px;}
.pad3 {padding: 3px;}
.pad5 {padding: 5px;}

.pad0_10 {
	padding:0px 10px;
}
.pad5t {padding-top:5px!important;}
.pad5l {padding-left:5px!important;}

.breakAll {
	word-break: break-all!important;
}
/* タグ略スタイル */
.padding0 {padding:0px!important;}
.paddingT0  {padding-top:   0px!important;}
.paddingR0  {padding-right: 0px!important;}
.paddingB0  {padding-bottom:0px!important;}
.paddingL0  {padding-left:  0px!important;}

.pad2 {padding: 2px;}
.paddingT2  {padding-top:   2px!important;}
.paddingR2  {padding-right: 2px!important;}
.paddingB2  {padding-bottom:2px!important;}
.paddingL2  {padding-left:  2px!important;}

.pad3 {padding: 3px;}
.paddingT3  {padding-top:   3px!important;}
.paddingR3  {padding-right: 3px!important;}
.paddingB3  {padding-bottom:3px!important;}
.paddingL3  {padding-left:  3px!important;}

.pad4 {padding: 4px;}
.paddingT4  {padding-top:   4px!important;}
.paddingR4  {padding-right: 4px!important;}
.paddingB4  {padding-bottom:4px!important;}
.paddingL4  {padding-left:  4px!important;}

.paddingT5  {padding-top:   5px!important;}
.paddingR5  {padding-right: 5px!important;}
.paddingB5  {padding-bottom:5px!important;}
.paddingL5  {padding-left:  5px!important;}

.paddingT6  {padding-top:   6px!important;}
.paddingR6  {padding-right: 6px!important;}
.paddingB6  {padding-bottom:6px!important;}
.paddingL6  {padding-left:  6px!important;}

.pad7 {padding: 7px;}
.paddingT7  {padding-top:   7px!important;}
.paddingR7  {padding-right: 7px!important;}
.paddingB7  {padding-bottom:7px!important;}
.paddingL7  {padding-left:  7px!important;}

.pad8 {padding: 8px;}
.paddingT8  {padding-top:   8px!important;}
.paddingR8  {padding-right: 8px!important;}
.paddingB8  {padding-bottom:8px!important;}
.paddingL8  {padding-left:  8px!important;}

.pad10{padding:10px;}
.paddingT10 {padding-top:   10px!important;}
.paddingR10 {padding-right: 10px!important;}
.paddingB10 {padding-bottom:10px!important;}
.paddingL10 {padding-left:  10px!important;}

.pad11{padding:11px!important;}
.paddingT11 {padding-top:   11px!important;}
.paddingR11 {padding-right: 11px!important;}
.paddingB11 {padding-bottom:11px!important;}
.paddingL11 {padding-left:  11px!important;}

.pad12{padding:12px!important;}
.paddingT12 {padding-top:   12px!important;}
.paddingR12 {padding-right: 12px!important;}
.paddingB12 {padding-bottom:12px!important;}
.paddingL12 {padding-left:  12px!important;}

.pad14{padding:14px!important;}
.paddingT14 {padding-top:   14px!important;}
.paddingR14 {padding-right: 14px!important;}
.paddingB14 {padding-bottom:14px!important;}
.paddingL14 {padding-left:  14px!important;}

.pad15{padding:15px!important;}
.paddingT15 {padding-top:   15px!important;}
.paddingR15 {padding-right: 15px!important;}
.paddingB15 {padding-bottom:15px!important;}
.paddingL15 {padding-left:  15px!important;}

.pad20{padding:20px;}
.paddingT20 {padding-top:   20px!important;}
.paddingR20 {padding-right: 20px!important;}
.paddingB20 {padding-bottom:20px!important;}
.paddingL20 {padding-left:  20px!important;}

.pad30{padding:30px;}
.paddingT30 {padding-top:   30px!important;}
.paddingR30 {padding-right: 30px!important;}
.paddingB30 {padding-bottom:30px!important;}
.paddingL30 {padding-left:  30px!important;}

.paddingT50 {padding-top:   50px!important;}
.paddingR50 {padding-right: 50px!important;}
.paddingB50 {padding-bottom:50px!important;}
.paddingL50 {padding-left:  50px!important;}

.paddingB60 {padding-bottom:60px!important;}
.paddingL20 {padding-left:  20px!important;}

.paddingL3Par {padding-left: 3%!important;}

.pad20_0{padding:20px 0px;}


/* マージン系 */
.margin0 {margin:0px!important;}

.margin1  {margin:1px!important;}
.marginT1 {margin-top	 :1px!important;}
.marginR1 {margin-right :1px!important;}
.marginB1 {margin-bottom:1px!important;}
.marginL1 {margin-left	:1px!important;}

.margin2  {margin:2px!important;}
.marginT2 {margin-top	 :2px!important;}
.marginR2 {margin-right :2px!important;}
.marginB2 {margin-bottom:2px!important;}
.marginL2 {margin-left	:2px!important;}

.margin3  {margin:3px!important;}
.marginT3 {margin-top	 :3px!important;}
.marginR3 {margin-right :3px!important;}
.marginB3 {margin-bottom:3px!important;}
.marginL3 {margin-left	:35px!important;}

.margin5  {margin:5px!important;}
.marginT5 {margin-top	 :5px!important;}
.marginR5 {margin-right :5px!important;}
.marginB5 {margin-bottom:5px!important;}
.marginL5 {margin-left	:5px!important;}

.marginT8 {margin-top:   8px!important;}
.marginR8 {margin-right: 8px!important;}
.marginB8 {margin-bottom:8px!important;}
.marginL8 {margin-left:  8px!important;}

.margin10 {margin:10px!important;}
.marginT10{margin-top:   10px!important;}
.marginR10{margin-right: 10px!important;}
.marginB10{margin-bottom:10px!important;}
.marginL10{margin-left:  10px!important;}

.margin12 {margin:12px!important;}
.marginT12{margin-top:   12px!important;}
.marginR12{margin-right: 12px!important;}
.marginB12{margin-bottom:12px!important;}
.marginL12{margin-left:  12px!important;}

.margin15 {margin:15px!important;}
.marginT15{margin-top:   15px!important;}
.marginR15{margin-right: 15px!important;}
.marginB15{margin-bottom:15px!important;}
.marginL15{margin-left:  15px!important;}

.margin20 {margin:20px!important;}
.marginT20{margin-top:   20px!important;}
.marginR20{margin-right: 20px!important;}
.marginB20{margin-bottom:20px!important;}
.marginL20{margin-left:  20px!important;}

.margin30 {margin:30px!important;}
.marginT30{margin-top:   30px!important;}
.marginR30{margin-right: 30px!important;}
.marginB30{margin-bottom:30px!important;}
.marginL30{margin-left:  30px!important;}

.marginT40{margin-top	  :40px!important;}
.marginB40{margin-bottom:40px!important;}

.margin50 {margin:50px!important;}
.marginT50{margin-top:   50px!important;}
.marginR50{margin-right: 50px!important;}
.marginB50{margin-bottom:50px!important;}
.marginL50{margin-left:  50px!important;}

.marginT60{margin-top:   60px!important;}
.marginB80{margin-bottom:80px!important;}

.marginR10Par{margin-right :10%!important;}
.marginL10Par{margin-left:  10%!important;}

.marginL-34 {
	margin-left: -34px;
}
.width100Par-35 {
	width:calc(100% - 38px);
}

.tRight {text-align:right!important;}


/* font-size */
.fSize9  {font-size:9px!important;}
.fSize11 {font-size:11px!important;}
.fSize20 {font-size:20px!important;}

.fSize60Par  {font-size: 60%!important;}
.fSize70Par  {font-size: 70%!important;}
.fSize80Par  {font-size: 80%!important;}
.fSize85Par  {font-size: 85%!important;}
.fSize90Par  {font-size: 90%!important;}
.fSize95Par  {font-size: 95%!important;}
.fSize105Par {font-size:105%!important;}
.fSize110Par {font-size:110%!important;}
.fSize120Par {font-size:120%!important;}
.fSize130Par {font-size:130%!important;}
.fSize140Par {font-size:140%!important;}
.fSize150Par {font-size:150%!important;}
.fSize200Par {font-size:200%!important;}
.fSize230Par {font-size:230%!important;}
.fSize250Par {font-size:250%!important;}

/* 入力エリアをラベル風に */
.sukeruton {
	border:none!important;
	background-color:transparent!important;
	pointer-events:none;
}
/* コメントにするとき使用 */
.disNone {
	display:none!important;
}
/* 入力エリアをラベル風に(入力可能) */
.sukeruton_inp {
	border:none!important;
	background-color:transparent!important;
}

/*縦に中央配置*/
/*親要素*/
.posiMidP {position:relative;}
/*子要素*/
.posiMidC {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height:18px;
}

/* height */
.height0  {height: 0px!important;}
.height1  {height: 1px!important;}
.height2  {height: 2px!important;}
.height3  {height: 3px!important;}
.height5  {height: 5px!important;}
.height10 {height:10px!important;}
.height15 {height:15px!important;}
.height17 {height:17px!important;}
.height20 {height:20px!important;}
.height21 {height:21px!important;}
.height22 {height:22px!important;}
.height23 {height:23px!important;}
.height24 {height:24px!important;}
.height25 {height:25px!important;}
.height30 {height:30px!important;}
.height31 {height:31px!important;}
.height32 {height:32px!important;}
.height33 {height:33px!important;}
.height34 {height:34px!important;}
.height35 {height:35px!important;}
.height36 {height:36px!important;}
.height37 {height:37px!important;}
.height38 {height:38px!important;}
.height39 {height:39px!important;}
.height40 {height:40px!important;}
.height42 {height:42px!important;}
.height43 {height:43px!important;}
.height44 {height:44px!important;}
.height45 {height:45px!important;}
.height46 {height:46px!important;}
.height47 {height:47px!important;}
.height48 {height:48px!important;}
.height49 {height:49px!important;}
.height50 {height:50px!important;}
.height55 {height:55px!important;}
.height60 {height:60px!important;}
.height67 {height:67px!important;}
.height68 {height:68px!important;}
.height70 {height:70px!important;}
.height75 {height:75px!important;}
.height76 {height:76px!important;}
.height78 {height:78px!important;}
.height80 {height:80px!important;}
.height90 {height:90px!important;}
.height100 {height:100px!important;}
.height120 {height:120px!important;}
.height130 {height:130px!important;}

.height160 {height:160px!important;}
.height180 {height:180px!important;}

.height400 {height:400px!important;}
.height700 {height:700px!important;}
.height800 {height:800px!important;}

/* 幅 */
.width15  {width: 15px!important;min-width: 15px!important;}
.width22  {width: 22px!important;min-width: 22px!important;}
.width25  {width: 25px!important;min-width: 25px!important;}
.width27  {width: 27px!important;min-width: 27px!important;}
.width30  {width: 30px!important;min-width: 30px!important;}
.width35  {width: 35px!important;min-width: 35px!important;}
.width40  {width: 40px!important;min-width: 40px!important;}
.width45  {width: 45px!important;min-width: 45px!important;}
.width50  {width: 50px!important;min-width: 50px!important;}
.width55  {width: 55px!important;min-width: 55px!important;}
.width60  {width: 60px!important;min-width: 60px!important;}
.width62  {width: 62px!important;min-width: 62px!important;}
.width63  {width: 63px!important;min-width: 63px!important;}
.width64  {width: 64px!important;min-width: 64px!important;}
.width65  {width: 65px!important;min-width: 65px!important;}
.width70  {width: 70px!important;min-width: 70px!important;}
.width75  {width: 75px!important;min-width: 75px!important;}
.width80  {width: 80px!important;min-width: 80px!important;}
.width85  {width: 85px!important;min-width: 85px!important;}
.width90  {width: 90px!important;min-width: 90px!important;}
.width98  {width: 98px!important;min-width: 98px!important;}
.width100 {width:100px!important;min-width:100px!important;}
.width105 {width:105px!important;min-width:105px!important;}
.width110 {width:110px!important;min-width:110px!important;}
.width120 {width:120px!important;min-width:120px!important;}
.width125 {width:125px!important;min-width:125px!important;}
.width130 {width:130px!important;min-width:130px!important;}
.width135 {width:135px!important;min-width:135px!important;}
.width140 {width:140px!important;min-width:140px!important;}
.width145 {width:145px!important;min-width:145px!important;}
.width150 {width:150px!important;min-width:150px!important;}
.width155 {width:155px!important;min-width:155px!important;}
.width160 {width:160px!important;min-width:160px!important;}
.width170 {width:170px!important;min-width:170px!important;}
.width175 {width:175px!important;min-width:175px!important;}
.width180 {width:180px!important;min-width:180px!important;}
.width190 {width:190px!important;min-width:190px!important;}
.width195 {width:195px!important;min-width:195px!important;}
.width200 {width:200px!important;min-width:200px!important;}
.width205 {width:205px!important;min-width:205px!important;}
.width210 {width:210px!important;min-width:210px!important;}
.width220 {width:210px!important;min-width:210px!important;}
.width230 {width:230px!important;min-width:230px!important;}
.width250 {width:250px!important;min-width:250px!important;}
.width270 {width:270px!important;min-width:270px!important;}
.width280 {width:280px!important;min-width:280px!important;}
.width290 {width:290px!important;min-width:290px!important;}
.width300 {width:300px!important;min-width:300px!important;}
.width305 {width:305px!important;min-width:305px!important;}
.width310 {width:310px!important;min-width:310px!important;}
.width320 {width:320px!important;min-width:320px!important;}
.width330 {width:330px!important;min-width:330px!important;}
.width340 {width:340px!important;min-width:340px!important;}
.width350 {width:350px!important;min-width:350px!important;}
.width400 {width:400px!important;min-width:400px!important;}
.width450 {width:450px!important;min-width:450px!important;}
.width500 {width:500px!important;min-width:500px!important;}
.width550 {width:550px!important;min-width:550px!important;}
.width600 {width:600px!important;min-width:600px!important;}
.width650 {width:650px!important;min-width:650px!important;}
.width700 {width:700px!important;min-width:700px!important;}


.width1Par   {width:  1%!important;}
.width2Par   {width:  2%!important;}
.width3Par   {width:  3%!important;}
.width5Par   {width:  5%!important;}
.width6Par   {width:  5.9%!important;}
.width7Par   {width:  7%!important;}
.width8Par   {width:  8%!important;}
.width8_5Par {width:  8.5%!important;}
.width9Par   {width:  9%!important;}
.width9_5Par {width:  9.5%!important;}
.width9_9Par {width:  9.9%!important;}
.width10Par  {width: 10%!important;}
.width10_9Par{width: 10.9%!important;}
.width11Par  {width: 11%!important;}
.width12Par  {width: 12%!important;}
.width13Par  {width: 13%!important;}
.width13_9Par{width: 13.9%!important;}
.width14Par  {width: 14%!important;}
.width15Par  {width: 15%!important;}
.width15_9Par{width: 15.9%!important;}
.width16Par  {width: 16%!important;}

.width16_6Par{
	width:calc((100% - 5px) / 6)!important;
}

.width17Par	{width: 17%!important;}
.width18Par	{width: 18%!important;}
.width19Par	{width: 19%!important;}
.width19_9Par	{width: 19.9%!important;}
.width20Par	{width: 20%!important;}


.width1Cal3{
	width:calc((100%) / 3)!important;
}
.width1Cal6{
	width:calc((100%) / 6)!important;
}
.width1Cal7{
	width:calc((100%) / 7)!important;
}

.width1Cal5{
	width:calc((100%) / 5)!important;
}
.width1Cal9{
	width:calc((100%) / 9)!important;
}
.width1Cal11{
	width:calc((100%) / 11)!important;
}

.width20Par  {width: 20%!important;}
.width22Par  {width: 22%!important;}
.width23Par  {width: 23%!important;}
.width24Par  {width: 24%!important;}
.width25Par  {width: 25%!important;}
.width26Par  {width: 26%!important;}
.width27Par  {width: 27%!important;}
.width28Par  {width: 28%!important;}
.width29Par  {width: 29%!important;}
.width30Par  {width: 30%!important;}
.width31Par  {width: 31%!important;}
.width32Par  {width: 32%!important;}
.width33Par  {width: 33%!important;}
.width34Par  {width: 34%!important;}
.width35Par  {width: 35%!important;}
.width36Par  {width: 36%!important;}
.width37Par  {width: 36%!important;}
.width38Par  {width: 36%!important;}
.width39Par  {width: 39%!important;}
.width40Par  {width: 40%!important;}
.width41Par  {width: 41%!important;}
.width42Par  {width: 42%!important;}
.width45Par  {width: 45%!important;}
.width46Par  {width: 46%!important;}
.width47Par  {width: 47%!important;}
.width48Par  {width: 48%!important;}
.width49Par  {width: 49%!important;}
.width50Par  {width: 50%!important;}
.width52Par  {width: 52%!important;}
.width53Par  {width: 53%!important;}
.width54Par  {width: 54%!important;}
.width55Par  {width: 55%!important;}
.width56Par  {width: 56%!important;}
.width57Par  {width: 57%!important;}
.width58Par  {width: 58%!important;}
.width59Par  {width: 59%!important;}
.width60Par  {width: 60%!important;}
.width62Par  {width: 62%!important;}
.width65Par  {width: 65%!important;}
.width67Par  {width: 67%!important;}
.width70Par  {width: 70%!important;}
.width72Par  {width: 72%!important;}
.width74Par  {width: 74%!important;}
.width75Par  {width: 75%!important;}
.width78Par  {width: 78%!important;}
.width79Par  {width: 79%!important;}
.width80Par  {width: 80%!important;}
.width82Par  {width: 82%!important;}
.width85Par  {width: 85%!important;}
.width89Par  {width: 89%!important;}
.width90Par  {width: 90%!important;}
.width92Par  {width: 92%!important;}
.width95Par  {width: 95%!important;}
.width95_5Par{width: 95.5%!important;}
.width97Par  {width: 97%!important;}
.width98Par  {width: 98%!important;}
.width99Par  {width: 99%!important;}
.width100Par {width: 100%!important;}

.fleft  {float:left!important;}
.fright {float:right!important;}

.pointer {cursor: pointer;}
.zoomin  {cursor: zoom-in;}
.zoomout {cursor: zoom-out;}

/* 行間 */
.lHeight10{line-height:10px!important;}
.lHeight12{line-height:12px!important;}
.lHeight15{line-height:15px!important;}
.lHeight16{line-height:16px!important;}
.lHeight17{line-height:17px!important;}
.lHeight18{line-height:18px!important;}
.lHeight20{line-height:20px!important;}
.lHeight21{line-height:21px!important;}
.lHeight22{line-height:22px!important;}
.lHeight24{line-height:24px!important;}
.lHeight26{line-height:26px!important;}
.lHeight27{line-height:27px!important;}
.lHeight28{line-height:28px!important;}
.lHeight29{line-height:29px!important;}
.lHeight30{line-height:30px!important;}
.lHeight31{line-height:31px!important;}
.lHeight33{line-height:33px!important;}
.lHeight35{line-height:35px!important;}
.lHeight36{line-height:36px!important;}
.lHeight37{line-height:37px!important;}
.lHeight38{line-height:38px!important;}
.lHeight40{line-height:40px!important;}
.lHeight45{line-height:45px!important;}
.lHeight50{line-height:50px!important;}
.lHeight52{line-height:52px!important;}
.lHeight55{line-height:55px!important;}
.lHeight60{line-height:60px!important;}

/*画面上部のの画像に合わせて中身の幅794pxにを合わせる*/
.fitwIMG794{max-width:794px!important;}

.row {
	max-width:1280px;
}
#u_name,#a_name,.kara,#fr_date_disp,#to_date_disp,#u_email,#out_recno,#u_id
,#word_disp,
.procflg,.pay_way,.broker_id,.usdjpy,.muko_flg,.kigyo_disp,.rel_sts,.delflg,.user_flg
{
	margin-right:5px;
}
/*
	border:1px solid red;
*/
#fr_date_disp,#to_date_disp,#u_name,#u_email,#out_recno,#u_id,#word_disp {
	margin-bottom:5px!important;
}
.procflg,.pay_way,.usdjpy,.broker_id,.rel_sts {
	margin-bottom:5px!important;
}
@media (max-width: 555px) {
	#u_name,#out_recno,#a_name
	,.procflg,.usdjpy,.broker_id,.rel_sts,.delflg,.user_flg
	{
		margin-right:12px;
	}
	.kara,#fr_date_disp,#to_date_disp {
		margin-right:0px;
	}
	.kara {
		font-size:80%;
	}
}

/* ▼ 追加スタイル：国旗付き言語ドロップダウン */
.nav-item.lang{ position:relative; list-style:none; }
.lang-btn{
	display:flex; align-items:center; gap:.5rem;
	padding:.45rem .7rem; border:1px solid #e5e7eb; border-radius:10px;
	background:#fff; color:#111; cursor:pointer; font-size:.95rem;
	box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.lang-btn:hover{ border-color:#cfd4da; }
.lang-btn .chev{ opacity:.6; font-size:.85rem; }

.lang-menu{
	position:absolute; right:0; top:calc(100% + 8px);
	min-width:220px; padding:6px; margin:0; list-style:none;
	background:#fff; border:1px solid #e5e7eb; border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,.08); display:none; z-index:50;
}
.lang-menu.open{ display:block; }
.lang-menu li{
	display:flex; align-items:center; gap:.6rem;
	padding:.55rem .6rem; border-radius:8px; cursor:pointer; white-space:nowrap;
}
.lang-menu li:hover{ background:#f6f7f9; }
.lang-menu li[aria-selected="true"]{ background:#eef2ff; }

.flag-svg{ display:block; border-radius:2px; }
@media (max-width:600px){
	.lang-btn .lang-label{ display:none; } /* モバイルは省スペース */
}


/* --- おしゃれなフォームデザイン --- */
.contact-form {
	width: 100%;
	border-collapse: collapse;
}

.contact-form th {
	text-align: left;
	padding: 12px;
	font-weight: bold;
	width: 25%;
	vertical-align: top;
}

.contact-form td {
	padding: 12px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 15px;
	transition: border-color 0.3s, box-shadow 0.3s;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus {
	border-color: #007BFF;
	box-shadow: 0 0 4px rgba(0,123,255,0.3);
	outline: none;
}

.contact-form textarea {
	min-height: 150px;
	resize: vertical;
}

.req {
	color: #e74c3c;
	font-weight: normal;
	margin-left: 4px;
}

.submit-btn {
	background: #007BFF;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 12px 24px;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.3s;
}

.submit-btn:hover {
	background: #0056b3;
}


.search-header{padding:16px 12px;border-bottom:1px solid #eee;background:#fafafa}
.page-title{font-size:1.4rem;line-height:1.3;margin:0 0 10px}
.page-title .en{font-size:.95rem;color:#666;margin-left:.25em}
.search-form{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.select{min-width:160px;padding:.55rem .7rem;border:1px solid #ddd;border-radius:10px;background:#fff}
.radio-group{border:1px solid #ddd;border-radius:10px;padding:8px 12px;background:#fff;display:flex;gap:10px;align-items:center}
.radio-group legend{font-size:.85rem;font-weight:bold;margin-right:6px}
.radio-group label{font-size:.85rem}
.search-btn{padding:.55rem 1rem;border:1px solid #222;border-radius:10px;background:#222;color:#fff;cursor:pointer}
.search-btn:hover{opacity:.9}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:768px){ .page-title{font-size:1.8rem} }