@CHARSET "UTF-8";

@media ( max-width :768px) {
	.section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/* header */
	#header {
		background: url("../img/base/sp/header_bg.jpg") center top/100% no-repeat;
		height: 150px;
	}
	#header .logo {
		padding: 0;
	}
	#header .logo img {
		margin: 0 auto;
		height: 110px;
	}

	/* footer */
	#footer .footer-bg {
		padding-bottom: 140px;
	}
	#footer .footer-bg .info {
		margin-top: 30px;
	}
	#footer .footer-bg .caution {
		font-size: 18px;
	}
	#footer .footer-bg .copy {
		font-size: 16px;
	}
	#footer .footer-bg .menu-list {
		font-size: 16px;
	}
	#main {
		background: url("../img/base/sp/background.jpg") center top/100% repeat-y;
	}
	.nav-sp {
		background: #ff8aac;
	}
	.nav-sp .nav-list .item {
		width: 50%;
	}
	.nav-sp .nav-list .item a {
		display: block;
		padding: 0.5px;
	}
	.nav-sp .nav-list .item img {
		display: block;
	}

	/* cast */
	.cast-list .cast {
		width: 49%;
	}
	.cast-list .cast .profile {
		padding: 0;
	}
	.cast-list .cast .time-wrap .time {
		font-size: 24px;
	}
	.cast-list .cast .profile .name {
		font-size: 26px;
	}
	.cast-list .cast .profile .size {
		font-size: 18px;
	}

	/* page-top */
	.page-top .info .info-list .item .body {
		display: block;
	}
	.page-top .info .info-list .item .photo {
		padding: 0;
		margin: 15px auto;
	}

	/* page-schedule */
	.page-schedule .date-list .item {
		width: calc(100%/ 3 - 1%);
		font-size: 20px;
	}
	.page-schedule .date-list .item a {
		padding: 4px 10px;
	}
	.page-schedule .date-list .item:nth-of-type(n+4) {
		display: none;
	}
	.page-schedule .date-list .item {

	}
	.page-schedule .date-list .item.on {

	}

	/* system */
	.page-system .course-list>.item .desc {
		font-size: 24px;
		text-align: left;
	}
	.page-system .course-list>.item .detail-list>.item .label {
		width: 30%;
	}

	/* ranking */
	.page-ranking .ranking-list .cast {
		background-image: url("../img/ranking/sp/ranking_bg_top.png"), url("../img/ranking/sp/ranking_bg_bottom.png"), url("../img/ranking/sp/ranking_bg_middle.png") !important;
		background-repeat: no-repeat, no-repeat, repeat-y !important;
		background-position: center top, center bottom, center top !important;
		background-size: 100% !important;
		height: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-bottom: 80px !important;
	}
	.page-ranking .ranking-list .cast .profile, .page-ranking .ranking-list .cast .profile .comment {
		height: auto !important;
	}

	/* link */
	.page-link .linkbanner .text {
		font-size: 24px;
	}
	.page-link .linkbanner .banner-list {
		margin-top: 0;
	}
	.page-link .linkbanner .banner-list .item {
		width: 100%;
		margin-top: 30px;
	}
	.page-link .recmmend-linkbanner .banner-list .item {
		margin: 5px;
	}

	/* contact */
	.page-contact .table-cont {
		width: 100%;
	}
	.page-contact .table-cont .form-list .label, .page-contact .table-cont .form-list .value {
		font-size: 28px;
		width: 100%;
		display: block;
		border-bottom: none;
	}
	.page-contact .table-cont .form-list {
		border-bottom: 1px solid #ff488a;
	}
	.page-contact .message {
		font-size: 28px;
		text-align: left;
	}
	.page-contact .table-cont .form-list select[name="title"] {
		width: 100% !important;
	}
	.page-contact .table-cont .form-list input, .page-contact .table-cont .form-list select {
		padding: 4px 8px;
		min-height: 60px;
	}
	.page-contact .table-cont .form-list textarea {
		padding: 4px 8px;
	}
	.page-contact .table-cont .form-list input, .page-contact .table-cont .form-list select, .page-contact .table-cont .form-list textarea {
		border: 1px solid #ff488a;
		font-size: 26px
	}
}