@charset "UTF-8";
#white_back {
    background: #fff;
    background-size: 100%;
    padding: 25px 0 0;
}

body#spring #spring_back {
    background: url(../img/temple/spring_back.jpg) no-repeat;
    background-size: 100%;
    padding: 25px 0 0;
}

body#summer #spring_back {
    background: url(../img/temple/summer_back.png) center -602px no-repeat;
    padding: 25px 0 0;
}

body#autumn #spring_back {
    background: url(../img/temple/autumn_back.png) center -300px no-repeat;
    padding: 25px 0 0;
}

body#winter #spring_back {
    background: url(../img/temple/winter_back.png) center -300px no-repeat;
    padding: 25px 0 0;
}

#maincontainer {
    width: 100%;
    float: left;
}

#detailbody {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    width: 100%;
    float: left;
    background-color: #fff;
    margin-bottom: 45px;
}

#detailbody a {
    text-decoration: none;
}

.img_collist {
    max-width: 100%;
    height: auto;
    margin: 0 auto 1em;
    display: block;
}

.img_collist_none {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

body#spring p.event_mds {
    color: #8B2360;
    font-size: 1.2em;
    display: inline-block;
    margin: 0;
}

body#summer p.event_mds {
    color: #CC2B2B;
    font-size: 1.2em;
    display: inline-block;
    margin: 0;
}

body#autumn p.event_mds {
    color: #D75730;
    font-size: 1.2em;
    display: inline-block;
    margin: 0;
}

body#winter p.event_mds {
    color: #D75730;
    font-size: 1.2em;
    display: inline-block;
    margin: 0;
}

body#spring p.event_mds_2,
body#summer p.event_mds_2,
body#autumn p.event_mds_2 {
    margin: 0 0 0.25em 0;
    font-size: 1.1em;
}

body#spring p.event_mds_line {
    color: #8B2360;
    font-size: 1.2em;
    display: block;
    border-bottom: 1px solid #8B2360;
}

body#summer p.event_mds_line {
    color: #CC2B2B;
    font-size: 1.2em;
    display: block;
    border-bottom: 1px solid #CC2B2B;
}

body#autumn p.event_mds_line {
    color: #D75730;
    font-size: 1.2em;
    display: block;
    border-bottom: 1px solid #D75730;
}

body#winter p.event_mds_line {
    color: #D75730;
    font-size: 1.2em;
    display: block;
    border-bottom: 1px solid #875AA4;
}

.list_cont,
.slides .list_cont {
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.list_cont:last-child {
    border-bottom: 0 solid #ddd;
}

.list_cont .photo {
    width: 28%;
    padding: 0 3% 0 0;
    float: left;
    position: relative;
}

.list_cont .photo img {
    width: 100%;
    height: auto;
}

.list_cont .text {
    width: 69%;
    padding: 0;
    float: left;
}

.list_cont .text .event_mds {
    margin: 0 1em 0.5em 0;
    font-size: 1.4em;
    display: inline-block;
}

.event_yomi {
    font-size: 0.85em;
    margin-top: -15px;
    display: inline;
}

.list_cont .text dl {
    padding: 0 0 10px 0;
    margin: 0;
    clear: both;
    overflow: hidden;
}

.list_cont .text dt {
    width: 12%;
    padding: 0 2% 5px 0;
    margin: 0;
    float: left;
}

.list_cont .text dd {
    width: 86%;
    padding: 0 0 5px 0;
    margin: 0;
    float: left;
}

.list_cont .text .comm img {
    width: 100%;
    max-width: 80px;
    height: auto;
}

.left_main {
    width: 70%;
    float: left;
    text-align: left;
}

.right_sub {
    width: 27%;
    float: right;
    text-align: left;
}

.img_map img {
    width: 100%;
}

.icon_sakura {
    text-align: right;
}

.tbl_detail .icon_sakura {
    text-align: left;
}

.left_cont {
    padding: 0 0 30px 0;
    width: 48%;
    float: left;
}

.left_cont #mapField2 {
    width: 100%;
    height: 360px;
}

.right_cont {
    padding: 0 0 30px 0;
    width: 48%;
    float: right;
    text-align: left;
}

.border_cont {
    padding: 30px 0 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.foot_tel {
    font-size: 1.2em;
}

.foot_tel span.l_txt {
    font-size: 1.6em;
}

.icon_cate {
    float: right;
    text-align: right;
}

.icon_cate img {
    width: 50%;
}

#detail_comment {
    line-height: 1.6;
    font-size: 1.1em;
    max-height: 100px;
    overflow: hidden;
}


/*--------------------------------------------------------------
グローバルナビ
--------------------------------------------------------------*/

#globalnav {
    margin: 0 0 30px;
}

#globalnav ul.menunav {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    display: table;
    table-layout: fixed;
}

#globalnav ul.menunav li {
    padding: 0 0.5em 0 0;
    text-decoration: none;
    vertical-align: middle;
    font-size: 1.2em;
    display: table-cell;
}

#globalnav ul.menunav li:last-child {
    padding: 0;
}

body#spring #globalnav ul.menunav li a {
    display: block;
    padding: 5px 0 8px;
    color: #912264;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 4px solid #ddd;
    font-size: 1em;
    position: relative;
}

body#summer #globalnav ul.menunav li a {
    display: block;
    padding: 5px 0 8px;
    color: #CC2B2B;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 4px solid #ddd;
    font-size: 1em;
    position: relative;
}

