@media only screen and (max-width: 600px) {
	/*---COMMON CSS---*/
	.pc{display: none;}
	.tablet{display: none;}
	.smp{display: block;}

	#header{
		padding-bottom:0;
		padding-top: 60px;
	}
	#header h1{
		width:85%;
		padding-bottom:20px;
	}
	.head_link{
		width:96%;
		padding:0 2%;		
	}
	.head_link li{
		background-position: 10% center;
		padding:15px 0 15px 5%;
		font-size:103%;
	}
	.head_link p{
		margin-top:15px;
		font-size:103%;
	}
	.xperia .head_link{
		font-size: 80%;
	}
	.xperia .head_link li{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.xperia .head_link p{margin-top: 10px;}
	.head_globalnav{
		background:none;
	}
	.head_globalnav .nav{
		width:100%;
		padding-bottom:10px;
		background:url(./images/fan-head-bg.png) left bottom repeat-x #fff;
	}
	.xperia .head_globalnav .nav li{
		font-size: 108%;
	}
	.head_globalnav .nav li a{
		padding-bottom:30px;
		background-image:url(./images/head-nav-smp.png);
		background-position:center 60px;
	}
	.head_globalnav .nav li img{
		width:12%;
		padding-left:10%
	}
	.language{
		float:right;
		width: 35% !important;
	}
	.language li{
		background:none;
		color:#333333;
		font-weight:normal;
		font-size: 120%;
		letter-spacing: -1px;
	}
	.language li a{
		text-decoration:underline;
		background:none;
	}
	#ind_header .language a{
		background-color: transparent;
	}
	#footer .temp_menu{
		padding-bottom:30px;
	}
	#footer .temp_menu li{
		margin-bottom: 10px;
	}
	
	#footer .temp_menu li, #footer .temp_menu li:nth-child(3n+1) {
              width: 45%;
              padding-left: 5%;
              display:block;
              float:left;
              margin-right:0;
        }
	#footer .temp_menu li:nth-child(5){width:97%;}
	.searchbar{
		width:100%;
	}
	
	/*-----------fan/index.html-------------*/
	.fan_content{
		width:97%;
		margin:0 auto;
		padding-top: 0;
	}
	.fan_title h2{
		font-size:120%;
	}
	.fan_search01 p{
		width:22%;
	}
	.fan_search01 input{
		width:65%;
	}
	.fan_block01{
		width:100% !important;
		margin-right:0;
		padding-right:0;
		border-right:none;
		padding-bottom:20px;	
	}
	.fan_gr03 li{
		width:42%;
		padding-left:7%;
	}
	.fan_gr03 li:nth-child(5){
		width:93%;
		padding-right:0;	
	}
	.fan_gr03 li:nth-child(3n+1){
		clear:none;
		width:42%;
	}
	.fan_gr03 li:nth-child(2n+1){
		clear:none;	
	}
	.fan_height{
		width:100%;
		padding-right:0;	
	}
	.fan_ul01,.fan_block01 table{
		width:90%;
		margin:20px auto 0 auto;
	}
	.fan_block01 table{
		border-right:none;
		padding-right:0;
	}
	.fan_block01 h3{
		margin-right:0;	
	}
	.fan_border p:first-child{
		min-width:4%;			
	}
	.fan_border p:last-child{
		width:95%;	
	}
	.fan_search{
		width:100%;
		margin:0 auto;
	}
	.fan_search01{
		width:80%;
		margin:0 auto;
		float:none;
		padding-bottom:20px;	
	}
	.fan_search01 input{
		height:27px;
		width:73%;	
	}
	.cre_fc_main .fan_search01 input{
		height:25px;	
	}
	.fan_search01 p{
		width:90px;	
	}
	.fan_search02{
		width:73%;
		margin:0 auto;	
	}
	.fan_search02 dt{
		padding:3px 0;
	}
	.fan_search02 dd a{
		padding-right:5px;	
	}
	.fan_title h2{
		width:100%;
		margin-right:0;	
	}
	.fan_head02{
		width:100%;	
	}
	.fan_head02 p{
		margin-left:3%;	
	}
	.fan_head02 ul{
		width:68%;
		padding-right:2%;	
	}
	.fan_li_nav{
		width:100%;	
	}
	.fan_li_nav li{
		width:33%;
		background: url(./images/head-nav-smp.png) no-repeat scroll center 90% rgba(0, 0, 0, 0);
	}
	.fan_li_nav li img{
		padding-left:3%;	
	}
	.fan_li_nav li a{
		padding: 20px 0 25px 0;
		width:74%;
		font-size:93%;
		background:none;
		letter-spacing:-1px;
	}
	.fan_nav .lang_jpeg{
		display:none;	
	}
	.fan_li_nav li:last-child{
		border-right:none;	
	}
	#ind_header .fan_tab{
		width:85%;	
	}
	.lang_smp{
		display:block;	
	}
	.fan_gr03{
		width:97%;
		padding-bottom:20px;	
	}
	.fan_head02 li:last-child a{
		background: url(./images/fan-li-bg01.png) no-repeat left 0;	
	}
	.xperia .fan_search02{
		font-size:80%;
		margin-left:0;
	}
	.xperia .fan_search02 dd a{
		padding-right:2px;	
	}
	.fan_nav .nav li {
		width: 33.33% !important;
	}
	.fan_nav .nav li:nth-child(2){
		width:33.33% !important;	
	}
	.fan_search #creator{
		margin:0 auto;	
	}
	.fan_banner{
		padding-top:0;
		padding-bottom:20px;	
	}
	.news dt{
		float:none;	
	}
	.news dd{
		padding-left:0;	
	}
	/*-----------creator/index.html-------------*/
	#creator{
		padding-bottom:30px;
		padding-top:0;
	}
