@media screen and (max-width: 768px) {


	body {
		font-size: 10pt;
		line-height: 1.5em;
	}

	/*-----Sub Page-------*/
	#main {
		width: 100%;
		min-width: inherit;
		overflow: hidden;
	}

	.sub_box {
		width: 100%;
		min-width: inherit;
		margin: 0 auto;
		background-position: center top;
		background-repeat: no-repeat;
	}

	h3 {
		display: block;
		font-size: 22pt;
		font-weight: 700;
		text-align: center;
	}


	.sub_head {
		width: 100%;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center top;
		z-index: 10;
	}

	.sub_head_inbox {
		width: 1000px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}

	.in_box {
		margin: 0;
		width: 100%;
	}

	.txt_box {
		font-size: 16pt;
		line-height: 1.5em;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.pad_lr {
		padding-left: 13px;
		padding-right: 13px;
	}

	.w100pct {
		width: 100%;
		height: auto;
		margin: 0;
		display: block;
		z-index: 10;
	}

	.yokobo {
		letter-spacing: -0.1em;
		/*	<span class="yokobo">――</span>*/
	}

	.d_flex {
		display: -webkit-flex;
		display: flex;
	}


	/*----------PHOTO SCROLL------------*/

	#slide_photo_pc1 {
		width: 100%;
		height: 144px;
		background: repeat-x url("../images/scrl1_sp.jpg") left top/auto 100%;
		-webkit-animation: loop-sp infinite 40s linear;
		animation: loop-sp infinite 40s linear;
		z-index: 20;
	}

	@-webkit-keyframes loop-sp {
		0% {
			background-position: 0 0;
		}

		100% {
			background-position: -1400px 0;
		}
	}

	@keyframes loop-sp {
		0% {
			background-position: 0 0;
		}

		100% {
			background-position: -1400px 0;
		}
	}

	#slide_photo_pc2 {
		width: 100%;
		height: 200px;
		background: repeat-x url("../images/scrl2_sp.jpg") left top/auto 100%;
		-webkit-animation: loop-sp2 infinite 40s linear;
		animation: loop-sp2 infinite 40s linear;
		z-index: 20;
	}

	@-webkit-keyframes loop-sp2 {
		0% {
			background-position: -1267px 0;
		}

		100% {
			background-position: 0 0;
		}
	}

	@keyframes loop-sp2 {
		0% {
			background-position: -1267px 0;
		}

		100% {
			background-position: 0 0;
		}
	}


	/*-----NEWS-------*/

	#news_box {
		padding-bottom: 250px;
		overflow: hidden;
	}

	a.news_row {
		display: block;
		padding: 15px 0;
	}

	.news_title {
		margin-left: 10px;
	}

	.kiri_L {
		width: 50%;
		height: auto;
		margin-left: -44%;
	}

	.kiri_R {
		width: 33%;
		height: auto;
		right: -43%;
	}

	a.news_miru {
		display: block;
		width: 250px;
		height: 61.31px;
		margin: 80px auto 0;
		background-size: 100%;
		transition: 0.4s;
	}

	.kiri_btn1 {
		width: 27%;
		height: auto;
		margin-top: -15%;
		margin-left: 5%;
	}


	/*-----あらすじ-------*/

	#arasuji_box {}

	#arasuji_kakuwa {
		display: block;
	}

	.arasuji {
		width: 90%;
		max-width: 399px;
		text-align: center;
		font-size: 16pt;
		line-height: 1.8em;
		margin: 0 auto 30px;
	}

	.arasuji img {
		width: 80%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.arasuji_title{
		font-size: 14pt;
	}

	.arasuji_txt{
		font-size: 11pt;
	}


	a.arasuji_miru {
		display: block;
		width: 250px;
		height: 61.31px;
		margin: 80px auto 0;
		background-size: 100%;
		transition: 0.4s;
	}

	.kiri_btn2 {
		width: 19%;
		height: auto;
		margin-top: -22%;
		margin-left: 7%;
	}


	/*-----INTRODUCTION-------*/

	#intro_box {
		padding-bottom: 0px;
	}


	/*-----キャラクター-------*/
	#chara_box {
		background-color: #f9e6bb;
		height: 121.7vw;
	}

	.chara_bg_sp {
		width: 100%;
		height: auto;
		z-index: 10;
	}

	.a-chan_cbox {
		width: 17.28%;
		margin-top: 9.3%;
		margin-left: 67.3%;
	}
	.charana_a-chan{
		width: 88.49%
	}

	.ane_cbox{
		width: 20.09%;
		margin-top: 7.3%;
		margin-left: 22.8%;
	}
	.charana_ane{
		width: 79.49%;
	}


	.komachi_cbox {
		width: 16.8%;
		margin-top: 72.3%;
		margin-left: 62.7%;
	}
	.charana_komachi{
		margin-left: 21%;
	}


	.mame_cbox {
		width: 29.6%;
		margin-top: 57.7%;
		margin-left: 34.4%;
		z-index: 80;
	}
	.charana_mame{
		width: 71.2%;
		position: absolute;
		margin-top: 0%;
		margin-left: -56%;
	}

	.maza_cbox {
		width: 19.87%;
		margin-top: 11.2%;
		margin-left: 45.4%;
	}
	.charana_maza{
		width: 74.1%;
	}

	.mero_cbox {
		width: 11.58%;
		margin-top: 89.6%;
		margin-left: 85.9%;
	}
	.charana_mero{
		width: 126%;
		margin-left: -16%;
	}

	.oi_cbox {
		width: 11.18%;
		margin-top: 26.1%;
		margin-left: 85.9%;
	}
	.charana_oi{
		width: 140.27%;
		margin-left: -33%;
	}

	.poniki_cbox {
		width: 15.42%;
		margin-top: 7.7%;
		margin-left: 3.9%;
	}
	.charana_poniki{
		width: 101.49%;
	}


	.sinba_cbox {
		width: 14.5%;
		margin-top: 89.1%;
		margin-left: 1.8%;
	}
	.charana_shinba{
		width: 105.14%
	}


	.tabi_cbox {
		width: 11.9%;
		margin-top: 85.7%;
		margin-left: 19.2%;
	}
	.charana_tabi{
		width: 121.7%;
	}
	
	.chara_name{
		margin-top: 20px;
		font-size: 16pt;
	}

	.chara_name small{
		font-size: 70%;
	}

	.chara_catch{
		font-size: 13pt;
		margin-top: 10px;
	}

	.cast_madotxt{
		font-size: 12pt;
		line-height: 1.5em;
	}
	/*-----放送・配信情報-------*/

	#hoso_box {
		padding-bottom: 50px;
	}

	#hoso_box .txt_box {
		width: 100%;
		margin: 0 auto 50px;
		display: block;
		padding-left: 0px;
	}

	#hoso_box .txt_box img {
		display: block;
		margin: 0 auto
	}
	
	
	

	.hoso_txt {
		padding-top: 10px;
		padding-left: 0;
	}
	
	.hoso_txt ul{
		padding-left: 0;
		display: block
	}	
	
	.hoso_txt ul li a{
		width: 100%;
		font-size: 12pt;
	}
	
	
	
	

	.kiri_tsumiki {
		width: 50%;
		height: auto;
	}


	/*-----スタッフ・キャスト-------*/
	#stacas_box .txt_box{
		text-align: center;
		line-height: 1.8em;
		font-size: 14pt;
	}










}