/*html { height:100%; overflow-x:hidden; }
body { font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; min-height:100%; margin:0; padding:0; background:#fff; font-size:2.6rem; line-height:1.8; position:relative; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-feature-settings:"palt"; }
*/

body { background:#fff !important; }
@font-face {
	font-family: 'thegem-icons';
	src:url('../font/thegem-icons.eot');
	src:url('../font/thegem-icons.eot?#iefix') format('embedded-opentype'),
		url('../font/thegem-icons.woff') format('woff'),
		url('../font/thegem-icons.ttf') format('truetype'),
		url('../font/thegem-icons.svg#thegem-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'thegem-socials';
	src:url('../font/thegem-socials.eot');
	src:url('../font/thegem-socials.eot?#iefix') format('embedded-opentype'),
		url('../font/thegem-socials.woff') format('woff'),
		url('../font/thegem-socials.ttf') format('truetype'),
		url('../font/thegem-socials.svg#thegem-socials') format('svg');
	font-weight: normal;
	font-style: normal;
}
.elementor { background: #fff; }


a:link { color:#2c2c2c; outline-style:none; }
a:visited { color:#2c2c2c; text-decoration:underline; }
a:hover, a.link:hover { color:#E51281; text-decoration:underline; }



.white { color:#fff; }
.red { color:#E51281; }
.green { color:#064; }
.orange { color:#ff9800; }
.blue { color:#0E68AA; }
.gray { color:#bbb;}
.navy { color:#1A2888;}

.f_l { font-size:140%; }
.f_s { font-size:80%; }

.tr { text-align:right; }
.tc { text-align:center; }
.tl { text-align:left; }

.pc_no, .pc_no2 { display:none; }
.sp_no { display:block; }
span.sp_no { display:inline; }
br.sp_no, br.sp_no2 { display:inline; }

img { object-fit:cover; font-family:'object-fit:cover;', sans-serif; vertical-align:top; max-width:100%; }
p:empty { display:none; }
hr { border: none; border-bottom:1px dotted #2c2c2c; height:0; position:relative; }


.flex { display:flex; flex-flow:row wrap; align-items: center; }
.flex.spbw { justify-content:space-between;}


/*--LOADER/--*/
#loader-bg { height:100%; width:100%; position:fixed; top:50%; left:50%; /*background:#fff url(../../../order/common/img/../img/loading.gif) center center /60px no-repeat;*/ background:#fff; transition:.5s; z-index:100000; transform:translate(-50%,-50%); }
.spinner { position:absolute; top:calc(50% - 0.8rem); left:calc(50% - 35px); width:70px; text-align:center; opacity:0.8; }
.spinner > div { width:1rem; height:1rem; margin:0 0.16rem; background:#2c2c2c; border-radius:100%; display:inline-block; animation:sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner div:nth-of-type(1) { animation-delay:-0.32s;}
.spinner div:nth-of-type(2) { animation-delay:-0.16s;}
@keyframes sk-bouncedelay { 0%, 80%, 100% { transform:scale(0);} 40% { transform:scale(1.0);}}

.float_box { padding:3.2rem; background: #fff; box-shadow: 0 2.5rem 3.2rem -3.2rem rgba(0,0,0,0.2); border-radius:1rem;}
.i_truck { display: inline-block; vertical-align: middle; width:4rem; height:4rem; margin:-0.4rem 0.8rem 0 0; background: url(../../../order/common/img/i_truck.svg) center center /contain no-repeat;}
.i_charter { display: inline-block; vertical-align: middle; width:4rem; height:4rem; margin:-0.4rem 0.8rem 0 0; background: url(../../../order/common/img/i_truck_green.svg) center center /contain no-repeat;}
.i_mix { display: inline-block; vertical-align: middle; width:4rem; height:4rem; margin:-0.4rem 0.8rem 0 0; background: url(../../../order/common/img/i_mix_blue.svg) center center /contain no-repeat;}
.tel_box { padding: 1rem 0;}
.tel_box dl { width:100%;  max-width:34rem; display:flex; flex-flow:row wrap; justify-content:space-between; align-items: center; margin: auto; border-bottom:1px solid #ddd;}
.tel_box dl dt {}
.tel_box dl dd { margin:0; }
.tel strong { font-size:2.25rem; padding-left:2.9rem; background:url(../../../order/common/img/i_tel.svg) left center /2.4rem no-repeat; color:#2c2c2c;}
.tel.blue strong { background:url(../../../order/common/img/i_tel_b.svg) left center /2.4rem no-repeat; color:#1e73be;}

.mail_box { background:#eef8ff; padding:3rem; }
.mail_box2 { background:#f0faf0; padding:3rem; }


/*-- ARTICLE/ --*/
.article { width:100%; margin:0 auto; padding:0 10px; max-width:1140px; color:#555; box-sizing:border-box; position:relative; z-index:1; line-height:1.8; font-size:16px; }
.full { margin-left:calc(50% - 45vw); margin-right:calc(50% - 45vw); }
.full_bg { padding-left:calc(50vw - 45%); padding-right:calc(50vw - 45%); }
.contents { display:block; position:relative; padding:3% 0; margin:0; }
p { /*position:relative;*/ }
.contents::after { content:"."; display:block; clear:both; height:0; visibility:hidden; }


.notice { border:3px double #1e73be; padding:1.6rem;}
.notice a { text-decoration: underline; }
.hissu { display: inline-block; background:#E51281; color:#fff; font-size:1.3rem; padding:0.16rem 0.4rem;border-radius:0.4rem; vertical-align: inherit; position: relative; }
th .hissu { margin:0 0.15rem 0.4rem 0; }
.ninni {display: inline-block; background:#798493; color:#fff; font-size:1.3rem; padding:0.16rem 0.4rem;border-radius:0.4rem; vertical-align: inherit; margin:0 0.15rem 0.4rem 0; }

.invisible { display: none;}


img.pkg { width:8rem; margin: auto;}
img.truck { width:18rem; margin: auto; }
img.trailer { width:14rem; margin: auto; }
label[for^="truck1"] img.truck { width:16rem; margin: auto; }
label[for^="truck2"] img.truck { width:18rem; margin: auto; }

label[for^="truck"],
label[for^="charter"],
label[for^="Packing"] { display:inline-block; width:16rem; padding:0.8rem; border: 1px solid #2c2c2c; text-align: center; border-radius:0.4rem; }
label[for^="truck"] input[type="radio"] + span,
label[for^="charter"] input[type="radio"] + span,
label[for^="Packing"] input[type="checkbox"] + span { display:inline-block; margin:0 auto; padding: 0.8rem 0 0.8rem 2.4rem; }
label[for^="truck"] input[type="radio"] + span + img ,
label[for^="charter"] input[type="radio"] + span + img,
label[for^="Packing"] input[type="checkbox"] + span + img { opacity:0.4; display: block; }
label[for^="truck"] input[type="radio"]:checked + span + img ,
label[for^="charter"] input[type="radio"]:checked + span + img,
label[for^="Packing"] input[type="checkbox"]:checked + span + img { opacity:1; }
label[for^="truck"]:hover,label[for^="charter"]:hover,label[for^="Packing"]:hover { border:1px solid #ffb536; outline:none; box-shadow:0 0 3px rgb(255, 181, 54, 1);}


.tab_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; padding:0; overflow: hidden; }
.tab_label { color:#fff; cursor: pointer; /*flex: 1;*/ font-weight: bold; order: -1; font-size:1.5rem; padding:1.2rem 2.4rem; position: relative; text-align: center; transition: cubic-bezier(0.4, 0, 0.2, 1) .2s; user-select: none; white-space: nowrap; -webkit-tap-highlight-color: transparent; margin-bottom: 1rem; width: 49%; box-shadow: 0 1rem 0.8rem -1.6rem rgba(0,0,0,0.3); }
.tab_label:first-of-type { background:#fff; border:2px solid #1e73be; color:#1e73be; border-radius:0.8rem 0 0 0.8rem; border-radius:0.8rem;}
.tab_label:last-of-type { background:#fff; border:2px solid #38a239; color:#38a239; border-radius:0 0.8rem 0.8rem 0; border-radius:0.8rem;}
.tab_label .icon {display: block; width: 5rem !important; height: 5rem !important; margin: auto;}
.tab_switch + .tab_label:first-of-type .i_mix { background:url(../../../order/common/img/i_mix_blue.svg) center center /cover no-repeat}

.tab_label:hover { /*background:rgb(3, 110, 184,0.4);*/ opacity: 0.8; }
.tab_switch:checked + .tab_label:first-of-type { background:#1e73be; color:#fff; }
.tab_switch:checked + .tab_label:last-of-type { background:#38a239; color:#fff; }
.tab_switch:checked + .tab_label:first-of-type .i_mix { background-image:url(../../../order/common/img/i_mix_w.svg); }
.tab_switch:checked + .tab_label:last-of-type .i_charter { background-image:url(../../../order/common/img/i_truck_w.svg); }

/*.tab_label::after { background:#fff; content: ''; display: block; height: 3px; left: 10%; bottom:3px; opacity: 0; pointer-events: none; position: absolute; transform: translateX(100%); transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms; width: 80%; z-index: 1; }
.tab_switch:checked ~ .tab_label::after { transform: translateX(-100%); }
.tab_switch:checked + .tab_label::after { opacity: 1; transform: translateX(0); }*/
.tab_switch:checked ~ .tab_label::after {content: ""; opacity: 0; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 20px solid transparent; border-top: 24px solid #1e73be; transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms; }
.tab_switch:checked + .tab_label:last-of-type::after { border-top-color:#38a239; }
.tab_switch:checked ~ .tab_label::after { /*transform: translateX(-100%);*/ }
.tab_switch:checked + .tab_label::after { opacity: 1; transform: translateX(0); }

.tab_content { height:0; opacity:0; padding: 0; pointer-events:none; transform: translateX(-100%); transition: transform .3s 80ms, opacity .3s 80ms; width: 100%; }
.tab_switch:checked ~ .tab_content { transform: translateX(100%); }
.tab_switch:checked + .tab_label + .tab_content { height: auto; opacity: 1; order: 1; pointer-events:auto; transform: translateX(0); }
.tab_wrap::after { content: ''; height: 20px; order: -1; width: 100%; }
.tab_switch { /*display: none;*/ }

.mix_area { background:url(../../../order/common/img/https://www.kofuji.co.jp/wp-content/uploads/2020/08/Visual_1_2020_ol_r1_c1.jpg) right center /50% no-repeat; }
.mobile-false #fancy-header .breadcrumbs, .mobile-false #fancy-header .fancy-subtitle, .mobile-false #fancy-header .fancy-title { opacity:100; }

.area { margin-bottom: 0.8rem; }
.area a.active { color:#ff9800; font-weight: bold; }
.area_map { width:100%; height:480px; border:none; }

/*-- INDEX --*/
.text_area { padding:4.8rem 10rem 3rem 5em; border-left:8rem solid #f6f6f6; position:relative; }
.text_area::before { content:""; display:block; margin:-3rem 0 3rem 0; border-bottom:1px solid #ddd; width:100%; height:1px; }
.text_area:empty { display:none; }
.index_area { background:#f6f6f6; padding:3.2rem 8rem 3.2rem 3em; border-left:8rem solid #eee; display:flex; flex-flow:row wrap; justify-content:flex-start; }


.index_box { display:inline-block; position:relative; width:33.3%; padding:1.9rem; vertical-align:top; box-sizing:border-box; text-align:left; }
.index_box::after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.index_box a { display:block; background:#fff; /*border:1px solid #eee;*/ text-decoration:none; padding:1rem; box-shadow:0.8rem 0.8rem 1rem rgba(0,0,0,0.05); }
.index_box .photo { display:block; width:100%; /*height:16vw; max-height:240px;*/ margin:0; /*background:url(../../../order/common/img/../img/p_no.png) center center /cover no-repeat;*/ overflow:hidden; border:none !important; }
.index_box .photo img { width:100%; height:100%; object-fit:cover; object-position:50% 0; font-family:'object-fit:cover;'; }
.index_box .txt { width:100%; position:relative; left:0%; line-height:1.5; color:#333; text-decoration:none; }
.index_box .title { display:block; width:auto; padding:0.4rem 0.4rem 0.4rem 1rem; margin:0 0 0.4rem 0; font-size:1.25rem; line-height:1.5; position:relative; }
.index_box a .title::before { content:""; position:absolute; display:block; left:-0.4rem; top:50%; width:0.8rem; height:0.8rem; border-top:2px solid #2c2c2c; border-right:2px solid #2c2c2c; transform:rotate(45deg) translate(0,-50%); box-sizing:border-box; }
.index_box a p { margin-bottom:0.8rem; }
.index_box .new { position:absolute; display:inline-block; left:0; top:0; vertical-align:middle; font-size:1.3rem; padding:0 0.8rem; background:#2c2c2c; color:#fff; }

.index_box:hover { text-decoration:none; opacity:1; }
.index_box a:hover { color:#2c2c2c; opacity:1; /*background:#f0f0f0;*/ box-shadow:none; }
.index_box a:hover .title::before { border-color:#2c2c2c; }

.index_box .date { font-size:1.4rem; /*margin:0 0.8rem 0.8rem 0;*/ color:#2c2c2c; display:none; }
.index_box .cat, .date_box .cat { display:inline-block; font-size:1.3rem; width:auto; line-height:1.5; background:#225; color:#fff; padding:0 1rem; margin:0 0 0.8rem 0; text-align:center; border-radius:25px; }

.date_box { position:relative; margin:-1.5rem 0 1rem 0; text-align:right; }
.date_box .date { font-size:1.4rem; margin:0 0.8rem 0.8rem 0; }

.index_box ul { list-style:none; letter-spacing:-.4rem; margin:0; padding:0.4rem 0; }
.index_box ul li { letter-spacing:normal; padding:0; margin:0; position:relative; }
.index_box ul li a { text-decoration:none; display:block; padding:0.35rem 0.8rem 0.35rem 2.4rem; line-height:1.5; transition:all 0.2s ease-out; }
.index_box ul li a:hover { color:#2c2c2c; background:rgba(145,192,50,0.15); }
.index_box ul li a::before { content:"● "; color:#2c2c2c; margin:0 0 0 -1.9rem; }
.index_box ul li a:hover::before { color:#2c2c2c; }





/*-- TABLE/ --*/
caption { text-align:left; margin-bottom:10px; font-size:95%; }

table { border-collapse:collapse; width:100%; margin:0 auto 2.4rem auto; }
table th, table td { font-weight:500; line-height:1.5; padding:0.8rem; /*vertical-align:top;*/ }
table th { font-weight:bold; text-align:left; }

.table00 { border:none !important; margin: auto; }
.table00 th, .table00 td { border:none !important; position:relative; }

.table01 { border-bottom:1px dashed #ddd; }
.table01 th, .table01 td { border-top:1px dashed #ddd; position:relative; }
.table01 thead th, .table01 thead td { background:#ca7; color:#fff; }
.table01 thead th { }
.table01 th { }
.table01 td { }

.table02 { /*border-bottom:1px solid #ddd;*/ }
.table02 th, .table02 td { border-top:1px solid #ddd; position:relative; }
.table02 thead th, .table02 thead td { background:#ca7; color:#fff; }
.table02 th { font-weight:bold; }

.table03 { border-bottom:1px solid #ddd; }
.table03 th, .table03 td { border:1px solid #ddd; position:relative; }
.table03 thead th, .table03 thead td { background:#ca7; color:#fff; }
.table03 th { font-weight:bold; }


.l_double { border-top:3px double #ddd; }
.l_single { border-top:1px double #ddd; }
th p, td p { margin:0; }

th .comment { display:inline-block; font-size:1.2rem; font-weight:normal; padding:0 3rem 0 0; line-height:1.5; }
td a { /*text-decoration:none !important;*/}

/*-- 幅の広いテーブルにスクロール表示 --*/
.scroll, #calcResult { overflow-x:auto; position:relative; }
.scroll::-webkit-scrollbar, #calcResult::-webkit-scrollbar { height:15px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track, #calcResult::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb, #calcResult::-webkit-scrollbar-thumb { background:#bc6;/*tableにスクロールバーを追加*/}
.scroll table, #calcResult table { margin-bottom:20px !important; }
.scroll caption { display:none; position:absolute; left:0; bottom:0; margin:0; }


 table.packing_table { margin-bottom: 0; }
/*
h1, h2, h3, h4, h5, h6 { font-weight:600; line-height:1.5; margin:0 0 0.8rem 0; padding:0; position:relative; color:#2c2c2c; }
h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en { display:inline-block; line-height:1.2; }

h1 { font-size:4.8rem; }
h2 { font-size:4rem; }
h3 { font-size:3.2rem; }
h4 { font-size:1.75rem; }
h5 { font-size:1.5rem; }
h6 { font-size:1.25rem; }

h2 .comment { display:block; font-size:1.5rem; font-weight:500; letter-spacing:0.32rem; }
h3 .comment { display:block; font-size:1.5rem; font-weight:500; }
h4 .comment { display:block; font-size:1rem; font-weight:500; }
h5 .comment { display:block; font-size:1rem; font-weight:500; }
h6 .comment { display:block; font-size:1rem; font-weight:500; }
*/

h3 { display: flex; align-items:center; }
h3 img { margin-right:0.5rem; }

/*-- 2列ボックス/ --*/
.LR_box { display:inline-block; vertical-align:top; width:49%; margin:0; padding:0 2% 1rem 2%; box-sizing:border-box; }
.LR_box .LR_box { width:45% !important; }
.LR_box .LCR_box { width:31% !important; }

/*-- 3列ボックス/ --*/
.LCR_box { display:inline-block; vertical-align:top; width:31%; margin:0; padding:0 2% 1rem 2%; box-sizing:border-box; letter-spacing:0.16rem; }
.LCR_box2 { display:inline-block; vertical-align:top; width:62%; margin:0; padding:0 2% 1rem 2%; box-sizing:border-box; letter-spacing:0.16rem; }
.LR_box img, .LCR_box img { width:100%; object-fit:cover; font-family:'object-fit:cover;'; margin-bottom:1rem; }
.LR_box h3, .LR_box h4, .LR_box h5, .LCR_box h3,.LCR_box h4, .LCR_box h5, .LCR_box2 h3,.LCR_box2 h4, .LCR_box2 h5 { margin-bottom:0.8rem; white-space:normal; word-break:break-all; }

.box_r .LCR_box, .box_l .LCR_box { width:32% !important; }


.col1 { column-count:1; padding:0 2% 1rem 2%; }
.col2 { column-count:2; column-gap:3.2rem; padding:0 2% 1rem 2%; }
.col3 { column-count:3; column-gap:3.2rem; padding:0 2% 1rem 2%; }


.in_box { border:1px solid #ddd; padding:1rem 2.4rem; }

a.link { padding:0.8rem 0.15rem 0.8rem 1rem; margin:0; text-decoration:underline; box-sizing:border-box; position:relative; }
a.link::before { content:""; position:absolute; display:block; left:0; top:calc(50% - 0.2em); width:0.8rem; height:0.8rem; margin:0; border-top:2px solid #2c2c2c; border-right:2px solid #2c2c2c; transform:rotate(45deg); box-sizing:border-box; }
a.link.active::after { border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }
a.link { overflow:hidden; margin:0; }
a.link.red { color:#f55; }

.index_box a[target='_blank'] .title::after,
.LCR_box a[target='_blank']::after,
body.link .article li a[target='_blank']::after,
body.link .article a:link[target='_blank']::after,
.article a:link[target='_blank']::after { content:""; position:relative; display:inline-block; vertical-align:middle; width:1.9rem; height:1.9rem; margin:0 0.4rem; background:url(../../../order/common/img/i_blank.svg) center bottom /100% no-repeat; }
.index_box a[target='_blank']::after { display:none !important; }


.index_box a[href$='.pdf'] .title::after,
a[href$='.pdf']::after,
.index_box ul li a[href$='.pdf']::after { content:"PDF" !important; position:relative; display:inline-block !important; font-size:1.3rem; line-height:1; width:auto !important; height:auto !important; padding:0.32rem 0.8rem; letter-spacing:normal; color:#E51281; font-weight:bold; background:#fff !important; margin:0 0.4rem; border:1px solid #ddd; border-radius:1em; transform:translate(0,-2px); }

.index_box a[href$='.pdf']::after { display:none !important; }

.index_box a[href$='.xls'] .title::after,
.index_box a[href$='.xlsx'] .title::after,
a[href$='.xls']::after,
a[href$='.xlsx']::after,
.index_box ul li a[href$='.xls']::after,
.index_box ul li a[href$='.xlsx']::after { content:"Excel" !important; position:relative; display:inline-block !important; font-size:1rem; line-height:1; width:auto !important; height:auto !important; padding:0.4rem 0.8rem; letter-spacing:normal; color:#7da52b; font-weight:bold; background:#fff !important; margin:0 0.4rem; border:2px solid #ddd; border-radius:2px; transform:translate(0,-2px); }

.index_box a[href$='.xls']::after,
.index_box a[href$='.xlsx']::after { display:none !important; }

.index_box a[href$='.doc'] .title::after,
.index_box a[href$='.docx'] .title::after,
a[href$='.doc']::after,
a[href$='.docx']::after,
.index_box ul li a[href$='.doc']::after,
.index_box ul li a[href$='.docx']::after { content:"Word" !important; position:relative; display:inline-block !important; font-size:1rem; line-height:1; width:auto !important; height:auto !important; padding:0.4rem 0.8rem; letter-spacing:normal; color:#2c2c2c; font-weight:bold; background:#fff !important; margin:0 0.8rem; border:2px solid #ddd; border-radius:2px; transform:translate(0,-2px); }

.index_box a[href$='.doc']::after,
.index_box a[href$='.docx']::after { display:none !important; }

div.index_box .title, div.index_box:hover .title { /*color:#2c2c2c !important;*/ }


th p, td p { margin:0; }


/*-- FORM/ --*/
form { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
form label { vertical-align:middle; }

.w100 { width: 100%; }
.w80 { width: 80%; }
.w65 { width: 65%; }
.w50 { width: 50%; min-width:24rem; }
.w33 { width: 33%; min-width:16rem; }
.w20 { width: 20%; min-width:10rem; }

.login_box { max-width:32rem; margin: auto; }


.article input, .article textarea, .article button, .article select,a.button { font-weight: 500; line-height:1.5; color:#555; font-size:1.6rem; max-width:100%; -webkit-appearance:none; vertical-align:middle; position:relative; padding:0.8rem; border:1px solid #2c2c2c; box-shadow:none; z-index:0; box-sizing:border-box; border-radius:0.4rem; }
.article input[type="text"], .article input[type="password"] { margin:5px 5px 5px 0; border:1px solid #2c2c2c; border-radius:0.4rem; }
input.long { width:100%; margin:5px 0; position:relative; }
.article button, .article a.button, .article input[type="button"], input[type="submit"] { display:inline-block !important; vertical-align:middle; -webkit-appearance:none; overflow:visible; width:100%; max-width:400px; min-width:160px; min-height:40px; height: auto; letter-spacing:0.16rem; margin:10px 0; padding:1rem; background:#1e73be !important; color:#fff !important; position:relative; text-decoration:none; transition:all .2s; box-sizing:border-box; cursor:pointer; border: 1px solid #1e73be; border-radius:0.4rem !important; font-weight: bold; }
.article input::placeholder, .article textarea::placeholder, .article select::placeholder { color:#8c95a2;}
.article button:hover, .article a.button:hover, .article input[type="button"]:hover, .article .article input[type="submit"]:hover { text-decoration:none; background:#048cea !important; border:1px solid #048cea; color:#fff; }
option { padding:0.8rem; line-height:2; color:#2c2c2c; }

.article button.submit_charter, .article input.submit_charter { background:#38a239 !important; border: 1px solid #38a239; }
.article button.submit_charter:hover, .article input.submit_charter:hover { background:#58c55a !important; border: 1px solid #58c55a; }
.article input.submit_charter:disabled, .article input.submit_charter:disabled:hover { background:#ccc !important; color:#fff; border:1px solid #ccc; }

.article input:disabled, .article input[type="text"]:disabled, .article .article input[type="submit"]:disabled,
.article input[type="button"]:disabled:hover, .article input[type="submit"]:disabled:hover { background:#fff !important; border:1px solid #ddd; color:#fff; opacity:1.0; cursor:default; position:relative; }
.article input:disabled::placeholder, .article input[type="text"]:disabled::placeholder, .article textarea:disabled::placeholder, .article select:disabled::placeholder { color:silver; }


.article input:disabled:-webkit-autofill { box-shadow: 0 0 0px 1000px #fff inset; -webkit-text-fill-color: white !important; }

.article button:disabled, .article a.button:disabled, .article a.button:disabled, .article button:disabled:hover, .article a.button:disabled:hover, .article a.button:disabled:hover, .article input[type="button"]:disabled, .article input[type="button"]:disabled:hover { background:#ccc !important; color:#fff; border:1px solid #ccc; }

.article button.mini, .article .button.mini { min-width:0; }

.article input:focus, .article select:focus, .article textarea:focus { border:1px solid #ffb536; outline:none; box-shadow:0 0 3px rgb(255, 181, 54, 1);}

.article button.b_orange, .article a.button.b_orange, .article input[type="button"].b_orange { border:1px solid #EF7C00; background: #EF7C00 !important; }

.article button.b_orange:hover, .article a.button.b_orange:hover, .article input[type="button"].b_orange:hover {border:1px solid #ff9d34; background: #ff9d34 !important; }


/*-- Radio and Checkbox/ --*/
.article input[type="radio"], .article input[type="checkbox"] { margin:0 3px 0 0; width:1.25rem; height:1.25rem; display:none; }
.article input[type="radio"] + span, .article input[type="checkbox"] + span { padding: 0.8rem 0.8rem 0.8rem 2.4rem; position:relative; margin-right:0.8rem; display:inline-block; }
.article input[type="radio"] + span::before{ content:""; display:block; position:absolute; top:1rem; left:0; width:1.9rem; height:1.9rem; border:1px solid #2c2c2c; border-radius:50%; z-index:5; margin-right:3px; box-sizing:border-box; transition:0.1s; }
.article input[type="radio"]:checked + span, .article input[type="checkbox"]:checked + span { color:#1e73be; font-weight: bold; }
.article input[type="radio"]:checked + span::before, .article input[type="radio"]:hover + span::before{ border:2px solid #1e73be; }
.article input[type="radio"]:checked + span::after{ content:""; display:block; position:absolute; top:1.4rem; left:calc(0.35rem - 1px); width:1rem; height:1rem; background:#1e73be; border-radius:50%; z-index:10; transition:0.2s 0.2s; }
.article input[type="checkbox"] + span::before { content:""; display:block; position:absolute; top:1.125rem; left:0; width:1.9rem; height:1.9rem; border:1px solid #2c2c2c; border-radius:4px; margin-right:3px; box-sizing:border-box; }
.article input[type="checkbox"]:checked + span::before { border:1px solid #1e73be;}
.article input[type="checkbox"]:checked + span::after { content:""; display:block; position:absolute; top:0.64rem; left:0.64rem; width:1rem; height:1.9rem; transform:rotate(40deg); border-bottom:4px solid #1e73be; border-right:4px solid #1e73be; box-sizing:border-box; }

.article button.i_delete { min-width:0 !important; }
.article button.i_delete::before { display:none; }

.article button.b_back, input.b_back { max-width:180px; background:#fff !important; color:#1e73be !important; border: 1px solid #1e73be; }
.article button.b_back::before, input.b_back::before { border-color:#1e73be;}
.article button.b_back:hover, input.b_back:hover { background:#048cea !important; border-color:#048cea; color:#fff !important; }
.article button.b_back:hover::before, input.b_back:hover::before { border-color:#fff;}




/*-- SELECT/ --*/
.article select { -webkit-appearance:none; -moz-appearance:none; position:relative; z-index:auto !important; text-align:left; background:#fff url(../../../order/common/img/i_pulldown.svg) calc(100% - 0.8rem) center /2rem no-repeat; border:1px solid #2c2c2c; padding:0.8rem 3.2rem 0.8rem 0.8rem; margin:5px 0; box-sizing:border-box; width: auto; border-radius:0.4rem; }
.article select:disabled, select.disabled { border:1px solid #ddd; color:#ddd; color:silver; z-index:auto; background: #fff; }

.error, .required { color:#f55; }
div.error { border:3px solid #f55; padding:0 0.8rem; margin:0 0 0.8rem 0; }
ul.error { display:block;  border:3px solid #f55; padding:0.8rem 0.8rem 0.8rem 3rem; margin:0 0 0.8rem 0; }
span.error { background:#f55; color:#fff; padding:2px 5px; display:block; }
.example { color:#777; white-space:nowrap; }
.price { color:#1e73be; font-size:4.8rem; border-bottom: 3px double #1e73be; padding:0 0 0.8rem 0; line-height: 1; }
.price .yen { font-size:1.9rem; }
body.contact p { margin:0; }



/*-- リスト/ --*/
ol { counter-reset:step; list-style:none; margin:0; padding:0; }
ol li{ padding:0 0 0 3.5rem; margin:0 0 1rem 0; }
ol > li::before { counter-increment:step; content:counter(step); background:#1e73be; vertical-align:middle; display:inline-block; width:2.6rem; line-height:2.6rem; letter-spacing:normal; font-size:1.3rem; font-weight:bold; text-align:center; border-radius:50%; color:#fff; margin:-0.8rem 0.64rem 0 -3.2rem; position:relative; }
ol ol { margin:0.8rem 0 1rem 0; }
ol li li { padding:0 0 0 2.6rem; margin:0 0 0.4rem 0; }
ol li li::before { counter-increment:step; content:counter(step); background:#aaa; vertical-align:middle; display:inline-block; width:2.25rem; line-height:2.25rem; letter-spacing:normal; font-size:1.3rem; font-weight:normal; text-align:center; border-radius:50%; color:#fff; margin:-0.8rem 0.64rem 0 -3.2rem; }
ol > li h4, ol > li h5, ol > li h6 { vertical-align:top; display:inline-block; margin:0; line-height:1.5; }
ol li ul { padding:0 0 0 1.9rem; }
ol li ul li { padding:0; margin:0; }
ol li ul li::before { counter-increment:none; content:none; margin:0; }
ol li strong { /*color:#f77;*/ font-size:2.25rem; }
.value { background:#f77; vertical-align:middle; display:inline-block; width:2.6rem; line-height:2.6rem; font-size:1rem; font-weight:bold; text-align:center; border-radius:50%; color:#fff; margin:-0.8rem 0.64rem 0 0; }

ol.val > li::before { content:attr(value); background:#2c2c2c; vertical-align:middle; display:inline-block; width:2.6rem; line-height:2.6rem; letter-spacing:normal; font-size:1.3rem; font-weight:bold; text-align:center; border-radius:50%; color:#fff; margin:-0.8rem 0.64rem 0 -3.2rem; position:relative; }


.stepBar { display: flex; max-width: 280px; position: relative; margin:0 auto 3rem auto!important; padding:0; text-align: center;}
.stepBar li { font-size:1.6rem; list-style: none; position: relative; width: 33.333%;}
.stepBar li::after { background: #a6cef1; content: ""; width: calc(100% - 3.2rem); height: 6px; position: absolute; left: calc(-50% + 1.6rem); top:calc(1.6rem - 3px );}
.stepBar li:first-child::after { display: none;}
.stepBar li span { background: #a6cef1; color: #ffffff; display: inline-block; height: 3.2rem; margin-bottom: 5px; line-height: 3.2rem; width: 3.2rem; border-radius: 50%;}
.stepBar .visited:after { background: #1e73be;}
.stepBar .visited span { background: #1e73be;}


.q { padding-right:3.2rem; position:relative; }
.q::before { content:"Q. "; display:inline-block; margin-right:0.4rem; transition:0.25s; color:#2c2c2c; }
.q::after { content:"＋"; position:absolute; right:0; display:inline-block; transition:0.25s; color:#2c2c2c; }
.q.i_close::after { transform:rotate(-45deg); }
.a::before { content:"A. "; display:inline-block; font-weight:bold; margin-right:0.4rem; transition:0.25s; color:#2c2c2c; font-size:2.25rem; }

/*-- アコーディオン/ --*/
.m:hover, .q:hover { cursor:pointer; }

table.simu ol li { margin-bottom: 0;}


.charter_box .price {color:#38a239; border-bottom: 3px double #38a239; }
.charter_box .notice { border-color:#38a239; }
.charter_box a.button { background:#38a239; border-color:#38a239;}
.charter_box a.button:hover { background:#4cc14d !important; border-color:#4cc14d !important;}
.charter_box ol > li::before { background:#38a239; }
/*.charter_box .i_truck { background: url(../../../order/common/img/i_truck02.svg) center center /contain no-repeat;}*/


/*ログイン情報*/
.login_info { display: flex; justify-content: space-between; padding:1rem 0; margin-top:0; margin-bottom:3rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#2c2c2c; }
.login_info .login_name { padding:0.5rem 0;  }
.login_info .login_menu { padding:0.5rem 0;  }
.login_info .login_menu a:last-of-type { margin-left:1.5rem; text-decoration: none; }



/*フォントアイコン表示(サンプル用)*/
@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;
src:url(../font/fa-brands-400.woff2) format("woff2"),
url(../font/fa-brands-400.woff) format("woff")}
.fab{font-family:Font Awesome\ 5 Brands}

@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;
src:url(../font/fa-regular-400.woff2) format("woff2"),
url(../font/fa-regular-400.woff) format("woff");}
.far{font-weight:400}

@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;
src:url(../font/fa-solid-900.woff2) format("woff2");}
.fa,.far,.fas{font-family:Font Awesome\ 5 Free}
.fa,.fas{font-weight:900}

@font-face{font-family:fontello; src:url(../font/fontello.woff) format('woff');}



.area ul { margin: 0; padding: 0; }
.area ul li { display: inline-block; padding:0 1rem 0 0; }



/*タブ*/
.area .tab, .area .tab_sub { display: flex; flex-wrap: wrap; flex-flow:row wrap; align-items:flex-end; margin-bottom:0.5rem; padding:0 0.5rem !important; }
.area .tab li, .area tab_sub li { display: block; position: relative; padding:0 2rem 0 0; margin-right: 0.5rem; /* background:#e8eef7; margin:0 0.25rem 0 0.25rem; padding:0.5rem 2rem 0.5rem 1rem ; border:1px solid #cfdbef; border-radius:0.25rem 0.25rem 0 0; */ border-bottom:none; width: auto; cursor: pointer; }
.area .tab li.select, .area .tab_sub li.select { background:#fff; /*border:1px solid #e8eef7;*/ border-bottom:none; font-weight:bold; font-size:110%;  margin-bottom:-1px; }
.area .tab li::before, .area .tab_sub li::before { content:""; position:absolute; display:block; right:0.75rem; top:50%; width:0.5em; height:0.5em; margin:0; border-bottom:1px solid #507cc4; border-right:1px solid #507cc4; transform:translate(0,-50%) rotate(-45deg); box-sizing:border-box; transition:0.5s; }
.area .tab li.select::before, .area .tab_sub li.select::before { transform:translate(0,-55%) rotate(45deg);}

.area .tab_content { height:480px; opacity:1; pointer-events:all; transform: translateX(0); width: 100%; background:url("../img/loading.gif") center center /128px no-repeat; }
.area .tab_content li { display: block;  position: absolute;  width:100%; margin:0; padding: 0;  z-index:0;   }
.area .tab_content li.select { z-index:100; }
.area .tab_content li iframe {  }

.tab_sub_content > li { position: relative; }
.tab_sub_content > li.select { z-index:100;  width:100%;  }

.tab_link li a { text-decoration: none; }
.tab_link li a:hover { text-decoration: none; color:#2c4c82 !important; }



/*Lightbox*/
.elementor-slideshow__header > i {  display:none;  }


.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding:1.5rem 10px 3rem 10px; }
.elementor-element.elementor-element-338c211 { padding: 0 27px; }
#site-header .logo-position-center .site-title { text-align: left; }
.LR_box h4, .login_box h4 { margin-top:0 !important;  }
.first_time_link { display: none; }




@media screen and (max-width:1200px) {
h3 img.konsai_jp { width: 145px; }
}

@media screen and (max-width:1160px) {
.article { padding: 0 37px; }
}

@media screen and (max-width:960px) {


.table01 th, .table02 th { display:inline-block; width:100%; padding:1.2rem 0 0 0; }
.table01 td, .table02 td { display:inline-block; width:100%; border-top:none; padding:1.2rem 0; }
.table01 td .table03 th, .table01 td .table03 th,
.table02 td .table03 td, .table02 td .table03 td { display: table-cell; }

table.table02.packing_table td { padding-left:2.8rem; }
table.table02.packing_table th ol li { margin-bottom: 0 !important; }



#site-header .container-fullwidth { padding:0 1.5rem; }
.article { padding: 0 1.5rem; }
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding:0.5rem 0 1.5rem 0; }
.elementor-element.elementor-element-338c211 { padding:0 1.5rem; letter-spacing: normal; }
.elementor-element .elementor-widget-container h5 { font-size: 1.6rem;   line-height: 1.5; }
.preloader { height: 0; overflow: hidden; }

.elementor-widget:not(:last-child) { margin-bottom:0.5rem; }
}


@media screen and (max-width:640px) {
.col2 { column-count:1; }
.LR_box { width:100%; padding: 0 0 1rem 0; }

.tel strong { font-size:1.9rem; padding-left:2.2rem; background:url(../../../order/common/img/i_tel.svg) left center /1.8rem no-repeat; }
.mail_box { background:#eef8ff; padding:1.5rem; }
.mail_box2 { background:#f0faf0; padding:1.5rem; }

.elementor-element .elementor-widget-container h5 { font-size: 1.4rem;   }
.first_time_link { display: block; margin:-3rem 0 1rem 0; text-align: right; font-size:1.4rem;  }
}

@media screen and (max-width:480px) {
/*ログイン情報*/
.login_info { flex-flow:column wrap;}
br.pc_no2 { display:inline-block; }

h3 img.konsai_jp { width:110px; }
h3 { display: flex; line-height: 1.5;  }
.notice h5 { text-align: center; margin:0 0 1rem 0;  }
.notice h5 span { display:block; margin: auto; }

}

@media screen and (max-width:360px) {
h3.elementor-heading-title { font-size: 1.5rem;  }
h4 { font-size: 2rem;  }
h5 { font-size: 1.6rem;  }
.article { font-size: 1.4rem; }
}