body#autumn #globalnav ul.menunav li a {
    display: block;
    padding: 5px 0 8px;
    color: #D75730;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 4px solid #ddd;
    font-size: 1em;
    position: relative;
}

body#winter #globalnav ul.menunav li a {
    display: block;
    padding: 5px 0 8px;
    color: #D75730;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 4px solid #ddd;
    font-size: 1em;
    position: relative;
}

body#spring #globalnav ul.menunav li a:hover {
    color: #912264;
    border-bottom: 4px solid #912264;
}

body#summer #globalnav ul.menunav li a:hover {
    color: #CC2B2B;
    border-bottom: 4px solid #CC2B2B;
}

body#autumn #globalnav ul.menunav li a:hover {
    color: #D75730;
    border-bottom: 4px solid #D75730;
}

body#winter #globalnav ul.menunav li a:hover {
    color: #D75730;
    border-bottom: 4px solid #875AA4;
}

body#spring #globalnav ul.menunav li a.active {
    border-bottom: 4px solid #912264;
}

body#summer #globalnav ul.menunav li a.active {
    border-bottom: 4px solid #CC2B2B;
}

body#autumn #globalnav ul.menunav li a.active {
    border-bottom: 4px solid #D75730;
}

body#winter #globalnav ul.menunav li a.active {
    border-bottom: 4px solid #875AA4;
}

body#spring #globalnav ul.menunav li a:hover:after,
body#spring #globalnav ul.menunav li a.active:after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-top: 8px solid #912264;
    border-right: 8px solid transparent;
    content: "";
}

body#summer #globalnav ul.menunav li a:hover:after,
body#summer #globalnav ul.menunav li a.active:after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-top: 8px solid #CC2B2B;
    border-right: 8px solid transparent;
    content: "";
}

body#autumn #globalnav ul.menunav li a:hover:after,
body#autumn #globalnav ul.menunav li a.active:after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-top: 8px solid #D75730;
    border-right: 8px solid transparent;
    content: "";
}

body#winter #globalnav ul.menunav li a:hover:after,
body#winter #globalnav ul.menunav li a.active:after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-top: 8px solid #875AA4;
    border-right: 8px solid transparent;
    content: "";
}

#globalnav ul.menunav li a.otherpage {
    color: #5D5360;
}

#globalnav ul.menunav li a.otherpage:hover {
    color: #5D5360;
}

body#spring #globalnav ul.menunav li a span {
    background: transparent url("../img/common/icon_osusume_arrow02.png") no-repeat 0 12px;
    padding: 0 0 0 18px;
}

body#summer #globalnav ul.menunav li a span {
    background: transparent url("../img/common/icon_osusume_arrow02_summer.png") no-repeat 0 12px;
    padding: 0 0 0 18px;
}

body#autumn #globalnav ul.menunav li a span {
    background: transparent url("../img/common/icon_osusume_arrow02_autumn.png") no-repeat 0 12px;
    padding: 0 0 0 18px;
}

body#winter #globalnav ul.menunav li a span {
    background: transparent url("../img/common/icon_osusume_arrow02_winter.png") no-repeat 0 12px;
    padding: 0 0 0 18px;
}

#globalnav ul.menunav li a.otherpage span {
    background: transparent url("../img/common/icon_osusume_arrow01.png") no-repeat 0 8px;
    padding: 0 0 0 18px;
}


/*--------------------------------------------------------------
概要
--------------------------------------------------------------*/

body#spring .area_sns_mds {
    width: 100%;
    background: rgb(179, 52, 133);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMzQ4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MDIxNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(179, 52, 133, 1) 0%, rgba(144, 33, 100, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(179, 52, 133, 1) 0%, rgba(144, 33, 100, 1) 100%);
    background: linear-gradient(to right, rgba(179, 52, 133, 1) 0%, rgba(144, 33, 100, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b33485', endColorstr='#902164', GradientType=1);
    color: #fff;
}

body#summer .area_sns_mds {
    width: 100%;
    background: rgb(224, 63, 63);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(224, 63, 63, 1) 0%, rgba(204, 43, 43, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(224, 63, 63, 1) 0%, rgba(204, 43, 43, 1) 100%);
    background: linear-gradient(to right, rgba(224, 63, 63, 1) 0%, rgba(204, 43, 43, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e03f3f', endColorstr='#cc2b2b', GradientType=1);
    color: #fff;
}

body#autumn .area_sns_mds {
    width: 100%;
    background: rgb(215, 87, 48);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(215, 87, 48, 1) 0%, rgba(185, 70, 36, 1) 100%);
    background: -webkit-gradient(left rgba(215, 87, 48, 1) 0%, rgba(185, 70, 36, 1) 100%);
    background: linear-gradient(to right, rgba(215, 87, 48, 1) 0%, rgba(185, 70, 36, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D75730', endColorstr='#B94624', GradientType=1);
    color: #fff;
}

body#winter .area_sns_mds {
    width: 100%;
    background: rgb(135, 90, 164);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(135, 90, 164, 1) 0%, rgba(90, 61, 109, 1) 100%);
    background: -webkit-gradient(left rgba(135, 90, 164, 1) 0%, rgba(90, 61, 109, 1) 100%);
    background: linear-gradient(to right, rgba(135, 90, 164, 1) 0%, rgba(90, 61, 109, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#875AA4', endColorstr='#5A3D6D', GradientType=1);
    color: #fff;
}

.area_sns_mds .area_name {
    width: 60%;
    float: left;
    margin-left: 1%;
    padding: 10px 0;
}

.area_sns_mds .sns_btn {
    width: 38%;
    float: right;
    text-align: right;
    margin-right: 1%;
}

.area_sns_mds .sns_btn img {
    margin: 10px 8px;
    border-style: none;
}

.sns_btn_sp {
    display: none;
}

#detailbody .detail_overview {
    padding: 20px 40px 0;
}

#detailbody .detail_overview .top_left {
    width: 33%;
    float: left;
}

