body{
	margin:0 auto;
}

@media screen and (min-width: 421px) {

.spshow {display: none !important;}

#contents{
	width:790px;
		margin:0 auto;

}



#head{
	width:618px;
	height:300px;
	padding-top:28px;
}

#main{
	width:618px;
	margin-left:22px;
	float:left;
}


h1{font-size:30px; margin-top:-15px;}
h2{font-size:16px; margin-top:-15px;}
h3{font-size:13px; margin-bottom:0px;}

p{
	font-size:11px;
}

.access{
	float:right;
}

#text{
	margin-top:-14px;
	width:618px;
	
	column-count: 3;
	
-moz-column-count: 3;
-webkit-column-count: 3;
-o-column-count: 3;
-ms-column-count: 3;}

.pct{
	width:198px;
	height:132px;
}

#footer{
	margin-top:40px;
	margin-bottom:50px;
}

#repo{
	margin-top:15px;
}



.repo_box{
	border: 2px solid #CF6B78;
	width:400px;
	margin-top:32px;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.movie{
	width:198px;
	background-image:url(img/movie_01.jpg);
	padding-top:32px;
	background-repeat:no-repeat;
}


.shop_link{
	margin:10px 10px 10px 125px;
	clear:both;
}

}

@media screen and (max-width: 420px) {
	
.pcshow {display: none !important;}

#contents{
	width:420;
		margin:0 auto;
}


#head{
	max-width: 100%;
	width:auto;
	height:auto;
	padding-top:15px;
	
}

#main{
	max-width:420px;
	width:auto;
	margin-left:25px;
	margin-right:25px;
	float:left;
}

h1,h2{margin:0;}

h1{font-size:30px; margin:-10px 0;}
h2{font-size:19px; margin:10px 0;}
h3{font-size:17px; margin-bottom:0px;}

p{
	font-size:15px;
}


.access{
	float:right;
}

#text{
//	margin-top:-10px;
	width: auto;;

	column-count: 1;
	
-moz-column-count: 1;
-webkit-column-count: 1;
-o-column-count: 1;
-ms-column-count: 1;}

.pct{
	width:198px;
	height:132px;
}



.repo_box{
	border: 2px solid #CF6B78;
	width:auto;
	margin-top:32px;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}



#footer{
	margin-top:40px;
	margin-bottom:50px;
}


.shop_link{
	margin:10px;
	clear:both;
}

#repo{
	margin-top:15px;
	margin:auto;
	text-align:center;
}


.movie{
	width:95%;
	height:95%;
	background-image:url(img/movie_01.jpg);
	background-repeat:no-repeat;
	text-align:center;

	margin:20px auto !important;
	padding:20px 10px;
	padding-top:38px !important;
}

.movie img{
	text-align:right;
}


#text img{
	width:48%;
	height:48%;
	margin:10px 2px;
	float:left;
}


#navi ul{
	display: none;

}

#navi ul li{
	width:50%;
	float:left;
}


#navi ul li img{
	margin:3px;
	width:100%;
}

}



#top_t{
	text-align:center;
	margin:0 7px 20px 7px;
}

#top_t h2{
	margin:10px;
}

#top_t p{
	text-align:center;
	font-size:10px;
	line-height:18px;
}

.top_c{
	width:180px;
	margin:10px;
	margin-top:20px;
}

.profile p{
	font-size:10px;
	color:#000;
	margin-left:10px;
	margin-top:-15px;
	line-height:18px;
	
}

.profile p a{
	color:#CF6B78;
}

.profile img{
	margin:40px 0 20px 10px;
}

.ogose{
	background-image:url(img/report_sign_01.png);
	background-position:right;
	background-repeat:no-repeat;
	width:600px;

}
.neo{
	background-image:url(img/report_sign_02.png);
	background-position:left;
	background-repeat:no-repeat;
	width:380px;
	padding-left:190px;
	padding-top:10px;
	margin-left:20px;

}

table.list{
	border-spacing: 8px 0px;
	margin:20px 0 30px -10px;
}


.spprofile{
	text-align:center;
	width:100%;
}

.spprofile p{
	font-size:11px;
	color:#000;
	line-height:18px;
	
}

.spprofile p a{
	color:#CF6B78;
}



.access_pct{
	width:120px;
	height:80px;
}



.middle{
	font-size:15px;
}


p{
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: justify; /* 両端揃え */
   text-justify: inter-ideograph; /* 両端揃えの種類 */
}

.f_marugo{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#CF6B78;
}



.right_f{
	float:right;
}

.left_f{
	float:left;
}


a:hover{
	opacity: 0.60 ;
	filter: alpha(opacity=60) ;	/* Ie用 */
//	background-color:#FCFCFC;
}



#side{
	float:left;
}


ul{
	list-style:none;
	margin-left: -42px;
}





iframe span{
	font-size:12px;
}


#repo p{
	font-size:10px;
}

#repo h2{
	margin-top:3px;

	margin-bottom:8px;
}







.clear {

    clear:both;　/*floatの解除、ここがポイント*/

}