@charset "utf-8";  
/*------------------------------------------------------------ 
	デフォルトスタイル	全ページ共通css
------------------------------------------------------------*/  

:root {
	--buyer-color: #f6ec00;
	--suppliers-color: #807bb6;
	--ja:  'Poppins','Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	--serif: 'Sawarabi Mincho', sans-serif;
}

html,
body { margin: 0; padding: 0;}
body {
	font-size: 1.2rem;
	background: #e6e6e6;
	-webkit-text-size-adjust: 100%;
	overflow-y:scroll;
	min-width: 1240px;
	padding-top: 110px;
}

html { font-size: 62.5%;}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: var(--ja);
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight: 400;
	vertical-align: baseline;
	background: transparent;
}  

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main,picture {
    display: block;
}

blockquote,
q { quotes: none;}

a {
	text-decoration: none;
	outline: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del { text-decoration: line-through;}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select,
textarea {
	color:#000;
	outline:none;
	font-size: 100%;
	vertical-align: middle;
	font-family: var(--ja);
}

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
textarea{ -webkit-appearance:none;}

input[type=checkbox],
input[type=radio]{
	position:relative;
	top:-1px;
}

ul,ol { list-style-type: none;}
img,svg { vertical-align: middle;}

.img-responsive{
	width:100%;
	height:auto;
}

.opacity { transition:all 0.2s ease-out;}
.opacity:hover { opacity: .7;}

.txtl { text-align: left;}
.txtr { text-align: right;}
.txtc { text-align: center;}

strong,
strong *,
.fwb { font-weight: bold;}

/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/

.inner {
	width:auto;
	max-width: 1340px;
	margin: 0 auto;
	padding-right:80px;
	padding-left:80px;
	transition: all 0.2s ease-out;
}

.inner.wid{
	max-width:1400px;
	padding-left:50px;
	padding-right:50px;
}

.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	   -ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-end{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-start{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex-align{
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.flex-align-start{
  -webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
}

.flex-align-end{
  -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}

.flex-column{
 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}

.flex-reverse{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flex-auto{ flex:1;}

.hover figure{ overflow:hidden;}
.hover img{ transition:all 0.4s ease-out;}
.hover:hover img{ transform:scale(1.1);}

.tel-link,
.tel-link a{
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
}

/* loading */

#overlay{
	display:none;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.7);
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}

#loader{
	width:50%;
	height:50%;
	border: 6px solid rgba(100, 100, 100, 0.6);
	border-top: 6px solid rgba(255, 255, 255, 1);
	border-radius:50%;
	height: 50px;
	width: 50px;
	-webkit-animation: fancybox-rotate .8s infinite linear;
	animation: fancybox-rotate .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }


/*------------------------------------------------------------ 
    ヘッダー 
------------------------------------------------------------*/

body,html,
#wrap{
	width:100%;
	height:100%;
}

#header {
	width:100%;
	min-width: 1240px;
	height:110px;
	padding:0 50px;
	background-color: #fff;
	position:fixed;
	top:0;
	left: 0;
	z-index: 100;
	box-sizing:border-box;
}

#hdLogo{
	display:block;
	color:#000;
	font-size:2.4rem;
}

#hdLogo span{
	font-size:inherit;
	font-weight: bold;
}

.gNavi-Item + .gNavi-Item{ margin-left: 40px;}
.gNavi-Item a{
	display:block;
	color:#000;
	font-size:1.8rem;
	font-weight: bold;
	padding:6px 0;
	position: relative;
}

.gNavi-Item a::after{
	display:block;
	content:"";
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	left:0;
	bottom:0;
    transform-origin: right top;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transform: scaleX(0);
}

.gNavi-Item a:hover::after{
	transform: scaleX(1);
    transform-origin: left top;
}

.gNavi-Button{ height:48px;}

.gNavi-Item + .gNavi-Button{ margin-left: 20px;}
.gNavi-Button + .gNavi-Button{ margin-left: 12px;}

.gNavi-Button a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
	padding:0 20px;
	height:100%;
	color:#000;
	font-weight: bold;
	font-size:1.8rem;
	border:1px solid;
	box-sizing:border-box;
	transition: all .2s ease-out;
}

