@charset "utf-8";

/* ナビゲーション */
/*********** ヘッダーメニュー ************/
#sh_header_box #sh_header_col {
	max-width: 900px;
	width: 100%;
}
#sh_fc2footer #sh_fc2footermenu {
	max-width: 910px;
	width: 100%;
}
#sh_fc2footer_menu {
	max-width: 900px;
	width: 100%;
}


/*********** 有料版アップグレードページ ************/
#pay_catch h2,
#pay_catchadult h2{
	box-sizing: border-box;
	padding:5px 5px 0;
	width: 100%;
	margin: 0 auto;
	background:none;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
	border-right:1px solid #969696;

}
#pay_catch h2 img,
#pay_catchadult h2 img{
	width: 100%;
}
/*********** バナーの設定 ************/
#header_ad_small{
	position: absolute;
	right: calc(50% - 160px);
	top: 68px;
	width: 320px;
	height: 100px;
	border-style: none;
	display: block;
}

#header_ad_small.responsive_hide{
	display: none;
}

#sh_header_box.sp_ad_height {
	top: 190px;
}
#sh_header.sp_ad_height {
	height: 250px;
}

.category_ad_small.responsive_hide{
	display: none;
}

#affiliate_ad_small{
	margin: 0 auto;
	width: 320px;
}

#affiliate_ad_small.responsive_hide{
	display: none;
}

