@charset "UTF-8";
/****************************************
Resetting
*****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, main,hgroup, menu, nav, section {
	display: block;
}

body {
	font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	letter-spacing:.07em;
	line-height: 1;
}

ol,ul,li{
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

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

input[type="submit"],
input[type="button"],
input[type="reset"]{
	appearance: button;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
}

a{
	text-decoration: none;
}
/******************************************
normarise
******************************************/
*{
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

html {
	-webkit-font-smoothing: antialiased;
}

body{
	color: #444;
	font-size:1rem;
	line-height: 1.5;
}

a{
	transition: .5s;
}

a:hover{
	opacity: 0.8;
}

/******************************************
clearfix
******************************************/
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}  
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}  
.clearfix {
	display: block;
}  
/* End hide from IE-mac */

/****************************************
Layout
*****************************************/
/*flexbox*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flex--start{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.flex--center{
	justify-content: center;
	-webkit-justify-content: center;
}
.flex--end{
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.flex--bet{
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex--around{
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

/*col*/
.col2{
	width:48%;
}

.col3{
	width:30%;
}

.col4{
	width:25%;
}

.col5{
	width:18.4%;
}

.col6{
	width:15%;
}
/****************************************
header
*****************************************/

.site-header{
	margin: 0 auto;
	padding: 0px 20px;
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0;
	transition: .5s;
	z-index: 10;
	background: #f9f7f1;
	border-bottom: 5px solid #ee7700;
}
	@media screen and (max-width:768px) {
		.site-header{padding: 0px;}
	}
	@media screen and (max-width:480px) {
		.site-header{height: auto;}
	}
.site-header.hide{
    top: -70px;
}
.site-logo {
	display: flex;
    align-content: center;
    align-items: center;
}
.site-logo a{
	font-size:1.5em;
}
.site-logo__img{
	height: auto;
	width: 100%;
}
.site-logo a img.logo{
	height:32px;
	width:auto;
	display: flex;
}
@media screen and (max-width:480px) {
	.site-logo a img.logo{height:28px;padding-left:0;}
}
.gnav{display: flex;align-items: center;}
.gnav__menu{display: flex;justify-content: flex-start;}
.gnav__menu__item{
	margin-left: 20px;
}
@media screen and (max-width:820px) {
	.gnav__menu__item{
		margin-left: 0px;
	}	
}
.gnav__menu__item__link{
	font-size: 1em;color:#555;
}
.gnav__menu__item__link__name{
	color:#fff;
	margin-right: 5px;
}

.mnav__menu{
	overflow: hidden;
	}
