@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: 100%;
		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 > Menu Navi ---------------------------------------------*/

	#main nav#main_menu {
		width: 90%;
		margin: 20px auto 0;
	}

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

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

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


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

	#main #main_bottom {
		width: 100%;
		margin: 300px 0 20px;
		background: url(../images/bg_sp_main.png) no-repeat center top;
		background-size: 100% auto;
		/* background-color: rgba(255,255,255,0.7); */
	}

	#main #main_bottom h2 {
		width: 90%;
		padding: 5% 5% 0;
		text-align: center;
	}


	#main #main_bottom h2 img {
		width: 100%;
	}


	/*--- Main > Main Bottom > Information Navi  ------------------------*/

	#main nav#category_information {
		margin-top: 20px;
	}

	#main nav#category_information ul {
		width: 90%;
		padding: 0 5%;
		text-align: center;
	}

	/* #main nav#category_information ul li {
		width: 20%;
		display: table-cell;
		text-align: center;
	} */
	/* 160401 編集 */
	#main nav#category_information ul li {
		display: inline-table;
		text-align: center;
		width: 31%;
	}
	/* 160401 編集 */

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


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

	#main #main_bottom .main_bottom_scroll {
		width: 100%;
		padding: 0;
		overflow: auto;
		overflow-y: scroll;
	}

	#main #main_bottom .main_bottom_scroll_inner {
		width: 90%;
		padding-top: 30px;
        margin: 0 auto;
	}


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

	#main #main_bottom #information {
		margin-top: 20px;
	}

	#main #main_bottom #information h3 {
		width: 95%;
		margin: 0 auto;
	}

	#main #main_bottom #information h3 img {
		vertical-align: top;
	}

	#main #main_bottom #information h3 time.information_time {
		font-size: 70%;
		color: #999;
		font-weight: normal;
	}

	#main #main_bottom #information article section {
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #f0cbc7;
	}

	#main #main_bottom #information article section.single_section {
		padding-top: 10px;
		width: 100%;
		background: url(../images/bg_main_top.png) no-repeat center top;
		background-size: 100% auto;
		z-index: 20;
		border-bottom: none;
	}

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




	#main #main_bottom #information article section .information_inner {
		margin: 0 auto;
		width: 100%;
	}

	#main #main_bottom #information article section .information_image {
		width: 100%;
	}

	#main #main_bottom #information article section .information_image img {
		width: 100%;
	}

	#main #main_bottom #information article section .information_inner_single {
		margin: 0 auto;
		width: 80%;
	}

	#main #main_bottom #information article section .information_inner_single_work {
		margin: 0 auto;
		width: 88%!important;
	}

	#main #main_bottom #information article section .information_image_single {
		width: 100%;
	}

	#main #main_bottom #information article section .information_image_single img {
		width: 100%;
	}


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

	#main #main_bottom .profile_name {
		font-size: 130%;
		text-align: center;
		margin-bottom: 18px;
	}

	#main #main_bottom #profile_sp {
		width: 90%;
		margin: 0 auto;
	}

	#main #main_bottom #profile_sp {
		width: 90%;
		margin: 0 auto;
	}

	#main #main_bottom #profile_sp th {
		color: #333;
		padding: 5px 5px;
		text-align: left;
		white-space: nowrap;
	}

	#main #main_bottom #profile_sp .profile_val {
		color: #333;
		padding: 5px 5px;
	}


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

	#main #main_bottom .work {
		width: 100%;
		margin: 0 auto;
	}

	#main #main_bottom .work th {
		vertical-align: top;
		padding: 0 10px 6px 0;
	}

	#main #main_bottom .work th {
		vertical-align: top;
		padding-bottom: 6px;
	}


	/*--- Main > Main Bottom > Discography Navi  ------------------------*/

	#main nav#category_discography {
		margin-top: 20px;
	}

	#main nav#category_discography ul {
		width: 90%;
		padding: 0 5%;
		text-align: center;
	}

	#main nav#category_discography ul li {
		width: 25%;
		display: table-cell;
		padding: 0 6px;
	}

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


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

	#main #main_bottom #information #discography {
		margin: 10px auto 0;
		width: 90%;
	}

	#main #main_bottom #information #discography .discography_item {
		width: 46%;
		margin: 0 2%;
		float: left;
		padding-bottom: 10px;
	}

	#main #main_bottom #information #discography .discography_item .discography_image {
		width: 100%;
		text-align: center;
		background: url(../images/bg_discography.png) no-repeat center top;
		background-size: 100% auto;
	}

	#main #main_bottom #information #discography .discography_item .discography_image_inner {
		overflow: hidden;
	}

	#main #main_bottom #information #discography .discography_item .discography_image img {
		width: 70%;
		margin: 12% auto 0;
		vertical-align: middle;
	}

	#main #main_bottom #information #discography .discography_item .discography_icon {
		text-align: center;
	}

	#main #main_bottom #information #discography .discography_item .discography_title {
		text-align: center;
		word-wrap: break-word;
	}


	/*--- Main > Main Bottom > Discography Single -----------------------*/

	#main #main_bottom #information article section #discography_inner_single {
		margin: 0 auto;
		padding: 20px 0 10px;
		width: 80%;
	}

	#main #main_bottom #information article section #discography_inner_single .discography_jacket_image {
		width: 100%;
	}

	#main #main_bottom #information article section #discography_inner_single .discography_jacket_image img {
		width: 100%;
		height: auto;
	}

	#main #main_bottom #information article section #discography_inner_single .discography_cont {
		width: 100%;
		margin-top: 30px;
	}

	#main #main_bottom #information article section #discography_inner_single p {
		width: 100%;
		color: #333;
	}

	#main #main_bottom #information article section #discography_inner_single h4 {
		width: 100%;
		margin: 30px 0 5px;
	}

	#main #main_bottom #information article section #discography_inner_single h4 img {
		width: 100%;
	}

	#main #main_bottom #information article section #discography_inner_single .release_date {
		color: #c54b59;
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 5px;
	}

	#main #main_bottom #information article section #discography_inner_single .discography_index {
		width: 100%;
		margin-bottom: 30px;
		background-color: #fff1f0;
	}

	#main #main_bottom #information article section #discography_inner_single .discography_index p {
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#main #main_bottom #information article section #discography_inner_single .discography_etc {
		width: 100%;
		color: #c54b59;
	}


	/*--- 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;
	}


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

	.pagenation {
		width: 100%;
		text-align: center;
	}

	.pagenation a {
		text-decoration: underline;
	}

	#profile {
		display: none;
	}

	.view_pc {
		display: none;
	}

	/* 160401 編集 */
	table.work th {
		display: block;
		text-align: left;
	}
	table.work td {
		color: #333;
		display: block;
		margin: 0 0 3%;
	}

	/* 160401 編集 */
}