/*********** 915px以下の設定 ************/
@media(max-width: 915px) {
	#sh_header {
		height: 175px;
	}
	#sh_header_box{
		top:135px;
	}
    .no_ad #sh_header {
        height:120px;
    }
    .no_ad #sh_header_box{
		top:80px;
	}
	/* ******* ヘッダーバナー広告 ********/
	div#ad_banner468x60 {
		top: 65px;
	}

}
/*********** 768px以下の設定 ************/
@media(max-width: 768px) {

	/*********** 共通部 ************/
	* {
		box-sizing: border-box;
	}
	#container {
		width: 100%;
		padding: 0 15px;
	}
	.sh_nav_pc {
		display: none;
	}
	.notes_pc {
		display: none;
	}

	/* ********************* 共通ヘッダー ****************************/
	#sh_header {
		width: 100%;
	}
	#sh_header h1 {
		margin: 0;
	}
	#sh_header h1 a {
		font-size: 20px;
		display: flex;
		align-items: center;
		width: 255px;
	}
	#sh_header.sh_header_adult h1 a {
		font-size: 16px;
		line-height: 1.2;
		display: flex;
		align-items: center;
		width: 225px;
	}
	#sh_header h1 a > img {
		width: 80px;
		height: auto;
		margin-bottom: 8px;
	}
	#sh_header h1 span.site-name,
	#sh_header h1 span.site-nameadult {
		background: url("../fc2img/web-title-rogo.png") no-repeat 3px;
		background-position: right;
		background-size: 30px auto;
		padding: 0 38px 0 6px;
	}

	/* 共通フッタ（国内版）------------------------------------------------- */
	#sh_fc2footer_fix {
		padding: 20px 15px 20px;
		border-top: 1px solid #BCBCBC;
		background-color: #F4F4F4;
	}
	#sh_fc2footer {
		box-sizing: border-box;
		overflow: hidden;
		position: relative;
		background: transparent;
		border-top: none;
		font-size: 13px;
		text-align: center;
	}
	#sh_fc2footer #sh_fc2footermenu {
		box-sizing: border-box;
		padding: 15px 0 0;
	}
	#sh_fc2footer #sh_fc2footermenu ul li {
		display: block;
		margin: 0 0 15px 0;
		line-height: 1;
	}
	#sh_fc2footer #sh_fc2footermenu ul li.information {
		display: block;
		padding-left: 0;
		border-left: none;
	}
	#sh_fc2footer #sh_fc2footermenu ul li .fc2top {
		margin-top: 0;
	}
	#sh_fc2footer #sh_fc2footermenu .copyright {
		margin-top: 20px;
	}
	#sh_fc2footermenu .help_form_tetarea {
		width: 100px;
	}
	#sh_fc2footer_menu {
		overflow: hidden;
		position: relative;
		top: 0;
		padding-bottom: 10px;
		margin: 0 auto 0px;
		font-size: 13px;
		z-index: 2;
		position: relative;
	}
	#sh_fc2footer_menu:before {
		margin-left: -125px;
		content: "";
		display: block;
		height: 1px;
		background-color: #D4D4D4;
		width: 250px;
		position: absolute;
		bottom: 0;
		left: 50%;
	}
	#sh_fc2footer_menu #sh_fc2tooter_tab {
		float: none;
		width: 100%;
		min-width: 100%;
	}
	* html #sh_fc2footer_menu #sh_fc2tooter_tab {
		width: 100%;
	}

	/* ie6 */
	*+html #sh_fc2footer_menu #sh_fc2tooter_tab {
		width: 100%;
	}

	/* ie7 */
	#sh_fc2footer_menu #sh_fc2tooter_tab .sh_footer_rnd1, #sh_fc2footer_menu #sh_fc2tooter_tab .sh_footer_rnd2, #sh_fc2footer_menu #sh_fc2tooter_tab .sh_footer_rnd3, #sh_fc2footer_menu #sh_fc2tooter_tab .sh_footer_rnd4, #sh_fc2footer_menu #sh_fc2tooter_tab .sh_footer_rnd5 {
		display: none;
	}
	#sh_fc2footer_menu ul {
		background: transparent;
		border-left: none;
		border-right: none;
		float: none;
		overflow: hidden;
		width: 100%;
		min-width: 100%;
	}
	* html #sh_fc2footer_menu ul {
		width: 100%;
	}

	/* ie6 */
	*+html #sh_fc2footer_menu ul {
		width: 100%;
	}

	/* ie6 */
	#sh_fc2footer_menu ul li {
		border-right: none;
		float: none;
		line-height: 1;
		margin-bottom: 15px;
	}
	#sh_fc2footer_menu ul li.sh_request, #sh_fc2footer_menu ul li.sh_kiyaku, #sh_fc2footer_menu ul li.sh_shogai, #sh_fc2footer_menu ul li.sh_pagetop {
		background: transparent;
		padding: 0;
	}

	/* ********************* ハンバーガーメニュー ****************************/
	#nav-open {
		/*アイコンのスペース*/
		display: inline-block;
		width: 33px;
		height: 26px;
		cursor: pointer;
		position: absolute;
		top: 15px;
		right: 0;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 4px;
		/*線の太さ*/
		width: 33px;
		/*長さ*/
		background: #000;
		display: block;
		content: '';
		cursor: pointer;
	}

	#nav-open span:before {
		bottom: -11px;
	}

	#nav-open span:after {
		bottom: -22px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;
		/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;
		/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: .5;
		transition: .3s ease-in-out;
	}

	/*ハンバーガーメニュー展開後の中身*/
	#sidemenu {
		padding: 20px 0 0px;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 90%;
		max-width: 300px;
		height: 100%;
		background: #F7F7F7;
		/*左に隠しておく*/
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
	}
	/*チェックが入った後の表示*/
	#nav-input:checked ~ #nav-close {
		display: block;
		/*カバーを表示*/
		opacity: .5;
	}
	#nav-input:checked ~ #sidemenu {
		/*滑らかに表示*/
		transition: .3s ease-in-out;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	/*展開後のリストのスタイル*/
	.nav-drawerList {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.nav-drawerList li > a {
		font-size: 16px;
		line-height: 1;
		display: block;
		padding: 10px;
		color: #fff;
	}
	.nav-drawerList li > a:hover {
		background-color: rgba(0,0,0,.8);
	}
	.nav-drawerList-sub {
		margin-top: 20px;
		padding-top: 20px;
		position: relative;
	}
	.nav-drawerList-sub:before {
		position: absolute;
		content: '';
		background-color: #fff;
		height: 1px;
		width: 60%;
		top: 0px;
		left: 20%;
	}
	#sh_menu .accordioncategory { padding-left:0px;}
	#side_banner_ex a {
		display: inline-block;
	}
	#side_banner_ex,
	#sidemenu_banner {
		text-align: center;
		margin-bottom: 20px;
	}
	.sh_menu_list {
		background: none;
		border-bottom: none;
		border-left: none;
		border-right: none;
		padding: 0;
	}
	.sh_menu_list a {
		display: block;
		padding: 12px 15px 12px 30px;
		position: relative;
	}
	.sh_menu_list a:before {
		content: "";
		box-sizing: border-box;
		width: 8px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 8px solid #E80011;
		position: absolute;
		top: 17px;
		left: 15px;
	}
	.sh_menu_accordion_b {
		background: none;
		border-bottom: none;
		border-left: none;
		border-right: none;
		padding: 0 0 0 30px;
		color: #828282;
		font-weight: bold;
	}
	.sh_accordion_list_b {
		background: transparent;
		border-bottom: none;
		border-left: none;
		border-right: none;
		line-height: 1.7;
		padding: 0;
	}
	.sh_menu_sp {
		display: block;
	}
	.sh_nav {
		margin-bottom: 100px;
		padding-top: 5px;
		border-top: 1px solid #ddd;
	}
	.sh_nav .sh_menu_logout a {
		display: block;
		margin: 20px auto 0;
		padding: 10px 10px;
		border-radius: 7px;
		max-width: 116px;
		text-align: center;
		border: 1px solid #C2C2C2;
		color: #666666;
	}
	.sh_nav .sh_menu_logout a:hover {
		background-color: #FFF;
	}

	#sh_header h1 {
		padding: 10px 0 0;
	}
	#sh_header{
		height: 210px;
	}
    .no_ad #sh_header {
        height:auto;
    }
	.no_sidemenu #nav-open{
        display: none;
    }
	/*非ログイン時*/
	#sh_header.non_login_sh_header {
		height: 390px;
	}


	.sh_title {
		margin: 0px 0 7px;
		padding: 15px 15px 0;
		border-bottom: none;
		border-top: 1px solid #ddd;
		font-size: 13px;
		font-weight: bold;
		color: #828282;
	}


	/*非ログインサイドメニュー*/
	.sh_nav .sh_menu_adult a {
		display: block;
		margin: 10px auto 0;
		padding: 10px 10px;
		border-radius: 7px;
		max-width: 90%;
		text-align: center;
		color: #fff;
		background-color: #eb1065;
	}
	.sh_nav .sh_menu_adult a:hover {
		background-color: #e10057;
	}

	#side_recommend .sh_recommend {
		margin: 0 auto 10px;
		width: 200px;
	}
	#side_hostingbanner{
		padding-bottom: 10px;
	}
	#side_hostingbanner .bannercome {
		border-bottom: none;
		padding-bottom: 0;
	}
	#side_hostingbanner h3 {
		margin: 0 auto 10px;
		width: 200px;
		height: 60px;
	}

	/*非ログインサイドメニュー*/
	#side_login{
		margin: 0;
		width: 200px;
		position: absolute;
		top: 200px;
		right: calc(50% - 100px);
	}
	/*サイドメニューアイコン*/
	#sh_menu .categoryselect li {
		background: none;
		line-height: 1.6em;
		margin-bottom: 0;
		padding-left: 0;
	}
	#sh_menu .categoryselect li a {
		display: block;
		background: url(../fc2img/icon.png?20140508) no-repeat scroll transparent;
		padding: 9px 0 9px 60px;
	}
	#sh_menu .categoryselect li.life a { background-position: 30px 11px; }
	#sh_menu .categoryselect li.digital a { background-position:30px -19px; }
	#sh_menu .categoryselect li.sports a { background-position: 30px -49px; }
	#sh_menu .categoryselect li.culture a { background-position: 30px -80px; }
	#sh_menu .categoryselect li.beauty a { background-position: 30px -108px; }
	#sh_menu .categoryselect li.pets a { background-position: 30px -139px; }
	#sh_menu .categoryselect li.cars a { background-position:30px -169px; }
	#sh_menu .categoryselect li.outdoor a { background-position: 30px -200px; }
	#sh_menu .categoryselect li.indoor a { background-position: 30px -229px; }
	#sh_menu .categoryselect li.music a { background-position: 30px -259px; }
	#sh_menu .categoryselect li.photos a { background-position: 30px -290px; }
	#sh_menu .categoryselect li.movies a { background-position:30px -320px; }
	#sh_menu .categoryselect li.manga a { background-position: 30px -349px; }
	#sh_menu .categoryselect li.novels a { background-position: 30px -379px; }
	#sh_menu .categoryselect li.games a { background-position: 30px -409px; }
	#sh_menu .categoryselect li.bussiness a { background-position: 30px -440px; }
	#sh_menu .categoryselect li.other a { background-position:30px -470px; }
	#sh_menu .categoryselect li.adult a { background-position: -252px -113px; }


	/* ********************* ヘッダーバナー広告 ****************************/
	div#ad_banner468x60 {
		top: 60px;
		width: 468px;
		left:calc(50% - 234px);
	}

	/* ******ヘッダーメニュー****** */
	#sh_header_box {
		background: none;
		border-bottom: none;
		position: absolute;
		top: 150px;
		right: auto;
		left: 15px;
		width: calc(100% - 30px);
		z-index: 1;
		height: auto;
	}

    #sh_header_box.no_sh_header_box {
		display: none;
	}

	#sh_header_box .sh_header_nav ul li.end {
		border-right: none;
		width: 100%;
	}
	#sh_header_box .sh_header_nav ul li {
		border-left: none;
	}
	#sh_header_box .sh_header_nav ul li a {
		display: block;
		border-left: none;
		padding: 17px 20px 17px 10px;
		border: 1px solid #D6D6D6;
		background-color: #F2F2F2;
		border-radius: 5px;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2017%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23969696%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Crect%20class%3D%22cls-1%22%20y%3D%223%22%20width%3D%222%22%20height%3D%2214%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2212%22%20y%3D%2211%22%20width%3D%222%22%20height%3D%226%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2215%22%20width%3D%222%22%20height%3D%228%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2212%22%20y%3D%22-3%22%20width%3D%222%22%20height%3D%228%22%20transform%3D%22translate(14%20-12)%20rotate(90)%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222.5%22%20y%3D%221.5%22%20width%3D%222%22%20height%3D%225%22%20transform%3D%22translate(7.5%200.5)%20rotate(90)%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%227%22%20y%3D%2210%22%20width%3D%222%22%20height%3D%2212%22%20transform%3D%22translate(24%208)%20rotate(90)%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2210%22%20y%3D%22-0.36%22%20width%3D%222%22%20height%3D%2212.73%22%20transform%3D%22translate(7.46%20-6.02)%20rotate(45)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		background-size: 17px 17px;
		background-position: right 20px top 50%;
	}
	#sh_header_box .sh_header_nav ul li a:hover {
		border: 1px solid #D6D6D6;
		padding: 17px 20px 17px 10px;
		background-color: #FFF;
	}
	/* 自分のホームページを見るボタン */
	#sh_header_box .sh_header_preview {
		float: none;
	}

	/* 非ログインアダルトボタン */
	#sh_header_box #switch_adt{
		width: 100%;
		margin:0;
		padding:0;
		display: flex;
		justify-content: flex-end;
	}
	/* ********************* table ****************************/
	.content_body thead, .content_body tbody {
		display: block;
		width: 100%;
	}
	.content_body .table, .content_body .tablelist {
		width: 100%;
		border: 1px solid #ccc;
		margin-bottom: 20px;
		display: block;
		box-sizing: border-box;
	}
	.content_body .table tr , .content_body .tablelist tr {
		display: flex;
		flex-direction: column;
	}
	.content_body .table th {
		display: block;
		border: none;
		border-bottom: 1px solid #ccc;
	}
	.content_body .table td {
		border: none;
		border-bottom: 1px solid #ccc;
		display: block;
	}
	.content_body .table .c_line td {
		background: none repeat scroll 0 0 #eee;
	}
	.content_body .tablelist th {
		background-color: #eee;
		border: none;
		border-bottom: 1px solid #ccc;
		ext-align: center;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	.content_body .tablelist td {
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 10px;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	.content_body .tablelist tr:last-child td {
		border-bottom:none;

	}
	.content_body .tablelist td input {
		vertical-align: middle;
	}

	/* table main_width */
	#main_width .content_body .tablelist th {
		width: 100%
	}
	#main_width .content_body .tablelist td {
		width: auto;
	}

	/* ********************* メインコンテンツ ****************************/
	#main {
		float: none;
		width: 100%;
	}

	/* ********************* notes開閉 ****************************/
	#info .notes, #ftpinfo .notes{
		background: #f5f7fa;
		border: #e6e9ed solid 1px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		margin-bottom: 20px;
	}
	.notes_sp {
		display: block;
	}
	.notes_label {
		display: block;
		padding: 10px 25px 10px 10px;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.37%209.85%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolygon%20points%3D%225.69%209.85%202.84%204.92%200%200%205.69%200%2011.37%200%208.53%204.92%205.69%209.85%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		-moz-background-size: 8px 8px;
		background-position: right 0px top 50%;
		cursor: pointer;
	}
	.notes_slide {
		display: none;
		padding: 10px 20px;
	}
	.notes_check:checked + .notes_label + .notes_slide {
		display: block;
	}
	.notes_check:checked + .notes_label {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.37%209.85%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolygon%20points%3D%225.69%200%208.53%204.92%2011.37%209.85%205.69%209.85%200%209.85%202.84%204.92%205.69%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	}

	/* ********************* トップページ ****************************/
	/*お知らせ*/
	ul.news li {
		min-height: auto;
		height: auto;
		margin-bottom: 15px;
	}
	#info .body_main {
		display: flex;
		flex-direction: column;
	}
	#info .body_main .news {
		order: 1;
	}
	#info .body_main .affiliate {
		order: 5;
	}
	#info .body_main .notes {
		order: 6;
	}
	#info .body_main #account_info {
		order: 4;
	}
	#info .body_main #account_info + .sh_heading_main_b {
		order: 2;
	}
	#info .body_main .homepage_control {
		margin: 0 0 25px;
		order: 3;
	}
	#info .body_main .index_btm_wrap{
		order: 7;
	}
	/*ホームページ管理*/
	.homepage_control li {
		padding: 0;
		margin: 0 0 15px;
		float: none;
		width: 100%;
	}
	.homepage_control a {
		display: flex;
		font-size: 13px;
		padding: 12px 12px;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}
	.homepage_control a div {
		width: calc(100% - 65px);
		padding-right: 13%;
	}
	.homepage_control a i {
		font-size: 40px;
		width: 50px;
		margin: 0 15px 0 0 !important;
	}
	#account_info {
		margin-bottom: 20px;
	}
	div.account_detail {
		text-align: center;
	}
	div.account_detail img {
		float: none;
		margin-right: 0;
	}
	span.plan {
		width: 56px;
	}
	div.detail_text {
		float: none;
		width: 100%;
		position: relative;
		margin-top: 10px;
		text-align: left;
	}
	div.rank {
		min-width: 100%;
	}
	p.edit_btn {
		top: 0;
	}
	.kantan_domain .domain_text {
		font-size: 16px;
	}
	a#domain_btn {
		width: 100%;
		max-width: 300px;
		height: 52px;
		line-height: 52px;
		font-size: 16px;
	}
	/* *********************旧ファイルマネージャー ***************************/
	#fileman .fileman_info .left {
		float: none;
		width: 100%;
	}
	#fileman .fileman_info .left li{
		margin-bottom: 10px;
	}
	#file_management thead,
	#file_management tbody {
		display: table-row-group;
		width: 100%;
	}
	#file_management {
		width: 100%;
		border: 1px solid #ccc;
		margin-bottom: 20px;
		display: table;
		box-sizing: border-box;
	}
	#file_management tr{
		display: table-row;
	}
	#file_management th {
		display: table-cell;
		border: 1px solid #ccc;
	}
	#file_management td {
		display: table-cell;
		border: 1px solid #ccc;
	}
	#up_date td:first-child{
		border-bottom: none;
	}
	#up_date tr:last-child td:last-child{
		border-bottom: none;
	}
	/* *********************基本設定ページ accountsettings_index.tpl ***************************/
	.domainSearch {
		width: 100%;
		box-sizing: border-box;
	}
	.domainSearch img {
		margin: 10px 0 0;
		width: 100%;
		height: auto;
	}
	#accountset .account_setting .manage_keyword {
		width: 100%;
	}
	#accountset .account_profile textarea.manage_text {
		width: 100%;
	}

	/* *********************FTP設定ページ ftpsettings_index.tpl ***************************/
	#ftpinfo .body_main > a {
		display: block;
	}
	#ftpinfo table {
		width: 100%;
	}
	#ftpinfo table.tablelist th {
		width: auto;
	}
	#ftpinfo table.tablelist td {
		width: 100%;
	}
	#ftpinfo #acMenu dd ul li input {
		margin-bottom:5px;
	}
	#acMenu dd ul li input.changebtn,
	#acMenu dd ul li input.no-changebtn {
		width: 120px;
	}
	#ftpinfo .auto_changebtn {
		font-size: 14px;
	}
	#ftpinfo .new_ftp .new_ftp_text{
		font-size: 14px;
	}
	#ftpinfo .new_ftp .new_ftp_btn{
		font-size: 14px;
	}

	/* *********************アフィリエイト affiliate_register.tpl ***************************/
	#affiliate .affiliate-reg > img{
		width: 100%;
		height:auto;
	}
	#affiliate .affiliate-info {
		margin-top: 50px;
		padding: 0;
	}
	#affiliate .affiliate-info p {
		margin: 0 0 30px;
	}
	#affiliate .affiliate-info-img{
		flex-direction: column;
		text-align: center;
	}
	#affiliate .affiliate-info-arrow:before{
		left: calc(50% - 5px);
		top:-10px;
		width: 10px;
		height: 10px;
		border: 10px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #ddd;
	}
	#affiliate .affiliate-info-arrow:after{
		position: absolute;
		content: '';
		left: calc(50% + 1px);
		top:-21px;
		width: 8px;
		height: 12px;
		border-left: 8px solid #ddd;
	}
	#affiliate .reginfo .btn {
		font-size: 13px;
		height: 40px;
		margin: 15px auto;
	}
	#affiliate .affiliate-reg .reginfo a span {
		padding: 15px 0 5px 60px;
		margin-top: -15px;
		height: 50px;
	}
	#affiliate .affiliate-info ul{
		margin: -10px 20px 20px;
	}
	/* *********************有料版のご案内 top.tpl ***************************/
	body#regist_payment_top #sh_header {
		height: 130px;
	}
	body#regist_payment_top #sh_header_box {
		top: 70px;
	}
	/* table */
	body#regist_payment_top .content_body table {
		display: table;
		width: 100%;
	}
	body#regist_payment_top .content_body thead,
	body#regist_payment_top .content_body tbody {
		display: table-row-group;
		width: 100%;
	}
	body#regist_payment_top .content_body .table tr ,
	body#regist_payment_top .content_body .tablelist tr {
		display: table-row;
		width: 100%;
	}
	body#regist_payment_top .content_body .table th {
		display: table-cell;
		border: 1px solid #ccc; 
		border-bottom: 1px solid #ccc;
	}
	body#regist_payment_top .content_body .table td {
		border: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: table-cell;
	}
	body#regist_payment_top .content_body .table td br{
		display: none;
	}
	body#regist_payment_top .content_body .table .c_line td {
		background: none repeat scroll 0 0 #eee;
	}
	#pay_comparison .table .free,
	#pay_comparison .table .premiere {
		width: 80px;
		text-align: center;
	}
	#pay_catch .body_main > div, #pay_catchadult .body_main > div {
		margin: 0 auto;
		flex-direction: column;
	}
	#pay_catch ul,
	#pay_catchadult ul {
		width: 100%;
		margin:0 0 15px;
	}


	/* *********************デイリーランキング・タグ検索  ************************** */
	.l-sort,
	.page_control2{
		display: flex;
		flex-wrap: wrap;
	}
	.site-tag a,
	.page_control2 a{
		display: block;
		padding:5px 12px;
		margin: 0 10px 10px 0;
	}
	.tag_2 a,.tag_3 a {
		margin-right: 10px;
		margin-bottom: 10px;
		display: inline-block;
	}
	.tag_1 a {
		margin-right: 10px;
		margin-bottom: 10px;
		display: inline-block;
	}
	#rankinglist .list_body li,
	#tagsearch .list_body li {
		text-align: center;
		padding: 20px 10px;
	}
	#rankinglist .list_body img,
	#tagsearch .list_body img {
		float: none;
	}
	#rankinglist .list_body li dl,
	#rankinglist .list_body .c_content,
	#tagsearch .list_body li dl {
		float: none;
	}
	#rankinglist .list_body li dl,
	#tagsearch .list_body li dl {
		margin-top:15px;
		width: 100%;
	}
	#rankinglist .list_body li dl.category_list {
		width: 100%;
	}
	#rankinglist .list_body .c_content {
		width: 400px;
	}
	#rankinglist .list_body li dl dt,
	#tagsearch .list_body li dl dt {
		float: left;
		font-size: 120%;
		font-weight: bold;
		padding-left: 30px;
		text-align: center;
		width: 80px;
	}
	#rankinglist .list_body li dl dd,
	#tagsearch .list_body li dl dd {
		display: block;
		float: right;
		text-align: left;
		width: calc(100% - 80px);
	}
	#rankinglist #tagsearch table{
		width: 100%;
		border: 1px solid #ccc;
		margin-bottom: 20px;
		display: block;
		box-sizing: border-box;
	}
	#rankinglist #tagsearch table thead,
	#rankinglist #tagsearch table tbody {
		display: block;
		width: 100%;
	}
	#rankinglist #tagsearch table tr{
		display: block;
	}
	#rankinglist #tagsearch table th {
		display: block;
		border: none;
		border-bottom: 1px solid #ccc;
		width: 100%;
		text-align: center;
	}
	#rankinglist #tagsearch table td {
		border: none;
		border-bottom: 1px solid #ccc;
		display: flex;
		justify-content: space-between;
	}
	#tagsearch td > input#query{
		width: 73%;
	}
	#tagsearch td > input#submitTagSearch{
		width: 25%;
	}

	/* ********************* アルバムメーカー ************************** */
	/* ********************* 非ログイン　特徴・機能一覧ページ ************************** */
	#pointbody .pointbody_lead {
		margin:10px 0 0;
		font-size: 30px;
	}
	#pointbody .pointbody_album_maker a {
		margin: 0 auto 20px;
		padding: 10px;
		max-width: 400px;
		width: 100%;
		display: block;
	}
	#pointbody .pointbody_album_maker a > span span{
		text-align: center;
	}
	#pointbody .pointbody_album_maker a > span:first-child{
		margin-bottom:10px;
		width: 100%;
	}
	#pointbody .pointbody_album_maker a > span:first-child img{
		width: 100%;
		max-width:268px;
		height:auto;
	}
	#pointbody .pointbody_album_maker a > span:last-child{
		width: 100%;;
	}
	.comparison_main{
		width: 100%;
		max-width:100%;
	}

	.comparison_main h2{
		margin-bottom:8px;
		/*background:url("../fc2img/comparison_main.png") no-repeat -3px -288px;*/
		color:#444444;
		font-size:23px;
		letter-spacing: 1px;
		line-height:1.3;
	}

}

