@charset "UTF-8";
/* top main img */
.mainimg-box {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	top:0;
	left:0;
}

.mainimg-box .h1 {
	margin: 0;
	line-height: 1;
	padding:16% 20%;
}

.mainimg-box .op_img_fade{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: block;
	background-color:#ffffff;
	z-index: 1;
}

@media only screen and (max-width: 414px) { /* small sp */
	div.mainimg-box .h1 {
		padding:24% 10%;
	}
}

/* group list */
.group-list-box{
	padding:0 4%;
}

.group-list-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.group-list-box ul li {
  background-color: #ffffff;
  float: left;
  margin-bottom: 20px;
	position: relative;
	top:0;
	left:0;
	width: 300px;
	height: 300px;
}

.group-list-box ul li + li {
	margin-left: 20px;
}

.group-list-box ul li .square {
	padding:4%;
}

.group-list-box ul li:after {
	content:url(../img/index_bg_logolink01.png);
	position: absolute;
	right:4px;
	bottom: 4px;
	line-height: 1;
	vertical-align: bottom;
	z-index: 0;
}

.group-list-box ul li .txt-box {
	position: absolute;
	left:0;
	bottom: 0;
	padding:0 4% 4%;
}

.group-list-box ul li p {
	margin: 0;
}
.group-list-box ul li a {
	text-decoration: none;
	color: inherit;
}

.group-list-box ul li .square .ttl-box {
	text-align: center;
	padding: 6% 0 0;
}

.group-list-box ul li.li01 .ttl-box,
.group-list-box ul li.li02 .ttl-box{
	padding: 6% 0 0;
}

.group-list-box ul li.li05 .ttl-box,
.group-list-box ul li.li06 .ttl-box{
	padding: 11% 0 0;
}

@media only screen and (min-width: 1400px) { /* 4 column */
	div.group-list-box ul {
		width: 1260px;
		margin: 0 auto;
	}
	
	div.group-list-box ul li:nth-child(2n+1) {
		clear: none;
		margin-left: 20px;
	}
	
	div.group-list-box ul li:nth-child(4n+1) {
		margin-left: 0;
		clear: both;
	}
}

@media only screen and (min-width: 1040px) and (max-width: 1399px) { /* 3 column */
	div.group-list-box ul {
		width: 940px;
		margin: 0 auto;
	}
	
	div.group-list-box ul li:nth-child(2n+1) {
		clear: none;
		margin-left: 20px;
	}
	
	div.group-list-box ul li:nth-child(3n+1) {
		margin-left: 0;
		clear: both;
	}
}

/* 2 column default */
.group-list-box ul {
	width: 620px;
	margin: 0 auto;
}
.group-list-box ul li:nth-child(2n+1) {
	margin-left: 0;
	clear: both;
}

@media only screen and (min-width: 701px) { /* 2 column sp font-size fix */
	div.group-list-box {
		font-size: 16px;
	}
}

@media only screen and (max-width: 700px) { /* 2 column liquid */
	div.group-list-box {
		font-size: 2.4vw;
	}
	div.group-list-box ul {
		width: auto;
		margin: 0 auto;
	}
	div.group-list-box ul li {
		width: 49%;
		height: auto;
		margin: 0 0 2%;
		padding: 0 0 26%;
	}
	div.group-list-box ul li + li {
		margin: 0 0 2%;
	}
	div.group-list-box ul li:nth-child(2n) {
		float: right;
	}
	div.group-list-box ul li .square {
		width: auto;
		height: auto;
		padding-bottom: 4%;
	}
	div.group-list-box ul li .square .ranking-box .title {
		font-size: 80.00%;
	}
	
	div.group-list-box ul li.li01,
	div.group-list-box ul li.li02{
		padding: 2% 0 22%;
	}
	div.group-list-box ul li.li05,
	div.group-list-box ul li.li06{
		padding: 2% 0 22%;
	}
	
	div.group-list-box ul li.li01 .ttl-box,
	div.group-list-box ul li.li02 .ttl-box,
	div.group-list-box ul li.li05 .ttl-box,
	div.group-list-box ul li.li06 .ttl-box{
		padding: 2% 0 0;
	}
	
	div.group-list-box ul li .square .ranking-box .single .img-box,  div.group-list-box ul li .square .ranking-box .split2 .img-box {
		padding: 5% 10%;
	}
}

@media only screen and (max-width: 414px) { /* small sp */
	div.group-list-box ul li .square {
    padding: 2% 4% 4%;
	}
}

/* top bottom btn box */
.top-page .bottom-btn-box{
	border-top: 1px solid #cccccc;
}

/* tokyo fukui */
.address dt{
	vertical-align: top;
}

.address .oh .left-box{
	float:left;
	width:24em;
}

.address .oh .right-box{
	float:left;
}

@media only screen and (max-width: 768px) { /* sp */
	div.address dt{
		vertical-align: top;
		padding-top: 0;
	}

	div.address .oh .left-box{
		float:none;
		width:auto;
		margin-bottom: 16px;
	}

	div.address .oh .right-box{
		float:none;
	}
}