/*------------------------------------------------------------------------------
								NEWS
------------------------------------------------------------------------------*/
h2 {
	background: url("../../img/title/title-news.png") no-repeat center center / contain;
}
.contents-box {
	width: 100%;
	max-width: 1600px;
	min-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 40px;
}
a:link {
text-decoration:underline;
}
.center {
	text-align: center!important;
}
h2 {
	margin-bottom: 80px;
}
.indent {
 text-indent: -1em;
 padding-left: 1em;
}
.box .side {
	display: table-cell;
	width: 25%;
	box-sizing: border-box;
	vertical-align: top;
	padding-top: 10px;
}
.box .side .news-index {
	font-family: "Teko", sans-serif;
	font-weight: 300;
	font-size:26px;
	line-height:1em;
	margin-bottom:15px;
	padding:0;
	color:#525556;
	border-top:none;
	border-bottom:none;
}
.box .side h3 {
	font-family: "Teko", sans-serif;
	font-weight: 300;
	color:#525556;
	font-size:30px;
	line-height:1em;
	margin-bottom:4px;
	box-sizing:border-box;
	padding-left:28px;
	background:url("../../img/common/arrow-gray.png") no-repeat left top 3px;
	background-size:20px 20px;
}
.box .side p {
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
	color:#525556;
	font-size:18px;
	line-height:1.7em;
	text-align:justify;
	box-sizing:border-box;
	padding-left:28px;
}
.box .side ul li {
	position:relative;
	padding:20px 0 20px;
	border-top:1px dotted #666666;
}
.box .side ul li:last-child {
	border-bottom:1px dotted #666666;
}
.box .side ul li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
.box .main {
    width: 75vw;
    display: table-cell;
    padding: 0 0 0 5vw;
    vertical-align: top;
    box-sizing: border-box;
	position: relative;
}
.box .main ul {
    width: 100%;
	position: relative;
}
.main ul li {
	margin-top: -60px;
	padding-top: 60px;
	padding-bottom:160px;
	width: 100%;
	position: relative;
}
.main ul li:last-child {
	padding-bottom:0px;
}
.main ul li h3 {
	font-family: "Teko", sans-serif;
	font-weight: 300;
	color:#525556;
	font-size:38px;
	line-height:1em;
	margin-bottom:10px;
}
.main ul li h4 {
	color:#525556;
	font-size:27.5px;
	line-height:1.5em;
	text-align:justify;
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
}
.main ul li p {
	line-height: 1.8em;
	text-align:justify;
	display:block;
}
.main ul li p strong {
	color: #525556;
	font-size: 110%;
}
.main ul li span {
	font-weight: 700;
}
.main ul li .comment {
	box-sizing: border-box;
	padding: 30px;
	background: rgba(255,255,255,0.65);
}
.main ul li .comment p {
	font-size: 100%;
	font-weight: 500;
}