/*********** 960px以下の設定 ************/
@media(max-width: 960px) {
	.top_page_affi #affiliate_ad_large.responsive_hide{
		display: none;
	}
	.top_page_affi #affiliate_ad_small.responsive_hide{
		display: block;
	}

	/* *********************おすすめ＆ランキング（カテゴリ＆ランキング）  ************************** */
	#favorite .pickup_banner img{
		width: 100%;
	}
	#ranking {
		float: none;
		width: 100%;
	}
	#dailyranking {
		float: none;
		width: 100%;
	}
	#favorite ul.hp_list, #newhp ul.hp_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#favorite ul.hp_list li,
	#newhp ul.hp_list li {
		float: none;
		width: 170px;
		text-align: center;
		margin: 0 8px 15px;
	}
	#ranking strong.ranking1, #ranking strong.ranking2, #ranking strong.ranking3, #dailyranking strong.ranking1, #dailyranking strong.ranking2, #dailyranking strong.ranking3 {
		width: 90px;
	}
	#ranking strong.ranking4, #ranking strong.ranking5, #dailyranking strong.ranking4, #dailyranking strong.ranking5 {
		width: 90px;
	}

}

/*********** 768px以下の設定 ************/
@media(max-width: 768px) {
	#affiliate_ad_large.responsive_hide{
		display: none;
	}
	#affiliate_ad_small.responsive_hide{
		display: block;
	}
}