.gNavi-Button .style3,
.ft-Button .style1:hover,
.gNavi-Button .style1:hover{
	color:#000;
	background:var(--buyer-color);
	border-color:var(--buyer-color);
}


.ft-Button .style2:hover,
.gNavi-Button .style2:hover{
	color:#fff;
	background:var(--suppliers-color);
	border-color:var(--suppliers-color);
}

.gNavi-Button .style3:hover{
	color:var(--buyer-color);
	background:#333;
	border-color: #333;
}



/*------------------------------------------------------------ 
    NEWS 
------------------------------------------------------------*/  

#top-News{
    width:100%;
    padding:110px 0;
    background:#fff;
}

#top-News__head{
	width:200px;
	text-align: left;
	margin-bottom: 0;
}

#top-News__head::before{ margin-left:0;}

.top-Headline{
    font-size:3.9rem;
	text-align: center;
    margin-bottom: 1em;
    font-weight: bold;
}

.top-Headline small{
	display: block;
    font-size:1.8rem;
	line-height: 1;
	color:#333;
}

.is-bdr::before{
    display:block;
    content:"";
    width:100px;
    height:3px;
    margin-bottom:18px;
	background-color: var(--buyer-color);
}

.top-Headline.is-bdr::before{
	margin-left: auto;
	margin-right: auto;
}

#top-NewsList{ width:calc(100% - 200px);}
.top-NewsItem + .top-NewsItem{ margin-top:50px;}

.top-NewsItem__date{
    width:150px;
    color:#999999;
    font-size:1.8rem;
}

.top-NewsItem__title{
    width:calc(100% - 150px);
    color:#333333;
    font-size:1.8rem;
}

.top-Schedule__text{
    padding:0 10px;
    font-size:1.8rem;
    line-height:1.33;
    margin-top:1.5em;
}

/*------------------------------------------------------------ 
    detail 
------------------------------------------------------------*/ 

#detail{
	width:100%;
	padding:30px 0 160px;
	overflow: hidden;
}


/* NEWS */
#detailColumn{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	position: relative;
	z-index: 10;
}

#detail-Tab{
	position:absolute;
	right:0;
	top:-62px;
	z-index: 20;
}

#detail-Tab li{
	width:236px;
	height:62px;
}

#detail-Tab a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
	width:100%;
	height:100%;
	color:#fff;
	background:#b3b3b3;
	font-size:1.8rem;
	transition: all .2s ease-out;
	position: relative;
}

#detail-Tab a::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 7px 0 7px;
	border-color: var(--buyer-color) transparent transparent transparent;
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:translateX(-50%);
	opacity:0;
	transition: all .2s ease-out;
}

#detail-Tab a:not(.selected):hover{ background:#ccc;}

#detail-Tab .selected{ background:var(--buyer-color);color: #000;}
#detail-Tab .selected::after{ opacity:1;}

.detail-Section{
	width:auto;
	min-height:500px;
	padding:80px;
	background:#fff;
}

.detail-Section + .detail-Section{ margin-top:80px;}

#detailHd{
	color:#333;
	font-size:2.4rem;
	line-height:1.75;
	font-weight:bold;
}

#detailDate{
	color:#666;
	font-size:1.4rem;
	margin-top:1em;
}

#editor{
	margin-top:40px;
	font-size:16px;
	color:#333;
	line-height:1.75;
}
/*
#editor::before{
	display:block;
	content:"";
	width:300px;
	height:0;
	border-bottom:1px solid #163562;
	margin-bottom:30px;
}
*/
#editor.edit *{
	font-size:inherit;
	line-height:inherit;
}

#editor.edit a{
	color:#163562;
	text-decoration:underline;
}

#editor.edit a:hover{ text-decoration:none;}

.eventItem__title{
	width:120px;
	margin:35px 0 15px;
	text-align:center;
	font-size:1.6rem;
	color:#333333;
	line-height:32px;
	border:1px solid #333;
}

/* registration */