.news ul li .comment .chu {
	font-size:80%;
	text-align:justify;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5em;
}
.main ul li h5 {
	font-weight:600;
	color:#525556;
	font-size:24px;
	line-height:1.5em;
	text-align:justify;
}
.main ul li .photo {
	position:relative;
}
.main ul li .photo img {
	width:100%;
	border:1px solid #cccccc;
	box-sizing:border-box;
}
.main ul li .border-none img {
	border:none;
}
.main ul li .photo .space ,.main ul li .photo-half .space,.main ul li .photo-half2 .space {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.main ul li ul {
	position: relative;
	overflow: hidden;
	padding: 0!important;
}
.news ul li .chu {
	font-size:80%;
	text-align:justify;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5em;
}
ruby[data-ruby] {
  position:relative;
}
ruby[data-ruby]::before {
  content: attr(data-ruby);
  position:absolute;
  left:-2em;
  top:-2.4em;
  right:-2em;
  text-align:center;
  font-size:.4em;
  letter-spacing: 0.2em;
}
rt {
  display:none;
}
/*------------------------------------------------------------------------------
								TABLE
------------------------------------------------------------------------------*/
table {
	margin-top: 10px;
	font-size: 18px;
}
table th,table td {
	text-indent: 0px;
	line-height: 1.3em;
	padding: 10px 0;
}
table th {
	background: #525556;
	box-sizing: border-box;
	border-right: 2px solid #FFFFFF;
	font-weight: 500;
	color: #FFFFFF;
}
table th:last-child {
	border-right: none;
}
table th {
	box-sizing: border-box;
	padding: 10px 20px;
}
table tr td:first-child {
	white-space: nowrap;
}
table td {
	box-sizing: border-box;
	border-bottom: 1px solid #666666;
	border-right: 4px solid rgba(0,0,0,0);
	padding: 10px 20px;
	line-height: 1.6em;
	position: relative;
	vertical-align:top;
}
table td span {
	display: block!important;
}
table td span.chu {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 0.9em;
	line-height: 1.6em;
}
table td.border-gray {
	border-bottom: 1px solid #666666;
}
table td span.block {
	display: block;
	line-height: 1.8em;
}
table td.center {
	text-align: center;
}
/*------------------------------------------------------------------------------
								TRAILER AREA
------------------------------------------------------------------------------*/
.trailer-area {
	width:100%;
	margin:0 auto;
}
.trailer-area .prArea {  
	margin: 0 auto 0 auto;
	padding:0 0 0px 0;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
	width:100%;
}

.trailer-area .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0;
	background:#000000;
}
.trailer-area .video-container iframe {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------------------------------------------------------
								loopSlider
------------------------------------------------------------------------------*/
.slider-box {
	width: calc(70vw - 60px);
	max-width: calc(1120px - 60px);
	min-width: calc(896px - 60px);
	position: relative;
}
.slider-area {
    width: 100%;
	position: relative;
}
.slider div {
	height: 100%;
	position: relative;
}
.slider div img {
	width: 100%;
	height: auto;
	position: relative;
}
.slick-arrow {
  width: 100px;
  height: 100px;
  z-index: 1;
}

@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
								NEWS
------------------------------------------------------------------------------*/
.syohin-box .syohin {
	float: none;
	margin-right: 0px;
    width: 100%!important;
	margin-bottom: 4vw!important;
}
.syohin-box .syohin:last-child {
	margin-bottom: 0px!important;
}

.syohin-box .syohin p {
	text-align: center;
	background: #525556;
	line-height: 1.6em;
	padding: 0.6em 0;
	color: #FFFFFF;
}
.syohin-box .syohin p span {
	color: #ffff00;
	font-size: 1.1em;
}
li.scrollpoint {
	margin-top: -26vw!important;
	padding-top: 26vw!important;
}
.contents-box {
	width: 100%;
	min-width: 740px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 3vw;
}
h2 {
	margin-bottom: 8vw;
}
.indent {
 text-indent: -1em;
 padding-left: 1em;
}
.box .side {
	display:none;
}

.box .main {
    width: 100%;
    padding: 0;
}

.main ul li {
	margin-top: -6vw;
	padding-top: 6vw;
	padding-bottom:26vw;
}
.main ul li h3 {
	font-size:6vw;
	margin-bottom:2vw;
	font-weight: 300;
}
.main ul li h4 {
	font-size:4vw;
	margin-bottom:2.5vw;
}
.main ul li p {
	font-size:3.2vw;
}
.main ul li .comment {
	padding: 4vw;
}
.main ul li h5 {
	font-size:3.8vw;
}
.news ul li .chu {
	font-size:80%;
}
.slick-arrow {
  width: 100px;
  height: 100px;
  z-index: 1;
}
/*------------------------------------------------------------------------------
								TABLE
------------------------------------------------------------------------------*/
table {
	margin-top: 1vw;
	font-size: 2.8vw;
}
table th,table td {
	padding: 1vw 0;
}
table th {
	box-sizing: border-box;
	padding: 1vw 0vw 1vw 1vw;
}
table td {
	padding: 1vw 0vw 1vw 1vw;
}
table td.border-gray {
	border-bottom: 1px solid #666666;
}
/*------------------------------------------------------------------------------
								loopSlider
------------------------------------------------------------------------------*/
.slider-box {
	width: 94vw;
	max-width: 92vw;
	min-width: 92vw;
	margin: 0 auto;
}
}


@media print{
.main ul li .photo-none {
	display:none;
}
}