.mnav__menu__tittle{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 10px;
	color:#fff;
	background: -moz-linear-gradient(90deg, #006699, #0099cc);
	background: -webkit-linear-gradient(90deg, #006699, #0099cc);
	background: -o-linear-gradient(90deg, #006699, #0099cc);
	background: -ms-linear-gradient(90deg, #006699, #0099cc);
	font-size:1em;
}
.mnav__menu__item{
	display: flex;
	flex-direction: column;
	padding:10px;
	border-bottom: solid 1px #006699;
}
.mnav__menu__item__link{
	font-size: 1em;
	padding: 10px;
	color: #006699;
}

.hero {
	width: 100%;
	height: auto;
	/*margin-top: 70px;*/
	padding: 0;
	display: block;
	text-align: center;
	background:#ddd;
}
.hero--img {
	z-index: -1;
	position: relative;
}
.hero img{width: 80vw;vertical-align: bottom;}
.login {display:flex;}
.login2,.login3,.login4 {display:none;}
	@media screen and (max-width:854px) {
		.login2 {display:flex;}
	}
	@media screen and (max-width:480px) {
		.login {display: none;}
		.login3{flex-basis: 100%;max-width: 100%;display:flex;justify-content:flex-start;padding: 10px;}
		.login4 {display:block;}
	}

/*index main_nav*/
.main_nav_wrap{width:100%; display:flex; flex-wrap:wrap; background: url("../images/pattern.png");}
.main_nav__title{width: 100%;margin: 0 auto;padding: 2%;display: flex;font-size:30px;text-align: center;}
.main_nav__title2{width: 100%;margin: 100px auto 0 auto;padding: 2%;display: flex;font-size:30px;text-align: center;}
.main_nav{width:100%; margin: 0 auto; padding: 0;display: flex;flex-wrap: wrap;}
.main_nav_item{flex-basis:25%; max-width:25%; padding:0;height:490px;background:#ccc;display: flex;flex-direction: column;text-align: center;position: relative;}
.auction{background: url(../images/auction_img.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.shop{background: url(../images/shop_img.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.event{background: url(../images/event_img.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.virtual{background: url(../images/virtual_img.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.main_nav_txt{height: 40%;z-index: 1;padding-top: 5%;font-size: 1.3em;font-weight:normal;position: relative;text-shadow: 2px 1px #fff;}
.main_nav_txt2{height: 40%;z-index: 1;padding-top: 5%;font-size: 1.3em;font-weight:normal;position: relative;color: white;text-shadow: 2px 2px 2px #000;}
.main_nav_item__circle_btn{
	width:50px;height:50px;border-radius:50%;background:royalblue;text-align:center;line-height:50px;margin:0 auto;
	z-index: 1;position: relative;box-shadow: 2px 2px 2px #fff;
}
.main_nav_item__circle_btn span {
	width: 15px;
	height: 15px;
	top:2px;
	position:relative;
	margin-left: -6px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	display: inline-block;
	box-sizing: border-box;
}
.main_nav_item img{z-index: 0;width: 100%;height:490px;object-fit: cover;}
.main_nav_img{position:absolute;left: 0;top:0;}
.gradation{
	color: #006699;
	background: -webkit-linear-gradient(90deg, #006699, #0099cc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/*index other_nav*/
.other_nav__title{width: 100%;margin-top: 2%;padding: 2%; font-size:23px;text-align: center;display: flex;}
.other_nav{width: 1200px;margin: 0 auto; padding: 0;display: flex;justify-content: center;flex-wrap: wrap;}
@media screen and (max-width:1200px) {
	.other_nav{width: 100%;}
}
.other_nav_item{flex-basis:33%;margin-bottom: 2%; padding:0 2%; border-left: dotted .7px #ccc;}
.other_nav_item:last-child{border-right: dotted .7px #ccc;}
.other_nav_item__title{text-align: center;padding: 1%;line-height: 1.5em; background: url("../images/pattern.png");}
.other_nav_item__title2{color: white; font-size: 1.3em; padding: 1% 1% 1% 8%;line-height: 1.5em; background: linear-gradient(0deg, #006699, #0099cc);}
.other_nav_item__title3{padding: 1% 1% 1% 8%;line-height: 1.3em; background: url("../images/pattern.png");}
.other_nav_item__txt{display: block;font-weight: lighter;margin: 5% auto;}
.other_nav_item__txt__caution{color:red;display: block;}
.other_nav2{width: 100%;margin: 0 auto; padding: 0;display: flex;justify-content: center;flex-direction: column;font-size: .875rem;}
.other_nav_item2{width:100%;margin: auto; padding:0 2%; border-left: dotted .7px #ccc;border-right: dotted .7px #ccc;}
.other_nav_item3{width:100%;min-height: 0%; margin: -2% auto 0 auto; padding:0; border-left: dotted .7px #ccc;border-right: dotted .7px #ccc;}
.other_nav_item__ul{margin: 2% auto;width: 90%;}
.other_nav_item__ul li{margin: 2%; list-style: circle;}
.other_nav_item__txt__caution2{color:red;margin: 2% auto;width: 90%;}
.other_nav_item__txt2{font-weight: lighter;margin: 2% auto;width: 90%;}
.h3{font-size: 1.3em}

.logo_item{
	width: 70%; margin: 0 auto;
}
.index__menu{
	margin: 100px 0 0 0;
	padding: 20px 0;
	border-top: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	border-bottom: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	width: 100%;
	text-align: center;
}
.index__menu__item{
	margin-left: 50px;
}

.index__menu__item__link{
	font-size: 16px;
	letter-spacing: 0.2em;
}
.middle--img {
	z-index: -1;
	position: relative;
	width: 100%;
	height: auto;
	margin: 5% auto 0 auto;
	padding: 0;
}
.middle--img img{
	width: 100%;margin: 0;padding: 0;
}

/****************************************
   AC_index
*****************************************/
#AC_index .site-header{background:none;margin: 0 auto;padding: 20px 20px 0 20px;width: 100%;height: 100px;position: fixed;top: 0;transition: .5s;z-index: 10;}
.AC_index_wrap{background: url("../images/hobima_bg.jpg");min-height: 100vh;background-attachment: fixed;background-size: cover;background-position: center;display: flex;flex-wrap: wrap;}
.AC_index_main_area{flex-basis: 100%;height: 100vh;display: flex;flex-wrap: wrap;}
.AC_index_main_item{flex-basis: 100%;align-self:flex-end;margin:5% auto 0 10%;}
.AC_index_main_item img{width: 50%;height: auto;}
.AC_index_main_subitem{flex-basis: 47%;margin: 0 auto;text-align: right;padding-top: 2%; padding-right: 3%;}
.AC_index_main_subitem img{width: 30%;height: auto;}
.AC_index_main_subitem2{flex-basis: 47%;margin:-2% auto 0 auto; padding-left: 3%;padding-top: 2%;}
.AC_index_main_subitem2 img{width: 28%;height: auto;}
.AC_index_sub_area{flex-basis: 100%;width:100%;height: 90vh;padding-top: 150px;margin:10%;}
.AC_index_list ul {list-style:none;display: flex;justify-content: center;flex-direction: column; width: auto;margin:0 auto;padding: 0;}
.AC_index_list li {width:80%;border-left: solid 1px #fff;border-right: solid 1px #fff;border-bottom: solid 1px #fff;display: flex;margin:0 auto;padding: 0;background: rgba(0,10,70,.8);color:#fff;}
.AC_index_list li:first-child {width:80%;border-top: solid 1px #fff;display: flex;margin:0 auto;padding: 0;}
.AC_index_list ul.insert-ul {margin:0;padding: 0;}
.AC_index_list li.insert-li {width: 100%;background: none;text-align: left;border:none;margin:0;padding: 0;}
.AC_index_list span.dan {flex-basis: 30%;text-align: right;padding: 3%;border-right: solid 1px #fff;}
.AC_index_list span.dan2 {flex-basis: 70%;padding: 3%;}
.AC_index_list__title{width:100%;text-align: center;font-size:1.5em;color:#003366;letter-spacing: .5em;margin-bottom: 2%;}
/****************************************
   auction___shop___event___bigsquare
*****************************************/
#BigSquare .main_nav__title{width: 100%;margin: 0 auto;padding: 2%;display: flex;flex-direction: column;background: url("../images/pattern.png");}
#BigSquare .main_nav__title span{
	color: #006699;
	background: -webkit-linear-gradient(90deg, #003366, #006699);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:36px;
	font-weight: bold;
	letter-spacing: .07em;
}
#Auction .main_nav__title{width: 100%;margin: 0 auto;padding: 2%;display: flex;flex-direction: column;background: url("../images/pattern.png");}
#Auction .main_nav__title span{
	color: #006699;
	background: -webkit-linear-gradient(90deg, #003366, #006699);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:1.5rem;
	font-weight: bold;
	letter-spacing: .07em;
}
#Members .main_nav__title{width: 100%;margin: 0 auto;padding: 2%;display: flex;flex-direction: column;background:linear-gradient(0deg,#003366,#006699);}
#Members .main_nav__title span{
	color: white;
	font-size:26px;
	font-weight: bold;
	letter-spacing: .07em;
}
.line1{margin-left: -15%;}
.line2{margin-left: 20%;}
.fixed_bg {background-attachment: fixed; background-size: cover;background-position: center; background-image:url("../images/hobima_bigsquare_bg_fixed.jpg");}
#BigSquare .other_nav2{width: 80%;margin: 0 auto; padding: 0;display: flex;justify-content: center;flex-direction: column;font-size: 1em;}
#BigSquare .other_nav_item2{width:100%;margin:0 2%; padding:2%; border-left: dotted .7px #ccc;border-right: dotted .7px #ccc;background-color:rgba(256, 256, 256, 0.9);}
.sec{display: flex;flex-direction: row-reverse; width: 100%;margin: 0;padding: 0;}
.sec2{display: flex; width: 100%;margin: 0 auto;padding: 0;}
.sec_auction{display: flex; width: 100%; margin:2% auto;padding: 0;flex-wrap: wrap;}
.sec_title{width: 100%;font-size: 1.5em;color: #003366;font-weight: bold;border-top:5px solid;border-image: linear-gradient(to right, #006699 0%,#00ccdd 50%, #006699 100%);border-image-slice: 1; margin-bottom: 2%;padding-top:5%;text-align: center;letter-spacing: .07em;}
.sec_txt{margin:2% 10%; font-size: 1.2em;color: #003366;font-weight:normal;line-height: 3em;letter-spacing: .2em;}
.sec_list{margin:0 2%;padding: 0 2%;font-size: 1.2em;color: #003366;font-weight: normal;line-height: 3em;border-radius:10px;letter-spacing: .2em;flex-basis: 62%;}
.sec_list li{margin-left: 2%; padding: 0;list-style: circle;}
.sec_list li:first-child{margin-top: -3%; padding-top: 0;}
.sec_list li:last-child{list-style: none;}
.sec_list2{margin:0 10% 10% 10%;padding:0 2%; font-size: 1.2em;color: #003366;font-weight: normal;line-height: 3em;}
.sec_list2 li{margin-left:2%;padding:0;list-style: circle;}
.sec_list2 li:first-child{padding-top: 0;}
.sec_event_title{width: 100%; margin: 5% auto 10% auto;font-size: 1.5em;color: #003366;font-weight: bold;text-align: center;letter-spacing: .07em;display: flex;flex-direction: column;}
.sec_event_txt{flex-basis: 50%;margin:-2% auto 0 auto; font-size: 1.2em;color: #003366;font-weight:normal;line-height: 3em;letter-spacing: .07em;}
.sec_event_txt2{width: 100%;margin:0;padding-left: 2%;padding-bottom: 5%; font-size: 1.2em;color: #003366;font-weight:normal;letter-spacing: .07em;}
.sec_features_title{width: 100%; margin:0 auto 2% auto;padding: 1% 1% 1% 2%; font-size: 1.5em;color: white;font-weight: bold;letter-spacing: .07em;background: linear-gradient(0deg,#003366,#006699);border-radius:5px; }
.sec_features_txt{margin:2% 10%; font-size: 1.2em;color: #003366;font-weight:normal;line-height: 3em;letter-spacing: .2em;}
.sec_members_list{width:100%;display: flex;flex-wrap: wrap;margin: 2% auto;padding: 2%; box-shadow: 2px 2px 10px #999;border-radius: 15px;background: linear-gradient(0deg, #f0f0f0, #fff);}
.sec_members_list li{flex-basis: 100%;list-style: disc;margin-left: 2%;}
.sec_members_txt{width:100%;margin:0; font-size: 1.2em;color: #003366;font-weight:normal;line-height: 3em;letter-spacing: .2em;}
.sec_members_premium{width: 100%;margin: 20% auto 0 auto;}
.sec_members_premium_txt{width:100%;margin:0 15%; font-size: 1.2em;color: #003366;font-weight:bolder;line-height: 3em;letter-spacing: .2em;}
.sec_members_premium_txt2{width:100%;margin:5% 15%;padding-top: 5%; border-top:1px dotted #999;font-size: 1.2em;color: #003366;font-weight:bolder;line-height: 3em;letter-spacing: .2em;}
.sec_members_premium_txt3{width:100%;margin:0 15%; font-size: 1.2em;color: #003366;font-weight:bolder;line-height: 3em;letter-spacing: .2em;text-align: center;}
.align-self__center{align-self:center;}
.text-indent{text-indent:1.2em;}
.sec_coming_soon{margin-top:5%;font-size:2em;}
.text-container{
	flex-basis: 50%;
	margin:0 2%;
	padding:0;
	font-size: 1.2em;
	color: #003366;
	background: -webkit-linear-gradient(90deg, #002233, #003366);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: normal;
	line-height: 3em;}
.text-container2{
	flex-basis: 45%;
	margin:0;
	padding-left:5%;
	font-size: 1.2em;
	color: #003366;
	background: -webkit-linear-gradient(90deg, #002233, #003366);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: normal;
	line-height: 3em;}
.text-container3{
	flex-basis: 100%;
	text-align: center;
	margin:10% auto 5% auto;
	font-size: 1.5em;
	color: #003366;
	background: -webkit-linear-gradient(90deg, #002233, #003366);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: normal;
	line-height: 3em;}
.text-container4{
	flex-basis: 85%;
	margin:2% auto;
	padding: 0;
	font-size: 1.2em;
	color: #003366;
	background: -webkit-linear-gradient(90deg, #002233, #003366);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	line-height: 3em;
	letter-spacing: .2em;}

/*画像系*/
.img-container{flex-basis: 55%; margin:0;padding: 0;}
.img-container img{width: 100%;height: auto;}
.img-container2{flex-basis: 60%; margin:0;padding: 0;}
.img-container2 img{width: 100%;height: auto;}
.img-container3_wrap{width: 100%; margin:0 auto 5% auto;padding: 0;display: flex;flex-wrap: wrap;}
.img-container3{flex-basis: 46%; margin:0 2%;padding: 0;}
.img-container3 img{width: 100%;height: auto;box-shadow: 2px 2px 10px #999;}
.event_img-container{flex-basis: 40%; margin-left:5%;padding-right: 5%;}
.event_img-container img{width: 100%;height:auto;}
.sec_auction img{width:100%;height: auto;}
.auction_list_bg {width: 80%;margin: 0 auto;display: flex;flex-wrap: wrap;}
.auction_list_img{flex-basis:30%;}
.auction_list_img img{width:100%;height: auto;}
.sec_auction_img{z-index: 10;width: 100%;margin-top: 0;}
.img_w100{width:100%;}
.img_w100 img{width:100%;height: auto;box-shadow: 2px 2px 10px #999;vertical-align: bottom;}
.img_w70{width:70%;margin: 0 auto 5% auto;padding: 0; display: flex;}
.img_w70 img{width:100%;height: 100%;box-shadow: 2px 2px 10px #999;}
.img_w60{width: 60%;margin: 10% auto 5% auto;}
.img_w60 img{width:100%;height: 100%;}
.hobima_works_img img{width: 100%;height: auto; display: block; box-shadow: none;}

/*footer_img*/
.hobima_footer_img{width:100%;margin:0 auto;position:relative;}
.hobima_footer_img img{position: relative;width:100%;margin:-20% auto -11px auto;z-index:-1;top:0;left:0;}

/*hobima会員登録*/
.registration_area{width:100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 5% auto;padding: 2%;background-image: url("../images/pattern.png");border-radius:15px;box-shadow: 2px 5px 5px #ccc; }
.registration_area2{width:100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 3% auto 5% auto;padding: 2%;background-image: url("../images/pattern.png");border-radius:15px;box-shadow: 2px 5px 5px #ccc; }
.registration_title{flex-basis: 100%;margin-bottom: 2%; padding: 0;font-size: 1.5em;letter-spacing: .2em;font-weight: bold;color:#003366;text-align: center;border-bottom: 2px solid red;}
.registration_txt{flex-basis: 45%;padding: 0;font-size: 1.5em;letter-spacing: .2em;font-weight: bold;color:#003366;text-align: center;align-self: center;}
.registration_subtxt{flex-basis: 100%;margin-top: 2%; padding:0;font-size: 1em;letter-spacing: .07em;text-align: center;}
.registration_area a{flex-basis: 45%;}
.registration_area2 a{flex-basis: 45%;}
.registration_btn{width: 100%; padding:2% 0;background: linear-gradient(#ff0000,#990000);color:white;font-size: 1.5em;font-weight: bold;border-radius:15px;letter-spacing: .07em;}
.registration_btn:hover{background: linear-gradient(#ff6666,#cc0000);}

/*バナー*/
.banner_area_wrap{width:100%;margin-top: 5%;padding: 0; border-top: 1px dotted #ccc;display: flex;flex-wrap: wrap;}
.banner_area_title{width:100%;margin-top: 10%;display: block; border-bottom: 1px solid #ccc;font-size: 1.5em;font-weight: bold;color: #003366;}
.banner_area_subtitle{font-size: .8em;font-weight: normal;color: #006699;position: absolute;right: 14%;line-height: 3em;}
.banner_area{width:40%;margin: 4% auto 2% auto;}
.banner_area img{width:100%;margin: 0 auto;border-radius:10px;box-shadow: 2px 2px 2px #ccc; }
.banner_area2{width:32%;margin:0 auto 2% auto;}
.banner_area2 img{width:100%;margin: 0 auto;border-radius:10px;box-shadow: 2px 2px 2px #ccc; }
.banner_figcap{width:100%;padding-left: 1%;}
.banner_figcap a{font-size:1em;color: #006699;font-weight: normal;}
.banner_figcap a:hover{color: #0099cc;}

/*グラフ*/
.graph_wrap{width:100%;margin:0 auto 5% auto;padding:1% 0 5% 0; display: flex;flex-wrap: wrap;box-shadow: 2px 2px 10px #999;border-radius: 15px;background: linear-gradient(0deg, #f0f0f0, #fff);}
.graph_title{width:90%;margin:0 auto 5% auto;border-bottom: 1px solid #003366;font-size: 1.8em;font-weight: bold;color: #003366; letter-spacing: .07em;text-align: center;}
.graph_list_title1{width:100%;margin-bottom: 5%;border-bottom: 1px solid #666;font-size: 1.2em;font-weight: bold;color: #003366; letter-spacing: .07em;text-align: center;}
.graph_list_title2{width:100%;margin-bottom: 5%;border-bottom: 1px solid #666;font-size: 1.2em;font-weight: bold;color: #660000; letter-spacing: .07em;text-align: center;}
.graph_list_title3{width:100%;margin-bottom: 5%;border-bottom: 1px solid white;font-size: 1.8em;font-weight: bold;color: white; letter-spacing: .5em;text-align: center;}
.graph_list_txt3{font-size: 1.2em;font-weight: normal;color: white; letter-spacing: .07em;text-align: center;}

.graph_list1{flex-basis:40%;margin: 0 auto;padding: 2%; border:3px solid #0099cc;border-radius: 15px;color: #003366;position: relative;box-shadow: 2px 2px 10px #999;letter-spacing: .2em;line-height: 3em;font-size: 1.2em;background: white; }
.graph_list1 li{list-style: disc;margin-left: 5%;}
.graph_list1 li:first-child{list-style: none;margin-left: 0;}

.graph_arrow{flex-basis: 2%;align-self: center;text-align: center;font-size: 2em;font-weight: bold;color: #666;}
.graph_arrow:after{content: "→";background: none;}

.graph_list2{flex-basis:40%;margin: 0 auto;padding: 2%;border:3px solid #cc0000;border-radius: 15px;box-shadow: 2px 2px 10px #999;color: #660000; letter-spacing: .2em;line-height: 3em;font-size: 1.2em;background: white;}
.graph_list2 li{list-style: disc;margin-left: 5%;}
.graph_list2 li:first-child{list-style: none;margin-left: 0;}

.graph_list3{flex-basis:30%;margin: 0 auto;padding: 1%; background:#990000;border-radius: 15px;color: white;box-shadow: 2px 2px 10px #999;letter-spacing: .2em;text-align: center;}
.graph_list4{flex-basis:30%;margin: 0 auto;padding: 1%; background:#cc6600;border-radius: 15px;color: white;box-shadow: 2px 2px 10px #999;letter-spacing: .2em;text-align: center;}
.graph_list5{flex-basis:30%;margin: 0 auto;padding: 1%; background:#ccbb00;border-radius: 15px;color: white;box-shadow: 2px 2px 10px #999;letter-spacing: .2em;text-align: center;}
.graph_img{width:60%; margin: 0 auto;}
.graph_img :nth-child(3){margin-left: 10%;}
.graph_footer_txt{width:100%;margin: 5% auto 0 auto;text-align: center;font-size: 2em; font-weight: bold;color: red;text-decoration: underline;letter-spacing: .07em;}


/****************************************
footer
*****************************************/

/* More info */
.copyright {
	text-align: center;
	padding: 10px;
	background-color: #ee7602;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 13px;
}
.copy{font-size: 13px;}
.footer_banner {
	background-color:#006699;
	padding-top: 60px;
	padding-bottom: 60PX;
	margin-bottom: 0px;
	background-repeat: repeat;
}
.cf ul {list-style:none;display: flex;justify-content: center; width:auto;margin:10px auto 0;padding: 0;color:white;}
.cf li {flex-basis:50%;max-width:50%;border-left: solid 1px #fff;border-right: solid 1px #fff;border-bottom: solid 1px #fff;display: flex;margin:0 auto;padding: 0;}
.cf li:first-child {flex-basis:50%;max-width:50%;border-top: solid 1px #fff;display: flex;margin:0 auto;padding: 0;}
.cf ul.insert-ul {margin:0;padding: 0;}
.cf li.insert-li {width: 100%;text-align: left;border:none;margin:0;padding: 0;}
.cf span.dan {flex-basis: 30%;text-align: right;padding: 1%;border-right: solid 1px #fff;}
.cf span.dan2 {flex-basis: 70%;padding: 1%;}
.cf__title{width:100%;text-align: center;font-size:1.3em;color:white;letter-spacing: 1em;}

.hidden {
	display: none;
}

/*scroll_buttom*/
.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #000;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}
#section01 a {
  padding-top: 60px;
}
#section01 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

/*topに戻るボタン*/
 .pagetop{
	 width: 40px;
	 height: 40px;
	 position:fixed;
	 right: 1vw;
	 bottom: 2vh;
	 opacity: 0.6;
	 background: #fff;
}
.pagetop a{
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin: 15px 0 0 10px;
	text-decoration: none;
	border-right: 3px solid #000;
	border-top: 3px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
/*ボタンリンク無効*/
.no_link{
	pointer-events:none;
}

/****************************************
tablet
*****************************************/
@media screen and (max-width:1280px) { 	
	.site-logo img{width:80%;}
	.site-logo a{font-size:1em;}
	.site-logo {margin-top: 0;}
	.gnav__menu__item__link{font-size: .8em;}

.logo_item {
	width: 100%; margin: 0 auto; display: inline-block; text-align: center;
}
.logo_item1 {
	height: 200px; margin: 0; padding-right: 100px;
}
.logo_item2 {
	height: 198px; margin: 0; padding-left: 100px;
}
.logo_item img{
	display: inline-block; vertical-align: top; margin-bottom: 30px;
}
.index__menu{
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	border-bottom: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	width: 100%;
	text-align: center;
}
.index__menu__item{
	margin: 0 20px;
}

.index__menu__item__link{
	font-size: 16px;
	letter-spacing: 0.2em;
}
.main_nav_txt{height: 50%;}
#Auction .main_nav__title span,#Members .main_nav__title span,#BigSquare .main_nav__title span{font-size:24px;}
.text-container{font-size: 1.2em;line-height: 2em;}
.text-container2{font-size: 1.2em;line-height: 2em;}
.text-container3{font-size: 1.2em;line-height: 2em;}
.text-container4{font-size: 1.2em;line-height: 2em;}
}

/****************************************
mobile max-width:854px
*****************************************/
@media screen and (max-width:854px) {
.hero img{width: 100%;vertical-align: bottom;}
.mnav__menu {margin-top: 0;}
.mnav__menu__item {display: flex;flex-direction: column;}
.main_nav{flex-wrap: wrap;}
.main_nav__title{font-size:1.5em;}
.main_nav__title2{font-size:1.5em;}
.main_nav_txt{font-size: 1em;}
.main_nav_item {flex-basis: 50%;}
.main_nav_item img{width: 100%;height: auto;}
.other_nav{width:98%;}
.other_nav2{width: 98%;}
.other_nav__title{font-size:1em;}
.other_nav_item__title{font-size: 1em;}
.other_nav_item__title2{font-size: 1em;text-align: center;padding: 3%;}
.other_nav_item__title3{font-size: 1em;text-align: center;padding: 3%;}
.other_nav_item__txt2{margin: 2% 5%;}
.cf li {width:98%; font-size: 1em;}
.cf li:first-child{width:98%;}
.cf__title{font-size:1em;}
.footer_banner {padding-top: 5%;padding-bottom: 5%;}
.h3{font-size: 1em}
#BigSquare .other_nav2{width: 100%; flex-wrap: wrap;}
#BigSquare .other_nav_item2{margin:0;}
.sec{flex-direction: row;flex-wrap: wrap;margin-bottom: 2%;}
.sec2{flex-direction: row;flex-wrap: wrap;margin-bottom: 2%;}
.img-container{flex-basis: 100%;width: 100%;}
.img-container2{flex-basis: 100%;width: 100%;}
.text-container{font-size: 1em;line-height: 2em;flex-basis: 100%;width: 100%;}
.text-container2{font-size: 1em;line-height: 2em;padding: 0; flex-basis: 100%;width: 100%;}
.text-container3{font-size: 1em;line-height: 2em;flex-basis: 100%;width: 100%;}
.text-container4{font-size: 1em;line-height: 2em;}
.line1{margin-left: 0;}
.line2{margin-left: 0;}
#Auction .main_nav__title span,#Members .main_nav__title span,#BigSquare .main_nav__title span{font-size:16px;}
.sec_title{font-size: 1.2em;}
.sec_txt{font-size: 1em;line-height: 2em;margin:2% auto;}
.sec_list{font-size: 1em;line-height: 2em;}
.sec_list li{margin-left: 5%;}
.sec_list2{font-size: 1em;line-height: 2em;margin:0 auto 10% auto;}
.sec_list2 li{margin-left: 5%;}
.auction_list_bg {width: 100%;margin-top: 2%;}
.registration_title{font-size: 1em;}
.registration_txt{font-size: 1em;}
.registration_subtxt{font-size: .8em;}
.registration_btn{font-size: 1em;}
.sec_event_title{font-size: 1em;}
.sec_event_txt{font-size: 1em;}
.sec_event_txt2{font-size: 1em;}
.sec_features_title{font-size: 1.2em;}
.sec_features_txt{font-size: 1em;margin:2% auto;}
.sec_members_txt{font-size: 1em;}
.sec_members_premium{font-size: 1em;}
.sec_members_premium_txt{width:100%;font-size: 1em;margin:0 auto;}
.sec_members_premium_txt2{font-size: 1em;margin:0 auto;}
.sec_members_premium_txt3{font-size: 1em;margin:0 auto;}
.graph_title{width:100%;font-size: 1.2em;}
.graph_list_title1{font-size: 1.2em;}
.graph_list_title2{font-size: 1.2em;}
.graph_list_title3{font-size: 1.2em;}
.graph_list_txt3{font-size: 1em;}
.graph_list1{font-size: 1em;}
.graph_list2{font-size: 1em;}
.graph_footer_txt{font-size: 1.2em;}
.graph_arrow{font-size: 1em;}
.sec_coming_soon{font-size:1.5em;}
.AC_index_main_area{flex-basis: 100%;}
.AC_index_main_item{margin:5% auto 0 auto;text-align: center;}
.AC_index_main_item img{width: 90%;height: auto;margin-top: 5%;}
.AC_index_main_subitem{flex-basis: 40%;margin:3% 0 0 7%; padding:0;}
.AC_index_main_subitem img{width: 100%;height: auto;}
.AC_index_main_subitem2{flex-basis: 40%;margin:0 0 0 10%; padding:0;}
.AC_index_main_subitem2 img{width: 80%;height: auto;}
.AC_index_list ul{flex-wrap:wrap;}
.AC_index_list li,.AC_index_list li:first-child{width:100%; flex-basis: 100%;display: block;margin-bottom: 2px;}
.AC_index_list__title{font-size:1.2em;}
.AC_index_list span.dan {flex-basis: 100%;width: 100%;display: block;border-right: none;border-bottom:1px dotted #777;padding: 3%;text-align: center;}
.AC_index_list span.dan2 {flex-basis: 100%;width: 100%;display: block;padding: 3%; text-align: center;}
.AC_index_sub_area{padding-top: 20%;margin:0;}
}

/****************************************
mobile max-width:480px
*****************************************/
@media screen and (max-width:480px) {
.hero__img{
	width: 100%;
	height: 140px;
	margin-bottom: 20px;
	}
.logo_item {
	width: 100%; margin: 0 auto; display: inline-block; text-align: center;
}
.logo_item1 {
	width: auto;
	height:120px;
	padding-right: 3em;
}
.logo_item2 {
	width: auto;
	height:118px;
	padding: 0;
}
.logo_item img{
	display: inline-block; vertical-align: top; margin:50px 0;
}
.index__menu{
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	border-bottom: 1px solid;
    border-image: linear-gradient(to right, #000 20%, #fff 50%, #000 80%);
    border-image-slice: 1;
	width: 100%;
	text-align: center;
	display: flex;
    flex-direction: column;
}
.index__menu__item{
	margin: 20px 0;
}

.index__menu__item__link{
	font-size: 16px;
	letter-spacing: 0.2em;
}
.copyright{font-size: .7em;}
.main_nav__title{font-size: 1.1em;}
.main_nav__title2{font-size: 1.1em;}
.main_nav_txt{font-size: .8em;height: 60%;}
.main_nav_txt2{font-size: .8em;height: 60%;}
.main_nav_item {height: 300px;}
.main_nav_item img{height: 300px;}
.other_nav{flex-wrap: wrap;}
.other_nav__title{font-size: 1em;}
.other_nav_item__title{font-size: 1em;}
.other_nav_item__title2{font-size: 1em;padding: 3%;}
.other_nav_item__title3{font-size: 1em;}
.other_nav_item{flex-basis:100%;font-size: 1em;}
.cf li {font-size: 1em;}
.h3{font-size: 1em}
#BigSquare .main_nav__title{display: block;text-align: center;}
#Auction .main_nav__title{display: block;text-align: center;}
#BigSquare .main_nav__title span{font-size:.8em;display: inline;}
#Auction .main_nav__title span{font-size:.8em;display:inline-flex;}
#Members .main_nav__title span{font-size:.8em;display:inline-flex;}
.line1{margin-left: 0;}
.line2{margin-left: 0;}
.img-container{flex-basis: 100%;}
.img-container2{flex-basis: 100%;}
.img-container3{flex-basis: 100%;margin-bottom: 5%;}
.text-container{font-size: .8em;line-height: 2em;flex-basis: 100%;font-weight: normal;}
.text-container2{font-size: .8em;line-height: 2em;flex-basis: 100%;font-weight: normal;}
.text-container3{font-size: .8em;line-height: 2em;flex-basis: 100%;text-align: left;font-weight: normal;}
.text-container4{font-size: .8em;flex-basis: 100%;font-weight: normal;}
.sec_title{font-size: 1em;font-weight: normal;}
.sec_txt{font-size: .8em;line-height: 2em;font-weight: normal;}
.sec_list{font-size: .8em;line-height: 2em;flex-basis: 100%;font-weight: normal;}
.sec_list2{font-size: .8em;line-height: 2em;font-weight: normal;}
.registration_title{font-size: 1em;}
.registration_txt{flex-basis: 100%;font-size: 1em;}
.registration_subtxt{font-size: .8em;}
.registration_btn{flex-basis: 100%;font-size: 1em;}
.auction_list_img{display:none;}
.sec_event_title{font-size: .8em;font-weight: normal;}
.sec_event_txt{font-size: .8em;font-weight: normal;flex-basis:100%;}
.sec_event_txt2{font-size: .8em;font-weight: normal;}
.sec_features_title{font-size: 1em;}
.sec_features_txt{font-size: .8em;font-weight: normal;}
.sec_members_txt{font-size: .8em;font-weight: normal;}
.sec_members_list li{margin-left: 5%;}
.sec_members_premium_txt{font-size: .8em;font-weight: normal;}
.sec_members_premium_txt2{font-size: .8em;font-weight: normal;}
.sec_members_premium_txt3{font-size: .8em;font-weight: normal;}
.graph_title{width:100%;font-size: 1em;}
.graph_list_title1{font-size: 1em;}
.graph_list_title2{font-size: 1em;}
.graph_list_title3{font-size: 1em;}
.graph_list_txt3{font-size: .8em;font-weight: normal;}
.graph_list1{flex-basis:90%;font-size: .8em;font-weight: normal;}
.graph_list1:after{content: "↓";background: none;position:absolute;top:102%;left:45%; font-size: 2em;font-weight: bold;color: #666;}
.graph_list2{flex-basis:90%;font-size: .8em;margin-top: 10%;font-weight: normal;}
.graph_footer_txt{font-size: 1em;font-weight: normal;}
.img_w70{width:100%;}
.sec_coming_soon{font-size:1.2em;}
.banner_area{width:100%;}
.banner_area2{width:100%;text-align: center;}
.banner_figcap{text-align: center;}
.banner_figcap a{font-size:.7em;}
.event_img-container{flex-basis: 100%; margin-left:0;padding-right: 0;}
.AC_index_main_area{flex-basis: 100%;margin: 5% auto 0 auto;text-align: center;}
.AC_index_main_item img{width: 70%;height: auto;}
.AC_index_main_subitem{flex-basis: 90%;margin: 0 auto; padding:0;text-align: center;}
.AC_index_main_subitem img{width: 60%;height: auto;}
.AC_index_main_subitem2{flex-basis: 90%;margin: 0 auto; padding:0;text-align: center;}
.AC_index_main_subitem2 img{width: 60%;height: auto;}
.AC_index_list li {width:100%;font-size:.8em;}
.AC_index_list__title{font-size:1em;}
.graph_arrow{display: none;}
.registration_area a{flex-basis: 100%;}
.registration_area2 a{flex-basis: 100%;}
}

/*NEW HEADER*/
.signup_txt{text-align: center;font-size: 14px;color: #555;}
.signup_txt a{color: #ee7700;}
.signup_txt span {
    font-size: 11px;
    line-height: 1;
    display: block;
}
.login_btn_box{
	display: flex;
    flex-wrap: wrap;
    width: 80px;
    margin-left: 20px;
}
.login_btn_item{padding: 0 5px;font-size: 11px;color: #fff;line-height: 1.25rem; background: #ee7700;border-radius: 4px;height: fit-content;}
.login_btn_item:first-child{margin-bottom: 5px;}
@media screen and (max-width:480px) {
	.login_btn_item{align-self: flex-end;}
}
.icon-signup,
.icon-login {position: relative;padding-left: 20px;line-height: 1.75rem;}
.icon-signup{margin-right: 20px;}
.icon-signup::before,
.icon-login::before {font-family: "Font Awesome 5 Free";font-weight: 900;position:absolute;left:0;}
.icon-signup::before {content:"\f055";}
.icon-login::before {content:"\f2bd";}

.mypage_btn{
	background: #ee7700;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 4px;
    color: #fff;
    margin-top: 5px;
    display: inline-block;
}
.bottom_menu li{font-size: 13px;}

.original_wrap{width: 1200px;margin:70px auto 0;}
@media screen and (max-width:1200px) {
	.original_wrap{width: 100%;}
}
@media screen and (max-width:480px) {
	.original_wrap{margin-top:90px;}
}

.news_body{
	border-top: 3px solid #999;
    padding: 50px 0;
}	
	@media screen and (max-width:1200px) {
		.news_body{padding: 10px;}
	}

#wrapper{padding-top:0;padding-bottom: 0;}

.btn_center{margin: 20px auto!important}