#regist-Head{
	width:400px;
	font-size:2.8rem;
	padding:100px 0 70px;
	position: relative;
	z-index: 1;
}

#regist-Head::after{
	content:"";
	width:100vw;
	height:310px;
	position: absolute;
	right:0;
	top:0;
	z-index: -1;
	background: var(--buyer-color);
}

.com-Submit{
	width:100%;
	height:160px;
}

.com-Submit a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
	width:100%;
	height:100%;
	color:#000;
	font-size: 2.4rem;
	font-weight: bold;
	background: var(--buyer-color);
	transition: all .2s ease-out;
}

.com-Submit a:hover{
	color:var(--buyer-color);
	background-color: #333;
}


/* history */

.detail-History{ width:100%;}
.detail-History + .com-Text{ margin-top:.8em;}

.detail-History th{
	text-align: left;
	color:#333;
	font-size:1.4rem;
	padding: .5em 0 1em;
	border-bottom:1px solid #999999;
}

.detail-History .thead1{ width:120px;}
.detail-History .thead2{ width:290px;}
.detail-History .thead3{ width:130px; text-align: center;}

.detail-History td{
	vertical-align: middle;
	color:#333;
	font-size:1.5rem;
	padding:20px 0;
	border-bottom:1px solid #e6e6e6;
}

.detail-History td a{
	font-size:inherit;
	color:inherit;
	text-decoration: underline;
	text-underline-offset: 1px;
}

.detail-History td a:hover{ text-decoration: none;}

.zoom-btn{
	display:block;
	width:36px;
	margin: 0 auto;
}

.zoom-btn .cls-1{ fill:#2d8cff;}
.zoom-btn .cls-2{
	fill:#fff;
	fill-rule:evenodd;
}


/* modal */

.modal__close{
	width:100%;
	text-align:right;
	margin-bottom:45px;
	position: relative;
    z-index: 100;
}

.modal__image{
	width:290px;
	position:relative;
	z-index:20;
}

.modal__info{
	flex:1;
	padding:0 55px 70px;
	position:relative;
	z-index:10;
}

.modal__info::before{
	display:block;
	content:"";
	width:calc(100% + 70px);
	height:100%;
	background:#fff;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
}

.modal__name{
	color:#163562;
	font-size:2.1rem;
	margin-bottom:15px;
}

.modal__text{
	color:#333;
	font-size:1.4rem;
	line-height:1.7;
}

.modal__text + .modal__text{ margin-top:22px;}
.modal__text + .modal__text::before{
	display:block;
	content:"";
	width:150px;
	height:1px;
	margin-bottom:22px;
	background:#163562;
}


.modal__bg{
    display: block;
    width: 200vw;
    height: 600px;
    background: #EBECEC;
    position: absolute;
    left: 50%;
    bottom: -20%;
    transform: translateX(-50%) rotate(-15deg);
    transform-origin: center center;
    z-index: 1;
}

.form__title{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
	margin-bottom:1.5em;
}

.formItem + .formItem{ margin-top:20px;}

.formItem dt{
	font-size:1.6rem;
	margin-bottom:15px;
}

.error{ margin-top:14px;}
.error span{
	display:inline-block;
	padding:3px 1em;
	font-size:1.4rem;
	background:var(--buyer-color);
}

.button{
	width:340px;
	height:60px;
	margin:40px auto;
}

.button a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:58px;
	font-size:1.8rem;
	font-weight: bold;
	transition:all 0.2s ease-out;
	border:1px solid transparent;
	box-sizing:border-box;
}

.button .style1{ background: var(--buyer-color); color:#000;}
.button .style2{ background: var(--suppliers-color); color:#fff;}

.button .style1:hover{
	background:#333;
	color:var(--buyer-color);
}

.button .style2:hover{
	background:#333;
}

#entryBtn{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;

	max-width:100%;
	margin:30px auto 0;
}

#entryBtn li{
	width:240px;
	height:50px;
}

#entryBtn li + li{ margin-right:20px;}

#entryBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
	background:var(--suppliers-color);
	border-radius:25px;
}