.head_localsearch_creator{
		display: none;
	}
	.foot_localsearch_creator{
		display: block;
		margin: 0 2%;
	}
	.foot_localsearch_creator .searchbar{
		margin-left: auto;
		margin-right: auto;
		float: none;
		max-width: 100%;
		width: 100%;
	}
	.foot_localsearch_creator .searchbar input{
		border:1px solid #ccc;
		width: 76%;
		height: 25px !important;
	}
	.foot_localsearch_creator .searchbar p{
		width: 23%;
	}
	.foot_localsearch_creator .searchbar img{
		height: 27px !important;
	}
	.crea_localsearch{
		width:100%;
		padding-bottom:30px;
	}
	.crea_localsearch ul{
		width:85%;
		margin:0 auto;
		border:none !important;
		font-size:120%;
	}
	.crea_localsearch li{
		padding-left:20px;
		padding-bottom:20px;
		letter-spacing:0;
	}
	.crea_searching{
		width:100%;
		padding:0;
	}
	.crea_searching dl{
		float: left;
		width: 48%;
	}
	.crea_searching dl:first-child{
		margin-right: 4%;
	}
	.crea_searching dl dd select{
		width:100%;
		max-width:100%;
	}
	.crea_searching .heightBalance{
		margin-bottom:30px;
	}
	.crea_erasearch{
		width:100%;
		padding:0;
		margin-bottom:30px;
	}
	.crea_erasearch .heightBalance{
		width:80%;
		margin:0 auto;
	}
	.crea_erasearch li{
		float:left;
		width:33%;
	}
	.crea_localsearch .subtitle, .crea_searching .subtitle, .crea_erasearch .subtitle{
		width:100%;
		max-width:100%;
	}
	.crea_infomation{
		width:100%;
		margin-bottom:30px;
	}
	.crea_infomation table th, .crea_infomation table td{
		display: block;
		width: 100%;
	}
	.crea_infomation table th{
		border-bottom: none;
		padding-bottom: 2px;
	}
	.crea_infomation table td{
		padding-top: 0;
	}
	.crea_feature{
		width:100%;
		padding-left:0;
	}
	.crea_feature .subtitle{margin-bottom:30px;}
	.crea_feature .image{padding:0 5%;}
	.crea_feature .image img{margin-bottom:25px;}	
	.crea_menu li{		
		width:45%;
		padding-left:5%;
		padding-right:0;
		margin-bottom:20px;
	}
	.crea_menu li:nth-child(even){padding-right:0;}
	.crea_menu_bottom li{
		width:42%;
		padding-left:7%;
	}
	.crea_menu_bottom li:nth-child(5){
		width:93%;
		padding-right:0;	
	}
	.crea_menu_bottom li:nth-child(3n+1){
		clear:none;	
	}
	.crea_menu_bottom li:nth-child(2n+1){
		clear:none;	
	}
	/*----------fan/fc.html----------------*/
	.fc_main{
		width:96%;
		margin:0 auto;	
	}
	.fc_dl01 dl{
		width:48%;
		padding-right:4%;	
	}
	.fc_table td p:first-child{
		width:97%;
		padding-right:3%;	
	}
	.fc_table td p:last-child{
		padding-right:3%;
		width:35%;	
	}
	.fc_btn01{
		width:100%;	
	}
	.fc_table td a{
		width:84%;	
	}
	.fc_table td p:last-child a{
		width:60%;	
	}
	.fc_table th, .fc_table td{
		font-size:80%;
		line-height: 150%;
	}

	/*---------fan/fc_dtl.html-----------*/
	.fc_h3{
		font-size:150%;	
	}
	.fc_dtl_main{
		width:96%;
		margin:0 auto;	
	}
	.fc_dtl_link{
		padding-bottom:20px;	
	}
	.fc_dtl_img01,.fc_dtl_text01{
		width:80%;
		margin:0 auto;
		float:none;
		padding-bottom:15px;
		position:static;
	}
	.fc_dtl_txt{
		line-height:180%;	
	}
	.fc_dtl_btn{
		width:100%;
		float:none;
		padding-top:20px;
		position:static;	
	}
	.fc_dtl_video div{
		width:48%;
		padding-right:4%;
	}
	.fc_dtl_video div:nth-child(2n){
		padding-right:0;	
	}
	.fc_dtm_btn02 img{
		width:33%;	
	}
	.fc_dtl_video div:nth-child(3n+3){
		padding-right:4%;	
	}
	/*---fan/localsearch.html---*/
	.fan_locsea01 .title p{
		clear:both;
		padding:0px;
	}
	.fan_locsea01 .title{
		padding-bottom:7px;
	}
	.fan_locsea02{
		padding-bottom: 30px;
	}
	.fan_locsea02 td{
		padding-left:5px;
		padding-right:5px;
	}
	.fan_locsea02 td:nth-child(1){
		padding-left:5px;
		padding-right:5px;
	}
	.fan_locsea02 td:nth-child(2), .fan_locsea02 th:nth-child(2){
		border-left:none;
	}
	.fan_locsea02 td:nth-child(3){
		padding-left:8px;
		padding-right:8px;
	}
	.fan_locsea02 td:nth-child(4){
		padding-left:20px;
		padding-right:20px;
	}
	.fan_locsea02 th img{
		top:6px;
		right:5px;
	}
	.fan_localsea ul.pager li{
		font-size:105%;
	}
	.fan_localsea ul.pager li:first-child a, .fan_localsea ul.pager li:last-child a{
		padding-left: 8px;
   		padding-right: 9px;
	}
	.fan_localsea ul.pager li em, .fan_localsea ul.pager li a{
		padding:3px 6px 1px 7px;
	}
	.fc_table td p:last-child{
		width:55%;	
	}
	.fan_locsea01 .searchbar{
		float: none;
	    margin: 0 auto;
	    width: 99%;
	    padding-bottom: 15px;
	}
	.fan_locsea01 .right input[name="IDKeyword"]{width: 80px;}
	.fan_locsea01 .right input[name="IDRenban"]{width: 49px;}
	
	/*-----creator/localsearch.html-----*/
	.crea_localsearch_list .item {
	    margin-right: 2%;
	    width: 32%;
	}
	.crea_localsearch_list .item p{
		font-size: 93%;
	}
	.crea_localsearch_menu .bg{overflow: hidden;}
	.crea_localsearch_list .item:nth-child(4n){margin-right: 2%;}
	.crea_localsearch_list .item:nth-child(3n){margin-right: 0;}
	.crea_localsearch_list .item:nth-child(3n+1){clear: left;}
	.crea_localsearch_menu ul.ul02 li{
		width: 45%;
		float: left;
		padding-left: 5%;
		padding-right: 0;
	}
	.crea_localsearch_menu ul.ul02 li.oneline{
		width: 95%;
	}
	.crea_localsearch_menu ul.ul02 li.submenu{
		clear: both;
		width: 95%;
		padding-left: 5%;
		background:url(./images/icon02.png) left 10px no-repeat;
	}
	.crea_localsea ul.pager li{
		font-size:105%;
	}
	.crea_localsea ul.pager li:first-child a, .crea_localsea ul.pager li:last-child a{
		padding-left: 8px;
   		padding-right: 9px;
	}
	.crea_localsea ul.pager li em, .crea_localsea ul.pager li a{
		padding:3px 6px 1px 7px;
	}
	

	/*--------creator/search_dtl.html----------*/
	.sea_dtl_slider{
		width:100%;
		padding-bottom:30px;	
	}
	.sea_dtl_gr01{
		padding-bottom:30px;	
	}
	.sea_dtl_shadow{
		width:80%;
		margin:0 auto;
		float:none;	
	}
	.sea_dtl_info01 table{
		width:100% !important;
		padding-right:0 !important;	
	}
	.sea_dtl_btn img{
		width:40%;	
	}
	.sea_dtl_info01 div{
		width:30%;	
	}
	.sea_dtl_info01 table.table02{	
		margin-bottom:30px;	
	}
	.sea_dtl_img{
		overflow:hidden;
		padding-bottom:12px;	
	}
	.sea_dtl_h3 p{
		padding-top:0;	
	}
	.nav_popup .nav_era .ul01 li{
		clear: left;
		width: 100%;
	}
	.nav_popup .nav_area ul li{
		width: 50%;
	}
	.xperia .nav_popup label{
		margin-top: 3px !important;
	}
	.nav_popup .nav_area label{
		width: 70%;
	}
	.nav_popup .nav_hiragana label{
		width: 60% !important;
		padding-left: 5%;
	}
	.androidSMP .nav_popup .nav_hiragana label{
		width: 50% !important;
	}
       .login_gr{
		font-size:100%;
		width:90%;	
	}
	.login_gr p input[type="text"], .login_gr p input[type="password"]{
		width:68%;	
	}
	.login_sub input{
		height:50px;	
	}
