@charset "utf-8";

/*********************************************************************
 tamurayukari.com Style CSS @ PC (over 737px)
*********************************************************************/


@media only screen and (min-width: 737px) {


	/*--- body & background---------------------------------------------*/
	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 bottom;
		background-size: auto 100%;
		background-color: #faefeb;
		overflow: hidden;
	}

	#wrapper {
		width: 100%;
		height: 100%;
		position: relative;
		background: url(/images/yukari1.png) no-repeat right bottom;
		background-size: auto 100%;
	}

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

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

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

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

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

	#bg_top {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/bg_top_flowre.png) no-repeat center top;
		background-size: 100% auto;
		z-index: 10;
	}

	#bg_bottom {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(../images/bg_bottom_flower.png) no-repeat center bottom;
		background-size: 100% auto;
		z-index: 10;
	}


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

	header {
		width: 90%;
		margin: 0 auto;
		position: relative;
		z-index: 20!important;
	}


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

	#contents {
		width: 100%;
		margin: 1.5% auto 0;
		position: relative;
		z-index: 20!important;
	}


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

	#main {
		width: 100%;
		min-width: 710px;
		position: relative;
	}

	#main h1 {
		float: left;
		width: 550px;
		margin-right: 20px;
		margin-top: -50px;
		margin-bottom: 20px;
	}

	#main h1 img {
		width: 100%;
	}


	/*--- Main > Main Top ----------------------------------------------*/

	#main #main_top {
		width: 90%;
		margin: 65px auto 0;
	}


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

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

	#main nav#main_menu ul {
		float: left;
		width: 535px;
	}

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


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

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

	#main #main_bottom h2 {
		width: 710px;
		margin-top: 30px;
		text-align: center;
	}


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

	#main #main_bottom .main_bottom_scroll {
		clear: both;
		width: 100%;
		margin: 0!important;
		padding-top: 0!important;
		overflow: auto;
		overflow-y: auto;
	}


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

	#main #main_bottom .main_bottom_scroll_inner {
		width: 90%;
		margin: -20px auto 0!important;
	}


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

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

	/* #main nav#category_information ul {
		width: 685px;
		margin-left: 8px;;
	}

	#main nav#category_information ul li {
		display: table-cell;
		padding: 0 2px;
	} */
	/* 160401 編集 */
	#main nav#category_information ul {
		margin-left: 8px;
		width: 715px;
	}
	#main nav#category_information ul li {
		display: inline-block;
		padding: 0 2px;
	}
	/* 160401 編集 */


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

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

	#main #main_bottom #information h3 {
		width: 688px;
		margin-left: 16px;
	}

	#main #main_bottom #information h3 p.information_icon {
		width: 95px;
		float: left;
	}

	#main #main_bottom #information h3 p.information_icon img {
		padding-top: 4px;
	}

	#main #main_bottom #information h3 p.information_title2 {
		width: 593px;
		float: left;
	}

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

	/*
	#main #main_bottom #information article section {
		margin-top: 10px;
		width: 710px;
		height: 233px;
		background: url(../images/bg_information.png) no-repeat center top;
	}
	*/

	#main #main_bottom #information article section .information_inner {
		margin: 0 auto;
		padding-top: 30px;
		width: 640px;
		height: 180px;
		overflow: hidden;
	}

	#main #main_bottom #information article section .information_image {
		float: left;
		padding: 0 10px 10px 0;
	}

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

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

	#main #main_bottom #information article section .information_inner_single {
		margin: 0 auto;
		padding-top: 10px;
		width: 640px;
	}

	#main #main_bottom #information article section .information_image_single {
		margin-bottom: 20px;
	}

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

	#main_bottom_2nd {
		margin-top: -25px!important;
	}


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

	#main #main_bottom #profile {
		margin: 0 auto;
	}

	#main #main_bottom #profile .profile_name {
		font-size: 160%;
		line-height: 160%;
		text-align: center;
		vertical-align: middle;
		padding: 20px;
	}

	#main #main_bottom #profile th {
		color: #333;
		padding: 5px 20px;
		text-align: left;
	}

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


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

	#main #main_bottom .work {
	}

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

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


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

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

	#main nav#category_discography ul {
		width: 564px;
		margin-left: 68px;;
	}

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


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

	#main #main_bottom #information #discography {
		margin-top: 10px;
		width: 710px;
	}

	#main #main_bottom #information #discography .discography_item {
		float: left;
		width: 236px;
		padding-bottom: 14px;
	}

	#main #main_bottom #information #discography .discography_item .discography_image {
		width: 220px;
		height: 208px;
		margin: 0 auto;
		text-align: center;
		background: url(../images/bg_discography.png) no-repeat center top;
		display: table-cell;
		vertical-align: middle;
	}

	#main #main_bottom #information #discography .discography_item .discography_image img {
		max-width: 160px;
		max-height: 160px;
		margin: 0 auto;
	}

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

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


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

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

	#main #main_bottom #information article section #discography_inner_single .discography_jacket_image {
		float: left;
		width: 200px;
	}

	#main #main_bottom #information article section #discography_inner_single .discography_cont {
		float: right;
		width: 368px;
		text-align: left;
	}

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

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

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

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

	#main #main_bottom #information article section #discography_inner_single .discography_index p {
		padding: 20px;
		-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 {
		color: #c54b59;
	}



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

	footer {
		width: 80%;
		margin: 0 auto 20px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 20!important;
	}

	footer p {
		font-size: 80%;
		text-align: right;
	}


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

	.pagenation {
		width: 710px;
		text-align: center;
		clear: both;
	}

	.pagenation a {
		text-decoration: underline;
	}

	#profile_name_sp {
		display: none;
	}

	#profile_sp {
		display: none;
	}

	.view_sp {
		display: none;
	}

	/* 160401 編集 */
	table.work {
		vertical-align: top;
		width: 100%;
	}
	table.work td {
		color: #333;
	}
	table.work li {
		color: #333;
	}
	table.work li a {
		color: #d37a86;
		font-size: 14px;
		text-decoration: none;
	}
	#main #main_bottom .work tr:first-child th {
		text-align: left;
	}
	/* 160401 編集 */
}