#entryBtn .cancel{ background:#ddd;}
#entryBtn .submit{ background:var(--buyer-color); color:#000;}

.com-Text{
	font-size:1.6rem;
	line-height:2;
}

.com-SubText{
	font-size:1.4rem;
	line-height:1.8;
	word-break: break-all;
}

.com-Text a,
.com-SubText a{
	font:inherit;
	color:inherit;
	text-decoration: underline;
}

.com-Text a:hover,
.com-SubText a:hover{ text-decoration: none;}



/* reservation */

.reservationList{
	margin-top:20px;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	   -ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.reservationList li{
	width:calc(100% / 10);
	height:40px;
}

.reservationList a{
	display:block;
	width:100%;
	height:100%;
	text-align: center;
	line-height:40px;
	color:#333;
    font-size: 1.4rem;
	transition: all 0.2s ease-out;
	position: relative;

	color: #163562;
background: #fff;
transition: all 0.2s ease-out;
border: 1px solid #163562;
}

.reservationList a:hover{ background:#163562; color:#fff;}

.form-select{
	width:300px;
	margin-top:20px;
	position:relative;
}

.form-select.inline{
	width:auto;
	display:inline-block;
}

.form-input{
    width:100%;
    height: 60px;
    padding: 0 20px;	
	color:#333;
    font-size: 1.6rem;
    background: #f2f2f2;
    border: none;
    outline: none;
	box-sizing: border-box;
}

.form-input.other{
	width:260px;
	height:50px;
}

.form-textarea{
    width:100%;
    height:130px;
    padding:20px;	
	color:#333;
    font-size: 1.6rem;
    background: #f2f2f2;
    border: none;
    outline: none;
	resize:none;
	overflow:auto;
	box-sizing:border-box;
}

.form-textarea.ht100{ height:100px;}
.form-input.wid100{ width:100px;}

.form-select select{
    width:100%;
    height: 60px;
    padding: 0 30px 0 20px;	
	color:#333;
    font-size: 1.6rem;
    background: #F7F8F8;
    border: none;
    outline: none;
	text-overflow: ellipsis;
    box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.form-select select::-ms-expand{ display: none;}

.form-select::after{
	display:block;
	content:"";
	width:4px;
	height:4px;
	border-right:2px solid #666;
	border-bottom:2px solid #666;
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%) rotate(45deg);
	pointer-events: none;
}

#timetable{
    width: auto;
    color: #333;
	margin-top:20px;
    padding: 0 110px;
    border: 1px solid #ECF0F1;
    overflow: hidden;
    position: relative;
}

.tableNo{
	width:110px;
	position:absolute;
	bottom:0;
	box-sizing:border-box;
}

.tableNo.left{
	left:0;
	border-right:1px solid #ECF0F1;
}

.tableNo.right{
	right:0;
	border-left:1px solid #ECF0F1;
}

.tableNo dt{
	width:100%;
	height:48px;
	padding:5px 10px;
	box-sizing:border-box;
}

.tableNo dd li{
	width:100%;
	text-align:center;
	border-top:1px solid #ECF0F1;
	font-size:1.4rem;
	line-height:109px;
	background:#F7F8F8;
}

.navigation a{
	display:inline-block;

	display:none;/* スライドしないので非表示 */

	vertical-align:top;
	width:100%;
	height:38px;
	text-align:center;
	line-height:38px;
	color:#333;
	font-size:1.5rem;
	background:#F3F7F7;
	position:relative;
	box-sizing:border-box;
	transition:all 0.2s ease-out;
}

.navigation .disabled{
	opacity:0.6;
	pointer-events: none;
}

.navigation .prev{ padding-left:5px;}
.navigation .next{ padding-right:5px;}

.navigation a:after{
	display:block;
	content:"";
	width:0;
	height:0;
	border:19px solid #fff;
	position:absolute;
	top:0;
	transition:all 0.2s ease-out;
}

.navigation .prev:after{
	border-right:10px solid #F3F7F7;
	border-left:0;
	left:0;
}

.navigation .next:after{
	border-left:10px solid #F3F7F7;
	border-right:0;
	right:0;
}

.navigation a:hover{ background:#E7ECEC;}
.navigation .prev:hover::after{ border-right-color:#E7ECEC;}
.navigation .next:hover::after{ border-left-color:#E7ECEC;}


#schedule{
	width:100%;
	overflow:hidden;
}

#schedule > ul{
	width:100%;
	color:#666;
	overflow:hidden;
}

.item{
	width:20%;
	float:left;
	border-right: 1px solid #ECF0F1;
	box-sizing:border-box;
}

.item:last-child{ border-right:none;}

.item li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	width:100%;
	height:110px;
	box-sizing:border-box;
	text-align:center;
	font-size:1.6rem;
	border-top:1px solid #ECF0F1;
}

.item .date{
	border-top:none;
	font-size:1.4rem;
	font-weight:bold;
	height:48px;
}

.item .date span{
	font-size:1.4rem;
	font-weight:bold;
}

.item .sat{ background:#D7F0FF;}
.item .sun{ background:#FFCCCC;}

.item a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	width:100%;
	height:100%;
	color:#333;
	box-sizing:border-box;
	transition:all 0.2s ease-out;
}

.item a::before{
	line-height:1;
}

.item .style1::before{
	content:"";
	font-size:1.8rem;
	color:#2266DD;
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #26D;
	border-radius: 50%;
}

.item .style2::before{
	content:"×";
	font-size:3rem;
	color:#ccc;
}

.item .style2{
	background:#F3F7F7;
	pointer-events: none;
}

.item .style3::before{
	content:"Accepted";
	font-size: 1.5rem;
	color:#666;
	font-weight: bold;
	padding-bottom: 2px;
}

.item .style3{
	background:#FFFBE5;
}

.item p{
	width:100%;
	font-size:1.4rem;
	margin-top:4px;
}

.item .style2 p{ color:#ccc;}
.item .style2 p{ color:#ccc;}

/* registration */
.registrationTbl{ width:100%;}
.registrationTbl th{
	width:300px;
	color: #333;
	vertical-align: middle;
    font-size: 1.8rem;
	line-height:1.3;
	text-align:left;
}

.registrationTbl th small{
	font-size:1.6rem;
	line-height: inherit;
}

.registrationTbl th.line{
	line-height:60px;
	vertical-align:top;
}

.registrationTbl th.top{ vertical-align: top;}

.required{
	color:#f15a24;
	font-size:1.8rem;
	padding-left:3px;
}

.registrationTbl tr:not(:last-child) th,
.registrationTbl tr:not(:last-child) td{ padding-bottom:40px;}

.checklist{ padding-left: 0;}
.checklist + .error{ margin-top:15px;}
.checklist li + li{ margin-top:20px;}

.checklist label{
	display:inline-block;
	cursor: pointer;
}

.checklist input{ display: none;}

.checklist span{
	display:block;
	line-height:28px;
	padding-left: 42px;
	cursor: pointer;
	color:#333;
	font-size:1.8rem;
	position:relative;
}

.checklist span::before,
.checklist span::after{
	content:"";
	position:absolute;
	top:50%;
}

.checklist input[type=radio] + span::before,
.checklist input[type=radio] + span::after{ border-radius:50%;}	

.checklist span::before{
	width:28px;
	height:28px;
	left:0;
	background:#f2f2f2;
	transform:translateY(-50%);
}

.checklist span::after{
	width:16px;
	height:16px;
	left:6px;
	background:#4d4d4d;
	transform:scale(0) translateY(-50%);
}

.checklist input:checked + span::after{ transform:scale(1) translateY(-50%);}

#password-result p{
	font-size:1.6rem;
	padding-top:10px;
	color:inherit;
}

#password-result.short,
#password-result.week{ color:#E73828;}
#password-result.good{ color:#F2C81F;}
#password-result.strong{ color:#23ACC9;}
#password-result p::after{
	display:block;
	content:"";
	max-width:600px;
	height:10px;
	margin-top:8px;
}

#password-result.short p::after,
#password-result.week p::after{
	width:30%;
	background:#E73828;
}

#password-result.good p::after{
	width:60%;
	background:#F2C81F;
}