#detailbody .detail_overview .area_map {
    width: 50%;
    margin: 20% 0;
}

#detailbody .detail_overview .area_map img {
    width: 100%;
}

.youtube iframe {
    width: 100%;
}

#detailbody .detail_overview .photo_box img {
    margin-bottom: 10px;
    width: 100%;
}

#detailbody .detail_overview .photo_box span {
    font-size: 0.8em;
    position: absolute;
    margin-top: -65px;
}

#detailbody .detail_overview .text_box {
    width: 63%;
    float: right;
    margin-left: 3%;
}

body#spring .detail_overview h2 {
    margin: 0;
    padding: 0 0 20px 0;
    color: #8B2360;
    font-size: 1.8em;
    font-weight: bold;
}

body#summer .detail_overview h2 {
    margin: 0;
    padding: 0 0 20px 0;
    color: #CC2B2B;
    font-size: 1.8em;
    font-weight: bold;
}

body#autumn .detail_overview h2 {
    margin: 0;
    padding: 0 0 20px 0;
    color: #D75730;
    font-size: 1.8em;
    font-weight: bold;
}

body#winter .detail_overview h2 {
    margin: 0;
    padding: 0 0 20px 0;
    color: #D75730;
    font-size: 1.8em;
    font-weight: bold;
}

body#winter .detail_overview h3.line_title {
    margin-bottom: 25px !important;
    border-bottom: #dc6c4a solid 2px;
}

body#spring .detail_overview h3.line_title {
    margin-bottom: 25px !important;
    border-bottom: #8B2360 solid 2px;
}

.detail_overview p.contents_body {
    font-size: 1.2em;
    margin-bottom: 2em;
    line-height: 1.7;
}


/*　温泉特集記事で追加 */

#tokushu_detail .tokushu_info_box {
    border: 1px solid rgba(204, 204, 204, 1);
    padding: 3%;
    margin-bottom: 7%;
}

.detail_overview h2 .txt_ttl {
    font-size: 1.2em;
}

.detail_overview h2 .txt_yomi {
    font-size: 0.5em;
    font-weight: normal;
    color: #000;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.detail_overview p.mds_copy {
    font-size: 0.9em;
    margin: 5px 0 -16px 0;
}

.clearboth {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}

#detailbody a.truncate_more_link {
    padding: 11px 35px;
    background: #F2F2F2;
    color: #9F9FA0;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1em;
}

.photo_box {
    width: 30%;
    float: left;
}

.top_left .photo_box {
    width: 100%;
    float: left;
}


/*--------------------------------------------------------------
グーグルマップ内デザイン(紅葉スポット、キャンプスポット)
--------------------------------------------------------------*/

p.mapimg {
    margin: 0;
    padding: 0;
}

p.mapimg img {
    width: 170px;
    margin: 0;
    padding: 0;
}

p.mapimg span {
    font-weight: bold;
}


/*--------------------------------------------------------------
ステータス（詳細）
--------------------------------------------------------------*/

.sakura_sta {
    color: #eb3f8d;
    font-size: 1.4em;
    margin: 0 5px 0 10px;
}

.kouyou_sta {
    color: #db5614;
    font-size: 1.4em;
    margin: 0 5px 0 10px;
}


/*--------------------------------------------------------------
施設予約
--------------------------------------------------------------*/

#reserve_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
}

#reserve_menu li a {
    width: 80%;
    position: relative;
    color: #fff !important;
    margin: 0.5em 0.5em 0 0;
    padding: 0.6em 1.5em 0.6em 2.3em;
    font-size: 1em;
    text-align: center;
    font-weight: normal;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
    float: none;
    display: inline-block;
    text-decoration: none;
    background: url(../img/common/ico_btn_arrow.png), linear-gradient(to right, rgba(204, 176, 121, 1), rgba(150, 116, 57, 1));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffccb079', endColorstr='#ff967439', GradientType=1);
    background-repeat: no-repeat;
    background-position: 7% center;
}

#reserve_menu li a:hover {
    color: #fff !important;
    background: url(../img/common/ico_btn_arrow.png), linear-gradient(to right, rgba(204, 176, 121, 0.5), rgba(150, 116, 57, 0.5));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80ccb079', endColorstr='#80967439', GradientType=1);
    background-repeat: no-repeat;
    background-position: 7% center;
}


/*--------------------------------------------------------------
トリップアドバイザー
--------------------------------------------------------------*/

.tripadvisor_area {
    width: 240px;
    margin: 20px 0;
    padding: 0;
}

.tripadvisor_area #CDSWIDSSP .widSSPData .widSSPBranding dt a img,
.tripadvisor_area #CDSWIDSSP .widSSPData .widSSPBranding dt a:link img,
.tripadvisor_area #CDSWIDSSP .widSSPData .widSSPBranding dt a:visited img {
    width: 152px;
}

.tripadvisor_area #CDSWIDSSP .widSSPData .widSSPTrvlRtng .widSSPOverall img {
    width: 120px;
}


/*--------------------------------------------------------------
位置情報
--------------------------------------------------------------*/