/*---------fc_inquiry.html---------*/
 	.inqui_main{
		width:96%;	
	}
	.inqui_table th,.inqui_table td{
		width:97.8%;
		margin:0 auto;
		display:block;	
	}
	.inqui_table td span{
		display:none;	
	}
	.inqui_table td input.in01{
		width:94%;
		padding-left:2%;	
	}
	.inqui_table td textarea{
		width:94%;
		padding-left:2%;
		padding-top:5px;
		height:125px;	
	}
	.inqui_pc{
		display:none;	
	}
	.inqui_smp{
		display:block;	
	}
	.inqui_ul01 li:last-child input[type="text"]{
		width:96%;	
	}
	.inqui_text01,.inqui_table th, .inqui_table td,.inqui_texta{
		font-size:100%;	
	}
	.inqui_btn{
		width:70%;	
	}
	.inqui_table th span{
		padding-left:7px;	
	}
	.xperia .inqui_table td textarea,.xperia .inqui_table td input.in01{
		width:95%;	
	}
        .confim_btn p{
		width:70%;
		display:block;
		padding-bottom:30px;
		padding-right:0;
		margin:0 auto;	
	}
	.confim_gr .inqui_table th{
		padding-top:12px;
		padding-bottom:12px;	
	}
	#thanks_box{
		margin:0 auto;
		width:95%;
	}
	#thanks_box div{
		width:auto;	
	}
	#thanks01{
		font-size:108%;
	}
	#thanks02{
		font-size:100%;
	}
	#thanks_top{
		text-align:center;
		padding:0 0 10px 0;
	}
	/*----------user_add.html------------*/
	.user_add_p01{
		width:50%;
		padding-left:0;	
	}
	.inqui_table th.inqui_padding, .inqui_table td.inqui_padding{
		overflow:hidden;	
	}
        .inqui_table th.inqui_padding{
		padding:12px 0 12px 2%;
	}
	.add_in01,.add_in02,.add_in03,.add_in04{
		width:94%;	
	}
	.add_in05{
		width:96%;	
	}
	.user_add_check{
		width:95%;	
	}
	.user_add{
		width:96%;
		margin:0 auto;	
	}
        .regis_txt{
		display:none;	
	}
	.user_add table td input[type="text"]{
		margin-right:0;	
	}
	.regis_se01{
		width:45%;	
	}
	.regis_in01{
		width:40%;	
	}
	.fan_locsea01 .title h2{
		padding-left:10px;
	}
}
@media only screen and (max-width: 420px) {
	.fan_locsea02 table{
		font-size:95%;
	}
	.fan_nav .nav li img{
		padding-left:3%;	
	}
	.fan_nav .nav li{
		font-size:100%;	
	}
	.fc_table td a{
		width:75%;	
	}
	.xperia .fan_nav .nav li{
		font-size:90%;	
	}
	.fan_search01 input{
		width:63%;	
	}
	.fan_search02{
		width:80%;
		font-size:80%;	
	}
	.sea_dtl_info01 div{
		width:40%;	
	}
	.sea_dtl_shadow p{
		font-size:90%;	
	}
	.xperia .sea_dtl_shadow p{
		font-size:85%;	
	} 
	.xperia .fan_search02 dd{
		width:63%;	
	}
	.xperia .fan_search02 dt{
		width:33%;	
	}
	.crea_localsearch_menu ul.ul02 li{
		clear: left;
		width: 90%;
	}
	.fan_locsea02 th .official_hp{
		text-align:left;
                padding-left:15px;
	}
	.fan_locsea01 .title h2{
		padding-left:10px;
	}
}