#password-result.strong p::after{
	width:100%;
	background:#23ACC9;
}

.form-txt{
	font-size:1.4rem;
	margin-top:8px;
}

.faq-Item + .faq-Item{ margin-top:60px;}

.faq-Item dt{
	font-size:1.8rem;
	color:#333;
	margin-bottom: 28px;
}

.faq-Item dt span{
	font-size: inherit;
	font-weight: bold;
}

#suppliersList{
	width:100%;
	margin-top:20px;
	overflow: auto;
}

#suppliersList ul{
	display: flex;
}

#suppliersList li{
	 width:220px;
	 min-width:220px;
	 margin-right: 16px;
	 height:76px;
}

#suppliersList a{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:100%;
	color:#000;
	line-height: 1.3;
	font-size: 1.4rem;
	text-align: center;
	padding:0 12px;
	box-sizing: border-box;
	background-color: #F7F8F8;
	transition: background .2s ease-out;
}

#suppliersList a:not(.is-selected):hover{
	background-color: #e6e6e6;
}

#suppliersList a.is-selected{
	background-color: var(--buyer-color);
	pointer-events: none;
}

/*------------------------------------------------------------ 
    フッター 
------------------------------------------------------------*/  

#pagetop{
	display:none;
	width:60px;
	height:60px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:500;
}

