@charset "UTF-8";

body{
	background-position: left top;
	background-size:contain;
	background-repeat: repeat;
	background-color:#666;
	font-family: 'Century Gothic', sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	color:#FFF;
}

a:link {
	color: #FFF;
	text-decoration:none;
}

a:visited {
	color: #FFF;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #ccc;
}

a:active {
	color: #FFF;
	text-decoration:none;
}

@media screen and (min-width: 960px) {
/***********************************/
h1{
	background-color:#000;
	text-align:center;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	color:#FFF;
	line-height:1.6em;
	margin:0px;
}
header{
	background:rgba(0,0,0,0.5);
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#contents{
	background:rgba(0,0,0,0.5);
	width:1000px;
	height:auto;
	overflow:hidden;
	padding:10px;
	margin:0 auto;
	box-sizing: border-box;
}
.contents_title{
	width:980px;
	height:auto;
	overflow:hidden;
	font-size:35px;
	color:#FFF;
	text-align:left;
	line-height:2em;
	margin:10px auto 0;
}
.contents_title:before{
	content : "\025b6";
}
.grouptop_text{
	width:1000px;
	height:auto;
	overflow:hidden;
	font-size:24px;
	line-height:2em;
	text-align:center;
	margin:10px auto 20px;
}
.grouptop_shopbox{
	width:980px;
	height:auto;
	overflow:hidden;
	margin:10px auto 0;
}
.group_shop_logo{
	width:980px;
	height:auto;
	overflow:hidden;
	margin:10px auto 0;
	box-sizing: border-box;
}
.group_shop_img{
	width:980px;
	height:auto;
	overflow:hidden;
	margin:0 auto 10px;
	box-sizing: border-box;
}
.group_shop_logo img, .group_shop_img img{
	width:100%;
	vertical-align:bottom;
}

.recruit_banner{
	width:980px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}
.recruit_banner img{
	vertical-align:bottom;
}

footer{
	background-color:#000;
	text-align:center;
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
    margin-bottom:0;
    padding:0;
}
footer .sp_footer_shoplink_box{
	display:none;
}
footer .footer_shoplink_box{
	display:table;
	table-layout:fixed;
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
}
footer .footer_shoplink_box .footer_shop{
	display:table-cell;
	vertical-align:middle;
	width:166px;
	height:auto;
	overflow:hidden;
	font-size:16px;
	text-align:center;
}
footer .footer_shoplink_box .footer_shop a{
	text-decoration:underline;
}
footer p{
	font-size:14px;
	color:#FFF;
    line-height:1.4em;
    padding:3px 0;
    margin:5px 0;
}

}

@media (max-width: 959px) and (min-width: 768px) {
h1{
	background-color:#000;
	text-align:center;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:1em;
	color:#FFF;
	line-height:1.6em;
	margin:0px;
}
header{
	background:rgba(0,0,0,0.5);
	width:100%;
	height:auto;
	margin:0;
	overflow:hidden;
}
header img{
	width:100%;
	vertical-align: bottom;
}
#contents{
	background:rgba(0,0,0,0.5);
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.contents_title{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:4vw;
	color:#FFF;
	text-align:left;
	line-height:2em;
	margin:1% auto 0;
}
.contents_title:before{
	content : "\025b6";
}
.grouptop_text{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:2.6vw;
	line-height:2em;
	text-align:center;
	padding:1%;
	margin:3% auto;
	box-sizing: border-box;
}
.grouptop_shopbox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.group_shop_logo{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:3% auto 1%;
}
.group_shop_img{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.group_shop_logo img, .group_shop_img img{
	width:100%;
	vertical-align:bottom;
}

.recruit_banner{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.recruit_banner img{
	width:100%;
	vertical-align:bottom;
}

footer{
	background-color:#000;
	text-align:center;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	padding-bottom:25%;
}
footer .footer_shoplink_box{
	display:none;
}

footer .sp_footer_shoplink_box{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:2% auto;
}
footer .sp_footer_shoplink_box .footer_shop{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:2.2vw;
	text-align:center;
}
footer .sp_footer_shoplink_box .footer_shop a{
	text-decoration:underline;
}
footer p{
	font-size:2vw;
    color:#FFF;
    line-height:2em;
    margin:1% 0;
}
}

@media (max-width: 767px){
h1{
	background-color:#000;
	text-align:center;
	width:98%;
	height:auto;
	overflow:hidden;
	font-size:1em;
	color:#FFF;
	line-height:1.6em;
	margin:0 auto;
}
header{
	background:rgba(0,0,0,0.5);
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
header img{
	width:100%;
	vertical-align: bottom;
}
#contents{
	background: rgba(0,0,0,0.5);
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.contents_title{
	width:98%;
	height:auto;
	overflow:hidden;
	font-size:5vw;
	color:#FFF;
	text-align:left;
	line-height:2em;
	margin:1% auto 0;
}
.contents_title:before{
	content : "\025b6";
}
.grouptop_text{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:2.8vw;
	line-height:2em;
	text-align:center;
	padding:1%;
	margin:3% auto;
}
.grouptop_shopbox{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.group_shop_logo{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.group_shop_img{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.group_shop_logo img, .group_shop_img img{
	width:100%;
	vertical-align:bottom;
}
.recruit_banner{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.recruit_banner img{
	width:100%;
	vertical-align:bottom;
}

footer{
	background-color:#000;
	text-align:center;
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
    margin-bottom:0;
	padding-bottom:25%;
}
footer .footer_shoplink_box{
	display:none;
}
footer .sp_footer_shoplink_box{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:2% auto;
}
footer .sp_footer_shoplink_box .footer_shop{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:1em;
	text-align:center;
}
footer .sp_footer_shoplink_box .footer_shop a{
	text-decoration:underline;
}
footer p{
	font-size:3vw;
    color:#FFF;
    line-height:2em;
    margin:1% 0;
}
}