#detailbody #detail_info {
    padding: 40px;
    background-color: #fcfcfc;
    box-shadow: rgba(113, 135, 164, 0.1) 0 15px 6px -12px inset;
    -webkit-box-shadow: rgba(113, 135, 164, 0.1) 0 15px 6px -12px inset;
    -moz-box-shadow: rgba(113, 135, 164, 0.1) 0 15px 6px -12px inset;
}

#detailbody .map_box {
    width: 33%;
    float: left;
    display: block;
    overflow: hidden;
}

#detailbody .map_box img {
    width: 100%;
}

#detailbody .map_box img.area_img {
    width: 120px;
}

#detailbody .info_box {
    width: 63%;
    float: right;
    margin-left: 3%;
}

#map_custmomize {
    width: 100%;
    height: 300px;
}


/*--------------------------------------------------------------
情報
--------------------------------------------------------------*/

.img_map {
    margin-bottom: 30px;
    text-align: center;
}

.img_map img {
    width: 80%;
}

.info_gmap {
    margin-bottom: 30px;
}

.info_gmap #mapField,
.info_gmap #mapField02,
.info_gmap #mapField03,
.info_gmap #mapField04 {
    width: 100%;
    height: 250px;
}

.info_item_intro {
    margin-bottom: 30px;
}

.info_item_intro_b {
    padding: 0 0 25px;
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(204, 204, 204, 1);
}

.info_item_intro a {
    text-decoration: none;
}

.info_item_center {
    margin-bottom: 30px;
    text-align: center;
}

.free_img_l {
    width: 100%;
    padding: 0 0 10px 0;
}

.free_img_s {
    width: 32%;
    padding: 0 4px;
    margin: 0;
}

.free_img_area {
    padding: 0 0 30px 0;
    overflow: hidden;
    text-align: center;
}

.free_img_area img {
    max-width: 100%;
}

.book_img_area {
    padding: 0 0 30px 0;
    overflow: hidden;
    text-align: center;
}

.book_img_area img {
    max-width: 620px;
}

.item_cont {
    padding: 0 0 25px;
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    overflow: hidden;
}

.item_cont_s {
    padding: 25px 0;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
}

.item_cont_s:last-child {
    border-top: 1px solid rgba(204, 204, 204, 0.5);
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.item_cont img {
    width: 25%;
    margin: 0 5% 0 0;
    float: left;
}

.item_cont_s img {
    width: 15%;
    margin: 0 5% 0 0;
    float: left;
}

.item_cont .text,
.item_cont_s .text {
    padding: 0 0.8em 0 0;
}

.tbl_detail {
    display: table;
    width: 100%;
    margin: 1em 0 2em 0;
    word-wrap: break-word;
    table-layout: fixed;
}

.tbl_detail th {
    width: 25%;
    padding: 0.8em 0.8em 0.8em 0.8em;
    text-align: left;
    font-weight: normal;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
    vertical-align: top;
    border-top: 1px solid rgba(204, 204, 204, 1);
}

.tbl_detail td {
    padding: 0.8em 0.8em 0.8em 0.8em;
    border-top: 1px solid rgba(204, 204, 204, 1);
    vertical-align: top;
}

.tbl_detail table {
    display: table;
    width: 100%;
    margin: 1em 0 2em 0;
    word-wrap: break-word;
    border-collapse: collapse;
}

.tbl_detail table th {
    width: auto;
    padding: 0.8em 0.8em 0.8em 0.8em;
    text-align: left;
    font-weight: normal;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
    vertical-align: top;
    border: 1px solid rgba(204, 204, 204, 1);
    background: rgba(0, 0, 0, 0.025);
}

.tbl_detail table td {
    padding: 0.8em 0.8em 0.8em 0.8em;
    border: 1px solid rgba(204, 204, 204, 1);
    vertical-align: top;
}

.tbl_detail_full {
    display: table;
    width: 100%;
    margin: 1em 0 2em 0;
    word-wrap: break-word;
    table-layout: fixed;
}

.tbl_detail_full th {
    width: 17%;
    padding: 0.8em 0.8em 0.8em 0.8em;
    text-align: left;
    font-weight: normal;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
    vertical-align: top;
    border-top: 1px solid rgba(204, 204, 204, 1);
}

.tbl_detail_full td {
    padding: 0.8em 0.8em 0.8em 0.8em;
    border-top: 1px solid rgba(204, 204, 204, 1);
    vertical-align: top;
}

.tbl_info {
    display: table;
    width: 100%;
    margin: 1em 0 2em 0;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
}

.tbl_info td.photo {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    padding: 1.6em 0;
    vertical-align: top;
}

.tbl_info td.text {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    padding: 1.6em 0.8em 0 2.5em;
    vertical-align: top;
}

.tbl_info td.point_text {
    padding: 1.2em 0 0 0;
    vertical-align: top;
}

.tbl_event {
    display: table;
    width: 100%;
    margin: 1em 0 2em 0;
    font-size: 0.9em;
}

.tbl_event td {
    border-bottom: none;
    width: 15%;
    vertical-align: top;
    padding: 5px 0;
}

.tbl_event th {
    text-align: left;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
    width: 85%;
    padding: 5px 0;
}

.tbl_info_s {
    display: table;
    width: 100%;
    margin: 1em 0 2em 0;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
}

.tbl_info_s td {
    border-bottom: none;
    vertical-align: top;
    padding: 20px 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.tbl_info_s th {
    text-align: left;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
    padding: 20px 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    vertical-align: top;
}

.tbl_point {
    display: table;
    width: 100%;
    margin: 1em 0 2em 0;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
}

.tbl_point td {
    border-bottom: none;
    width: 25%;
    vertical-align: top;
    padding: 20px 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.tbl_point th {
    text-align: left;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
    width: 75%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    vertical-align: top;
}

body#spring #detailbody h3 {
    color: #8B2360;
    margin-top: 0;
}

body#summer #detailbody h3 {
    color: #CC2B2B;
    margin-top: 0;
}

body#autumn #detailbody h3 {
    color: #D75730;
    margin-top: 0;
}

