@charset "utf-8";

/*********************************************************************
 tamurayukari.com Style CSS @ Smartphone (under 736px)
*********************************************************************/


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


	/*--- html & Body Common -------------------------------------------*/

	html {
		height: 100%;
	}

	html,body {
		height: 100%;
	}


	/*--- body & background---------------------------------------------*/

	body {
		-webkit-text-size-adjust: 100%;
		background: url(../images/bg_bottom_bear.png) no-repeat left 100px;
		background-size: auto 70%;
		background-color: #faefeb;
	}

	#wrapper {
		width: 100%;
		background: url(/images/yukari1.png) no-repeat right 130px;
		background-size: 90% auto;
	}

	#wrapper.w_top {
		background: url(/images/yukari1.png) no-repeat right 130px;
		background-size: 90% auto;
	}

	#wrapper.w_information {
		background: url(/images/yukari3.png) no-repeat right 130px;
		background-size: 90% auto;
	}

	#wrapper.w_discography {
		background: url(/images/yukari4.png) no-repeat right 130px;
		background-size: 90% auto;
	}

	#wrapper.w_profile {
		background: url(/images/yukari2.png) no-repeat right 130px;
		background-size: 90% auto;
	}

	#wrapper.w_other {
		background: url(/images/yukari1.png) no-repeat right 130px;
		background-size: 90% auto;
	}

	#bg_top {
		display: none;
	}

	#bg_bottom {
		display: none;
	}

	#bg_bottom {
		background: url(../images/bg_bottom_flower.png) no-repeat center bottom;
		background-size: 150% auto;
		z-index: 10;
	}


	/*--- Header -------------------------------------------------------*/

	header {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 20!important;
		background: url(../images/bg_top_flowre.png) no-repeat center top;
		background-size: 150% auto;
	}

	header p {
		width: 20%;
		margin: 0 0 0 5%;
		position: relative;
		z-index: 20!important;
		background: url(../images/bg_top_flowre.png) no-repeat center top;
		background-size: 150% auto;
	}

	header p img {
		width: 100%;
	}


	/*--- Contents Common ----------------------------------------------*/

	#contents {
		width: 90%;
		margin: 5% auto 0;
		position: relative;
		z-index: 20!important;
		overflow: hidden;
	}


	/*--- Main Area ----------------------------------------------------*/

	#main {
		width: 100%;
		position: relative;
	}

	#main h1 {
		width: 100%;
	}

	#main h1 img {
		width: 100%;
	}


	/*--- Main > Navi  -------------------------------------------------*/

	#main nav {
		width: 100%;
		margin-top: 20px;
	}

	#main nav ul {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		display: table;
	}

	#main nav ul li {
		display: table-cell;
		padding: 0 5px;
	}

	#main nav ul li img {
		width: 100%;
	}


	/*--- Main > Main Bottom -------------------------------------------*/

	#main #main_bottom {
		width: 100%;
		margin-top: 300px;
	}


	/*--- Main > Main Bottom > Movie -----------------------------------*/

	#main #main_bottom #movie {
		width: 100%;
	}

	#main #main_bottom #movie #movie_15th {
		width: 64%;
		padding-top: 36%;
		float: left;
		position: relative;
	}

	#main #main_bottom #movie #ban_15th {
		width: 34%;
		float: right;
	}

	#main #main_bottom #movie #movie_15th iframe {
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		right: 0;
	}

	#main #main_bottom #movie #ban_15th img {
		width: 100%;
	}


	/*--- Main > Main Bottom > News ------------------------------------*/


	#main #main_bottom #news {
		padding-top: 6px;
		width: 100%;
		margin: 30px 0;
		padding-bottom: 20px;
		background: url(../images/bg_news_top.png) no-repeat center top;
		background-size: 100% auto;
		z-index: 20;
	}

	#main #main_bottom #news_inner {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 30px;
		background: url(../images/bg_news_bottom.png) no-repeat center bottom;
		background-size: 100% auto;
		z-index: 10;
	}

	#main #main_bottom #news #news_table {
		width: 88%;
		margin: 7% auto 0;
		line-height: 120%;
	}

	#main #main_bottom #news #news_table th {
		padding: 10px 14px 10px 0;
		font-size: 80%;
		font-weight: normal;
		vertical-align: top;
		border-bottom: 1px solid #f0cbc7;
		color: #EE8BAA;
	}

	#main #main_bottom #news #news_table td {
		padding: 10px 0;
		font-size: 80%;
		vertical-align: top;
		border-bottom: 1px solid #f0cbc7;
	}

	#main #main_bottom #news #news_table tr:first-child th,
	#main #main_bottom #news #news_table tr:first-child td {
		padding-top: 0;
	}


	#main #main_bottom #news #news_table td img {
		vertical-align: middle;
	}


	/*--- Footer -------------------------------------------------------*/

	footer {
		width: 100%;
		margin: 0;
		z-index: 20!important;
		background: url(../images/bg_bottom_flower.png) no-repeat center bottom;
		background-size: 150% auto;
	}

	footer p {
		font-size: 70%;
		text-align: center;
		padding-bottom: 50px;
	}


}