@charset "UTF-8";
/*

========================================

File Name ： attraction.css

Description    ：アトラクション共通用

Since    : 2016-1-21

Last Up Date : 2016-6-1

========================================

*/
/* attraction01-maintxt
-------------------------------------------------------*/
.attraction01-maintxt {
    padding-top: 5px;
    display: none;
}
.attraction01-mainarea { padding-top: 4px; }

/* attraction01-point
-------------------------------------------------------*/
.attraction01-point {
	margin-top:10px;
	padding:10px;
	border:1px solid #1b4584;
	background:#ebf1f9;
}

.attraction01-point-ttl {
	color:#1b4584;
	font-weight:bold;
}

/* attraction01-link
-------------------------------------------------------*/
.attraction01-link { display: none; margin-top:10px;}
/* attraction-txt01
-------------------------------------------------------*/
.attraction-txt01 { padding: 13px 0 14px 0; }
/* attraction-photo-list01
-------------------------------------------------------*/
.attraction-photo-list01 li {
    float: left;
    width: 50%;
    border-top: 2px solid #ffffff;
    box-sizing: border-box;
}
.attraction-photo-list01 li:nth-child(2n) { border-left: 1px solid #ffffff; }
.attraction-photo-list01 li:nth-child(2n+1) { border-right: 1px solid #ffffff; }
/* attraction-photo-list02
-------------------------------------------------------*/
.attraction-photo-list02 li {
    border-top: 2px solid #ffffff;
}
/* attraction-list01
-------------------------------------------------------*/
.attraction-list01 { border-top: 1px solid #e0e0e0; }
    .attraction-list01 li .attraction-list01-item {
        position: relative;
        display: table;
        width: 100%;
        height: 44px;
        padding: 7px 0;
        vertical-align: middle;
        border-bottom: 1px solid #e0e0e0;
        box-sizing: border-box;
    }
        .attraction-list01 li .attraction-list01-item::before {
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 26px;
            height: 26px;
            margin-top: -13px;
            content: "";
        }
        .attraction-list01 .attraction-list01-item.time,
        .attraction-list01 .attraction-list01-item.capacity,
        .attraction-list01 .attraction-list01-item.height-limit122,
        .attraction-list01 .attraction-list01-item.height-limit132,
        .attraction-list01 .attraction-list01-item.exclamatory-mark,
        .attraction-list01 .attraction-list01-item.experience,
        .attraction-list01 .attraction-list01-item.express,
        .attraction-list01 .attraction-list01-item.child,
        .attraction-list01 .attraction-list01-item.appointment,
        .attraction-list01 .attraction-list01-item.small-child,
        .attraction-list01 .attraction-list01-item.child02,
        .attraction-list01 .attraction-list01-item.glass {
            padding: 7px 10px 7px 35px;
        }
        .attraction-list01 .attraction-list01-item.time::before {
            background: url(/attraction/common/images/cmn_ico_attraction01.gif) no-repeat center;
            background-size: 100% auto;
        }
        .attraction-list01 .attraction-list01-item.capacity::before {
            background: url(/attraction/common/images/cmn_ico_attraction02.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.height-limit122::before {
            background: url(/attraction/common/images/cmn_ico_attraction03.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.height-limit132::before {
            background: url(/attraction/common/images/cmn_ico_attraction08.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.height-limit {
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.height-limit ul.ico-height {
            vertical-align: middle;
        }
        .attraction-list01 .attraction-list01-item.height-limit ul.ico-height li {
            display: table-cell;
            vertical-align: middle;
        }
        .attraction-list01 .attraction-list01-item.height-limit img {
            padding-right:10px;
        }
        .attraction-list01 .attraction-list01-item.height-limit p.txt-height {
            display: table-cell;
            vertical-align: middle;
        }
        .attraction-list01 .attraction-list01-item.height-limit .txt-height span {
            font-size: 1.0rem;
			line-height:1.5rem;
            display: table;
			margin-top:0.4rem;
			color: #666666;
        }
        .attraction-list01 .attraction-list01-item.exclamatory-mark::before {
            background: url(/attraction/common/images/cmn_ico_attraction04.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.experience::before {
            background: url(/attraction/common/images/cmn_ico_attraction05.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.express::before {
            background: url(/sp/common/images/cmn_ico_attraction01.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.child::before {
            background: url(/attraction/common/images/cmn_ico_attraction06.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.appointment::before {
            background: url(/attraction/common/images/cmn_ico_attraction07.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.small-child::before {
            background: url(/attraction/common/images/cmn_ico_attraction09.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.child02::before {
            background: url(/attraction/common/images/cmn_ico_attraction10.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
        .attraction-list01 .attraction-list01-item.glass::before {
            background: url(/attraction/common/images/cmn_ico_attraction11.gif) no-repeat center;
            background-size: 100% auto;
            border-radius: 0;
        }
            .attraction-list01 li .attraction-list01-item span {
                display: table-cell;
                width: 100%;
                min-height: 30px;
                vertical-align: middle;
            }
/* attraction-small-txt
-------------------------------------------------------*/
.attraction-small-txt {
    display: block;
    font-size:1.2rem;
    color: #666666;
}
/* attraction-small-list
-------------------------------------------------------*/
.attraction-small-list {
    font-size:1.2rem;
    color: #666666;
}
    .attraction-small-list > li {
        padding-left: 1em;
        font-size:1.2rem;
        text-indent: -1em;
    }
/* attraction-photo-txt01
-------------------------------------------------------*/
.attraction-photo-txt01 {
    padding: 7px 0 0 10px;
    font-size:1.2rem;
}
/* attraction-underline01
-------------------------------------------------------*/
.attraction-underline01 { border-bottom: 1px solid #e0e0e0; }
/* attraction-photo-message01
-------------------------------------------------------*/
.attraction-photo-message01 { margin: 5px 0 0 10px; }
    .attraction-photo-message01 > dt { display: table-cell; }
    .attraction-photo-message01 > dd { display: table-cell; }
/* sort-introduction01
-------------------------------------------------------*/
.sort-introduction01 {
    position: relative;
    display: table;
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
    overflow: hidden;
    box-sizing: border-box;
}
    .sort-introduction01 .sort-introduction01-img {
        display: table-cell;
        width: 31.67%;
    }
    .sort-introduction01 .sort-introduction01-txt {
        display: table-cell;
        padding-left: 10px;
        vertical-align: top;
    }
/* movie
-------------------------------------------------------*/
.movie-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 85%;
    text-align: center;
}
    .movie-wrap iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .btn-movie-play01 {
        position: absolute;
        width: 100%;
        height: 0;
        padding-bottom: 85%;
        top: 0;
        left: 0;
    }
    .btn-movie-play01 .btn-movie-play01-in {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
		display: none;
    }
    .btn-movie-play01-img {
        width: 80px;
        height: 80px;
    }
    _::-webkit-full-page-media, _:future, :root .btn-movie-play01 { /* for iOS Safari */
        display: none;
    }
.android4-wrap .btn-movie-play01 { display: none; }

/* attraction-map
-------------------------------------------------------*/
.attraction-map-small {
	margin-top:20px;
	background-image:url(/attraction/common/images/map_base_s.png);
	background-size:cover;
}
.scaleContainer .thumbTouch.attraction-map-enlarge {
	position:relative;
}
.scaleContainer .thumbTouch.attraction-map-enlarge img {
	position:relative;
	z-index:2;
}
.scaleContainer .thumbTouch.attraction-map-enlarge img.mapBase {
	position:absolute;
	z-index:1;
}
.scaleContainer .thumbTouch.attraction-map-enlarge .touchIcon {
	z-index:10;
}

/* label 4.12 */
.attraction-h1-label01 {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    font-size: 0.8rem;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    background: #ff9d3d;
}

.attraction-h3-label01 {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    font-size: 0.8rem;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    background: #ff9d3d;
}

/* Rtoaster-Recommend
-------------------------------------------------------*/
#rt_sp_attraction_detail1 .carousel-recommend02,
#rt_sp_attraction_detail2 .carousel-recommend03{
    margin-top:20px;
}
#rt_sp_attraction_detail1 .carousel-recommend02__inner,
#rt_sp_attraction_detail2 .carousel-recommend03__inner{
    box-sizing:border-box;
    overflow:hidden;
    width:100%;
    margin:auto;
    position:relative;
}
#rt_sp_attraction_detail1 .carousel-recommend02__inner ul,
#rt_sp_attraction_detail2 .carousel-recommend03__inner ul{
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    *zoom:1;
}
#rt_sp_attraction_detail1 .carousel-recommend02__inner ul:before,
#rt_sp_attraction_detail2 .carousel-recommend03__inner ul:before{
    content:" ";
    display:table;
    opacity:0;
    filter:alpha(opacity=0);
    -ms-filter:"alpha(opacity=0)";
    -moz-opacity:0;
    -webkit-opacity:0;
    zoom:1;
}
#rt_sp_attraction_detail1 .carousel-recommend02__inner ul:after,
#rt_sp_attraction_detail2 .carousel-recommend03__inner ul:after{
    content:" ";
    display:table;
    clear:both;
    opacity:0;
    filter:alpha(opacity=0);
    -ms-filter:"alpha(opacity=0)";
    -moz-opacity:0;
    -webkit-opacity:0;
    zoom:1;
}
#rt_sp_attraction_detail1 .carousel-recommend02__inner li,
#rt_sp_attraction_detail2 .carousel-recommend03__inner li{
    padding:0 5px;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:70.3125%;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    text-align:center;
}
#rt_sp_attraction_detail1 .carousel-recommend02__inner li figure>img,
#rt_sp_attraction_detail2 .carousel-recommend03__inner li figure>img{
    width:100%;
    height: auto;
}
#rt_sp_attraction_detail1 .carousel-recommend02__inner li figure figcaption,
#rt_sp_attraction_detail2 .carousel-recommend03__inner li figure figcaption{
    padding-top: 10px;
    font-size: 1.4rem;
    text-align: left;
}