body#winter #detailbody h3 {
    color: #D75730;
    margin-top: 0;
}

body#spring #detailbody h4 {
    color: #8B2360;
    margin: 0 0 1em 0;
    font-size: 1.4em;
}

body#summer #detailbody h4 {
    color: #CC2B2B;
    margin: 0 0 1em 0;
    font-size: 1.4em;
}

body#autumn #detailbody h4 {
    color: #D75730;
    margin: 0 0 1em 0;
    font-size: 1.4em;
}

body#winter #detailbody h4 {
    color: #D75730;
    margin: 0 0 1em 0;
    font-size: 1.4em;
}

p.info_s_mds {
    font-size: 1.3em;
    margin-bottom: 5px;
}

body#spring .icon_txt,
body#summer .icon_txt,
body#autumn .icon_txt,
body#winter .icon_txt {
    font-size: 12px;
    line-height: 1;
    padding: 6px 10px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    position: absolute;
    left: -10px;
    top: 10px;
}

body#spring .icon_txt {
    background-color: #912264;
}

body#summer .icon_txt {
    background-color: #CC2B2B;
}

body#autumn .icon_txt {
    background-color: #D75730;
}

body#winter .icon_txt {
    background-color: #875AA4;
}

body#spring .icon_txt2,
body#summer .icon_txt2,
body#autumn .icon_txt2,
body#winter .icon_txt2 {
    min-width: 5em;
    padding: 5px 8px;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    color: #FFF;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

body#spring .icon_txt2 {
    background-color: #912264;
}

body#summer .icon_txt2 {
    background-color: #CC2B2B;
}

body#autumn .icon_txt2 {
    background-color: #D75730;
}

body#winter .icon_txt2 {
    background-color: #D75730;
}

body#spring .icon_txt_name,
body#summer .icon_txt_name,
body#autumn .icon_txt_name,
body#winter .icon_txt_name {
    min-width: 5em;
    padding: 5px 8px;
    margin: 0 0 0.5em 0;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

body#spring .icon_txt_name {
    color: #912264;
    border: 1px solid #912264;
}

body#summer .icon_txt_name {
    color: #CC2B2B;
    border: 1px solid #CC2B2B;
}

body#autumn .icon_txt_name {
    color: #D75730;
    border: 1px solid #D75730;
}

body#winter .icon_txt_name {
    color: #D75730;
    border: 1px solid #875AA4;
}

.icon_txt_name.h_mds {
    margin: 0 0 0.1em 1em !important;
}

body#spring .icon_cate_p,
body#summer .icon_cate_p,
body#autumn .icon_cate_p,
body#winter .icon_cate_p {
    min-width: 3em;
    padding: 5px 8px;
    margin: 0 1em 0 0;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

body#spring .icon_cate_p {
    background-color: #912264;
}

body#summer .icon_cate_p {
    background-color: #CC2B2B;
}

body#autumn .icon_cate_p {
    background-color: #D75730;
}

body#winter .icon_cate_p {
    background-color: #D75730;
}

body#spring .icon_cate_w,
body#summer .icon_cate_w,
body#autumn .icon_cate_w,
body#winter .icon_cate_w {
    min-width: 3em;
    padding: 4px 7px;
    margin: 0 1em 0 0;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

body#spring .icon_cate_w {
    color: #912264;
    border: 1px solid #912264;
}

body#summer .icon_cate_w {
    color: #CC2B2B;
    border: 1px solid #CC2B2B;
}

body#autumn .icon_cate_w {
    color: #D75730;
    border: 1px solid #D75730;
}

body#winter .icon_cate_w {
    color: #D75730;
    border: 1px solid #D75730;
}


/*--------------------------------------------------------------
枠付きコンテンツ
--------------------------------------------------------------*/

.border_rad {
    padding: 30px 35px;
    margin: 0 0 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
}


/*--------------------------------------------------------------
近くの施設情報
--------------------------------------------------------------*/

.box_area {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}

body#spring p.near_ttl,
body#summer p.near_ttl,
body#autumn p.near_ttl,
body#winter p.near_ttl {
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
    font-size: 1.6em;
    margin: 0 0 25px 0;
    padding: 0 0 0 0.8em;
    text-align: left;
    position: relative;
    overflow: hidden;
}

body#spring p.near_ttl {
    color: #8B2360;
}

body#summer p.near_ttl {
    color: #CC2B2B;
}

body#autumn p.near_ttl {
    color: #D75730;
}

body#winter p.near_ttl {
    color: #D75730;
}

