@charset "utf-8";
/* CSS Document */
/*リセット*/
/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - //richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }  ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } / change colours to suit your needs / ins { background-color:#ff9; color:#000; text-decoration:none; } / change colours to suit your needs / 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; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; }
/*リセット*/

html{
	font-size:62.5%;
	height: 100%;
}
body{
	line-height:1.8;
	font-size: 1.6rem;
	font-family:'Century Gothic','Lato','メイリオ',sans-serif;
	color:#666666;
	-webkit-text-size-adjust: 100%;

	background:
    linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),
    linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),
    linear-gradient(45deg, #F9F6FD, #FEF2F9, #FCF9F2, #F4FDFF);
	background-size: 40px 40px, 40px 40px, 100%;
	background-position: 0 0, 20px 20px, 0 0;
	
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
.contents_wrap{
	flex: 1;
}
main{
	padding: 0px 5% 50px;
	box-sizing: border-box;
}
@media screen and (min-width : 960px) {/*960以上(タブレット/PC)*/
	main{
		padding: 0px 10% 50px;
	}
}
img {
	vertical-align : bottom;
	max-width: 100%;
	height: auto;
}
a:link{
	color:#E4007F;
	text-decoration:none;
}
a:visited{
	color:#E4007F;
	text-decoration:none;
}
a:hover{
	color:#BBBBBB;
	text-decoration:none;
}
/*クリア*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*ボタン*/
.c_btn{
	text-align: center;
}
.c_btn a{
	display: block;
	padding: 10px 0;
	background-color: rgba(0,0,0,1.00);
	color: #FFFFFF;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
	/*font-size: 2.6rem;*/
	
	 background: transparent;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.c_btn input{
	max-width: 300px;
	width: 48%;
	padding: 20px 0;
	background-color: rgba(0,0,0,1.00);
	box-shadow: 2px 4px 6px rgb(0 0 0 / 0.3);
	color: #FFFFFF;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
	/*font-size: 2.6rem;*/
	
	background: transparent;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	
	-webkit-appearance: none;
	border-radius: 0;
	border:none;
	cursor:pointer;
}
.c_btn a{
	display: inline-block;
	max-width: 300px;
	width: 48%;
	padding: 20px 0;
	background-color: rgba(0,0,0,1.00);
	box-shadow: 2px 4px 6px rgb(0 0 0 / 0.3);
	color: #FFFFFF;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
	/*font-size: 2.6rem;*/
	
	background: transparent;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	
	-webkit-appearance: none;
	border-radius: 0;
	border:none;
	cursor:pointer;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.c_btn input,.c_btn a{
		width: 100%;
	}
}

.c_btn a:hover,.c_btn input:hover{
	background-color: rgba(228,0,127,1.00);
	 background-position: 99% 50%;
}

.c_btn a,.c_btn input {
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,1.0), rgba(228,0,127,1.00), rgba(0,0,0,1.0), rgba(0,0,0,1.0));
	background: -webkit-linear-gradient(right, rgba(0,0,0,1.0), rgba(228,0,127,1.00), rgba(0,0,0,1.0), rgba(0,0,0,1.0));
	background: linear-gradient(270deg, rgba(0,0,0,1.0), rgba(228,0,127,1.00), rgba(0,0,0,1.0), rgba(0,0,0,1.0));
	background-position: 1% 50%;
	background-size: 300% 300%;
}

