@media screen and (max-width: 640px){
	.pc {
		display:none !important;
	}
	
	#fanclub section h1 {
		background:url(../img/icon_fanclub.png) 19px 6px #8dc2d4 no-repeat;
		background-size:16px auto;
		-moz-background-size: 16px auto;
		-webkit-background-size:16px auto;
		-o-background-size:16px auto;
	}
	/*#fanclub #contentsWrap section .date .new {
		color:#e90202;
		border:1px #e90202 solid;
		padding:3px 10px 4px;
		height:15px;
		text-align:center;
	}*/
	/* =index.html
	------------------------------------------------------------------*/
	#fanclub #contentsWrap section .contmain {
		font-size: 14px;
		line-height: 1.5;
		background: #fff;
		color: #333;
		padding: 0 10px 20px;
		clear:both;
		margin-bottom:20px;
	}
	#fanclub #contentsWrap section .contmain .topTxt {
		margin-bottom:40px;
	}
	#fanclub #contentsWrap section .contmain .topTxt p.mvImg img {
		width:100%;
		height:auto;
	}
	#fanclub #contentsWrap section .contmain .loginTxt {
		margin:15px 0 15px 0;
	}
	#fanclub #contentsWrap section .contmain .topTxt .txt {
		margin-bottom:20px;
	}
	#fanclub #contentsWrap section .contmain div .btnEntry {
		width:70%;
		margin:30px auto 0;
		text-align: center;
		line-height: 3;
		background: #8dc2d4;
	}
	#fanclub #contentsWrap section .contmain div .btnEntry span {
		color: #fff;
		font-size: 18px;
		background: url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/fanclub/arrow_right_white.png) no-repeat left;
		padding-left: 30px;
	}
	#fanclub #contentsWrap section .contmain div .btnEntry img {
		width:70%;
		height:auto;
	}
	#fanclub #contentsWrap section .contmain div .txtEntry {
		width: 333px;
		margin: 10px auto 0;
		text-align: center;
		text-decoration: underline;
	}
	#fanclub #contentsWrap section .contmain div .txtEntry2 {
		width: 593px;
		margin: 10px auto 0;
		text-align: center;
		font-size: small;
	}
	#fanclub #contentsWrap section .contmain .canpaign {
		margin-bottom:60px;
	}
	#fanclub #contentsWrap section .contmain div .titleInfo h2 {
		font-size: 20px;
		color: #888;
		padding: 0 0 5px 0;
		margin-bottom: 20px;
		border-bottom: 1px solid #888;
	}
	#fanclub #contentsWrap section .contmain div .titleInfo h2 span.about {
		background: url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/fanclub/icon_members_about.png) left 3px no-repeat;
		display: block;
		padding-left: 32px;
	}


	#fanclub #contentsWrap section .contmain div .titleInfo h2 span {
		background: url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/fanclub/icon_fanclub_info.png) left 1px no-repeat;
		padding-left: 33px;
	}
	#fanclub #contentsWrap section .contmain div .canpaignTxt {
		margin-bottom:15px;	
	}
	#fanclub #contentsWrap section .contmain div .tabInner {
		border: 0;
		padding: 0;
	}
	#fanclub #contentsWrap section .contmain div .tabInner dl.first {
		border-top: 1px solid #d5d3d3;
		padding-top:5px;
	}
	#fanclub .entryBox p span{
		font-size:20px;
		color:#888;
		font-weight:bold;
	}
	#fanclub .entryBox p.btnEntry{
		width:70%;
		height:auto;
		padding-top:10px;
	}
	
	/* 特典 */
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege {
		border:#888 1px solid;
		margin-bottom:20px;
		width:100%;
		max-width:638px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dt {
		background:#888;
		padding:12px 10px;
		text-align:center;
		color:#fff;
		font-size:16px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dd {
		padding:15px 0;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dd .card {
		width:30%;;
		height:auto;
		display:block;
		margin:0 auto 15px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dd .towel {
		width:95%;
		height:auto;
		display:block;
		margin:0 auto;
	}
	
	
	#fanclub #contentsWrap section .contmain .topTxt .pic{
		margin-bottom:20px;
		width:100%;
		max-width:638px;	
	}
	#fanclub #contentsWrap section .contmain .topTxt .pic  .card {
		width:30%;;
		height:auto;
		display:block;
		margin:0 auto 15px;
	}
	#fanclub #contentsWrap section .contmain .topTxt .pic .towel {
		width:95%;
		height:auto;
		display:block;
		margin:0 auto;
	}
	
	
	/* コンテンツ */
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo dl {
		width:100%;
		max-width:601px;
		height:auto;
		margin-bottom:40px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo .last {
		margin-bottom:0;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo dl dd img {
		width:100%;
		height:auto;
		display:block;
		margin:10px 0;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo dl dt {
		font-size:16px;
		color:#888;
		font-weight:bold;
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:#888 1px solid;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo {
		padding-bottom:40px;
	}
	
	p.fanclub_entry{
		padding-top:30px;
		text-align:center;
	}
	
		
	/* =detail.html
	------------------------------------------------------------------*/
	#fanclub #contentsWrap section .detail {
		font-size: 14px;
		line-height: 1.5;
		background: #fff;
		color: #333;
		padding: 6px 10px 20px;
		clear:both;
	}
	#fanclub #contentsWrap section .detailInDetail {
		font-size: 14px;
		line-height: 1.5;
		background: #fff;
		color: #333;
		padding: 6px 10px 20px;
		clear:both;
	}
	/* 年月日 */
	#fanclub #contentsWrap section .date {
		font-size:16px;
		float:left;
		padding-bottom: 10px;
	}
	/*#fanclub #contentsWrap section .date span {
		display: inline-block;
		font-size: 10px;
		height: 15px;
		margin-left: 10px;
		padding: 2px 0 1px;
		text-align: center;
		width: 64px;
	}*/
	#fanclub #contentsWrap section .detail h2 {
		padding:0 0 4px;
		font-size:15px;
		border-bottom:#ccc 1px dotted;
		clear:both;
		margin-bottom:30px;
		color: #888;

	}
	#fanclub #contentsWrap section .detailInDetail h2 {
		padding:0 0 4px;
		font-size:18px;
		border-bottom:#ccc 1px dotted;
		clear:both;
		margin-bottom:30px;
		color: #333333;
		font-weight:bold;
	}
	
	#fanclub #contentsWrap section.detail .text {
		margin-bottom:60px;
	}

}
@media print, screen and (min-width: 641px){
	.sp {
		display:none !important;
	}
	#fanclub section h1 {
		background:url(../img/icon_fanclub.png) 14px 7px #8dc2d4 no-repeat;
		background-size:24px auto;
		-moz-background-size: 24px auto;
		-webkit-background-size:24px auto;
		-o-background-size:24px auto;
	}
	/*#fanclub #contentsWrap section .date .new {
		color:#e90202;
		border:1px #e90202 solid;
		padding:1px 0 0;
		height:26px;
		width:118px;
		text-align:center;
		font-size:17px;
	}*/
	
	/* =index.html
	------------------------------------------------------------------*/
	#fanclub #contentsWrap section .contmain {
		font-size: 14px;
		line-height: 1.5;
		background: #fff;
		color: #333333;
		padding: 25px 44px 64px;
		border: 1px #dfdede solid;
		clear:both;
		margin-bottom:20px;
	}
	#fanclub #contentsWrap section .contmain .topTxt {
		margin-bottom:60px;
	}
	#fanclub #contentsWrap section .contmain .topTxt p.mvImg img {
		width:100%;
		height:auto;
	}
		
	#fanclub #contentsWrap section .contmain .topTxt .loginTxt {
		margin-bottom:5px;
		margin-top:10px;
	}
	#fanclub #contentsWrap section .contmain .topTxt .txt {
		margin-bottom:30px;
	}
	#fanclub #contentsWrap section .contmain .entryBox {
		border:1px solid #888;
		margin:20px auto;
		padding:20px 30px;
	}