body#spring p.near_ttl:before {
    content: "";
    margin: 0 8px 0 0;
    display: inline-block;
    height: 32px;
    width: 6px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(172, 94, 140);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjNWU4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZTIyNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(172, 94, 140, 1) 0%, rgba(142, 34, 99, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(172, 94, 140, 1) 0%, rgba(142, 34, 99, 1) 100%);
    background: linear-gradient(to bottom, rgba(172, 94, 140, 1) 0%, rgba(142, 34, 99, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ac5e8c', endColorstr='#8e2263', GradientType=0);
}

body#summer p.near_ttl:before {
    content: "";
    margin: 0 8px 0 0;
    display: inline-block;
    height: 32px;
    width: 6px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(224, 63, 63);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(224, 63, 63, 1) 0%, rgba(204, 43, 43, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(224, 63, 63, 1) 0%, rgba(204, 43, 43, 1) 100%);
    background: linear-gradient(to bottom, rgba(224, 63, 63, 1) 0%, rgba(204, 43, 43, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e03f3f', endColorstr='#cc2b2b', GradientType=1);
}

body#autumn p.near_ttl:before {
    content: "";
    margin: 0 8px 0 0;
    display: inline-block;
    height: 32px;
    width: 6px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(215, 87, 48);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(215, 87, 48, 1) 0%, rgba(185, 70, 36, 1) 100%);
    background: -webkit-gradient(left rgba(215, 87, 48, 1) 0%, rgba(185, 70, 36, 1) 100%);
    background: linear-gradient(to bottom, rgba(215, 87, 48, 1) 0%, rgba(185, 70, 36, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D75730', endColorstr='#B94624', GradientType=1);
}

body#winter p.near_ttl:before {
    content: "";
    margin: 0 8px 0 0;
    display: inline-block;
    height: 32px;
    width: 6px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(135, 90, 164);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(135, 90, 164, 1) 0%, rgba(90, 61, 109, 1) 100%);
    background: -webkit-gradient(left rgba(135, 90, 164, 1) 0%, rgba(90, 61, 109, 1) 100%);
    background: linear-gradient(to bottom, rgba(135, 90, 164, 1) 0%, rgba(90, 61, 109, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#875AA4', endColorstr='#5A3D6D', GradientType=1);
}

.box_area h3 {
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
    font-size: 1.2em;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#maincontainer .itembox {
    padding-bottom: 1em;
}

#maincontainer .itembox p {
    margin: 0 0 0.5em 0;
}

#maincontainer li.item {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 20%;
    padding: 0 1%;
    margin: 0 0 0 0;
    text-align: left;
    position: relative;
}

#maincontainer li.item p {
    font-size: 0.9em;
}

#maincontainer li.item img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}

#maincontainer li.item img.ico_img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 5px 0 0;
}

#maincontainer span.area {
    float: left;
    background: #ccc;
    padding: 2px 5px;
    margin: 0 10px 0 0;
    font-size: 0.8em;
}

.flower_status {
    vertical-align: middle;
    display: initial;
}

.flower_status .ico_img {
    float: left;
    margin: 0 5px 0 0;
}


/*--------------------------------------------------------------
画像サイズ変更
--------------------------------------------------------------*/

#imagesize {
    display: inline-block;
    float: right;
    margin: 0.5em 1em;
}

.sns_btn #imagesize {
    display: inline-block;
    float: none;
    margin: 0;
}

#imagesize li {
    display: inline-block;
}

#imagesize a.imagesize {
    padding: 0.25em 1em;
    display: inline-block;
    border: 1px solid #ddd;
    color: #fff;
    text-decoration: none;
    font-size: 0.75em;
}

#imagesize a.imagesize:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}

.free_img_area.i2 img {
    max-width: 100%;
}

.free_img_area.i1 img {
    max-width: 620px;
}


/*--------------------------------------------------------------
地図・アクセス
--------------------------------------------------------------*/

.access_address {
    padding: 0 0 30px 0;
    width: 100%;
}

.access_map #mapField2 {
    width: 100%;
    height: 480px;
}

.access_map {
    padding: 0 0 30px 0;
    width: 100%;
    text-align: left;
}

.access_map .btn_map {
    margin: 10px auto;
}


/*--------------------------------------------------------------
地図・アクセスに近隣施設を表示
--------------------------------------------------------------*/

.access_map_nav {
    text-align: center;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0 auto 0 auto;
    list-style: none;
}

.access_map_nav>li {
    display: inline-block;
    margin: 0 auto;
    padding: 9px 0 4px 0;
    line-height: 1.35;
    width: 19.5%;
}

.access_map_nav>li>a {
    position: relative;
    padding: 13px 10px 13px 10px;
    border: solid 1px #ababab;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.6);
    display: block;
    background-size: auto 85% !important;
    color: rgba(0, 0, 0, 1);
    -webkit-filter: grayscale(1);
    /* Webkit */
    filter: gray;
    /* IE6-9 */
    filter: grayscale(1);
    background-color: #eaeaea;
}

.access_map_nav>li>a:active {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
    background-color: #FFF;
    filter: none;
}

.access_map_nav>li>a.btn_on {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
    background-color: #FFF;
    filter: none;
}

.access_map_nav>li>a>br {
    display: none;
}

.access_map_nav>li:last-child {
    margin: 0;
}