h1{/*ロゴ*/
	padding: 50px 10% 0;
	text-align: center;
	margin-bottom: 50px;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);*/
}
/*グループ店のリンク*/
.group_link{
	margin: 0 auto;
	max-width: 1240px;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 40px 20px;
	background-color:rgba(255,255,255,0.75);
	box-shadow: 2px 4px 10px rgb(0 0 0 / 0.1);
}
.group_link li {
	padding-bottom: 30px;
	box-sizing: border-box;
}
@media screen and (min-width : 480px) {/*480以上(タブレット/PC)*/
	.group_link{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.group_link li {
		width: 46.5%;
	}
}
@media screen and (min-width : 960px) {/*960以上(タブレット/PC)*/
	.group_link li {
		width: 31%;
		max-width: 350px;
	}
}
@media screen and (min-width:0px) and ( max-width:599.9px) {/*600まで(SP)*/
	.group_link{
		padding: 40px 20px 10px;
	}
	.group_link li {
		font-size: 1.4rem;
	}
}
.group_link li p{
	white-space: nowrap;
}
.group_link li p:first-of-type{
	color: #FFFFFF;
	font-weight: bolder;
	padding: 5px 10px;
	background-color: #000000;
}
.group_link li.title_pink p:first-of-type{border-left: #EB0C88 solid 8px;}
.group_link li.title_purple p:first-of-type{border-left: #8163B4/*#8E5ACE*/ solid 8px;}
.group_link li.title_lightblue p:first-of-type{border-left: #5BC0DE/*#25CCFF*/ solid 8px;}
.group_link li.title_brown p:first-of-type{border-left: #C1AB7E/*#C28306*/ solid 8px;}
/*
.group_link li.title_pink p:first-of-type{color: #EB0C88;}
.group_link li.title_purple p:first-of-type{color: #8163B4;}
.group_link li.title_lightblue p:first-of-type{color: #5BC0DE;}
.group_link li.title_brown p:first-of-type{color: #C1AB7E;}
.group_link li.title_pink p:first-of-type{background-color: #EB0C88;}
.group_link li.title_purple p:first-of-type{background-color: #8163B4;}
.group_link li.title_lightblue p:first-of-type{background-color: #5BC0DE;}
.group_link li.title_brown p:first-of-type{background-color: #C1AB7E;}
*/
.group_link li p.members_link,.shop_link{
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 3px;
	border-bottom: #EEEEEE dotted 1px;
	box-sizing: border-box;
}
.group_link li i{
	margin-right: 0.4em;
}
.group_link li  a:link,.group_link li  a:visited{
	background: transparent;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	color: #666666;
}
.group_link li  a:hover{
	color: #CCCCCC;
	opacity: 0.55
}
.group_link li.title_pink a i{color: #EB0C88;}
.group_link li.title_purple  a i{color: #8163B4;}
.group_link li.title_lightblue  a i{color: #5BC0DE;}
.group_link li.title_brown  a i{color: #C1AB7E;}


footer{
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(0,0,0,1.00);
	font-size: 1.4rem;
	padding: 40px 5% 20px;
}
.footer_link{
	margin-bottom: 20px;
}
.footer_link a:link,.footer_link a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}
.footer_link a:hover{
	color: #999999;
}
.footer_link a:nth-last-of-type(1){
	margin-right: 1em;
}
.footer_link a:nth-last-of-type(2){
	margin-left: 1em;
}
.c_copyright{
	color: #FFFFFF;
}
.c_copyright span{
	display: inline-block;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.c_copyright{
		font-size: 1.2rem;
	}
}

/*プライバシーポリシー*/
.content_box{
	margin: 0 auto;
	max-width: 1240px;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 50px 20px;
	background-color:rgba(255,255,255,0.75);
	box-shadow: 2px 4px 10px rgb(0 0 0 / 0.1);
}
h2{
	font-weight: normal;
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: center; /* 水平中心 */
	margin-bottom: 15px;
	font-weight: bolder;
	font-size: 1.8rem;
}
h2:before,h2:after {
	border-top: 2px solid #BBBBBB;
	content: "";
	width: 1.6em; /* 線の長さ */
	}
h2:before {
	margin-right: 1em; /* 文字の右隣 */
}
h2:after {
	margin-left: 1em; /* 文字の左隣 */
}
@media screen and (min-width:0px) and ( max-width:479px) {/*480まで(SP)*/
	h2{
		font-size: 1.6rem;
	}
	 h2:before,h2:after {
		width: 1.2em; /* 線の長さ */
	}
}
.privacypolicy{
	margin-bottom: 50px;
}
.privacypolicy dt{
	font-weight: bolder;
}
.privacypolicy dd{
	padding-left: 1.2em;
	margin-bottom: 30px;
}
.privacypolicy_notes li{
	margin-bottom: 20px;
}

.grouplist_page{
	margin-bottom: 30px;
}
.grouplist_page a{
	display: inline-block;
	max-width: 300px;
	width: 48%;
	padding: 10px 0;
	background-color:rgba(228,0,127,1.00);
	box-shadow: 2px 4px 6px rgb(0 0 0 / 0.3);
	color: #FFFFFF;
	letter-spacing: 0.02em;

	background: transparent;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
.grouplist_page a:hover{
	background-color: rgba(0,0,0,1.0);
	 background-position: 99% 50%;
}
.grouplist_page a {
	background: -webkit-linear-gradient(180deg, rgba(228,0,127,1.00), rgba(0,0,0,1.0), rgba(228,0,127,1.00), rgba(228,0,127,1.00));
	background: -webkit-linear-gradient(right, rgba(228,0,127,1.00), rgba(0,0,0,1.0), rgba(228,0,127,1.00), rgba(228,0,127,1.00));
	background: linear-gradient(270deg, rgba(228,0,127,1.00), rgba(0,0,0,1.0), rgba(228,0,127,1.00), rgba(228,0,127,1.00));
	background-position: 1% 50%;
	background-size: 300% 300%;
}
@media screen and (min-width:0px) and ( max-width:599.9px) {/*600まで(SP)*/
	.grouplist_page a{
		width: 100%;
	}
}
@media screen and (min-width:0px) and ( max-width:479.9px) {/*480まで(SP)*/
	.grouplist_page{
		font-size: 1.2rem;
	}
}



