/* PC */
@media screen and (min-width: 769px) {

  /* サイドナビがある場合は下記のl-mainスタイルをコメントアウトを外す */
  .l-main {
    display: flex;
    width: 980px;
    margin: 30px auto 100px;
    justify-content: space-around;
    position: relative;
  }

  .l-sidebar #side-bar div.sideinner {
    margin-top: 42px;
  }

  /* フルコンテンツ幅の場合コメントアウトを外す */
  /* .l-content {
 .l-content {
    width: 730px!important;
    padding: 0!important;
  }

	#side-bar {
		background-color: #fff;
	}

	/* clear */
	#area-main-index:after,
	ul.inner2Column:after,
	ul.memberNavi li:after,
	div.appArea li:after,
	ul.memberNavi:after {
		display:block;
		visibility:hidden;
		clear:both;
		height:0;
		content:" ";
		font-size:0;
		line-height:0;
	}
	#area-main-index,
	ul.inner2Column,
	ul.memberNavi li,
	div.appArea li,
	ul.memberNavi {
		zoom:1;
	}

	#side-bar div.sideinner {
		margin-top: 30px;
	}


	/* bd_service_member */
	/*----------------------------------*/
	/* h3 */
	h2{
	padding-top:0;
	margin-top:20px;
	line-height: 0;
	}
	.inner2Column > li > h3 {
		padding: 0 10px!important;
		background: url(/sites/default/files/media/pc/images/global/line/line_content_h4.gif) bottom left repeat-x!important;
		font-weight: bold !important;
	}

	/* h4 */
	h4    {
		padding: 0 10px;
		margin: 10px 0;
		background: url(/sites/default/files/media/pc/images/global/line/line_content_h4.gif) bottom left repeat-x;
		font-weight: bold !important;
	}
	ul.pink h4    {
		background: url(/sites/default/files/media/pc/images/global/line/line_content_h4_pink.gif) bottom left repeat-x;
	}

	ul.inner2Column {
		clear: both;
	}
	ul.inner2Column li {
		width: 50%;
		float: left;
	}
	ul.inner2Column li h3,
	ul.inner2Column li p {
		margin: 0 10px;
	}
	ul.inner2Column li p {
		margin-bottom: 10px;
	}
	ul.inner2Column li p.btnArea {
		background: url(/sites/default/files/media/pc/images/global/background/bg_various01.gif) repeat;
		text-align: center;
		padding: 10px;
	}
	ul.inner2Column dl{
		margin:-10px 3px 10px;
	}
	ul.inner2Column dl.newsNotice{
		margin:10px 5px 10px 3px;
	}
	ul.inner2Column dl.newsNotice dt{
		float:left;
		margin-right:5px;
	}
	ul.inner2Column dl.newsNotice dd{
		overflow:hidden;
		margin-bottom:5px;
	}
	ul.memberNavi {
		margin-bottom: 20px;
	}
	ul.memberNavi li,
	div.appArea li {
		background: #e6f1f2 url(/sites/default/files/media/pc/images/global/sidebar/background/bg_content01.gif) repeat-y;
		margin-bottom: 2px;
	}
	ul.memberNavi li div,
	div.appArea li div {
		display: inline;
		float: left;
		margin-right: 10px;
	}
	ul.memberNavi li div.txt {
		width: 543px;
		margin-top:10px;
	}
	div.appArea li div.txt {
		width: 503px;
	}
	ul.memberNavi li.inner2ColumnL div.txt,
	ul.memberNavi li.inner2ColumnR div.txt {
		width: 192px;
	}
	ul.memberNavi li.inner2ColumnL {
		width: 349px;
		float: left;
	}
	ul.memberNavi li.inner2ColumnR {
		width: 349px;
		float: right;
	}
	ul.memberNavi .innerBanner {
		margin-top: 8px;
		text-align: center;
	}
	div.appArea {
		background: #E9E5D5;
		padding: 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	div.appArea h2 {
		padding-top: 10px;
	}
	div.appArea ul.pink li {
		background: #fbe7ec url(/sites/default/files/media/pc/images/service/member/monster.gif) no-repeat right bottom;
		margin-bottom: 2px;
	}
	.appArea dl.notice{
		padding:10px 0 0 10px;
	}
	.appArea dl.notice dt{
		font-weight:bold;
	}

	/* stage-text */
	.bd_stage01 {
		position: relative;
	}
		.bd_stage01 p.bd_txt {
			padding: 30px 10px 10px;
		}
	p.notice a,
	p.notice a:active,
	p.notice a:visited,
	p.notice a:link{
		color:#cc0000;
	}
	/* img */
	img.bd_regfree02    {
		position: absolute;
		top: -50px;
		right: 0;
		float: right;
		margin: 0 10px 0 0;
		z-index: 2;
	}

	ul.bd_link-list01    {
		float: left;
		padding: 0;
		margin-top:10px;
		width: 185px;
	}
	div.appArea ul.bd_link-list01 li {
		padding: 0 0 0 12px;
		background: url(/sites/default/files/media/pc/images/global/common/blt_arrow04.gif) 0 6px no-repeat;
		zoom:1;
	}

	p.imgL {
		float: left;
		margin: 10px;
	}

	.bnr-space {
		margin: 20px 0;
		text-align: center;
	}
	.bnr{margin-bottom:20px;}
}

