@charset "UTF-8";
/* add
-------------------------------------------------- */
.marginBottom0 {
	margin-bottom: 0!important;
}

.sectionTypeGray {
	padding-top: 60px;
	padding-bottom: 78px;
}

.sectionTypeGray h2 {
	margin-top: 0px;
	margin-bottom: 30px;
}

.mgb50 {
	margin-bottom: 25px!important;
}

.mgt50 {
	margin-top: 25px!important;
}

.mgt30 {
	margin-top: 15px!important;
}

a.link--internal--red {
	color: #c3303c;
}

a.link--internal--red:hover {
	color: #c3303c;
	text-decoration: underline;
}

.listLink a[target="_blank"]::before {
	padding-left: 16px;
	background: url(/element_2017/images/ico_external_2.png) no-repeat left center;
	background-size: 11px;
	width: 11px;
	height: 11px;
}

.listAsterlisk__list.em--red {
	font-weight: normal;
}


.btn-disabled .btn__cv--small {
	background-color: #dddddd;
	border-color: #dddddd;
	padding: 11px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ffffff;
	border-radius: 4px;
}

.btn-disabled .btn__cv--small a:hover .btn__list__inner:before {
	background-position: top;
}

@media screen and (min-width: 960px) {
	.keyvisual--nobg {
		padding-top: 31px;
	}

	.btn__cv--small {
		width: 308px;
	}

	.listLink a[target="_blank"]::before {
		padding-left: 14px;
		width: 14px;
		height: 14px;
		background-size: auto;
	}

	.btn-disabled .btn__cv--small {
		padding: 16px 0;
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 960px) {
	.contentArea {
		font-size: 16px;
	}
}
@media screen and (max-width: 959px) {
	.contentArea {
		font-size: 12px;
	}
}

/* btn
-------------------------------------------------- */
ul.btn {
	padding: 0;
	margin: 70px 0;
	text-align: center;
	list-style: none;
}
ul.btn li {
	width: 200px;
	padding: 15px 0 6px;
	margin: 0 15px;
	display: inline-block;
}
ul.btn li a {
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: block;
	padding: 6px 0;
}
ul.btn li a:hover {
	text-decoration: none;
}

ul.btn li.btnType1 {
	padding: 0;
	border: none
}

ul.btn li.btnType1 a {
	padding: 11px 0 10px;
	color: #ffffff;
	background-color: #aaa;
}

ul.btn {
	width: 100%;
	margin: 70px auto 98px;
}

ul.btn li {
	width: 20%;
	max-width: 200px;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #000000;
	border: solid 1px #ccc;
	cursor: pointer;
	font-weight: bold;
}

ul.btn li:hover{
	border: solid 1px #c3303c;
}

ul.btn li:hover a{
	color: #c3303c;
}

ul.btn li.btnType1:hover {
	border: 0;
}

ul.btn li.btnType1 a {
	padding: 6px 0 6px;
	color: #ffffff;
	background-color: #cccccc;
	border: 1px solid #cccccc;
}

@media screen and (max-width: 959px) {
	ul.btn {
		width: 100%;
		padding: 8px 5px;
		margin: 30px auto 50px;
	}

	ul.btn li {
		width: 33%;
		padding: 0 2.5px;
		margin: 0;
	}

	ul.btn li a {
		font-size: 9px;
		font-size: 0.9rem;
	}

	ul.btn {
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	ul.btn li:hover {
		color: #000000;
		border: solid 1px #ccc;
	}

	ul.btn li.btnType1:hover {
		color: #ffffff;
	}

	ul.btn li,
	ul.btn li.btnType1 {
		width: 32%;
		height: 4rem;
		padding: 0;
		margin: 0 1%;
		font-size: 9px;
		font-size: 0.9rem;
		line-height: 1.222;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	ul.btn li.btnType1 {
		border: none;
		background-color: #cccccc;
	}

	ul.btnColumnFive {
		flex-wrap: wrap;
		align-items: flex-start;
		max-width: 670px;
	}

	ul.btnColumnFive li {
		margin-bottom: 10px;
	}

	ul.btnColumnFive li, ul.btnColumnFive li.btnType1 {
		width: 30%;
	}
}

@media screen and (max-width: 959px) {
	.sp-hidden{
		display: none;
	}
}

@media screen and (min-width: 960px) {
	.sectionTypeGray {
		padding-top: 100px;
		padding-bottom: 80px;
	}

	.mgb50 {
		margin-bottom: 50px!important;
	}

	.mgt50 {
		margin-top: 50px!important;
	}

	.mgt30 {
		margin-top: 30px!important;
	}

	ul.btnColumnFive li {
		width: 16%;
	}
}


@media screen and (min-width: 1100px) {

	ul.btnColumnFive li {
		width: 17%;
	}

}

/* catListBlock
-------------------------------------------------- */
.catListBlock {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 656px;
	margin: 0px auto 30px;
}

.catListBlockCenter {
	margin-bottom: 20px;
}

.catListBlockCenter .column {
	margin: 0 auto;
}

.catListBlock .column {
	width: 48%;
}

.catListBlock .column select {
	width: 100%;
	display: block;
	padding: 10px 30px 10px 15px;
	font-weight: bold;
	background: url('/navi/shared_2018/images/ico_arrowdown.png') center right 15px no-repeat;
	background-size: 10px 6px;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 12px;
	border: 1px solid #cccccc;
}

.catListBlock .column select::-ms-expand {
	display: none;
}

@media (hover: hover) {
  .catListBlock select {
    cursor: pointer;
  }
}

@media screen and (min-width: 960px) {
	.catListBlock {
		margin-bottom: 50px;
	}

	.catListBlockCenter {
		margin-bottom: 20px;
	}

	.catListBlock .column select {
		text-align-last: center;
		-ms-text-align-last: center;
		font-size: 16px;
		padding: 16px 20px;
		background-size: 13px 8px;
		background-position: center right 30px;
	}

	.catListBlock .column select option {
		padding: 0 10px;
	}

	.catListBlock .column {
		width: 310px;
	}
}

/* newsList
-------------------------------------------------- */
.newsList {
	margin-bottom: 45px;
}

.newsList .block {
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
}

.newsList .block .table:hover {
	text-decoration: none;
}

.newsList .block .table {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.newsList .block:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.newsList .block .column {
	display: table-cell;
	vertical-align: top;
}

.newsList .block .column:first-child {
	width: 123px;
	padding-right: 15px;
}

.newsList .block .column:first-child .image {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	padding: 0;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.newsList .block .column:first-child .image img {
	width: 100%;
	height: auto;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.newsList .block a:hover .column:first-child .image img {
	/*
	-webkit-transition: all 3s ease-out;
	-moz-transition: all 3s ease-out;
	-ms-transition: all 3s ease-out;
	transition: all 3s ease-out;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);*/
	opacity: 0.8;
	border-radius: 4px;
}

.newsList .block .column .title {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.5;
}

.newsList .block .column .title a {
	color: #333333;
}

.newsList .block .column .title a:hover {
	color: #c3303c;
}

.newsList .block .column .meta {
	margin-bottom: 15px;
	line-height: 1;
}

.newsList .block .column .meta span {
	display: inline-block;
	font-size: 10px;
	color: #666666;
}

.newsList .block .column .meta span.cat {
	font-weight: bold;
	text-align: center;
	color: #000000;
	background: #eeeeee;
	width: 110px;
	padding: 5px;
	border-radius: 10px;
	margin-right: 10px;
}

.newsList .tag {
	margin-bottom: 0;
	line-height: 1.5;
    font-size: 10px;
}

.newsList .tag li {
	display: inline-block;
	margin-right: 10px;
}

.newsList .tag a {
	color: #1a3562;
	text-decoration: underline;
}

.newsList .tag a:hover {
	color: #c3303c;
}

.newsList .block .tag-pc {
	display: none;
}

@media screen and (min-width: 960px) {
	.newsList {
		margin-bottom: 90px;
	}

	.newsList .block {
		margin-bottom: 30px;
		padding-bottom: 30px;
		overflow: hidden;
	}

	.newsList .block .table {
		display: block;
	}

	.newsList .block .table:hover .title {
		text-decoration: underline;
	}

	.newsList .block .column {
		float: right;
		width: 81%;
	}

	.newsList .block .column:first-child {
		width: 19%;
		padding-right: 30px;
		float: left;
		display: block;
	}

	.newsList .block .column .meta span {
		font-size: 14px;
	}

	.newsList .block .column .meta span.cat {
		width: 160px;
		padding: 7px;
		border-radius: 14px;
	}

	.newsList .block .column .title {
		font-size: 16px;
		margin-bottom: 15px;
	}
	
	.newsList .block .tag-pc {
		display: block;
	}

	.newsList .block .tag-sp {
		display: none;
	}

	.newsList .tag {
		float: right;
		width: 81%;
		font-size: 14px;
	}

}


/* pagination
-------------------------------------------------- */
.pagination {
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.pagination li {
	display: inline-block;
	vertical-align: middle;
}

.pagination li.prev {
	float: left;
}

.pagination li.next {
	float: right;
}

.pagination li span,
.pagination li a {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #aaaaaa;
	width: 36px;
	display: block;
	line-height: 39px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
}

.pagination li a:hover {
	color: #c3303c;
	border-color: #c3303c;
	text-decoration: none;
}

.pagination li a {
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.pagination li.prev span {
	color: #cccccc;
	border-color: #eeeeee;
	background: #eeeeee url('/navi/shared_2018/images/ico_arrowleft0.png') center left 8px no-repeat;
	background-size: 6px 10px;
	padding: 0 50px 0 50px;
	width: auto;
}

.pagination li.next span {
	color: #cccccc;
	border-color: #eeeeee;
	background: #eeeeee url('/navi/shared_2018/images/ico_arrowright0.png') center right 8px no-repeat;
	background-size: 6px 10px;
	padding: 0 50px 0 50px;
	width: auto;
}

.pagination li.prev a {
	background: #ffffff url('/navi/shared_2018/images/ico_arrowleft1.png') center left 8px no-repeat;
	background-size: 6px 10px;
	padding: 0 50px 0 50px;
	width: auto;
}

.pagination li.next a {
	background: #ffffff url('/navi/shared_2018/images/ico_arrowright1.png') center right 8px no-repeat;
	background-size: 6px 10px;
	padding: 0 50px 0 50px;
	width: auto;
}

.pagination li.prev a:hover {
	background-image: url('/navi/shared_2018/images/ico_arrowleft3.png');
}

.pagination li.next a:hover {
	background-image: url('/navi/shared_2018/images/ico_arrowright3.png');
}

.yearSelect {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.yearSelect .column {
	width: 30%;
}

.yearSelect .column .btn__list {
	display: block;
}

.yearSelect .column .btn__list li,
.yearSelect .column .btn__list a {
	display: block;
	width: 100%;
}

.yearSelect .column .btn__linkArrow {
	background: url('/navi/shared_2018/images/ico_arrowdown.png') center right 15px no-repeat;
	background-size: 10px 6px;
}

@media screen and (min-width: 960px) {
	.pagination {
		margin-bottom: 60px;
	}

	.pagination li {
		margin: 0 3px;
	}

	.pagination li.prev,
	.pagination li.next {
		margin: 0;
	}

	.pagination li span,
	.pagination li a {
		font-size: 16px;
		width: 56px;
		line-height: 56px;
	}

	.pagination li.prev span,
	.pagination li.next span,
	.pagination li.prev a,
	.pagination li.next a {
		background-size: 8px 13px;
		min-width: 160px;
	}

	.pagination li.prev a {
		padding: 0 10px 0 20px;
	}

	.pagination li.next a {
		padding: 0 20px 0 10px;
	}

	.pagination li.prev span,
	.pagination li.prev a {
		background-position: center left 18px;
	}

	.pagination li.next span,
	.pagination li.next a {
		background-position: center right 18px;
	}

	.pagination li.prev span, 
	.pagination li.next span, 
	.pagination li.prev a, 
	.pagination li.next a {
		background-size: 8px 13px;
		min-width: 200px;
	}

	.yearSelect .column .btn__linkArrow {
		background-size: 13px 8px;
		background-position: center right 30px;
	}

	.yearSelect .column .btn__linkArrow:before {
		display: none;
	}

	.yearSelect .column .btn__linkArrow:hover {
		background-image: url('/navi/shared_2018/images/ico_arrowdown1.png');
	}
}

@media screen and (min-width: 1124px) {
	.yearSelect .column {
		width: 308px;
	}
}

/*iphone5*/
@media screen and (max-width: 374px) {
	.pagination li span, .pagination li a {
		width: 32px;
		height: 32px;
		line-height: 32px;
	}

	.pagination li.prev span {
		padding: 0 10px 0 20px;
	}

	.pagination li.next a {
		padding: 0 20px 0 10px;
	}
}

/* article
-------------------------------------------------- */
.articleTitle {
	display: block;
}

.articleTitle .keyvisual__txt {
	max-width: 840px;
	margin: 0 auto;
}

.keyvisual__post-title {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	line-height: 1.5;
	margin-bottom: 20px;
}

.articleTitle .meta {
	margin-bottom: 15px;
	line-height: 1;
	margin-top: 2px;
}

.articleTitle .meta span {
	display: inline-block;
	font-size: 10px;
	color: #666666;
}

.articleTitle .meta span.cat {
	font-weight: bold;
	text-align: center;
	color: #000000;
	background: #eeeeee;
	width: 110px;
	padding: 5px;
	border-radius: 30px;
	margin-right: 10px;
}

.snsList-sm {
	margin-top: 0;
	margin-bottom: 10px;
	text-align: right;
}

.snsList > li .iconSns {
	margin-bottom: 0
}

.snsList-sm > li {
	margin: 0 5px;
}

.snsList-sm > li:last-child {
	margin-right: 0;
}

.snsList-sm > li .iconSns:hover {
	opacity: 0.6;
}

@media screen and (min-width: 960px) {
	.keyvisual__post-title {
		font-size: 30px;
	}

	.articleTitle .meta {
		margin-top: 30px;
	}

	.articleTitle .meta span {
		font-size: 14px;
	}

	.articleTitle .meta span.cat {
		width: 160px;
		padding: 7px;
	}

	.snsList-sm > li .iconSns {
		width: 50px;
		height: 50px;
		background-size: 50px;
	}

	.snsList-sm > li .iconSns.twitter {
		background-position: 0 -314px;
	}

	.snsList-sm > li .iconSns.twitter {
		background-position: 0 -314px;
	}
	.snsList-sm > li .iconSns.line {
		background-position: 0 -209px;
	}

	.snsList-sm > li {
		margin: 0 10px;
	}
}

@media screen and (max-width: 959px) {
	.snsList > li {
		margin: 0 5px;
		font-size: 10px;
		font-size: 1.0rem;
		width: 60px;
	}
}

.articleBody {
	max-width: 840px;
	margin: 0 auto;
	color: #000000;
}

.articleBodyType1 {
	margin-bottom: 50px;
}

.articleBody img {
	max-width: 100%;
	height: auto;
}

.articleBody .image {
	text-align: center;
	margin-bottom: 40px;
}

.articleBody .image a:hover img {
	opacity: 0.6;
}

.articleBody .image img {
	max-width: 100%;
	border-radius: 8px;
}

.articleBody .image-mid {
	max-width: 840px;
	margin: 0 auto;	
}

.articleBody .image .caption {
	text-align: left;
	color: #666666;
	margin-top: 7px;
}

.articleBody .tag {
	margin-bottom: 30px;
}

.snsArea .title--xl {
	margin-bottom: 20px;
}

.snsArea .snsList {
	margin-top: 0;
	margin-bottom: 30px;
}

.backToTopBtn2 {
	margin-top: 0;
	margin-bottom: 0;
	margin-bottom: 58px;
	padding: 0;
}

@media screen and (min-width: 960px) {
	.articleBodyType1 {
		margin-bottom: 110px;
	}
	.articleBody .tag {
		margin-bottom: 60px;
	}

	.snsArea .title--xl {
		margin-bottom: 50px;
	}

	.snsArea .snsList {
		margin-bottom: 60px;
	}

	.backToTopBtn2 {
		margin-bottom: 100px;
	}

	.articleBody .image .caption {
		margin-top: 17px;
	}
}

/* infoBlock
-------------------------------------------------- */
.infoBlock {
	background: #eeeeee;
	padding: 30px 15px 20px;
	margin-bottom: 30px;
	margin-top: 30px;
	border-radius: 4px;
}

.infoBlock .listDisc {
	margin-left: 20px;
}

.infoBlockType1 {
	background: #ffffff;
	border: 1px solid #cccccc;
}

.infoBlockType2 {
	background: #fdfad4;
}

.infoBlockType3 {
	background: #f8e7e8;
}

.infoBlock .heading {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
}

.infoBlock .title {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 0px;
}

.infoBlock .link--internal {
	color: #c3303c;
}

.infoBlock .link--internal:hover {
	text-decoration: underline;
}

.infoBlock ul {
	margin-bottom: 1.6em;
}

.articleBody b {
	font-weight: bold;
}

.articleBody .tag a {
	color: #1a3562;
	font-size: 10px;
	margin-right: 10px;
	text-decoration: underline;
}

.articleBody .tag a:hover {
	color: #c3303c;
}

.articleBody .tag a span.loc,
.newsList .tag a span.loc {
	position: relative;
	padding-left: 14px;
}

.articleBody .tag a span.loc:before,
.newsList .tag a span.loc:before {
	content: '';
	position: absolute;
	width: 9px;
	height: 10px;
	background: url('/navi/shared_2018/images/ico_location.png') no-repeat;
	background-size: 100%;
	left: 0;
	top: 3px;
}

.prevNextBtns {
	overflow: hidden;
	margin-bottom: 20px;
}

.prevNextBtns a {
	color: #333333;
	width: 48%;
	display: block;
	border: 1px solid #cccccc;
	padding: 13px 15px 13px 35px;
	border-radius: 4px;
	background: url('/navi/shared_2018/images/ico_arrowleft1.png') top 20px left 15px no-repeat;
	background-size: 6px 10px;
	float: left;
}


.prevNextBtns a.prevNextBtns__next {
	background: url('/navi/shared_2018/images/ico_arrowright1.png') top 20px right 15px no-repeat;
	background-size: 6px 10px;
	padding: 13px 35px 13px 15px;
	float: right;
}

.prevNextBtns a .title {
	text-align: center;
	font-weight: bold;
	color: #000000;
}

.prevNextBtns a:hover, .prevNextBtns a:hover .title {
	text-decoration: none;
	color: #c3303c;
}

.infoBlockType3 .heading,
.infoBlockType3 .title {
	color: #c3303c;
}

@media screen and (min-width: 960px) {
	.articleBody .image {
		margin-bottom: 55px;
	}

	.infoBlock {
		margin-bottom: 60px;
		padding: 40px 40px 27px;
		margin-top: 60px;
	}

	.infoBlock .heading {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.infoBlock .title {
		font-size: 20px;
	}

	.articleBody .tag a {
		font-size: 16px;
	}

	.articleBody .tag a span.loc,
	.newsList .tag a span.loc {
		padding-left: 20px;
	}

	.articleBody .tag a span.loc:before,
	.newsList .tag a span.loc:before {
		width: 15px;
		height: 17px;
	}

	.prevNextBtns {
		margin-bottom: 40px;
	}

	.prevNextBtns a {
		background-position: top 20px left 30px;
		background-size: 8px 12px;
		padding: 10px 30px;
		width: 400px;
	}

	.prevNextBtns a.prevNextBtns__next {
		background-position: top 20px right 30px;
	}

	.prevNextBtns a:hover {
		border-color: #c3303c;
		background-image: url('/navi/shared_2018/images/ico_arrowleft3.png');
	}

	.prevNextBtns a.prevNextBtns__next:hover {
		background-image: url('/navi/shared_2018/images/ico_arrowright3.png');
	}
}


@media screen and (max-width: 959px) {
	.prevNextBtns a,
	.prevNextBtns a.prevNextBtns__next {
		padding: 13px;
	}
}

/* slide
=========================================== */
.bannerSliderArea {
	position: relative;
	margin: 0 -10px;
}

.bannerSlide .slick-slide {
	text-indent: center;
	color: #000000;
	margin: 0 6px;
	width: 310px;
}

.bannerSlide .slick-slide p {
	display: none;
}

.bannerSlide .slick-active p {
	display: block;
}

.bannerSlide .slick-slide:focus {
	outline: 0;
}

.bannerSlide .slick-slide .image {
	background: #eeeeee;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 10px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center;
}

.bannerSlide .slick-slide img {
	width: auto;
	max-height: 100%;
	object-fit: contain;
}

.bannerSlide .slick-dots {
	list-style: none;
	text-align: center;
	margin: 10px 0 0;
	padding: 0;
}
.bannerSlide .slick-dots li {
	display: inline-block;
	margin: 0 5px;
}
.bannerSlide .slick-dots li button {
	border: 0;
	padding: 0;
	width: 10px;
	height: 10px;
	background: #eeeeee;
	display: block;
	border-radius: 50%;
	text-indent: -9999px;
}
.bannerSlide .slick-dots li.slick-active button {
	background: #000000;
}
.bs-control {
	max-width: 944px;
	width: 100%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	padding-top: 85px;
}
.bs-control .bs-back {
	position: relative;
	z-index: 1;
	border: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	background: rgba(255,255,255,0.8);
	border-radius: 50%;
	background-image: url('/navi/shared_2018/images/ico_arrowleft2.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 7px 13px;
	text-indent: -9999px;
	float: left;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	left: 10px;
}
.bs-control .bs-back:hover {
	opacity: 0.8;
}
.bs-control .bs-next {
	position: relative;
	z-index: 1;
	border: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	background: rgba(255,255,255,0.8);
	border-radius: 50%;
	background-image: url('/navi/shared_2018/images/ico_arrowright2.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 7px 13px;
	text-indent: -9999px;
	float: right;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	right: 10px;
}
.bs-control .bs-next:hover {
	opacity: 0.8;
}
.bs-control .bs-next:focus,
.bs-control .bs-back:focus {
	outline: 0;
}

@media only screen and (min-width: 960px) {
	.bannerSliderArea {
		margin: 0;
	}
	.container-full {
		padding: 0;
	}
	.bannerSlide .slick-slide {
		width: 640px;
		margin: 0 15px;
	}
	.bannerSlide .slick-slide .image {
		min-height: 460px;
	}
	.bannerSlide .slick-dots {
		margin: 20px 0 0;
	}
	.bannerSlide .slick-dots li {
		margin: 0 10px;
	}
	.bannerSlide .slick-dots li button {
		width: 12px;
		height: 12px;
	}
	.bs-control{
		padding: 200px 10px 0;
	}
	.bs-control .bs-back {
		width: 50px;
		height: 50px;
		background-size: 14px 25px;
		left: 0;
	}
	.bs-control .bs-next {
		width: 50px;
		height: 50px;
		background-size: 14px 25px;
		right: 0;
	}
}


/* twoColumns
=========================================== */
.twoColumns .column {
	background: #ffffff;
	padding: 20px 15px;
	margin-bottom: 20px;
	border-radius: 6px;
}

.twoColumns .column:last-child {
	margin-bottom: 0;
}

.twoColumns .column .image img {
	height: 54px;
}

.twoColumns .column .image img.black {
	-webkit-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	filter: invert(100%);
}

.twoColumns .column .image {
	text-align: center;
	margin-bottom: 20px;
}

.twoColumns .btn__list {
	margin-bottom: 0;
}

.twoColumns .scheduleList {
	margin-bottom: 13px;
}

.twoColumns .scheduleList li {
	margin-bottom: 7px;
}

.twoColumns .scheduleList li span {
	display: inline-block;
	background: #c3303c;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	min-width: 60px;
	margin-right: 10px;
	border-radius: 20px;
}
.twoColumns .scheduleList li span.tokyo {
	background-color: #c3303c;
}
.twoColumns .scheduleList li span.kyoto {
	background-color: #cf5010;
}
.twoColumns .scheduleList li span.sendai {
	background-color: #3a99bb;
}
.twoColumns .scheduleList li span.fukuoka {
	background-color: #d16290;
}
.twoColumns .scheduleList li span.osaka {
	background-color: #6a64c2;
}
.twoColumns .scheduleList li span.sapporo {
	background-color: #d16290;
}
.twoColumns .scheduleList li span.fukuoka {
	background-color: #cb8241;
}
.twoColumns .scheduleList li span.nagoya {
	background-color: #769d31;
}
.twoColumns .scheduleList li span.nationwide {
	background-color: #888888;
}
.twoColumns .scheduleList li span.yokohama {
	background-color: #50b9cc;
}
.twoColumns .scheduleList li span.hiroshima {
	background-color: #bd9d00;
}
.twoColumns .scheduleList li span.kaichu {
	background-color: #cc349f;
}

.twoColumns .scheduleList.noSchedule{
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (min-width: 960px) {
	.twoColumns {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.twoColumns > :only-child {
		margin-left: auto;
		margin-right: auto;
	}

	.twoColumns .column {
		width: 48%;
		margin-bottom: 40px;
		padding: 40px;
	}

	.twoColumns .column:last-child {
		margin-bottom: 40px;		
	}

	.twoColumns .column .image {
		margin-bottom: 30px;
	}

	.twoColumns .column .image img {
		height: 60px;
	}

	.twoColumns .btn__cv--small {
		width: 310px;
	}

	.twoColumns .scheduleList {
		margin-bottom: 33px;
	}

	.twoColumns .scheduleList li span {
		width: 72px;
	}
}

@media screen and (min-width: 1124px) {	
	.twoColumns .column {	
		width: 480px;	
	}	
}	
.twoColumns .scheduleList li.flexContainer {	
	display: flex;	
	flex-direction: row;	
	justify-content: flex-start;	
	align-items: center;	
	padding-bottom: 13px;	
}	
.twoColumns .scheduleList li.flexContainer {	
	border-bottom: 1px solid #eee;	
	margin-bottom: 15px;	
}	
.twoColumns .scheduleList li.flexContainer:last-child {	
	border-bottom: none;	
}	
.twoColumns .scheduleList li.flexContainer .col1 {	
	margin-right: 11px;	
}	
.twoColumns .scheduleList li.flexContainer .col2 {	
	width: calc(100% - 82px);	
	background-color: #fff;	
	margin-right: 0;	
}
.twoColumns .scheduleList li.flexContainer .nationwide.col1 + .col2 {	
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-align: left;	
}
.twoColumns .scheduleList li.flexContainer .col2 span {	
	background-color: #fff;	
	display: block;	
	font-weight: normal;	
	line-height: 1.5;	
	text-align: left;	
	width: 100%;	
}	
.twoColumns .scheduleList li.flexContainer .col2 span.line1 {	
	color: #666;	
	font-size: 10px;	
}	
.twoColumns .scheduleList li.flexContainer .col2 span.line2 {	
	color: #333;	
	font-size: 12px;	
}	
.twoColumns .column .scheduleList {	
	margin-bottom: 0;	
}	

@media screen and (min-width: 960px) {	
	.twoColumns {	
		display: flex;	
		justify-content: space-between;	
		flex-wrap: wrap;	
	}	
	.twoColumns .column {	
		margin: 0 auto 40px;	
		width: 840px;	
	}	
	.twoColumns .scheduleList li.flexContainer {	
		padding-bottom: 7px;	
	}	
	.twoColumns .scheduleList li.flexContainer {	
		margin-bottom: 10px;	
		padding-bottom: 11px;	
	}	
	.twoColumns .scheduleList li.flexContainer .col1 {	
		margin-right: 17px;	
	}
	.twoColumns .scheduleList li.flexContainer .nationwide.col1 + .col2 {
		font-size: 16px;
	}
	.twoColumns .scheduleList li.flexContainer .col2 span.line1 {	
		font-size: 14px;		
	}	
	.twoColumns .scheduleList li.flexContainer .col2 span.line2 {	
		font-size: 16px;		
	}		
	.twoColumns.articleWidth .column .scheduleList {	
		margin-bottom: 25px;	
	}
	.twoColumns .scheduleList.noSchedule li {
		margin-bottom: 21px;
	}
	.btnRow {	
		display: flex;	
		justify-content: center;	
	}	
	.btnRow .btn__list {	
		margin: 0 10px;	
	}	
}

@media screen and (max-width: 959px) {	
	.twoColumns .scheduleList li.flexContainer:last-child {	
		margin-bottom: 0;	
	}	
}

/* relatedArticles
=========================================== */
.relatedArticles {
	padding: 0px 0 58px;
}

.relatedArticles .newsList {
	margin-bottom: 50px;
}

.relatedArticles .newsList p {
	text-align: center;
}

.relatedArticles .newsList .block .column .title a {
	color: #000000;
}

.relatedArticles .newsList .block .column .title a:hover {
	color: #c3303c;
}

.relatedArticles .heading {
	text-align: center;
	font-family: 'Hannari';
	line-height: 1.33;
	color: #000;
	margin-bottom: 30px;
	font-size: 26px;
}

@media screen and (min-width: 960px) {
	.relatedArticles {
		padding: 0px 0 100px;
	}
	.relatedArticles .heading {
		font-size: 36px;
		margin-bottom: 50px;
	}
	.relatedArticles .twoColumnsType1 {
		overflow: hidden;
		padding: 0 20px;
	}
	.relatedArticles .twoColumnsType1 .col {
		float: left;
		width: 48%;
	}

	.relatedArticles .twoColumnsType1 .col:last-child {
		float: right;
	}

	.relatedArticles .newsList {
		margin-bottom: 65px;
	}

	.relatedArticles .oneColumnType .newsList {
		margin: 0 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.relatedArticles .oneColumnType .newsList:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		background: #ffffff;
		bottom: 0;
		height: 31px;
	}

	.relatedArticles .oneColumnType .newsList .block {
		width: 48%;
	}

	.relatedArticles .oneColumnType .newsList .block {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #cccccc;
	}

	.relatedArticles .oneColumnType .newsList .block:last-child,
	.relatedArticles .oneColumnType .newsList .block:nth-last-of-type(2):nth-child(odd) {
		padding-bottom: 0;
		border-bottom: none;
	}

	.relatedArticles .oneColumnType .newsList .block .column,
	.relatedArticles .oneColumnType .newsList .tag,
	.relatedArticles .twoColumnsType1 .newsList .block .column,
	.relatedArticles .twoColumnsType1 .newsList .tag {
		width: 59%;
	}

	.relatedArticles .oneColumnType .newsList .block .column:first-child,
	.relatedArticles .twoColumnsType1 .newsList .block .column:first-child {
		width: 41%;
	}

	.relatedArticles .twoColumnsType1 .newsList .block .column .title {
		margin-bottom: 10px;
	}

}

/* videoWrapper
=========================================== */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width: 840px;
	margin: 0 auto 30px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.generalTable__body th.table-30, .generalTable--multicolumn__body th.table-30 {
	width: 40%;
}

.generalTable, .generalTable--multicolumn {
	border-radius: 6px;
}

caption.generalTable__title {
	padding: 10px 5px 15px 15px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

p.generalTable__title {
	padding: 20px 15px 5px;
	font-size: 1.4rem;
	background: #eeeeee;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
}

.scheduleBox {
	border: 1px solid #cbcbcb;
	padding: 25px 25px 15px;
	border-radius: 4px;
	margin-bottom: 5px;
}

.scheduleBox .column {
	font-weight: bold;
}
.scheduleBox .column p {
	margin-bottom: 0px;
	text-align: center;
}

.generalTable__body td {
	padding: 2px 15px 15px;
}

.generalTable__body td.html_tag {
	padding: 2px 15px 5px;
}

@media screen and (min-width: 960px) {
	.videoWrapper {
		margin-bottom: 60px;
	}
	
	.generalTable__body th, 
	.generalTable--multicolumn__body th {
		width: 30%;
	}

	.generalTable__body td, .generalTable--multicolumn__body td.html_tag {
		padding: 22px 20px 9px;
		vertical-align: top;
	}

	.generalTable__body td.html_tag {
		padding: 22px 20px 9px;	
	}

	.scheduleBox {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 40px 30px 0px;
	}

	caption.generalTable__title {
		padding: 0px 30px 28px;
		font-size: 2.4rem;
	}

	p.generalTable__title {
		padding: 40px 30px 0px;
		font-size: 2.4rem;
		margin-bottom: -20px;
	}

	.scheduleBox {
		margin-bottom: 15px;
	}

	.scheduleBox .column {
		width: 50%;
		font-size: 20px;
	}

	.sp-br {
		display: none;
	}
}


@media screen and (max-width: 959px) {
	.generalTable--multicolumn table {
		width: 100%;
		min-width: 400px;
	}
}

.btnTitle {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
}

@media screen and (min-width: 960px) {
	.btnTitle {
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 5px;
	}
}

strong {
	font-weight: bold;
	font-style: normal;
	color: #000
}

em {
	font-style: italic;
}


.rid0045 .imageBlock:after,
.rid0057 .imageBlock:after,
.rid0073 .imageBlock:after,
.rid0077 .imageBlock:after,
.rid0079 .imageBlock:after,
.rid0084 .imageBlock:after {
	/* 美女と野獣 ライオンキング リトルマーメイド アラジン ノートルダムの鐘 アナと雪の女王 */
	content: "\00a9 Disney";
	position: absolute;
	bottom: 6px;
	right: 12px;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
}