.access_map_nav>li.temples>a {
    background-image: url(../img/common/icon_maptwmple.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
}

.access_map_nav>li.spot>a {
    background-image: url(../img/common/icon_maptour.png);
    background-position: 8px 5px;
    background-repeat: no-repeat;
    padding: 10 px 20 px 17 px 50 px;
}

.access_map_nav>li.gourmet>a {
    background-image: url(../img/common/icon_mapeat.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
}

.access_map_nav>li.stay>a {
    background-image: url(../img/common/icon_mapstay.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
}

.access_map_nav>li.event>a {
    background-image: url(../img/common/icon_mapevent.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1020px) {
    .access_map_nav>li>a {
        background-size: auto 45% !important;
        font-size: 1em;
        padding: 40px 5px 5px 5px;
        background-position: center 2px !important;
        text-align: center;
    }
    .access_map_nav>li>a>br {
        display: block;
    }
    .access_map_nav>li>a>span.s_size {
        display: none;
    }
}

@media screen and (max-width: 950px) {
    .access_map_nav>li {
        width: 19%;
    }
}

@media screen and (max-width: 510px) {
    .access_map_nav>li {
        width: 18%;
        font-size: 0.75em;
    }
}


/*--------------------------------------------------------------
まとめページ
--------------------------------------------------------------*/

.matome_top {
    margin: 24px 15px 0px;
}

.matome_info_box {
    border: 1px solid rgba(204, 204, 204, 1);
    padding: 3%;
    margin-bottom: 7%;
    display: inline-block;
    width: 93.5%;
}

.matome_info_box .matome_info_photo {
    width: 32%;
    float: left;
    display: block;
    margin: 0px 1.5em 0.5em 0em;
}

.matome_info_box .matome_info_photo_r {
    width: 32%;
    float: right;
    display: block;
    margin: 0px 0em 0.5em 1.5em;
}

.matome_info_box .icon_cate_p {
    margin: 0px 0px 8px 0px !important;
}

.txt_spot {
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
    font-size: 1.3em;
    margin: 0.5em 0 0.2em;
}

.matome_map {
    width: 100%;
    -moz-background-size: cover;
    background-size: cover;
    margin: 30px 0 60px;
    height: 480px;
}

.matome .mapArea {
    width: 100% !important;
    height: 200px !important;
}

#mapField5,
#mapField6,
#mapField7 {
    width: 100%;
    height: 200px;
}

.area_border {
    border-top: 2px solid rgba(204, 204, 204, 1);
    margin: 10px 0 50px 0;
    position: relative;
}

.area_icon1 {
    padding: 0.6em 1em 0.4em 70px;
    position: absolute;
    display: inline-block;
    font-size: 1.4em;
    background: #fff url(../img/common/icon_green.png) 0 center no-repeat;
    top: -27px;
    left: 0;
}

.area_icon2 {
    padding: 0.6em 1em 0.4em 70px;
    position: absolute;
    display: inline-block;
    font-size: 1.4em;
    background: #fff url(../img/common/icon_yellow.png) 0 center no-repeat;
    top: -27px;
    left: 0;
}

.area_icon3 {
    padding: 0.6em 1em 0.4em 70px;
    position: absolute;
    display: inline-block;
    font-size: 1.4em;
    background: #fff url(../img/common/icon_red.png) 0 center no-repeat;
    top: -27px;
    left: 0;
}

.area_icon4 {
    padding: 0.6em 1em 0.4em 70px;
    position: absolute;
    display: inline-block;
    font-size: 1.4em;
    background: #fff url(../img/common/icon_blue.png) 0 center no-repeat;
    top: -27px;
    left: 0;
}

a.bnr_tokusetsu {
    border: 1px solid #ccc;
    display: block;
    margin: 0 0 60px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeecec 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeecec 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eeecec 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeecec', GradientType=0);
    color: #333;
}

a.bnr_tokusetsu img {
    float: left;
    width: 28%;
    display: block;
    margin: 0 3% 0 0px;
}

a.bnr_tokusetsu h4 {
    margin: 30px 0px 1em !important;
    line-height: 1.6;
    letter-spacing: 0px;
}

.matome .layout_b .left_cont {
    width: 48%;
}

.matome .layout_b .right_cont {
    width: 48%;
}

.matome .img_float_l {
    float: left;
    margin: 0 2em 1em 0;
    width: 40%;
}

.matome .img_float_r {
    float: right;
    margin: 0 0 1em 2em;
    width: 40%;
}

.end_event {
    border: 1px dashed #999;
    text-align: center;
    display: block;
    padding: 20px;
    margin: 0 0 30px;
    font-size: 1.5em;
    letter-spacing: 1px;
    background-color: #f5f5f5;
}

.end_event_txt {
    color: #fff;
    background-color: #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 20px;
    display: inline-block;
}

p.txt_tenpo {
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
    font-size: 1.3em;
    margin: 0.5em 0 0.2em;
}


/* エリア別のアイコンラベル */

.icon_txt_area {
    color: #FFF;
    font-weight: bold;
    min-width: 5em;
    padding: 5px 8px;
    margin: 0 1em 0.2em 1em;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.icon_txt_area.area_1 {
    background: rgba(20, 89, 141, 1);
}

.icon_txt_area_2 {
    background: rgba(194, 91, 99, 1);
}

.icon_txt_area_3 {
    background: rgba(201, 158, 68, 1);
}

.icon_txt_area_4 {
    background: rgba(116, 163, 84, 1);
}

.icon_txt_point {
    color: #FFF;
    background-color: #D75730;
    font-weight: bold;
    min-width: 5em;
    padding: 5px 8px;
    margin: 0 1em 0.5em 0;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.icon_txt_rank {
    color: #dc6c4a;
    border: #D75730 1px solid;
    min-width: 5em;
    padding: 5px 8px;
    margin: 0 1em 0em 0;
    position: static;
    display: inline-block;
    vertical-align: text-bottom;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

span.tour_label {
    background-color: rgb(211, 50, 50);
    color: rgb(255, 255, 255);
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 300;
    margin: 0 0 0 10px;
    display: inline-block;
}

span.tour_label.ttl {
    font-size: 20px;
    padding: 5px 10px 2px 10px;
}

span.tour_label.min {
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    margin: 0 0 5px 0;
    clear: both;
}

.tour_info {
    color: rgb(211, 50, 50);
    font-weight: 600;
}

@media screen and (max-width: 414px) {
    span.tour_label.min {
        display: block;
        margin: 0 0 5px 0;
        clear: both;
    }
}


/*------------------------------------------------------------------------
961～1280px
------------------------------------------------------------------------*/

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1000px) {
    .area_sns_mds .area_name {
        width: 70%;
    }
    .area_sns_mds .sns_btn {
        width: 28%;
    }
}

@media screen and (max-width: 960px) {
    #maincontainer li.item {
        width: 33.3%;
        padding: 0 4% 0 0;
    }
    a.bnr_tokusetsu {
        padding: 20px;
    }
    a.bnr_tokusetsu h4 {
        margin: 10px 0px 1em !important;
    }
}

@media screen and (max-width: 680px) {
    #detailbody .detail_overview .top_left {
        width: 100%;
    }
    #reserve_menu li a {
        width: 89%;
    }
    #detailbody .detail_overview .photo_box {
        width: 100%;
        float: none;
    }
    #detailbody .detail_overview .photo_box img {
        width: 100%;
        margin-bottom: 10px;
    }
    #detailbody .detail_overview .text_box {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #detailbody .map_box {
        width: 100%;
        float: none;
    }
    #detailbody .info_box {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .area_sns_mds .area_name {
        width: 96%;
        margin: 0 2%;
        float: none;
    }
    .area_sns_mds .sns_btn {
        display: none;
    }
    .sns_btn_sp {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .sns_btn_sp img {
        margin: 10px 8px;
        border-style: none;
    }
    #maincontainer li.item {
        width: 50%;
        padding: 0 4% 0 0;
    }
    .matome .layout_b .left_cont {
        width: 100%;
        padding: 0;
        float: none;
    }
    .matome .layout_b .right_cont {
        width: 100%;
        padding: 0;
        float: none;
    }
}