/*	#fanclub #contentsWrap section .contmain p span{
		font-size:20px;
		color:#888;
	}*/
	#fanclub #contentsWrap section .contmain .entryBox p {
		float:left;
		color:#888;
	}

	#fanclub #contentsWrap section .contmain .entryBox.nopadding{
		padding: 0;
		}
	#fanclub #contentsWrap section .contmain .entryBox.nopadding p.pc {
		padding:20px 30px;
	}
	#fanclub #contentsWrap section .contmain .entryBox.nopadding p.logo {
		background: #8dc2d4;
		text-align: center;
		width: 400px;
		padding:0;
	}
	#fanclub #contentsWrap section .contmain .entryBox.nopadding a{
		text-decoration:underline;
	}
	#fanclub #contentsWrap section .contmain div .btnEntry {
		width:593px;
		margin:30px auto 0;
		text-align: center;
		line-height: 3;
		background: #8dc2d4;
		height: 52px;
	}
	#fanclub #contentsWrap section .contmain div .btnEntry span {
		color: #fff;
		font-size: 18px;
		background: url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/fanclub/arrow_right_white.png) no-repeat left;
		padding-left: 30px;
	}
	#fanclub #contentsWrap section .contmain .canpaign {
		margin-bottom:60px;
	}
	#fanclub #contentsWrap section .contmain div .titleInfo h2 {
		font-size: 20px;
		color: #888;
		padding: 0 0 7px 3px;
		margin-bottom: 20px;
		border-bottom: 1px solid #888;
	}
	#fanclub #contentsWrap section .contmain div .titleInfo h2 span {
		background: url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/fanclub/icon_fanclub_info.png) left 1px no-repeat;
		padding-left: 30px;
	}
	#fanclub #contentsWrap section .contmain div .titleInfo h2 span.about {
		background: url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/fanclub/icon_fanclub_about.png) left 5px no-repeat;
		padding-left: 35px;
	}
	
	#fanclub #contentsWrap section .contmain div .canpaignTxt {
		margin-bottom:20px;	
	}
	#fanclub #contentsWrap section .contmain div .tabInner {
		border: 0;
		padding: 0;
	}
	#fanclub #contentsWrap section .contmain div .tabInner dl.first {
		border-top: 1px dotted #d5d3d3;
	}
	#fanclub #contentsWrap section .contmain div .tabInner dl dt {
		float: left;
	}
	#fanclub #contentsWrap section .contmain div .tabInner a:hover dl dt {
		color:#000;
	}
	#fanclub #contentsWrap section .contmain div .tabInner dl dd {
		float: left;
	}
	
	/* 特典 */
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege {
		border:#888 1px solid;
		margin-bottom:30px;
		width:868px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dt {
		background:#888;
		padding:12px 0;
		text-align:center;
		color:#fff;
		font-size:20px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dd {
		padding:42px 56px;
		clear:both;
		overflow:hidden;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dd .card {
		width:158px;
		height:100px;
		display:block;
		float:left;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .privilege dd .towel {
		width:564px;
		height:100px;
		display:block;
		float:right;
	}
	
	
	
	#fanclub #contentsWrap section .contmain .topTxt .pic{width:722px; margin:20px auto 30px;}
	#fanclub #contentsWrap section .contmain .topTxt .pic  .card {
		width:158px;
		height:100px;
		display:block;
		float:left;
	}
	#fanclub #contentsWrap section .contmain .topTxt .pic .towel {
		width:564px;
		height:100px;
		display:block;
		float:right;
	}
	
	
	
	
	
	
	/* コンテンツ */
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo {
		clear:both;
		overflow:hidden;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo dl {
		width:415px;
		height:auto;
		margin-bottom:30px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo .left {
		float:left;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo .right {
		float:right;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo .last {
		margin-bottom:0;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo dl dt img {
		display:block;
		margin-bottom:10px;
		width:415px;
	}
	#fanclub #contentsWrap section .contmain .canpaignContent .contentInfo dl dt {
		font-size:20px;
		color:#888;
		font-weight:bold;
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:#888 1px solid;
	}
	
	p.fanclub_entry{
		font-size:20px;
		color:#888;
		font-weight:bold;
		clear:both;
		padding-top:30px;
		text-align:center;
	}
	
	
	/* =detail.html
	------------------------------------------------------------------*/
	#fanclub #contentsWrap section .detail {
		font-size: 14px;
		line-height: 1.5;
		background: #fff;
		color: #333333;
		padding: 25px 44px;
		border: 1px #dfdede solid;
		clear:both;
	}
	#fanclub #contentsWrap section .detailInDetail {
		font-size: 14px;
		line-height: 1.5;
		background: #fff;
		color: #333333;
		padding: 25px 44px;
		border: 1px #dfdede solid;
		clear:both;
	}
	/* 年月日 */
	#fanclub #contentsWrap section .date {
		font-size:18px;
		float:left;
		padding-top: 10px;
	}
	/*#fanclub #contentsWrap section .date span {
		font-size:17px;
		width:118px;
		height:23px;
		display:inline-block;
		text-align:center;
		padding:3px 0 4px;
		margin-left:10px;
	}*/
	#fanclub #contentsWrap section .detail h2 {
		padding:0 0 20px;
		font-size:22px;
		border-bottom:#cccccc 1px dotted;
		clear:both;
		margin-bottom:30px;
		color: #888;
	}
	#fanclub #contentsWrap section .detailInDetail h2 {
		padding:20px 0 20px;
		font-size:22px;
		border-bottom:#cccccc 1px dotted;
		clear:both;
		margin-bottom:30px;
		color: #888;
	}
	
	/* SNSボタン */
	#fanclub #contentsWrap section .detail .snsPage {
		float:right;
	}
	#fanclub #contentsWrap section .detailInDetail .snsPage {
		float:right;
	}
	#fanclub #contentsWrap section .detail .snsPage li {
		float:left;
		padding-right:10px;
		overflow:hidden;
	}
	#fanclub #contentsWrap section .detailInDetail .snsPage li {
		float:left;
		padding-right:10px;
		overflow:hidden;
	}
	#fanclub #contentsWrap section .detail .snsPage li.first {
		padding-right:5px;
	}	
	#fanclub #contentsWrap section .detailInDetail .snsPage li.first {
		padding-right:5px;
	}	
	/* 記事本文 */
	#fanclub #contentsWrap section .detail .text {
		font-size:14px;
		line-height:1.8;
		margin-bottom: 60px;
	}
	#fanclub #contentsWrap section .detailInDetail .text {
		font-size:14px;
		line-height:1.8;
		margin-bottom: 60px;
	}
	#fanclub #contentsWrap section .detail .text p {
		margin-bottom:20px;
	}
	#fanclub #contentsWrap section .detailInDetail .text p {
		margin-bottom:20px;
	}
	#fanclub #contentsWrap section .detail .text .link {
		background:url(../img/arrow.png) no-repeat left center;
		padding-left:14px;
	}
	#fanclub #contentsWrap section .detailInDetail .text .link {
		background:url(../img/arrow.png) no-repeat left center;
		padding-left:14px;
	}
	#fanclub #contentsWrap section .detail .text .small {
		font-size:12px;
		line-height:1.5;
	}			
	#fanclub #contentsWrap section .detailInDetail .text .small {
		font-size:12px;
		line-height:1.5;
	}			
	#fanclub #contentsWrap section .contmain div .txtEntry {
		width: 333px;
		margin: 10px auto 0;
		text-align: center;
		text-decoration: underline;
	}
	#fanclub #contentsWrap section .contmain div .txtEntry2 {
		width: 593px;
		margin: 10px auto 0;
		text-align: center;
		font-size: small;
	}
}