@media only screen and (max-width: 320px) {
	#header{
		padding-top:50px;
	}
	.head_link li{
		background-position: 5% center;
	}
	.head_globalnav .nav li img{
		padding-left:2%;
		padding-right:2%;
	}
	.head_globalnav .language{
		width:40%;
	}
	.searchbar input{
		height:21px;
	}
	.crea_localsearch li{
		padding-left:10px;
	}
	.fan_search01 input{
		width:63%;	
	}
	.fan_search02 dt{
		margin:0;	
	}
	.fan_search02{
		font-size:90%;	
	}
	.xperia .fan_search02 dt{
		margin-right:5px;	
	}
	.fc_table td a{
		width:73%;	
	}
	.fan_locsea01 .right dl{
		padding-right:5px;
	}
	.fan_locsea02 table{
		font-size:100%;
	}
	.fan_locsea02 td:nth-child(4){
		padding-left:8px;
		padding-right:8px;
	}
	.fan_localsea ul.pager li{
		font-size:90%;
	}
	.fan_localsea ul.pager li:first-child a, .fan_localsea ul.pager li:last-child a{
		padding-left:3px;
   		padding-right: 4px;
	}
	.crea_localsea ul.pager li em, .crea_localsea ul.pager li a{
		padding:2px 5px 1px 6px;
	}
	.crea_localsea ul.pager li{
		font-size:90%;
	}
	.crea_localsea ul.pager li:first-child a, .crea_localsea ul.pager li:last-child a{
		padding-left:3px;
   		padding-right: 4px;
	}
	.crea_localsea ul.pager li em, .crea_localsea ul.pager li a{
		padding:2px 5px 1px 6px;
	}
	.xperia .fc_table td input[type="checkbox"]{
		top:0px;
		margin-right:5px;	
	}
	.xperia .cre_fc_main .fc_table td input[type="checkbox"]{
		top:0px;
		margin-right:5px;	
	}
	.xperia .ind_footer02 ul{
		width:85%;
	}
	.fan_search01 input{
		width:71%;	
	}
	.fan_search02{
		width:95%;
		font-size:80%;
	}
	.fan_search02 dt{
		margin-right:3px;	
	}
	.fan_locsea02 th .official_hp{
		text-align:left;
                padding-left:10px;
	}
        .inqui_ul01 li input[type="checkbox"]{
		margin-right:2%;	
	}
	.inqui_ul01 li:last-child input[type="text"],.inqui_table td input.in01{
		width:94%;	
	}
	.inqui_table td textarea{
		width:95%;	
	}
        .add_in01, .add_in02, .add_in03, .add_in04{
		width:92%;	
	}
	.fan_locsea01 .title h2{
		padding-left:10px;
	}
}