@charset "UTF-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/







/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 11px;
line-height: 130%;
font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
background:url(../img/sp_bg_top.jpg) top left repeat;
-webkit-text-size-adjust: none;
}
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
margin:0;
padding:0;
}
/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*-- リンク設定 --------*/
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a img{
border: none;
}
/*-- float対策 --------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
/*-- イメージ初期化 --------*/
img {
vertical-align:middle;
margin:0;
padding:0;
}







/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/
#header {
	background-color: #FFF;
}



/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/
div#mainvisual {
	position: relative;
	width:320px;
	margin:0 auto;
}
div#mainvisual > h2 > span {
	position:relative;
	display:inline-block;
	height:110px;
	width:100%;
}
div#mainvisual > h2 > span > span {
	position:absolute;
	top:50px;
	left:50%;
}
div#mainvisual > h2 > span > span > span {
	position:absolute;
	display:inline-block;
	top:-40px;
	left:-67px;
}
div#mainvisual > h2 > span > span > span > a {
	display:inline-block;
}
div#link > ul {
	width:100%;
	background-color:#FFF;
}
div#link > ul > li {
	width:100%;
	list-style:none;
	border-bottom:1px #FFF solid;
}
div#link > ul > li > a {
	display:table;
	width:100%;
	box-sizing:border-box;
}
div#link > ul > li:first-child {
	border-top:1px #FFF solid;
}
div#link > ul > li a img {
	display:table-cell;
}
div#other_content {
	max-width: 360px;
	min-width: 320px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 auto;
	padding: 21px 10px;
}
div#other_content > p {
	padding: 5px 0 10px;
}
div#other_content > div.newmember_wrap {
	background-color: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	margin: 20px 0 10px;
	padding: 45px 0 16px;
	background: url(../img/sp_addmember_bg.gif) no-repeat top center #FFF;
	background-size: 129px 105px;
	-webkit-background-size: 129px 105px;
}
div#other_content > div.support_wrap {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #FFF;
	background-color: #f6d5dd;
}
div#other_content > div.support_wrap > h3 {
	text-align: center;
	background-color: #FFF;
	text-align: center;
	margin: 0 0 17px;
}
div#other_content > div.support_wrap > div {
	padding: 0 13px;
}
div#other_content > div.support_wrap > div > a:nth-of-type(1) {
	display: block;
	margin: 0 0 34px;
}
div#other_content > div.support_wrap > div > a:nth-of-type(2) {
	display: block;
	margin: 0 0 37px;
}
div#other_content > div.support_wrap > div > p{
	padding: 0 0 24px;
	color: #595757;
}
a.imagechange {
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}



/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/
footer {
	margin:25px 0 0;
}
footer > div > ul {
	width:100%;
}