@charset "UTF-8";
/* CSS Document */

.a-guide {
	padding:2em 15px;
}
.a-guide__title {
	border-bottom:solid 1px #eaeaea;
	margin-bottom:1em;
	padding:.25em 0;
}
.slides > li {
	position:relative;
}
.slides > li > a {
	text-decoration:none;
}
.slide-txt {
    background-color: #bd1110;
    background-color:rgba(167, 21, 28, 0.87);
	color:#FFF;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:30%;
	padding:2em;
	padding-top:11em;
	display:table-cell;
	vertical-align:middle;
}
.slide-txt:before {
	content:"";
	display:table;	
}
.slide-txt__sub {
	font-size:.9em;
	font-weight:bold;
	margin-bottom:.3em;
	display:inline-block;
}
.slide-txt__title {
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:.5em;
	text-decoration:none;
}
.tiers__txt__sub-title {
	font-size:1em;
	font-weight:bold;
}
.slide-txt__desc {
	line-height:1.2;
}
.slide-txt__desc:after {
	content:"CLICK";
	display:block;
	color:#FFF;
	border:solid 1px #FFF;
	padding:.2em 1em;
	border-radius:2px;
	width:3em;
	text-align:center;
	margin-top:1.2em;
	font-size:.9em;
}
.flex-direction-nav a:before {
	color:#FFF;
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px), 
only screen and (max-width: 480px), only screen and (max-width: 640px) and (orientation: landscape) {
	.a-guide {
		padding:2em 12px;
	}
	.slides {
		overflow: hidden;
		border-radius:3px;
	}
	.slide-txt {
		position:inherit;
		padding:2em;
	}
}
/****************************************
ICON-GUIDE
*****************************************/
.richMargin--iconguide + .richMargin--iconguide {
	margin-top:42px;
}
.sub-title {
    border-bottom: 2px solid #e0e0e0;
    color: #999;
    margin-bottom: 36px;
    padding-bottom: 5px;
}
.bold {
	font-weight:bold;
}
.table-note {
    margin-top: 18px;
    display: block;
    font-size: 13px;
    color: #bd1110;
    text-align: right;
}
#iconguide #body .ag {
    padding: 27px 25px 25px 30px;
}
#iconguide #body .content {
    border-top: 1px solid #d3d3d3;
    margin-top: 10px;
    padding-top: 21px;
}
.title--iconguide {
	font-weight: bold;
    padding-bottom: 18px;
}
.box-iconguide > dl {
	display:table;
	width:100%;
	/* BOX-SIZING */
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;

}
.richMargin .box-iconguide > dl > dt {
	display:table-cell;
	position: inherit;
    left: inherit;
    top: inherit;
	vertical-align:middle;
	width:35%;
	min-width:108px;
}
.box-iconguide > dl > dd {
	display:table-cell;
	vertical-align:middle;
	line-height:1.4;
}
/* 20170720 iCON GUIDE .SUB */
.icon-M-cash + .sub.sub--vertical-sub,
.icon-M-cash-day + .sub.sub--vertical-sub {
	vertical-align:sub;
}
/* TIERS
******************************/
.tiers {
    overflow: hidden;
	position:relative;
}
.tiers+ .tiers {
  margin-top: 2em;
}
@media (min-width: 481px) {
  .tiers {
    display: -ms-flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tiers > li {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
}
.tiers + .tiers:after {
	content:"";
	display:block;
	top:0;
	right:0;
	bottom:0;
	background:#FFF;
	width:1px;
	height:100px;
}
.tiers > li {
	float:left;
	margin-right:2%;
    word-break: break-all;
	border:solid 1px #eaeaea;
	border-radius:6px;
	overflow:hidden;
    width: 31.6%;
}
.tiers > li:nth-child(2) {
	position:relative;
}
.tiers > li:nth-child(2):after {
	content:"";
	display:block;
	top:0;
	right:0;
	width:1px;
	bottom:0;
	/*background:#FFF;*/
}
.tiers > li:last-child {
	margin-right:0;
}
.tiers__img {
	display:block;
	overflow:hidden;
}
.tiers__img__photo {
	width:100%;
	height:auto;
	vertical-align:bottom;
    border-bottom: solid 5px #c52f2e;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.tiers__img:hover .tiers__img__photo {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.tiers__txt {
    padding: 12px;
	display:block;
	text-decoration:none;
}
.tiers__txt__sub {
	font-size:.9em;
	font-weight:bold;
	margin-bottom:.3em;
	display:inline-block;
	color:#BBB;
	/*color:#FFF;*/
}
.tiers__txt__title {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:.5em;
	text-decoration:none;
	/*color:#FFF;*/
	word-break:normal;
}
.tiers__txt__desc {
	line-height:1.2;
	/*color:#FFF;*/
}
.tiers__txt:after {
	content:"CLICK";
	display:block;
	/*color:#FFF;*/
	/*border:solid 1px #FFF;*/
	padding:.3em 1em;
	border-radius:2px;
	width:4em;
	text-align:center;
	margin-top:1.2em;
	font-size:.75em;
	background:#c52f2e;
	color:#FFF;
	border:solid 1px #c52f2e;
}
.tiers__txt:hover:after {
	background:transparent;
	color:#c52f2e;
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px), 
only screen and (max-width: 480px), only screen and (max-width: 640px) and (orientation: landscape) {	
.tiers {
    background:transparent;
	border:none;
}
.tiers > li {
	float:none;
	width:auto;
	margin-right:0;
	border:solid 1px #CCC;
	border-radius:6px;
}
.tiers > li + li {
	margin-top:2em;
}
.tiers__img__photo {
	border-radius:6px 6px 0 0;
}
.tiers__txt {
   /* background: #d20f13;
	margin-bottom:2em;*/
	border-radius:0 0 6px 6px;
}
.tiers__txt:after {
	margin-left:auto;
	margin-right:auto;
}
}
/* SIGHT-SEEING
******************************/
.light-gray {
	color:#BBB;
}
.ss__visual {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:1.5em;
	border-radius:6px;
    border-bottom: solid 5px #c52f2e;
}
.ss__img {
	margin:3em auto .5em;
}
.ss__img__photo {
	display:block;
	width:100%;
	height:auto;
	margin:auto;
	position:relative;
	border-radius:6px;
}
.ss__img__photo +.ss__img__photo {
	margin-top:1em;
}
.ss__sub {
	font-size:1.2em;
	color:#BBB;
}
.ss__title {
	font-size:2.1em;
	font-weight:bold;
}
.ss__desc {
	font-size:1em;
	margin-top:.5em;
	line-height:1.6;
}
.align-cener {
	text-align:center;
}
.ss__sub-title {
	font-weight:bold;
	margin-top:1em;
    color: #c52f2e;
}
/* BTN */
a.btn {
	background:#bd1110;
	color:#FFF;
	font-size:1.2em;
	display:inline-block;
	padding:.5em 1em;
	text-decoration:none;
	border:solid 1px #c52f2e;
	border-radius:2px;
}
a.btn--sight-seeing {
    margin: 2em auto;
    min-width: 180px;
    padding: .5em 2em;
	font-weight:bold;
}
a.btn--arrow-r {
	position:relative;
}
a.btn--arrow-r:after {
    content: "　＞";
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -.5em;
}
a.btn:hover {
	background:transparent;
	border:solid 1px #c52f2e;
	color:#c52f2e;
}