/* SP */
@media screen and (max-width: 768px) {
	img {
		vertical-align: top;
	}

	article{
		margin:  0 auto;
		padding: 12px 0;
		width: 320px;
	}

	#back_btn {
		margin: 0 10px;
	}
	h1 {
			/* color: #fff; */
			line-height: 1;
			background: url(/sites/default/files/media/sp/images/global/background/bg_h2.gif) no-repeat center left;
			background-size: contain;
			padding: 6px 0;
	}
	h2 {
			padding: 0 10px;
			background: #6794c2;
			color: #fff;
			font-weight: bold;
			font-size: 12px;
			line-height: 30px;
			margin: 0 3% 5px;
	}

			/* margin-top: 15px;
			padding-top: 15px;
			border-top: 1px #ccc dashed; */
	#base {
		padding: 10px 0;
		background-color: #fff;
		color: #3d3d3d;
		font-size: 16px;
		line-height: 1.5;
	}

	.top {
		margin-bottom: 20px;
		padding: 0 10px;
		font-size: 14px;
		line-height: 1.2;
	}
	.service .box {
		margin-bottom: 10px;
		padding: 0 10px 20px 10px;
	}

	.service .box .floatR {
		width: 210px;
		font-size: 14px;
		line-height: 1.2;
	}

	.service .link {
		padding: 0 10px 20px 10px;
		text-align: right;
	}

	.service .link a {
		color: #2d52b1;
		text-decoration: underline;
	}

	.app .box {
		margin: 0 8px 20px 9px;
		padding-bottom: 10px;
		width: 301px;
		border: 1px solid #999999;
		background-color: #f3fcff;
		font-size: 14px;
	}

	.app .box .txt {
		padding: 10px 5px;
		color: #3d3d3d;
		line-height: 1.2;
	}

	.app .box ul {
		margin-bottom: 13px;
		padding-left: 54px;
	}

	.app .box li {
		float: left;
		margin-right: 11px;
	}
	.app dl.notice{
		text-align:center;
	}
	.members {
		padding-bottom: 10px;
	}

	.members .txt {
		padding: 5px 10px;
	}

	.members ul {
		padding: 5px 10px;
		font-size: 14px;
	}

	.net .txt {
		padding: 5px 10px;
	}
	h3.member-h3{
		padding: 0;
	}
	p.notice a,
	p.notice a:active,
	p.notice a:visited,
	p.notice a:link{
		color:#cc0000;
	}
	dl.notice{
		color:#ff0000;
		padding: 5px 10px;
	}
	dl.notice dt{
		font-weight:normal;
		background:none;
	}
	dl.newsNotice{
		margin:10px 0 0;
	}
	dl.newsNotice dt{
		float:left;
		background:none;
		font-weight:normal;
		margin: 0 5px 0 0;
	}
	dl.newsNotice dd{
		overflow:hidden;
		margin-bottom:5px;
	}
	.bnr-space {
		margin: 0 0 10px;
		text-align: center;
	}
	.bnr{margin-bottom:20px;text-align:center;}
}
	/*module css*/

	/*margin*/
	.ma00{margin:0!important;}
	/*top*/
	.mt00{margin-top:0!important;}
	.mt05{margin-top:5px!important;}
	.mt10{margin-top:10px!important;}
	.mt15{margin-top:15px!important;}
	.mt20{margin-top:20px!important;}
	.mt25{margin-top:25px!important;}
	.mt30{margin-top:30px!important;}
	.mt35{margin-top:35px!important;}
	.mt40{margin-top:40px!important;}
	.mt45{margin-top:45px!important;}
	.mt50{margin-top:50px!important;}
	/*right*/
	.mr00{margin-right:0!important;}
	.mr05{margin-right:5px!important;}
	.mr10{margin-right:10px!important;}
	.mr15{margin-right:15px!important;}
	.mr20{margin-right:20px!important;}
	.mr25{margin-right:25px!important;}
	.mr30{margin-right:30px!important;}
	.mr35{margin-right:35px!important;}
	.mr40{margin-right:40px!important;}
	.mr45{margin-right:45px!important;}
	.mr50{margin-right:50px!important;}
	/*bottom*/
	.mb00{margin-bottom:0!important;}
	.mb05{margin-bottom:5px!important;}
	.mb07{margin-bottom:7px!important;}
	.mb10{margin-bottom:10px!important;}
	.mb15{margin-bottom:15px!important;}
	.mb20{margin-bottom:20px!important;}
	.mb25{margin-bottom:25px!important;}
	.mb30{margin-bottom:30px!important;}
	.mb35{margin-bottom:35px!important;}
	.mb40{margin-bottom:40px!important;}
	.mb45{margin-bottom:45px!important;}
	.mb50{margin-bottom:50px!important;}
	/*left*/
	.ml00{margin-left:0!important;}
	.ml05{margin-left:5px!important;}
	.ml10{margin-left:10px!important;}
	.ml15{margin-left:15px!important;}
	.ml20{margin-left:20px!important;}
	.ml25{margin-left:25px!important;}
	.ml30{margin-left:30px!important;}
	.ml35{margin-left:35px!important;}
	.ml40{margin-left:40px!important;}
	.ml45{margin-left:45px!important;}
	.ml50{margin-left:50px!important;}

	/*padding*/
	.pa00{padding:0!important;}
	/*top*/
	.pt00{padding-top:0!important;}
	.pt05{padding-top:5px!important;}
	.pt10{padding-top:10px!important;}
	.pt15{padding-top:15px!important;}
	.pt20{padding-top:20px!important;}
	.pt25{padding-top:25px!important;}
	.pt30{padding-top:30px!important;}
	.pt35{padding-top:35px!important;}
	.pt40{padding-top:40px!important;}
	.pt45{padding-top:45px!important;}
	.pt50{padding-top:50px!important;}
	/*right*/
	.pr00{padding-right:0!important;}
	.pr05{padding-right:5px!important;}
	.pr10{padding-right:10px!important;}
	.pr15{padding-right:15px!important;}
	.pr20{padding-right:20px!important;}
	.pr25{padding-right:25px!important;}
	.pr30{padding-right:30px!important;}
	.pr35{padding-right:35px!important;}
	.pr40{padding-right:40px!important;}
	.pr45{padding-right:45px!important;}
	.pr50{padding-right:50px!important;}
	/*bottom*/
	.pb00{padding-bottom:0!important;}
	.pb05{padding-bottom:5px!important;}
	.pb10{padding-bottom:10px!important;}
	.pb15{padding-bottom:15px!important;}
	.pb20{padding-bottom:20px!important;}
	.pb25{padding-bottom:25px!important;}
	.pb30{padding-bottom:30px!important;}
	.pb35{padding-bottom:35px!important;}
	.pb40{padding-bottom:40px!important;}
	.pb45{padding-bottom:45px!important;}
	.pb50{padding-bottom:50px!important;}
	/*left*/
	.pl00{padding-left:0!important;}
	.pl05{padding-left:5px!important;}
	.pl10{padding-left:10px!important;}
	.pl15{padding-left:15px!important;}
	.pl20{padding-left:20px!important;}
	.pl25{padding-left:25px!important;}
	.pl30{padding-left:30px!important;}
	.pl35{padding-left:35px!important;}
	.pl40{padding-left:40px!important;}
	.pl45{padding-left:45px!important;}
	.pl50{padding-left:50px!important;}

	/*font*/
	/*size*/
	.fs10{font-size:10px!important;}
	.fs11{font-size:11px!important;}
	.fs12{font-size:12px!important;}
	.fs13{font-size:13px!important;}
	.fs14{font-size:14px!important;}
	.fs15{font-size:15px!important;}
	.fs16{font-size:16px!important;}
	.fs17{font-size:17px!important;}
	.fs18{font-size:18px!important;}
	.fs19{font-size:19px!important;}
	.fs20{font-size:20px!important;}
	/*bold*/
	.bold{font-weight:bold!important;}

	/*text-align*/
	.center{text-align:center!important;}
	.right{text-align:right!important;}
	.left{text-align:left!important;}

	/*letter-spacing*/
	.ls01{letter-spacing:-0.15em;}
	.ls02{letter-spacing:-0.2em;}

	/*float*/
	.floatR{float:right!important;}
	.floatL{float:left!important;}

	/*clear*/
	.clear{clear:both!important;}

	/*clearfix*/
	.clearfix{min-height:1px;/*\*//*/height:auto;overflow:hidden;/**/_height:1px;}
	.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}