@charset "UTF-8";

#contentVis h1 {
	background-image: url('/bows/images/title_bows.png') ;
	background-size: 279px;
}

#contentVis {
	margin-bottom: 200px;
}

.tabMenu li.current a {
	color: #006951;
}

.tabMenu li.current a:after {
	border-top-color: #006951;
}


/*****************************************************************/
@media screen and (max-width: 920px) {

#contentVis {
	margin-bottom: 0;
}

	.tabMenu li.current a {
		color: #fff;
		background-color: #006951;
	}
}

/************************************************************
　　　　コンテンツ
************************************************************/
/*　コンテンツ
------------------------------------------------------*/
#contentVis:after {
	background-position: 38% 0;
}

.en #contentVis:after {
	background-position: 50% 0;
}


.lead {
	width: 1000px;
	margin: 0 auto 120px;
}

#tabContents > div:not(.originalContent) {
	width: 1000px;
	margin: 0 auto;
}

.bowWrap {
	width: 1100px;
	margin: -50px -100px 0 0;
	overflow: hidden;
}

.bowBox {
	width:450px;
	margin: 100px 100px 0 0;
	float: left;
}

.bowBox .photo img {
	width: 100%;
	border: 1px solid #eee;
	vertical-align:bottom;
}

.bowBox {
	position: relative;
	width: 100%;
	min-height: 194px;
	margin: 0;
	float: none;
}

.bowBox.withWhole {
	padding-top: 130px;
}

.bowBox + .bowBox {
	margin-top: 200px;
}

.bowBox:first-child {
	margin-top: 100px;
}

.bowBox .text {
	width: 500px;
	position: relative;
	left: 50%;
	margin-left: -500px;
}

.bowBox .whole {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 114px;
/*	overflow-x: scroll;*/
	/*overflow: hidden;*/
}

.bowBox .whole img {
/*	width: 3000px;*/
	width: 100%;
	position: absolute;
	left: 50%;
	margin-left: -500px;
/*	padding-right: 50%;*/
}

.bowBox:nth-child(odd) .whole img {
	left: auto;right: 50%;
	margin-right: -500px;
	margin-left: auto;
}

.bowBox .photo {
	position: absolute;
	left: 50%;top:0;
	margin-left: 50px;
}

.bowBox .whole + .photo {
	top: 130px;
}

.bowBox .photo01 {
	margin-bottom: 10px;
}

.bowBox .photo img {
	width: 448px;
	border: 1px solid #eee;
	vertical-align:bottom;
}

.bowBox h1 {
	margin-right: 20px;
	margin-bottom:0;
}

.bowBox h1 .new {
	font-size: 10px;
	background-color: #f00;
	color: #fff;
	padding: 2px 12px;
	vertical-align: top;
	margin-left: 20px;
}

.bowBox ul.data {
	font-family: 'Marcellus', serif;
	font-size: 14px;
	overflow: hidden;
	margin-top: 8px;
}

.bowBox ul.data li {
	line-height: 1.5;
}

.bowBox ul.data li.comment {
	margin:10px 0 0 0;
}

/*****************************************************************/
@media screen and (max-width: 920px) {

	#contentArea {
		margin-bottom: 100px;
	}

	.lead {
		width: calc(100% - 20px);
		margin: 30px 10px 50px;
	}

	#tabContents > div:not(.originalContent) {
		width: 100%;
		margin: 0 auto 50px;
	}

	#tabContents > div.originalContent {
		width: 100%;
		margin: 0 auto 50px;
	}

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

	.bowBox {
		width: 100%;
		max-width: initial ;
		margin: 50px 0 0;
		float: none;
	}

	.bowBox .h-01 {
		width: calc(100% - 20px);
		margin-left: 10px;
	}

	.bowBox {
		padding-top: 0;
	}

	.bowBox + .bowBox {
		margin-top: 50px;
	}

	.bowBox:first-child {
		margin-top: 50px;
	}

	.bowBox .text {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-bottom: 15px;
		position: static;
	}

	.bowBox .whole {
		display: none;/*隠した*/
		position: static;
		margin-bottom: 20px;
		height: auto;
	}

	.bowBox .whole img {
		width: calc(100% - 10px);
		position: static;
		left: auto;
		margin-left: 5px;
	}

	.bowBox:nth-child(even) .whole img {
		left: auto;right: auto;
		margin-right: auto;
		margin-left: 5px;
	}

	.bowBox .photo {
		position: static;
		left: auto;top:auto;
		width: 100%;
		margin: 0 auto;
	}

	.bowBox .photo img {
		width: 100%;
	}

	.bowBox ul.data {
		width: calc(100% - 20px);
		margin: 8px 0 10px 10px;
	}

	.bowBox ul.data li {
		display: inline-block;
		margin-right: 15px;
	}

}