@charset "utf-8";

/* スマホで改行する */

.br-sp-only { display:none; }

@media (max-width: 540px) {
.br-sp-only {
	display: inline;
}
}

/* ----------------------------- */


#wide-header-wrapper {
	width: 100%;
	margin-left: 0px;
	float: none;
}

#wide-content-wrapper {
	height: auto;
	width: 100%;
	margin-right: 200px;
	float: none;
}
/* ----------------------------- */
#wide-logo-box {
	height: 80px;
	width: 330px;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 24px;
	padding-bottom: 4px;
	float: left;
}
@media (max-width: 1040px) {
#wide-logo-box {
	width: 33%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
}
@media (max-width: 840px) {
#wide-logo-box {
	width: 40%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
}
@media (max-width: 540px) {
#wide-logo-box {
	width: 50%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
}
/* ----------------------------- */

#wide-copy-mane {
	height: auto;
	width: 20%;
	margin-right: 4px;
	margin-left: 4px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 48px;
	float: left;
}
/* ----------------------------- */
#wide-content-auto {
	height: auto;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	background-image: url(../img/common/back-content-wide.jpg);
}

/* ----------------------------- */



#wide-page-titlle {
	height: 80px;
	width: 531px;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
@media (max-width: 540px) {
#wide-page-titlle {
	width: 98%;
	height: auto;
}
}

/* ----------------------------- */
#wide-maine-photo-box {
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* ----------------------------- */

/* 写真　画像ごとにBOX作成　*/
/* その人らしさを　*/
#wide-img-100-box {
	height: auto;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 740px) {
#wide-img-100-box {
		width: 90%;
}
}
@media (max-width: 540px) {
#wide-img-100-box {
		width: 98%;
}
}
/* ----------------------------- */
/* 写真　画像ごとにBOX作成　*/
/* マイク画像　*/
#wide-img-200-box {
	height: auto;
	width: 370px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 540px) {
#wide-img-200-box {
		width: 70%;
}
}
/* ----------------------------- */
/* 写真　画像ごとにBOX作成　*/
/* 下方の３画像　*/
#wide-img-300-box {
	height: auto;
	width: 540px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 640px) {
#wide-img-300-box {
		width: 80%;
}
}
/* ----------------------------- */

#wide-title-show-box {
	height: auto;
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #634A38;
	text-align: center;
	color: #3F3427;
	padding-top: 8px;
	padding-bottom: 8px;
}
@media (max-width: 640px) {
#wide-title-show-box {
		width: 80%;
}
}
/* ----------------------------- */
#wide-page-txt-content {
	height: auto;
	width: 90%;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
@media (max-width: 640px) {
#wide-page-txt-content {
		width: 82%;
}
}
/* ----------------------------- */

#wide-page-txt-content-mid {
	height: auto;
	width: 80%;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
@media (max-width: 640px) {
#wide-page-txt-content-mid {
	width: 98%;

}
}









#wide-time-day-box {
	height: auto;
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #634A38;
}
@media (max-width: 640px) {
#wide-time-day-box {
	width: 80%;
	font-size: 0.9em;
}
}
/* ----------------------------- */

.txt-wide-page-titlle {
	line-height: 2em;
	color: #2D2D2D;
	height: 24px;
	width: 400px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #444;
	font-weight: bold;
	padding-left: 10px;
	margin-left: 10px;
	float: left;
	font-size: 0.8em;
}
@media (max-width: 1040px) {
.txt-wide-page-titlle {
	width: 98%;
	font-size: 0.6em;
		padding-left: 0px;
	margin-left: 4px;
		border-left-width: 0px;
}
}
/* ----------------------------- */

#wide-photo-caption-box-01 {
	height: auto;
	width: 544px;
	text-align: right;
	margin-bottom: 16px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
}
@media (max-width: 840px) {
#wide-photo-caption-box-01 {
	width: 70%;

}
}
@media (max-width: 540px) {
#wide-photo-caption-box-01 {
	width: 80%;

}
}
/* ----------------------------- */

#wide-sns-box {
	height: 36px;
	width: 538px;
	margin-top: 0px;
	margin-left: auto;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #444;
	padding-left: 10px;
	padding-top: 0px;
	margin-right: auto;
}
@media (max-width: 960px) {
#wide-sns-box {
	width: 90%;
	height: auto;
	border-left-width: 0px;
	border-left-style: none;
		font-size: 0.8em;
}
}
/* ----------------------------- */


#wide-page-up-box {
	height: 40px;
	width: 555px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
@media (max-width: 960px) {
#wide-page-up-box {
	width: 90%;
	height: auto;
		margin-top: 10px;

}
}
/* ----------------------------- */


#wide-under-copy-box {
	height: 20px;
	width: 560px;
	margin-top: 10px;

	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
@media (max-width: 960px) {
#wide-under-copy-box {
	width: 90%;
	height: auto;
}
}
/* ----------------------------- */



/* ----------------------------- */
/* 動画BooKページ　*/
/* Youtube　*/
/* ----------------------------- */
#wide-img-movie-box1 {
	height: auto;
	width: 560px;
	height: 315px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 640px) {
#wide-img-movie-box1 {
		width: 98%;
		height: 200px;
}
}
/* ----------------------------- */
/* ----------------------------- */
/* 動画BooKページ　*/
/* メイン画像とENDイメージ　*/
#wide-img-200-box-movie-maine {
	height: auto;
	width: 370px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 540px) {
#wide-img-200-box-movie-maine {
		width: 67%;
}
}
/* ----------------------------- */
/* 動画BooKページ　*/
/* タイトルキャプション　*/

#wide-movie-caption {
	height: auto;
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	text-align: center;
}
@media (max-width: 540px) {
#wide-movie-caption {
		width: 94%;
}
}