/*********** 500px以下の設定 ************/
@media(max-width: 500px) {
	div#ad_banner468x60.responsive_hide {
		display: none;
	}
	#header_ad_small.responsive_hide{
		display: block;
	}
	#header_ad_small{
		top: 60px;
	}
	#sh_header_box{
		top:190px;
	}
	#sh_header {
		height: 250px;
	}
	.category_ad_small.responsive_hide{
		display: block;
	}
	.category_ad_large.responsive_hide{
		display: none;
	}
	/*非ログインサイドメニュー*/
	#sh_header.non_login_sh_header{
		height: 420px;
	}
	#side_login{
		top: 230px;
	}
	/* ********************* 非ログイン　特徴・機能一覧ページ ************************** */
	#pointbody .pointbody_lead br{
		display: none;
	}
	.comparison_main{
		background:none;
		padding-left:0;
	}
	#compare_table .compare_table_title{
		font-size:14px;
		text-align: left;
		width: 22%;
	}
	#compare_table .compare_table_title > span{
		display: inline;
	}

	#compare_table .compare_table_fc2_free{
		width: 24%;
	}

	#compare_table .compare_table_fc2_paid{
		width: 24%;
	}
	#compare_table .compare_table_other_company{
		width: 15%;
	}
	#pointbody > ul p strong br{
		display: none;
	}
}

@media(max-width: 350px) {
	.category_ad_small{
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.category_ad_small iframe{
		margin: 0 auto;
		display: block;
	}
	#affiliate_ad_small{
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	#affiliate_ad_small iframe{
		margin: 0 auto;
		display: block;
	}
}