#pagetop a{
	display:block;
	width:100%;
	height:100%;
	background:rgba(128,123,182,.7);
	transition:background 0.2s ease-out;
	position:relative;
}

#pagetop a:hover{ background:rgba(128,123,182,1);}

.arrow-box{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	transform:rotate(-90deg);
}

.arrow-right{
	width:10px;
	height:18px;
	fill:none;
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	stroke:#fff;
	stroke-width:2px;
}

#footer {
	width:100%;
	color:#fff;
	padding:120px 0 90px;
	background:#000;
}

#ftLogo{
	font-size:3.9rem;
	line-height:1.35;
	margin-bottom: .8em;
}

.ft-Button a span,
.ft-Text span,
#ftLogo span{
	font-size:inherit;
	line-height:inherit;
	font-weight: bold;
}

#ft-Info{
	flex:1;
	padding-right:40px;
}

.ft-Text{
	font-size:1.6rem;
	line-height:1.8;
}

.ft-SubText{
	font-size:1.4rem;
	margin-top:1.5em;
	line-height:2;
}

#ft-ButtonList{
	width:278px;
	padding-top:60px;
}

.ft-Button{
	width:100%;
	height:76px;
}

.ft-Button + .ft-Button{ margin-top: 50px;}

.ft-Button a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
	width:100%;
	height:100%;
	color:#fff;
	font-size:1.8rem;
	border:1px solid;
	box-sizing:border-box;
	transition: all .2s ease-out;
}

.ft-Button a:hover{
	color:#000;
	background-color: #fff;
}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* PC */
@media screen and (max-width: 1540px){

	#header{ padding:0 calc(50px*.8);}

	#hdLogo img{
		width:calc(249px*.9);
		height: auto;
	}

	.gNavi-Item + .gNavi-Item{ margin-left:calc(40px*.6);}

	.gNavi-Button a,
	.gNavi-Item a{ font-size:1.6rem;}

	.gNavi-Button a{ padding:0 calc(20px*.75);}
	
	.gNavi-Button + .gNavi-Button { margin-left: 9px;}

}

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

	.inner{
		padding-left:50px;
		padding-right:50px;
	}

	.gNavi-Button a,
	.gNavi-Item a{ font-size:1.5rem;}

	.gNavi-Item + .gNavi-Item{ margin-left:calc(40px*.5);}
	.gNavi-Item + .gNavi-Button { margin-left: 15px; }
}


@media screen and (max-width: 1080px) and (min-width: 835px){


}

/* TABLET */
@media screen and (min-width: 835px){

.tb-show{ display:none;}


}

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

.tb-hide{ display:none;}


}


/* SP */
@media screen and (min-width: 481px){

.sp-show{ display:none;}

}

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

.sp-hide{ display:none;}

}