@media screen and (max-width: 480px) {
    #reserve_menu li a {
        width: 80%;
    }
    #detailbody .detail_overview {
        padding: 20px;
    }
    #maincontainer li.item {
        width: 100%;
        padding: 0 0 0.5em 0;
    }
    #detail_comment {
        max-height: 300px;
    }
    .matome_top {
        margin: 0px 0px -50px;
    }
    .matome .img_float_l {
        margin: 0 0 1em 0;
        width: 100%;
    }
    .matome .img_float_r {
        margin: 0 0 1em 0;
        width: 100%;
    }
    a.bnr_tokusetsu {
        padding: 15px;
    }
    a.bnr_tokusetsu img {
        width: 100%;
        margin: 0 0 5% 0;
    }
}


/*---------------------------------------------
GoogleMap
----------------------------------------------*/
.map_info{
    font-size: 0.8em;
    padding: 15px;
    text-align: left;
    background: #f7f7f7;
    margin: 50px 0 30px;
    line-height: 1.8em;
}

.yolp-ymapbanner {
    display: none;
}

.map_body {
    margin: 0;
    padding: 0;
    font-size: 1em !important;
    width: 400px;
}

@media screen and (max-width: 670px) {
    .map_body {
        width: auto;
    }
}

.map_body a {
    color: rgb(0, 0, 0);
    transition: all .2s linear;
    text-decoration: underline;
    cursor: pointer;
}

.map_body a img {
    transition: all .2s linear;
    cursor: pointer;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    zoom: 0;
}

.map_body a:hover,
.map_body a:focus {
    color: rgba(0, 0, 0, 0.5);
}

.map_body a:hover img,
.map_body a:focus img {
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    zoom: 0;
}

.map_body h1 {
    line-height: 1.2em;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

.map_body h1 span {
    display: block;
    font-size: 0.7em;
}

.map_body h1:after {
    position: absolute;
    top: 50%;
    right: 3.5%;
    width: 20px;
    height: 20px;
    margin-left: 0;
    border-left: 2px solid #7d7d7d;
    border-bottom: 2px solid #7d7d7d;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    box-sizing: border-box;
    content: "";
}

.map_body img {
    width: 100%;
}

.map_body p {
    text-align: left;
    display: block;
    clear: both;
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 1em !important;
}

.map_body p.link {
    text-align: right;
    color: blue;
    text-decoration: underline;
    padding-right: 30px;
}

.map_body .map_content {
    width: 100%;
}

.map_body .left {
    text-align: left;
    width: 30%;
    float: left;
}

.map_body .right {
    text-align: left;
    float: right;
    width: 65%;
    padding-right: 20px;
    box-sizing: border-box;
}

.btn_map a {
    width: 48%;
}

.btn_map a:nth-child(2) {
    text-align: right;
    float: right;
}

@media screen and (max-width: 870px) {
    .btn_map a {
        width: 100%;
    }
    .btn_map a:nth-child(2) {
        margin: 0.5em 0 0 0;
        float: none;
        text-align: left;
        display: block;
    }
}

.access_map p.gmap_view {
    max-width: 33em;
    margin: 0 auto;
}


/*---------------------------------------------
イベント終了メッセージ
----------------------------------------------*/
.close_box{
	border: 5px #ddd solid;
	margin:0 0 20px;
	padding:15px;
	text-align: center;
    display:block;
}
.close_box span{
    font-size: 1.6em;
    line-height: 2.2em;
    font-weight: bold;
    color: rgb(198, 26, 12);
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ 明朝", "MS PMincho", serif;
    background: #eee;
    padding: 0 10px;
}
#detailbody .close_box a{
	font-weight: 600;
	text-decoration: underline;
}