@charset "UTF-8";
/* sass */
.formBox .img-control { display: inline-block; text-align: left; }
.formBox .deleteImg { display: inline-block; margin-top: 5px; }
.formBox .deleteImg input[type="checkbox"] { display: inline-block; }
.formBox .deleteImg .deleteImg-txt { display: inline-block; margin-left: 5px; }
.user-close { float: right; }
.user-close img { width: 15px; }
.pc_mode { display: inline-block !important; }
.sp_mode { display: none !important; }

@media only screen and (max-width: 767px) { .pc_mode { display: none !important; }
    .sp_mode { display: inline-block !important; } }
a.zoomImages { display: inline-block; max-width: 100%; position: relative; }
a.zoomImages img { max-width: 100%; height: auto; }
.pswp__caption__center { text-align: center; }
a.zoomImages:after { content: ''; width: 59px; height: 59px; display: block; background: rgba(0, 0, 0, 0) url("/files/user/common/css/images/zoomIcon.png") no-repeat left top; background-size: 59px 59px; position: absolute; top: 8px; right: 8px; }
.contentIcnList li.bookmark.noneMainVisual a span.mark { background: none !important; display: none !important; height: auto !important; left: auto !important; margin: 0 !important; opacity: 1 !important; padding: 0 !important; pointer-events: none !important; position: static !important; top: auto !important; width: 0 !important; }
.userCommetWrap_NonLogin .btn > a:hover { opacity: 0.8; }
.appInfo .snsList { margin-bottom: 30px; }
#footerInner .appInfo ul.snsList li { margin-left: 0; }
#footerInner .appInfo ul.snsList li:first-child { padding-left: 0; }
#footerInner .appInfo .snsList li img { width: 30px; height: auto; }

@media only screen and (max-width: 767px) { #footerInner .appInfo ul.snsList { float: none; }
    #footerInner .appInfo ul.snsList li { margin-left: 10px; }
    #footerInner .appInfo ul.snsList li:frist-child { margin-left: 0; } }
.accordionWrap .ereaBtnList { margin-bottom: 0; padding-bottom: 10px; }
.mapTtlBtn { display: none; }
.mapArea.typeB { margin-top: 30px; }
.serchConditions { display: none; }

@media only screen and (max-width: 767px) { .accordionContents { display: none; }
    .accordionWrap + .serchConditions { margin-top: 15px; }
    .serchConditions + .mapArea.typeB { margin-top: 15px; }
    .serchConditions { display: block; font-size: 15px; }
    .mapTtlBtn { display: block; }
    .mapTtlBtn > span { padding: 15px 10px; font-size: 14px; font-weight: bold; line-height: 1; display: block; cursor: pointer; background: #ececec url("/files/user/common/css/images/icn_plus.png") no-repeat right center; background-size: 32px auto; }
    .mapTtlBtn.active { margin-bottom: 15px; }
    .mapTtlBtn.active > span { background: #ececec url("/files/user/common/css/images/icn_plus_on.png") no-repeat right center; background-size: 32px auto; } }
/* padding set
------------------------------------------------*/
/*reset*/
.padReset { padding: 0px !important; }

/*0px*/
.padT00 { padding-top: 0px !important; }
.padR00 { padding-right: 0px !important; }
.padB00 { padding-bottom: 0px !important; }
.padL00 { padding-left: 0px !important; }

body { word-wrap: break-word; }
body#page_error #sideNaviWrap { padding: 80px 15px 0; }
#page_notfound { min-height: 530px; margin-top: 80px; }
.mtM2 { margin-top: 20px !important; }
.mbS { margin-bottom: 10px !important; }
.mbM { margin-bottom: 30px !important; }
.mbL { margin-bottom: 50px !important; }
.mb00 { margin-bottom: 0 !important; }
.enpT40 { padding-top: 40px; }
.anchorArea { margin-top: -60px; padding-top: 60px; }

/* button
==========================================================*/
a:hover img.btn { filter: alpha(opacity=80); opacity: 0.8; }
a.ov:hover { filter: alpha(opacity=80); opacity: 0.8; }
a:hover img { filter: alpha(opacity=80); opacity: 0.8; }

/*layout
==================================================*/
.layoutA { float: left; }
.layoutB { margin-bottom: 15px; position: absolute; top: 5px; right: 0; }
.layoutB:after { content: ""; display: block; clear: both; }
.layoutD { float: right; margin-top: -60px; }

/*h
==================================================*/
.h1Ttl { font-size: 26px; margin-bottom: 15px; font-weight: normal; }
.h1TtlB { margin-top: -20px;}
.h1TtlB.trans + p { font-size: 14px; margin-bottom: 20px; }
.h1TtlC { font-size: 30px; line-height: 1.3; margin-bottom: 10px; }
.h1TtlC { font-size: 26px; font-weight: normal; margin-bottom: 10px; padding-left: 50px; background: url("/files/user/common/css/images/icn_basicinfo_ttl01.png") no-repeat left center; }
.h2TtlA { font-size: 18px; line-height: 1; margin-bottom: 13px; font-weight: normal; }
.h2TtlA.inline { display: inline-block; vertical-align: middle; }
.h2TtlA.inline + p { display: inline-block; vertical-align: middle; margin-bottom: 13px; font-size: 14px; padding-left: 10px; }
.h2TtlB { font-size: 20px; font-weight: normal; color: #000; padding-left: 30px; margin-bottom: 10px; }
.h2TtlB.ttl_comment { background: url("/files/user/common/css/images/icn_h2_01.png") no-repeat left 0.2em; -moz-background-size: 26px 23px; -o-background-size: 26px 23px; -webkit-background-size: 26px 23px; background-size: 26px 23px; }
.h2TtlB.ttl_recommend { background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left 0.2em; -moz-background-size: 16px 23px; -o-background-size: 16px 23px; -webkit-background-size: 16px 23px; background-size: 16px 23px; }
.h2TtlC { font-size: 16px; font-weight: normal; color: #000; padding-left: 23px; margin-bottom: 10px; }
.h2TtlC.ttl_relation { background: url("/files/user/common/css/images/icn_story.png") no-repeat left 0.2em; -moz-background-size: 18px 18px; -o-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; }
.h2TtlC.ttl_travelPlan { background: url("/files/user/common/css/images/icn_plan.png") no-repeat left 0.3em; -moz-background-size: 18px 16px; -o-background-size: 18px 16px; -webkit-background-size: 18px 16px; background-size: 18px 16px; }
.h2TtlC.ttl_introduction { padding-left: 20px; background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left 0.2em; -moz-background-size: 14px 20px; -o-background-size: 14px 20px; -webkit-background-size: 14px 20px; background-size: 14px 20px; }
.h2TtlD { font-size: 16px; font-weight: normal; color: #FFF; line-height: 1; padding: 10px 0 12px 20px; }
.h2TtlD.yellow { background-color: #ECAC00; }
.h2TtlE { font-size: 20px; line-height: 1; font-weight: normal; padding-bottom: 10px; border-bottom: 2px solid #333; margin-bottom: 15px; }
.h2TtlF { font-size: 22px; line-height: 1; color: #FFF; padding: 15px 22px; background-color: #999; margin-bottom: 15px; font-weight: normal; }
.h3TtlA { color: #000; font-size: 18px; font-weight: normal; line-height: 1.3; margin-bottom: 15px; display: table; }
.h3TtlA span { white-space: nowrap; display: table-cell; }
.h3TtlB.ttl_sideA { padding: 10px 0 10px 62px; background: #cf2d0c url("/files/user/common/css/images/icn_comment.png") no-repeat 15px 13px; -moz-background-size: 35px 31px; -o-background-size: 35px 31px; -webkit-background-size: 35px 31px; background-size: 35px 31px; }
.h3TtlB.ttl_sideA span { display: block; margin-top: 6px; font-size: 12px; }
.h3TtlB.ttl_sideB span { display: block; float: right; padding-top: 2px; padding-right: 10px; padding-bottom: 0px; }
.h3TtlB.ttl_sideB .sp_comment span{float:left; width: 61%;}
.h3TtlB.ttl_sideB .sp_comment{width:120px;}
.h3TtlB.ttl_sideB .fa fa-angle-down{width:19%;}
.h3TtlB.ttl_sideB .fa fa-angle-up{width:19%;}
.h3TtlC { font-weight: bold; font-size: 20px; line-height: 1; padding-left: 35px; line-height: 32px; position: relative; z-index: 10; min-height: 32px; left: -35px; padding-bottom: 10px; }
.h3TtlC.nonePad { padding-bottom: 0; }
.h3TtlC.ttlC_cate01 { background: url("/files/user/common/css/images/icn_spot_cate01.png") no-repeat left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.ttlC_cate02 { background: url("/files/user/common/css/images/icn_spot_cate02.png") no-repeat left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.ttlC_cate03 { background: url("/files/user/common/css/images/icn_spot_cate03.png") no-repeat left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.ttlC_cate04 { background: url("/files/user/common/css/images/icn_spot_cate04.png") no-repeat left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.ttlC_cate05 { background: url("/files/user/common/css/images/icn_spot_cate05.png") no-repeat left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.ttlC_cate06 { background: url("/files/user/common/css/images/icn_spot_cate06.png") no-repeat left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.ttlC_cate07 { background: url("/files/user/common/css/images/icn_spot_cate07.png") no-repeat left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate01 { background: url("/files/user/common/css/images/icn_spot_cate01.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate02 { background: url("/files/user/common/css/images/icn_spot_cate02.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate03 { background: url("/files/user/common/css/images/icn_spot_cate03.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate04 { background: url("/files/user/common/css/images/icn_spot_cate04.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate05 { background: url("/files/user/common/css/images/icn_spot_cate05.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate06 { background: url("/files/user/common/css/images/icn_spot_cate06.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate07 { background: url("/files/user/common/css/images/icn_spot_cate07.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlC.icn_last.ttlC_cate09 { background: url("/files/user/common/css/images/icn_spot_cate09.png") no-repeat left top, url("/files/user/common/css/images/icn_last_bg.png") repeat-y left top; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.h3TtlD { font-size: 14px; line-height: 1; font-weight: normal; color: #815a23; padding: 0 0 10px 20px; border-bottom: #815A23 1px dotted; margin-bottom: 15px; }
.h3TtlD.flag { background: url("/files/user/common/css/images/icn_flag01.png") no-repeat left top; -moz-background-size: 14px 16px; -o-background-size: 14px 16px; -webkit-background-size: 14px 16px; background-size: 14px 16px; }
.h4ttlA { font-size: 16px; margin-bottom: 15px; }
.loginTtl { font-size: 14px; font-weight: normal; padding-left: 40px; padding-right: 30px; margin-bottom: 20px; background: url("/files/user/common/css/images/icn_fancy_login.png") no-repeat left top; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; -webkit-background-size: 34px 34px; background-size: 34px 34px; }
.aboutTtl { background: url("/files/user/common/css/images/bg_bdr_03.png"); font-size: 18px; color: #FFF; padding: 10px 0; text-align: center; line-height: 1; }
.staffTtl { text-align: center; font-size: 16px; margin-bottom: 15px; }
.staffTtl:before, .staffTtl:after { content: '—'; }
.h2TtlG { font-size: 18px; line-height: 1; color: #fff; padding: 10px 0 12px 20px; background-color: #93af2d; }
.ttlWatch { font-size: 18px; line-height: 1; color: #fff; padding: 10px 0 12px 40px; background: #93af2d; position: relative; margin-left: 15px; font-weight: normal; }
.ttlWatch:after { position: absolute; left: -15px; top: 0; content: ""; width: 40px; height: 40px; display: block; background: url("/files/user/common/css/images/icn_watch.png") no-repeat left top; }

/*p
==================================================*/
.cardIcn { max-width: 35px; padding: 0 3px; vertical-align: middle; }
.articleTxt.typeB { margin-bottom: 10px; }
.articleTxt.typeC { margin-bottom: 20px; }
.imgCapSet { color: #000; font-size: 14px; line-height: 1.6; text-align: center; }
.imgCapSet span { display: inline-block; margin-top: 6px; text-align: left; }
.imgList .imgCapSet { color: #000; font-size: 13px; line-height: 1.6; }
.imgList .imgCapSet span { display: inline-block; margin-top: 6px; width: 100%; }
.txt { color: #000; font-size: 16px; line-height: 1.6; margin-bottom: 10px; }
.articleContent .noteTxt { font-size: 12px; text-align: right; margin-bottom: 15px; margin-top: 10px; }
.articleContent .noteTxt .days { display: block; }
.articleContent .noteTxt .writer { display: block; }
.articleContent .noteTxt.posiNote { position: absolute; right: 0; margin-top: 20px; margin-bottom: 0; }
.articleContent .noteTxt .writerPhoto { display: inline-block; vertical-align: middle; position: relative; width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }
.articleContent .noteTxt .writerPhoto img { display: inline-block; height: 40px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; width: auto; }
.articleContent .noteTxt .writerName { display: inline-block; vertical-align: middle; padding-left: 10px; }
.mapArea + .noteTxt { font-size: 12px; text-align: right; margin-bottom: 15px; margin-top: 35px; }
.reviewNote { margin-top: 20px; font-size: 13px; }
.reviewNote .review { display: inline-block; margin-left: 15px; }
.reviewNote .review img { width: 18px; height: auto; }
.planComment { font-size: 16px; }
.moveIcn { display: inline-block; font-size: 13px; line-height: 1; border: 1px solid #DEDBD4; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 8px 20px 8px 20px; margin-bottom: 10px; background-color: #FFF; }
.moveIcn span { vertical-align: middle; }
.icn_train, .icn_walk, .icn_bus, .icn_airplane, .icn_bicycle, .icn_ship, .icn_car { width: 100%; height: auto; vertical-align: middle; padding-right: 20px; }
.icn_train { max-width: 12px; }
.icn_walk { max-width: 12px; }
.icn_bus { max-width: 21px; }
.icn_airplane { max-width: 21px; }
.icn_bicycle { max-width: 21px; }
.icn_ship { max-width: 21px; }
.icn_car { max-width: 21px; }
.recommendSpot p { font-size: 14px; }
.likeTxt { text-align: center; padding: 0 0 10px; }
.imgCapA { font-size: 14px; padding-top: 5px; display: block; text-align: left; }

/*list
==================================================*/
.line_sns { display: none !important; }
.contentIcnList li.like.on a { background: #ec3713 url("/files/user/common/css/images/icn_like_content_on.png") no-repeat center 16px; -moz-background-size: 24px 20px; -o-background-size: 24px 20px; -webkit-background-size: 24px 20px; background-size: 24px 20px; }
.contentIcnList li.like.on a span.mark { visibility: visible; opacity: 0; -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); -moz-transition: opacity 0.8s ease-in, -moz-transform 0.8s ease-out; -o-transition: opacity 0.8s ease-in, -o-transform 0.8s ease-out; -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out; transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
.contentIcnList li.like.on span { color: #EC3713; }
/*.contentIcnList li.folder { padding-left: 8px; }*/
.contentIcnList li.bookMark a { background: #e7e7e7 url("/files/user/common/css/images/icn_folder_content.png") no-repeat 10px 15px; -moz-background-size: 36px 20px; -o-background-size: 36px 20px; -webkit-background-size: 36px 20px; background-size: 36px 20px; position: relative; }
.contentIcnList li.bookmark a span.mark { background: #fff; opacity: 0.3; -moz-background-size: 26px 20px; -o-background-size: 26px 20px; -webkit-background-size: 26px 20px; background-size: 26px 20px; display: block; position: absolute; width: 600px; height: 350px; top: -380px; left: 50px; margin: 0; padding: 0; z-index: 10; visibility: hidden; pointer-events: none; }
.contentIcnList li.bookmark.on a span.mark { visibility: visible; opacity: 0; width: 0 !important; height: 0 !important; top: 20px !important; left: 20px !important; -moz-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; -o-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; -webkit-transition: opacity 0.4s ease-in, width 0.5s ease-out, height 0.5s ease-out, top 0.5s linear, left 0.5s linear; -webkit-transition-delay: 0.2s, 0.1s, 0.1s, 0.1s, 0.1s; transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; }
.contentIcnList li.bookmark.on_2 a { background: #f39400 url("/files/user/common/css/images/icn_folder_content2_on.png") no-repeat center 15px; -moz-background-size: 26px 20px; -o-background-size: 26px 20px; -webkit-background-size: 26px 20px; background-size: 26px 20px; }
.contentIcnList li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.contentIcnList li.gone { padding-left: 8px; }
.contentIcnList li:first-child { border-right: 1px solid #cccccc; padding-right: 15px; margin-right: 15px; display: inline; }
.contentIcnList li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

@media only screen and (max-width: 767px) {
    .contentIcnList li.bookMark a { background: #e7e7e7 url("/files/user/common/css/images/icn_folder_content.png") no-repeat 8px 12px; -moz-background-size: 36px 20px; -o-background-size: 36px 20px; -webkit-background-size: 36px 20px; background-size: 34px 18px; position: relative; }
}

.block2A .blockR .snsList img { width: 30px; height: auto; }
.snsList { /*
    float: right;*/ margin-top: -60px; text-align: right; }
.snsList li { display: inline-block; padding: 0px 5px; /*width: 116px;*/ width: 19%; height: 40px; vertical-align: bottom; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.snsList li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
/*.line-it-button { position: absolute; top: 160px; right: 55px;}*/
.snsList li.facebook { position: relative; background: #264897; }
.snsList li.facebook .cnt_facebook { position: absolute; top: 8px; right: 20px; font-size: 17px; text-decoration: none; border-style: none; border-width: 2px 2px 2px 5px; color:#fff;}
.snsList li.twitter { background: #00a4e0; }
.snsList li.line_ { background: #00b900; padding-top: 5px;}
.snsList li.google { background: #dc4b37;}
.snsList li.kakao { background: #fbe300;}
.snsList li.weibo { background: rgb(247, 247, 91); }
.snsList li.kakao_talk { background: rgb(249, 242, 103); }
.snsList li.wechat { background: rgb(46, 193, 0); }
.snsList li.naver_blog { background: rgb(0, 202, 48); }
.snsList li.qzone { background: rgb(33, 164, 242); }
.snsList li a.kakao img {width: 30px; height: 30px;}
.snsList li .btn_weibo, .snsList li .btn_wechat, .snsList li .btn_qzone, .snsList li .btn_naver, .snsList li .btn_kakao_talk { max-width : 100%; }


.snsList.areaTop { width: 100%; text-align: center; margin-top:-75px;}
.snsList.areaTop li { width: 30%; }

@media only screen and (max-width: 1170px) { .snsList { float: none; margin-top: 0px; }
    .snsList li { width: 32%; }
    .snsList li.Icon2ver { width: 45%; }
    .snsList.areaTop li { width: 32%; } }
/*@media only screen and (max-width: 850px) { .snsList.areaTop li { padding: 0 3px; } }*/
@media only screen and (max-width: 767px) { .snsList { margin-top: 20px !important; text-align: center; } }
.SnsList { /*
    float: right;*/ margin-top: -60px; text-align: right; }
.SnsList li { display: inline-block; padding: 0px 5px; /*width: 116px;*/ width: 19%; height: 40px; margin-left: 5px; vertical-align: bottom; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.SnsList li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.SnsList li a img { width: auto; height: 40px; }
.SnsList li.weibo { background: #fff45c; }
.SnsList li.wechat { background: #01c501; }
.SnsList.areaTop { width: 100%; text-align: center; }
.SnsList.areaTop li { width: 25%; }
.SnsList li.facebook img { height: 40px; width: auto;}
.imgDetail li { font-size: 12px; margin-bottom: 3px; }
.imgDetail li span { font-weight: bold; }
.imgDetail li a { color: #333; }
.imgDetail li .cardImg { width: 100%; max-width: 190px; vertical-align: middle; padding-left: 10px; }

/* SNS アイコン
==================================================*/
.statusList { display: inline-block; }
.statusList li { display: inline-block; vertical-align: top; }
.statusList li a { min-height: 46px; font-size: 13px; display: block; background-color: #e7e7e7; text-decoration: none; line-height: 1; padding: 14px 0 14px 0; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.statusList li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

/* 詳細情報 テーブル
==================================================*/
.detailTbl { width: 100%; text-align:left;}
.detailTbl th, .detailTbl td { border: 1px solid #cccccc; padding: 10px; text-align: left !important;}
.detailTbl th { border-right: none; background: #f5f5f5; width: 180px; text-align: left !important;}
.detailTbl th.icon { background-position: 8px center; background-repeat: no-repeat; -moz-background-size: 21px 21px; -o-background-size: 21px 21px; -webkit-background-size: 21px 21px; background-size: 21px 21px; padding-left: 35px; }
.detailTbl th.icon01 { background-image: url("/files/user/common/css/images/icn_detail01.png"); }
.detailTbl th.icon02 { background-image: url("/files/user/common/css/images/icn_detail02.png"); }
.detailTbl th.icon03 { background-image: url("/files/user/common/css/images/icn_detail03.png"); }
.detailTbl th.icon04 { background-image: url("/files/user/common/css/images/icn_detail04.png"); }
.detailTbl th.icon05 { background-image: url("/files/user/common/css/images/icn_detail05.png"); }
.detailTbl th.icon06 { background-image: url("/files/user/common/css/images/icn_detail06.png"); }
.detailTbl th.icon07 { background-image: url("/files/user/common/css/images/icn_detail07.png"); }
.detailTbl th.icon08 { background-image: url("/files/user/common/css/images/icn_detail08.png"); }

@media only screen and (max-width: 767px) { .detailTbl { width: 100%; font-size:13px;}
    .detailTbl th { width: 100px; }
}
.detailDate { text-align: right; font-size: 12px; }
.review span img { width: 14px; height: auto; }
.imgList { display: table; width: 100%; table-layout: fixed; }
.imgList li { display: table-cell; vertical-align: top; width: 33.3%; padding: 0 15px; }
.imgList li:first-child { padding-left: 0; }
.imgList li:last-child { padding-right: 0; }
.imgList li img { width: 100%; height: auto; }
.imgList li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.RecommendWrap .imgList li { width: 20%; padding: 0 12px; }
.RecommendWrap .imgList li:first-child { padding-left: 0; }
.RecommendWrap .imgList li:last-child { padding-right: 0; }

.spotDetailList { font-size: 13px; margin-bottom: 10px; }
.spotDetailList li { display: inline-block; padding-left: 20px; margin-left: 20px; }
.spotDetailList li:first-child { margin-left: 0; }
.spotDetailList li.icnTime { background: url("/files/user/common/css/images/icn_plan_time.png") no-repeat left center; -moz-background-size: 14px 14px; -o-background-size: 14px 14px; -webkit-background-size: 14px 14px; background-size: 14px 14px; }
.spotDetailList li.icnMoney { background: url("/files/user/common/css/images/icn_plan_money.png") no-repeat left center; -moz-background-size: 14px 14px; -o-background-size: 14px 14px; -webkit-background-size: 14px 14px; background-size: 14px 14px; }

.moveList { display: table; }
.moveList dt, .moveList dd { display: table-cell; vertical-align: top; }
.moveList dt { white-space: nowrap; font-size: 16px; line-height: 1; padding-top: 7px; padding-right: 14px; border-right: 4px solid #DEDBD4; }

.indentList { font-size: 13px; }
.indentList li { display: table; }
.indentList li span { display: table-cell; }

.indentList2 { font-size: 16px; margin-left: 15px; margin-bottom: 20px; }
.indentList2 li { display: table; }
.indentList2 li span { white-space: nowrap; display: table-cell; padding-right: 15px; }

.indentList3 { font-size: 16px; }
.indentList3 li { display: table; }
.indentList3 li span { white-space: nowrap; display: table-cell; }

.loginBtnList { text-align: center; margin-bottom: 30px; }
.loginBtnList li a { padding-top: 10px; vertical-align: top; display: inline-block; }
.loginBtnList li img { width: 100%; height: auto; max-width: 187px; }

/* サイドバー詳細情報 テーブル
==================================================*/
.side_detailTbl { width: 100%; margin-top: 20px; text-align:left; font-size: 70%;}
.side_detailTbl .spot_nm { font-size: 14px; background: #ffffff url(/files/user/common/css/images/icn_spot_content2.png?v=1443497510) no-repeat 8px 12px; background-size: 11px 15px; padding-left: 25px;}
.side_detailTbl .spot_nm_no { font-size: 14px; padding-left: 25px;}
.side_detailTbl th, .side_detailTbl td { border: 1px solid #cccccc; padding: 10px; text-align: left !important;}
.side_detailTbl th { border-right: none; background: #f5f5f5; width: 60px; text-align: left !important;}
.side_detailTbl th.icon { background-position: 8px center; background-repeat: no-repeat; -moz-background-size: 21px 21px; -o-background-size: 21px 21px; -webkit-background-size: 21px 21px; background-size: 21px 21px; padding-left: 35px; }
.side_detailTbl th.icon01 { background-image: url("/files/user/common/css/images/icn_detail01.png"); }
.side_detailTbl th.icon02 { background-image: url("/files/user/common/css/images/icn_detail02.png"); }
.side_detailTbl th.icon03 { background-image: url("/files/user/common/css/images/icn_detail03.png"); }
.side_detailTbl th.icon04 { background-image: url("/files/user/common/css/images/icn_detail04.png"); }
.side_detailTbl th.icon05 { background-image: url("/files/user/common/css/images/icn_detail05.png"); }
.side_detailTbl th.icon06 { background-image: url("/files/user/common/css/images/icn_detail06.png"); }
.side_detailTbl th.icon07 { background-image: url("/files/user/common/css/images/icn_detail07.png"); }
.side_detailTbl th.icon08 { background-image: url("/files/user/common/css/images/icn_detail08.png"); }
.side_detailTbl { position: relative; }
.side_detailTbl:before {
    content: "";
    display: inline-block;
    border-top: solid 15px transparent;
    border-right: solid 20px #E23517;
    border-bottom: solid 15px transparent;
    border-left: solid 15px transparent;
    position: absolute;
    top: 8px;
    left: -40px;
}
.side_detailTbl .spot_nm .link_info {
    font-size: 11px;
    margin-left: 4px;
}

/*block
==================================================*/
.block1A { margin-bottom: 40px; }
.block11A { margin-bottom: 20px; }
/*.block1A .innerBlock { text-align: center; }*/
.block1A .innerBlock img { max-width: 530px; height: auto; display: block; margin: 0 auto; }

.block1B { margin-top: 12px; }
.block1B .innerBlock { margin-top: 12px; text-align: center; }
.block1B .innerBlock img { max-width: 515px; text-align: center; height: auto; display: block; margin: 0 auto; }
.block1B .innerBlock.centerImg { padding: 0 125px; }
.block1B .innerBlock.centerImg img { width: 100%; display: block; }
.block90B { margin-bottom: 90px; }

.block2A { margin-bottom: 10px; }
.block2A:after { content: ""; display: block; clear: both; }
.block2A .blockL { width: 50%; float: left; }
.block2A .blockL img { width: 100%; height: auto; }
.block2A .blockR { width: 50%; float: right; text-align: right; }
.block2A .blockR img { width: 100%; height: auto; }
.block2A.snsBlock { margin-top: 10px; }
.block2A.snsBlock .blockL { width: 30%; }
.block2A.snsBlock .blockR { width: 70%; }

.block2B { width: 100%; display: table; table-layout: fixed; margin-bottom: 40px; }
.block2B .innerBlock { display: table-cell; width: 50%; padding: 0 10px; /*text-align: center;*/ }
.block2B .innerBlock:first-child { padding-left: 0; }
.block2B .innerBlock:last-child { padding-right: 0; }
.block2B .innerBlock img { max-width: 100%; height: auto; }

.block2C { margin-bottom: 40px; }
.block2C:after { content: ""; display: block; clear: both; }
.block2C .blockL, .block2C .blockR { text-align: center; }
.block2C .blockL img, .block2C .blockR img { max-width: 260px; height: auto; }
.block2C .blockL *, .block2C .blockR * { text-align: left; }
.block2C .blockL { width: 50%; float: left; }
.block2C .blockR { width: 50%; float: right; padding-left: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.block2C.type2 .blockL { width: 50%; float: left; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.block2C.type2 .blockR { width: 50%; float: right; padding-left: 0; }

.block2D { display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 90px;}
.block2D .innerBlock.posiR { position: relative; }
.block2D .innerBlock.posiR { position: relative; }
.block2D .innerBlock .mapArea { width: 100%; }

.block2D.block2D_typeB .innerBlock { width: 100%; }

.block2E { margin-top: 15px; }
.block2E:after { content: ""; display: block; clear: both; }
.block2E .blockL { width: 420px; float: left; }
.block2E .blockR { width: 420px; float: right; }

.block2F { margin: -7px -7px 0 -7px; overflow: hidden; padding: 12px 0 0; }
.block2F .innerBlock { display: inline-block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px; text-align: center; vertical-align: top; }
.block2F .innerBlock img { max-width: 250px; text-align: center; display: block; margin: 0 auto; }
.block2F + .moveArea { margin-top: 18px; }

.block2G { width: 100%; display: table; table-layout: fixed; border: 1px solid #d3d3d3; }
.block2G .innerBlock { display: table-cell; vertical-align: middle; width: 50%; }
.block2G .innerBlock img { width: 100%; height: auto; }

.block2H { margin-bottom: 40px; }
.block2H:after { content: ""; display: block; clear: both; }
.block2H .blockL, .block2H .blockR { text-align: center; }
.block2H .blockL img, .block2H .blockR img { max-width: 100%; height: auto; }
.block2H .blockL .txt, .block2H .blockR .txt { text-align: left; }
.block2H .blockL { width: 49%; float: left; }
.block2H .blockR { width: 49%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.block2H.reverse .blockL { width: 49%; }
.block2H.reverse .blockR { width: 49%; }

.block2I { margin-bottom: 40px; }
.block2I:after { content: ""; display: block; clear: both; }
.block2I .blockL img, .block2I .blockR img { max-width: 100%; height: auto; }
.block2I .blockL { width: 49%; float: left; }
.block2I .blockR { width: 49%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.block3A { display: table; table-layout: fixed; margin-bottom: 40px; margin-left: -10px; margin-right: -10px; }
.block3A .innerBlock { display: table-cell; width: 33.33%; padding: 0 10px; }
.block3A .innerBlock img { max-width: 173px; width: 100%; height: auto; }

/*line
==================================================*/
.line { border-top: 2px solid #333; height: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; }

/*btn
==================================================*/
.btnLstA li { display: inline-block; }

.conditionalArea .btnLstA { margin-top: 12px; }

a.changeBtn { color: #FFF; font-size: 13px; line-height: 1; text-decoration: none; display: inline-block; padding: 7px 50px 8px 10px; background: #999999 url("/files/user/common/css/images/icn_chaneBtn.png") no-repeat right center; -moz-background-size: 20px 10px; -o-background-size: 20px 10px; -webkit-background-size: 20px 10px; background-size: 20px 10px; }
a.changeBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.moreBtn a { display: block; color: #FFF; font-size: 13px; line-height: 1; text-decoration: none; padding: 11px 50px 11px 10px; background: #999999 url("/files/user/common/css/images/icn_chaneBtn.png") no-repeat right center; -moz-background-size: 20px 10px; -o-background-size: 20px 10px; -webkit-background-size: 20px 10px; background-size: 20px 10px; }
.moreBtn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.moreBtnB { display: none; }

.mapBtn a { display: block; color: #FFF; font-size: 13px; line-height: 1; text-decoration: none; padding: 20px 11px 20px 34px; background: #ec6565 url("/files/user/common/css/images/icn_mapBtn.png") no-repeat 9px center; -moz-background-size: 17px 25px; -o-background-size: 17px 25px; -webkit-background-size: 17px 25px; background-size: 17px 25px; }
.mapBtn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.returnBtn a:hover, .returnBtn input[type="button"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.cancelBtn { width: 200px; margin: 35px auto 0; }
.cancelBtn a, .cancelBtn input[type="button"] { text-align: center; background-color: #999999; padding: 14px 0; display: block; font-size: 14px; text-decoration: none; color: #FFF; border: none; width: 200px; }
.cancelBtn a:hover, .cancelBtn input[type="button"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.loginBtn { width: 200px; margin: 35px auto 0; }
.loginBtn a, .loginBtn input[type="button"] { border: 0 none; text-align: center; background-color: #333; padding: 14px 0; display: block; font-size: 14px; text-decoration: none; color: #FFF; }
.loginBtn a:hover, .loginBtn input[type="button"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.loginBtn input[type="button"] { width: 200px; }
.formBtnList { margin-top: 40px; text-align: center; }
.formBtnList li { width: 210px; padding: 0 10px; display: inline-block; vertical-align: top; }
.formBtnList li.return a, .formBtnList li.return input[type="button"] { background-color: #999999; }
.formBtnList li.fbBtn { width: auto; }
.formBtnList li.fbBtn a { background-color: transparent; padding: 0; }
.formBtnList li.fbBtn a img { max-width: 210px; width: 100%; height: auto; }
.formBtnList li a, .formBtnList li input[type="button"] { width: 210px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; text-align: center; background-color: #333; padding: 15px 0; display: block; font-size: 14px; text-decoration: none; color: #FFF; position: relative; cursor: pointer; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.formBtnList li a:hover, .formBtnList li input[type="button"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.formBtnList li a span, .formBtnList li input[type="button"] span { position: absolute; font-size: 11px; top: 50%; left: 50%; margin-left: -4em; }
.formBtnList li a span.ch, .formBtnList li input[type="button"] span.ch { margin-left: -2.5em; }
.formBtnList li a.line2, .formBtnList li input[type="button"].line2 { padding: 6px 0 23px; }
.formBtnList li a.imgBtn, .formBtnList li input[type="button"].imgBtn { padding: 0; }
.formBtnList li a img { width: 100%; max-width: 210px; height: auto; }

.ereaBtnList, .tagBtnList { width: 890px; margin-bottom: 30px; margin: 0 -5px 10px; }
.ereaBtnList li, .tagBtnList li { display: inline-block; margin: 0 5px 10px; }
.ereaBtnList li a, .tagBtnList li a { font-size: 14px; line-height: 1; display: inline-block; padding: 9px 10px 10px; text-decoration: none; background-color: #ECECEC; }
.ereaBtnList li a:hover, .tagBtnList li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.ereaBtnList li.on a, .tagBtnList li.on a { color: #fff; background-color: #ec6565; }

.categoryBtn { width: 869px; margin: 0 -4px 10px; }
.categoryBtn li { display: inline-block; margin: 0 4px 10px; }
.categoryBtn li a { font-size: 14px; line-height: 1; display: block; padding: 9px 10px 10px 32px; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.categoryBtn li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.categoryBtn li.on a { color: #fff; }
.categoryBtn li.cate1 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate01.png") no-repeat 9px 7px; -moz-background-size: 13px 18px; -o-background-size: 13px 18px; -webkit-background-size: 13px 18px; background-size: 13px 18px; }
.categoryBtn li.cate1.on a { background: #ed5c35 url("/files/user/common/css/images/icn_Btn_cate01_on.png") no-repeat 9px 7px; -moz-background-size: 13px 18px; -o-background-size: 13px 18px; -webkit-background-size: 13px 18px; background-size: 13px 18px; }
.categoryBtn li.cate2 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate02.png") no-repeat 10px 7px; -moz-background-size: 13px 16px; -o-background-size: 13px 16px; -webkit-background-size: 13px 16px; background-size: 13px 16px; }
.categoryBtn li.cate2.on a { background: #dd7f9a url("/files/user/common/css/images/icn_Btn_cate02_on.png") no-repeat 10px 7px; -moz-background-size: 13px 16px; -o-background-size: 13px 16px; -webkit-background-size: 13px 16px; background-size: 13px 16px; }
.categoryBtn li.cate3 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate03.png") no-repeat 9px 10px; -moz-background-size: 15px 12px; -o-background-size: 15px 12px; -webkit-background-size: 15px 12px; background-size: 15px 12px; }
.categoryBtn li.cate3.on a { background: #4d911b url("/files/user/common/css/images/icn_Btn_cate03_on.png") no-repeat 9px 10px; -moz-background-size: 15px 12px; -o-background-size: 15px 12px; -webkit-background-size: 15px 12px; background-size: 15px 12px; }
.categoryBtn li.cate4 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate04.png") no-repeat 9px 7px; -moz-background-size: 15px 18px; -o-background-size: 15px 18px; -webkit-background-size: 15px 18px; background-size: 15px 18px; }
.categoryBtn li.cate4.on a { background: #81549c url("/files/user/common/css/images/icn_Btn_cate04_on.png") no-repeat 9px 7px; -moz-background-size: 15px 18px; -o-background-size: 15px 18px; -webkit-background-size: 15px 18px; background-size: 15px 18px; }
.categoryBtn li.cate5 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate05.png") no-repeat 9px 8px; -moz-background-size: 17px 16px; -o-background-size: 17px 16px; -webkit-background-size: 17px 16px; background-size: 17px 16px; }
.categoryBtn li.cate5.on a { background: #7c5620 url("/files/user/common/css/images/icn_Btn_cate05_on.png") no-repeat 9px 8px; -moz-background-size: 17px 16px; -o-background-size: 17px 16px; -webkit-background-size: 17px 16px; background-size: 17px 16px; }
.categoryBtn li.cate6 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate06.png") no-repeat 9px 6px; -moz-background-size: 14px 19px; -o-background-size: 14px 19px; -webkit-background-size: 14px 19px; background-size: 14px 19px; }
.categoryBtn li.cate6.on a { background: #147fb7 url("/files/user/common/css/images/icn_Btn_cate06_on.png") no-repeat 9px 6px; -moz-background-size: 14px 19px; -o-background-size: 14px 19px; -webkit-background-size: 14px 19px; background-size: 14px 19px; }

/*planContent
==================================================*/
.planWrap { padding: 16px 22px 15px 8px; margin-bottom: 30px; }
.planContent { padding: 0px 0 0 35px; background: url("/files/user/common/css/images/bg_arrow.png") repeat-y 9px top; -moz-background-size: 14px auto; -o-background-size: 14px auto; -webkit-background-size: 14px auto; background-size: 14px auto; position: relative; top: -1px; }
.planContent:not(:first-of-type) { margin-top: -20px; padding-top: 20px; }
.planContent.noneBg { background: none; margin-top: -10px; }

.planWrapB { padding-left: 10px; }

.planContentB { margin-bottom: 15px; background: url("/files/user/common/css/images/bg_arrow.png") repeat-y left top; -moz-background-size: 14px auto; -o-background-size: 14px auto; -webkit-background-size: 14px auto; background-size: 14px auto; position: relative; padding-left: 30px; }
.planContentB .dataImg { width: 100%; height: auto; max-width: 530px; }

/*recommend
==================================================*/
.recommendSpot { margin-top: 30px; padding: 14px 18px; background: url("/files/user/common/css/images/bg_bdr_04.png"); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.recommendSpot img { max-width: 478px; display: block; margin: 15px auto 0; }

.RecommendWrap { margin-top: 35px; background-color: #f4f3f1; padding: 15px 40px; }

/*moveArea
==================================================*/
.moveArea { background-color: #F4F3F1; padding: 15px 34px; margin-bottom: 16px; position: relative; }
.moveArea:after { content: ""; position: absolute; left: -10px; top: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 5px 12px 5px 0; border-color: rgba(0, 0, 0, 0) #f0efed rgba(0, 0, 0, 0); margin: auto; }

/*articleContent
==================================================*/
.mainVisual img { width: 100%; height: auto; }

.articleContent .block2D .commentSideArea .inner .userCommetWrap .userName { width: 74%; }
/*.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .userName { width: 100% !important; }*/
/*.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .txtWrap { float: right; display: inline-block; width: 74%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 { padding: 10px 20px; border-top: 1px solid #D3D3D3; }
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 .postingTtl { font-size: 16px; }
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 .postingTtl span { display: block; font-size: 13px; }
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 .postingTtl:after { content: ""; display: block; clear: both; }

hr.contentHr { border: 1px solid #cccccc; margin: 5px 0 15px; }

/*center ad
==================================================*/
.centerAdWrap { margin: 20px auto; }
.centerAdWrap img { margin-left: auto; margin-right: auto; }
.centerAdWrap .ad300 { max-width: 300px; width:100%;}
.centerAdWrap .ad320 { max-width: 320px; width:100%;}
.centerAdWrap.areaTop { margin: 20px 0 30px; }

/*conditional
==================================================*/
.conditionalArea { background-image: url("/files/user/common/css/images/bg_bdr_01.png"); padding: 5px; font-size: 16px; line-height: 1.7; color: #000; margin-bottom: 20px; }
.conditionalArea .conditional { display: block; background-color: #FFF; padding: 10px 16px 15px; -ms-word-break: break-all; word-break: break-all; }
.conditionalArea .conditional ul li { display: inline-block; }
.conditionalArea .conditional ul li:after { content: ' ,'; padding-right: 5px; }
.conditionalArea .conditional ul li:last-child:after { content: ''; }

/*spec
==================================================*/
.specArea { background-image: url("/files/user/common/css/images/bg_bdr_02.png"); padding: 5px; font-size: 16px; line-height: 1.7; color: #000; margin-bottom: 20px; }
.specArea .spec { display: block; background-color: #FFF; padding: 0 15px; }
.specArea .specTbl { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.specArea .specTbl tr:first-of-type { border-bottom: 1px solid #f5ba7f; }
.specArea .specTbl td { width: 50%; padding: 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.specArea .specTbl td:first-child a, .specArea .specTbl td:first-child p { border-right: 1px solid #f5ba7f; padding-left: 23px; }
.specArea .specTbl a, .specArea .specTbl p { display: block; text-decoration: none; line-height: 20px; color: #333; font-size: 13px; padding-left: 40px; }
.specArea .specTbl a.icn01, .specArea .specTbl p.icn01 { background: url("/files/user/common/css/images/icn_spec01.png") no-repeat left 0.2em !important; -moz-background-size: 16px 15px !important; -o-background-size: 16px 15px !important; -webkit-background-size: 16px 15px !important; background-size: 16px 15px !important; }
.specArea .specTbl a.icn02, .specArea .specTbl p.icn02 { background: url("/files/user/common/css/images/icn_spec02.png") no-repeat 21px 0.2em; -moz-background-size: 12px 17px; -o-background-size: 12px 17px; -webkit-background-size: 12px 17px; background-size: 12px 17px; }
.specArea .specTbl a.icn03, .specArea .specTbl p.icn03 { background: url("/files/user/common/css/images/icn_spec03.png") no-repeat left 0.2em; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; -webkit-background-size: 15px 15px; background-size: 15px 15px; }
.specArea .specTbl a.icn04, .specArea .specTbl p.icn04 { background: url("/files/user/common/css/images/icn_spec04.png") no-repeat 20px 0.2em; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; -webkit-background-size: 15px 15px; background-size: 15px 15px; }
.specArea .specTbl span { display: table-cell; }
.specArea .specTbl span:first-child { white-space: nowrap; }


.profileArea { border: 8px solid #EFEFEF; padding: 30px 15px 10px; margin-bottom: 30px; }
/*profile
.profileArea .profile:after { content: ""; display: block; clear: both; }
.profileArea .profile .imgBox { width: 186px; float: left; padding-right: 28px; background: url("/files/user/common/css/images/bg_bdr_01.png") repeat-y right top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.profileArea .profile .imgBox .prfImg { -moz-box-shadow: 2.5px 3px 3.5px 0.25px rgba(1, 1, 1, 0.4); -webkit-box-shadow: 2.5px 3px 3.5px 0.25px rgba(1, 1, 1, 0.4); box-shadow: 2.5px 3px 3.5px 0.25px rgba(1, 1, 1, 0.4); -moz-border-radius: 68px; -webkit-border-radius: 68px; border-radius: 68px; border: 5px solid #fff; width: 135px; height: 135px; position: relative; overflow: hidden; }
.profileArea .profile .imgBox .prfImg img { display: inline-block; height: 135px; width: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.profileArea .profile .nameBox { width: 77%; float: left; padding-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.profileArea .profile .nameBox .name { font-size: 32px; margin-bottom: 5px; display: inline-block; padding-right: 12px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.profileArea .profile .nameBox .snsIcn { display: inline-block; }
.profileArea .profile .nameBox .snsIcn img { width: 30px; height: auto; }
.profileArea .profile .commentBox { width: 77%; float: left; padding-left: 30px; font-size: 14px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.profileArea .profile .statusBox { width: 77%; float: left; padding-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.profileArea .profile .statusBox li { min-width: 245px; min-height: 50px; display: inline-block; margin-left: 6px; vertical-align: top; text-align: center; padding: 10px 20px; background: #efefef !important; }
.profileArea .profile .statusBox li a { color: #333; text-decoration: none; display: block; padding: 10px 28px 10px 45px; background-color: #efefef; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
.profileArea .profile .statusBox li a strong { padding-left: 1em; font-size: 20px; }
.profileArea .profile .statusBox li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.profileArea .profile .statusBox li:first-child { margin-left: 0; }
.profileArea .profile .statusBox li.bookMark:before { content: ''; display: inline-block; width: 20px; height: 16px; margin-right: 10px; background: url("/files/user/common/css/images/icn_folder_mypage.png") no-repeat 0 0; vertical-align: middle; }
.profileArea .profile .statusBox li.gone { padding: 10px 20px !important; }
.profileArea .profile .statusBox li.gone:before { content: ''; display: inline-block; width: 26px; height: 25px; margin-right: 10px; background: url("/files/user/common/css/images/icn_going_mypage.png") no-repeat 0 0; vertical-align: middle; }
.profileArea .profile .statusBox li { color: #333; text-decoration: none; background-color: #efefef; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.profileArea .profile .statusBox li strong { padding-left: 1em; font-size: 20px; }
.profileArea .memberInfo { text-align: right; }
.profileArea .memberInfo li { display: inline-block; }
.profileArea .memberInfo li a { color: #333; font-size: 13px; padding-left: 5px; }
.profileArea .memberInfo li a:hover { text-decoration: none; }
.profileArea .memberInfo li:before { content: "|"; }
.profileArea .memberInfo li:first-child { margin-right: 5px; }
.profileArea .memberInfo li:first-child:before { content: none; }

/*spotBlock
==================================================*/
.spotBlockWrap { font-size: 0; margin: 0 -10px; overflow: hidden; }

.spotBlock { position: relative; border: 1px solid #d3d3d3; margin: 0 10px 20px; width: 205px; display: inline-block; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.spotBlock img { width: 100%; height: auto; }
.spotBlock > a { text-decoration: none; }
.spotBlock > a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.spotBlock.food:before, .spotBlock.shopping:before, .spotBlock.sightseeing:before, .spotBlock.experience:before, .spotBlock.culture:before, .spotBlock.event:before, .spotBlock.special:before, .spotBlock.plan:before, .spotBlock.information:before { content: ""; position: absolute; width: 40px; height: 40px; left: 0; top: 0; z-index: 10; }
.spotBlock.food:before { background: url("/files/user/common/css/images/icn_cate01.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.shopping:before { background: url("/files/user/common/css/images/icn_cate02.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.sightseeing:before { background: url("/files/user/common/css/images/icn_cate03.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.experience:before { background: url("/files/user/common/css/images/icn_cate04.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.culture:before { background: url("/files/user/common/css/images/icn_cate05.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.event:before { background: url("/files/user/common/css/images/icn_cate06.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.special:before { background: url("/files/user/common/css/images/icn_cate07.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.plan:before { background: url("/files/user/common/css/images/icn_cate08.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock.information:before { background: url("/files/user/common/css/images/icn_cate09.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.spotBlock .likeBtnList { display: table; font-size: 14px; width: 100%; }
.spotBlock .likeBtnList li { width: 50%; word-break: break-all; display: table-cell; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.spotBlock .likeBtnList li a { color: #999999; line-height: 1; font-size: 12px; display: block; position: relative; text-decoration: none; cursor: default; }
.spotBlock .likeBtnList li.like { max-width: 99px; }
.spotBlock .likeBtnList li.like a { cursor: pointer; padding: 8px 2px 8px 42px; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.spotBlock .likeBtnList li.like a span.mark { position: absolute; top: 8px; width: 19px; height: 14px; background: url("/files/user/common/css/images/icn_like.png") no-repeat left top; -moz-background-size: 19px 28px; -o-background-size: 19px 28px; -webkit-background-size: 19px 28px; background-size: 19px 28px; z-index: 10; visibility: hidden; }
.spotBlock .likeBtnList li.like a span.countno { padding-left: 20px; }
.spotBlock .likeBtnList li.like a:before { content: ""; position: absolute; top: 8px; width: 19px; height: 14px; background: url("/files/user/common/css/images/icn_like.png") no-repeat left -14px; -moz-background-size: 19px 28px; -o-background-size: 19px 28px; -webkit-background-size: 19px 28px; background-size: 19px 28px; }
.spotBlock .likeBtnList li.like.on { background-color: #EC3713; }
.spotBlock .likeBtnList li.like.on a { color: #FFF; cursor: pointer; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.spotBlock .likeBtnList li.like.on a span.mark { visibility: visible; opacity: 0; -moz-transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); -moz-transition: opacity 0.8s ease-in, -moz-transform 0.8s ease-out; -o-transition: opacity 0.8s ease-in, -o-transform 0.8s ease-out; -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out; transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
.spotBlock .likeBtnList li.like.on a:before { background: url("/files/user/common/css/images/icn_like.png") no-repeat left top; -moz-background-size: 19px 28px; -o-background-size: 19px 28px; -webkit-background-size: 19px 28px; background-size: 19px 28px; }
.spotBlock .likeBtnList li.bookMark { max-width: 100px; border-left: 1px solid #d3d3d3; }
.spotBlock .likeBtnList li.bookMark a { cursor: pointer; line-height: 30px; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.spotBlock .likeBtnList li.bookMark a span.mark { position: absolute; left: -102px; top: -203px; width: 201px; height: 200px; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; z-index: 10; visibility: hidden; -moz-transform-origin: 40% 50% 50%; -ms-transform-origin: 40% 50% 50%; -webkit-transform-origin: 40% 50% 50%; transform-origin: 40% 50% 50%; }
.spotBlock .likeBtnList li.bookMark a:before { content: ""; position: absolute; left: 40px; top: 8px; width: 25px; height: 15px; background: url("/files/user/common/css/images/icn_folder.png") no-repeat left -14px; -moz-background-size: 25px 28px; -o-background-size: 25px 28px; -webkit-background-size: 25px 28px; background-size: 25px 28px; }
.spotBlock .likeBtnList li.bookMark.on { background-color: #F39400; }
.spotBlock .likeBtnList li.bookMark.on a { -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.spotBlock .likeBtnList li.bookMark.on a span.mark { visibility: visible; opacity: 0; width: 0; top: 20px; left: 50px; -moz-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; -o-transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; -webkit-transition: opacity 0.4s ease-in, width 0.5s ease-out, height 0.5s ease-out, top 0.5s linear, left 0.5s linear; -webkit-transition-delay: 0.2s, 0.1s, 0.1s, 0.1s, 0.1s; transition: opacity 0.4s ease-in 0.2s, width 0.5s ease-out 0.1s, height 0.5s ease-out 0.1s, top 0.5s linear 0.1s, left 0.5s linear 0.1s; }
.spotBlock .likeBtnList li.bookMark.on a:before { background: url("/files/user/common/css/images/icn_folder.png") no-repeat left 1px; -moz-background-size: 25px 28px; -o-background-size: 25px 28px; -webkit-background-size: 25px 28px; background-size: 25px 28px; }
.spotBlock .likeBtnList li.bookMark.on_2 { background-color: #F39400; }
.spotBlock .likeBtnList li.bookMark.on_2 a:before { background: url("/files/user/common/css/images/icn_folder.png") no-repeat left 1px; -moz-background-size: 25px 28px; -o-background-size: 25px 28px; -webkit-background-size: 25px 28px; background-size: 25px 28px; }
.spotBlock .spotTxt { font-size: 14px; padding: 10px 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 62px; }

/*bottomArea
==================================================*/
.spotBlockWrap.bottomArea .spotBlock { width: 160px; }

/*narrowArea
==================================================*/
.narrowArea { margin-bottom: 34px; }
.narrowArea .tabList li { display: inline-block; vertical-align: bottom; }
.narrowArea .tabList li a { display: inline-block; padding-left: 8px; text-decoration: none; }
.narrowArea .tabList li a span { font-size: 18px; color: #333; line-height: 1; text-align: center; display: block; width: 214px; padding: 14px 14px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #e4e4e4; border-left: 2px solid #e4e4e4; border-right: 2px solid #e4e4e4; vertical-align: top; min-height: 50px; }
.narrowArea .tabList li a span:before { content: ''; width: 25px; height: 21px; display: inline-block; vertical-align: top; margin: -2px 10px 0 0; }
.narrowArea .tabList li a:hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.narrowArea .tabList li:first-child a { padding-left: 0; }
.narrowArea .tabList li.all a span:before { width: 19px; height: 19px; background: url("/files/user/common/css/images/icn_all.png") no-repeat 0 0; -moz-background-size: 19px 19px; -o-background-size: 19px 19px; -webkit-background-size: 19px 19px; background-size: 19px 19px; }
.narrowArea .tabList li.all.on a span { border: none; color: #FFF; background: #cf2d0c; }
.narrowArea .tabList li.all.on a span:before { background: url("/files/user/common/css/images/icn_all_on.png") no-repeat 0 0; -moz-background-size: 19px 19px; -o-background-size: 19px 19px; -webkit-background-size: 19px 19px; background-size: 19px 19px; }
.narrowArea .tabList li.spot a span:before { width: 21px; height: 29px; background: url("/files/user/common/css/images/icn_spot.png") no-repeat 0 0; -moz-background-size: 21px 29px; -o-background-size: 21px 29px; -webkit-background-size: 21px 29px; background-size: 21px 29px; }
.narrowArea .tabList li.spot.on a span { border: none; color: #FFF; background: #cf2d0c; }
.narrowArea .tabList li.spot.on a span:before { background: url("/files/user/common/css/images/icn_spot_on.png") no-repeat 0 0; -moz-background-size: 21px 29px; -o-background-size: 21px 29px; -webkit-background-size: 21px 29px; background-size: 21px 29px; }
.narrowArea .tabList li.plan a span:before { width: 25px; height: 21px; background: url("/files/user/common/css/images/icn_plan.png") no-repeat 0 0; -moz-background-size: 25px 21px; -o-background-size: 25px 21px; -webkit-background-size: 25px 21px; background-size: 25px 21px; }
.narrowArea .tabList li.plan.on a span { border: none; color: #FFF; background: #cf2d0c; }
.narrowArea .tabList li.plan.on a span:before { background: url("/files/user/common/css/images/icn_plan_on.png") no-repeat 0 0; -moz-background-size: 25px 21px; -o-background-size: 25px 21px; -webkit-background-size: 25px 21px; background-size: 25px 21px; }
.narrowArea .tabList li.story a span:before { width: 25px; height: 25px; background: url("/files/user/common/css/images/icn_story.png") no-repeat 0 0; -moz-background-size: 25px 25px; -o-background-size: 25px 25px; -webkit-background-size: 25px 25px; background-size: 25px 25px; }
.narrowArea .tabList li.story.on a span { border: none; color: #FFF; background: #cf2d0c; }
.narrowArea .tabList li.story.on a span:before { background: url("/files/user/common/css/images/icn_story_on.png") no-repeat 0 0; -moz-background-size: 25px 25px; -o-background-size: 25px 25px; -webkit-background-size: 25px 25px; background-size: 25px 25px; }
.narrowArea .tabBox { border: 2px solid #e4e4e4; padding: 24px; }
.narrowArea .squeeze { margin-bottom: 15px; }
.narrowArea .squeeze li { display: inline-block; font-size: 14px; margin-left: 10px; vertical-align: top; }
.narrowArea .squeeze li:first-child { margin-left: 0; }
.narrowArea .squeeze li a { font-size: 13px; color: #333; text-decoration: none; background-color: #EFEFEF; }
.narrowArea .squeeze li.bookMark a { padding: 8px 15px 8px 34px; background: #efefef url("/files/user/common/css/images/icn_folder_mypage_of.png") no-repeat 10px 11px; -moz-background-size: 16px 13px; -o-background-size: 16px 13px; -webkit-background-size: 16px 13px; background-size: 16px 13px; }
.narrowArea .squeeze li.bookMark a.on { color: #FFF; background: #f39400 url("/files/user/common/css/images/icn_folder_mypage02.png") no-repeat 10px 11px; -moz-background-size: 16px 13px; -o-background-size: 16px 13px; -webkit-background-size: 16px 13px; background-size: 16px 13px; }
.narrowArea .squeeze li.gone a { padding: 8px 10px 8px 38px; background: #efefef url("/files/user/common/css/images/icn_going_mypage02.png") no-repeat 10px 8px; -moz-background-size: 20px 19px; -o-background-size: 20px 19px; -webkit-background-size: 20px 19px; background-size: 20px 19px; }
.narrowArea .squeeze li.gone a.on { color: #FFF; background: #498147 url("/files/user/common/css/images/icn_going_content_on.png") no-repeat 10px 8px; -moz-background-size: 20px 19px; -o-background-size: 20px 19px; -webkit-background-size: 20px 19px; background-size: 20px 19px; }
.narrowArea .areaTtl { font-size: 14px; display: inline-block; margin-right: 34px; }
.narrowArea .area { display: inline-block; }
.narrowArea .area li { display: inline-block; }
.narrowArea .area li a { font-size: 13px; color: #333; text-decoration: none; }
.narrowArea .area li a.on { text-decoration: underline; }
.narrowArea .area li a span:after { display: inline-block; content: "|"; padding-left: 8px; text-decoration: none; }
.narrowArea .spotBlockWrap { margin: 20px -6px 0; }
.narrowArea .spotBlock { width: 156px; margin: 0 6px 20px; }
.narrowArea .spotBlock .like { position: absolute; top: 130px; right: 10px; }
.narrowArea .spotBlock .like a { font-size: 12px; color: #FFF; cursor: pointer; padding-left: 48px; text-decoration: none; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.narrowArea .spotBlock .like a span.mark { position: absolute; left: 28px; top: 0; width: 26px; height: 18px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; z-index: 10; visibility: hidden; }
.narrowArea .spotBlock .like a:before { content: ""; position: absolute; left: 20px; top: 0; width: 26px; height: 18px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -18px; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; }
.narrowArea .spotBlock .like.on a { color: #FFF; cursor: pointer; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.narrowArea .spotBlock .like.on a span.mark { visibility: visible; opacity: 0; width: 0; -moz-transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); -moz-transition: opacity 0.8s ease-in, -moz-transform 0.8s ease-out, width 0s ease-in 0.8s; -o-transition: opacity 0.8s ease-in, -o-transform 0.8s ease-out, width 0s ease-in 0.8s; -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out, width 0s ease-in; -webkit-transition-delay: 0s, 0s, 0.8s; transition: opacity 0.8s ease-in, transform 0.8s ease-out, width 0s ease-in 0.8s; }
.narrowArea .spotBlock .like.on a:before { background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; }
.narrowArea .pagination { margin-top: 10px; }

.sliderWrapA .spotBlock .like { position: absolute; bottom: 65px; right: 10px; }
.sliderWrapA .spotBlock .like a { font-size: 12px; color: #FFF; cursor: pointer; padding-left: 48px; text-decoration: none; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.sliderWrapA .spotBlock .like a span.mark { position: absolute; left: 28px; top: 0; width: 26px; height: 18px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; z-index: 10; visibility: hidden; }
.sliderWrapA .spotBlock .like a:before { content: ""; position: absolute; left: 20px; top: 0; width: 26px; height: 18px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -18px; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; }
.sliderWrapA .spotBlock .like.on a { color: #FFF; cursor: pointer; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.sliderWrapA .spotBlock .like.on a span.mark { visibility: visible; opacity: 0; -moz-transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); -moz-transition: opacity 0.8s ease-in, -moz-transform 0.8s ease-out; -o-transition: opacity 0.8s ease-in, -o-transform 0.8s ease-out; -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out; transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
.sliderWrapA .spotBlock .like.on a:before { background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; }

/*management
==================================================*/
.managementArea { min-height: 580px; }

.errorTxt { color: #CF2D0C; }

.errorBox { padding: 45px 50px; background-color: #efefef; margin-bottom: 20px; font-size: 14px; }
.errorBox > * { color: #cf2d0c; }
.errorBox > p { font-weight: bold; }
.errorBox > ul li { display: table; }
.errorBox > ul li span { display: table-cell; }

.formBox { background-image: url("/files/user/common/css/images/bg_bdr_01.png"); padding: 5px; font-size: 14px; }
.formBox .formBox_inner { background-color: #FFF; padding: 45px; }
.formBox .formBox_inner > .formNote { padding-bottom: 30px; }
.formBox .formBox_inner h2 { font-size: 22px; }
.formBox .formBox_inner h2 + .errorTxt + p { margin-top: 30px; }
.formBox .loginBox { margin-top: 20px; background-color: #FFE2E2; padding: 30px; }

.inputBox .inputLst:not(:first-child) { border-top: 2px solid #D5D5D5; margin-top: 30px; padding-top: 30px; }
.inputBox .indentList { padding-top: 10px; }

.inputLst:not(:first-child) { margin-top: 30px; }
.inputLst li { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.inputLst li.heading { color: #000; font-weight: bold; width: 28%; }
.inputLst li.input input[type="text"] { width: 300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; border: 2px solid #d5d5d5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 8px 10px; margin-left: 15px; }
.inputLst li.radio label { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-right: 25px; margin-left: 15px; vertical-align: middle; }
.inputLst li.radio label input[type="radio"] { height: 20px; margin-right: 10px; vertical-align: middle; width: 20px; }
.inputLst li.input_short input[type="text"] { width: 4em; -moz-appearance: none; -webkit-appearance: none; border: 2px solid #d5d5d5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 8px 10px; }
.inputLst li.input_short input[type="text"]:first-child { margin-left: 15px; }
.inputLst li.inputTxt { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 300px; margin-left: 15px; }
.inputLst li.txtArea textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200px; resize: none; min-width: 500px; -moz-appearance: none; -webkit-appearance: none; border: 2px solid #d5d5d5; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px; border-radius: 5px 0 0 5px; padding: 8px 10px; margin-left: 15px; }

input[type="file"] { display: inline-block; white-space: normal; }

.imgInput { text-align: center; }

.imgView { width: 100%; max-width: 150px; height: auto; }

.inpuClearance { padding: 0 5px; }

.passFoget { text-align: center; margin-top: 15px; }

.facebookLogin { margin-top: 30px; text-align: center; }
.facebookLogin > p { display: inline-block; vertical-align: middle; padding: 0 10px; }
.facebookLogin > p a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.requiredTxt { display: block; font-size: 12px; color: #333; font-weight: normal; }

.formTxtBox { font-size: 14px; margin-bottom: 20px; }

/*mapArea
==================================================*/
.mapArea .detail { padding: 18px; }

/*pagination
==================================================*/
.pagination { text-align: center; margin: 40px auto; }
.pagination li { display: inline-block; margin-left: 10px; vertical-align: top; }
.pagination li:first-child { margin-left: 0; }
.pagination li a, .pagination li.current span { font-size: 11px; width: 30px; height: 30px; line-height: 1; text-decoration: none; display: block; padding: 8px 0; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pagination li a { color: #000; border: 1px solid #d3d3d3; }
.pagination li a:hover { color: #FFF; background-color: #333; }
.pagination li.current span { color: #FFF; background-color: #333; }
.pagination li.spPage { display: none; }
.pagination .prev a, .pagination .next a { border: none; position: relative; }
.pagination .prev a:before, .pagination .next a:before { border-bottom: 2px solid #333333; border-right: 2px solid #333333; content: ""; display: block; height: 7px; position: absolute; width: 7px; }
.pagination .prev a span, .pagination .next a span { display: none; }
.pagination .prev a:hover, .pagination .next a:hover { background-color: transparent; }
.pagination .prev a:before { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 50%; top: 11px; }
.pagination .next a:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 50%; top: 11px; }

/*colorStyle
==================================================*/
.colorStyleA { padding: 10px; }
.colorStyleA .line { display: none; }
.colorStyleA .h3TtlA { padding: 10px; width: -webkit-calc(100% - 20px); width: 100%; }

/*ReplacementWrap
==================================================*/
/*.ReplacementWrap { position: relative; text-align: left; }*/

/*likebox
==================================================*/
.fbBoxWrap .fbcomments, .fbBoxWrap .fb_iframe_widget, .fbBoxWrap .fb_iframe_widget[style], .fbBoxWrap .fb_iframe_widget iframe[style], .fbBoxWrap .fbcomments iframe[style], .fbBoxWrap .fb_iframe_widget span { width: 100% !important; }

.likeBtnFb { text-align: center; }

/*other
==================================================*/
.bdrBox { background-image: url("/files/user/common/css/images/bg_bdr_01.png"); padding: 5px; margin-bottom: 35px; }
.bdrBox .bdrBox_inner { background-color: #FFF; padding: 45px 0; }
.bdrBox .bdrBox_inner.basic { padding: 45px; }

.bdrBox2 { background-image: url("/files/user/common/css/images/bg_bdr_01.png"); padding: 5px; margin-bottom: 40px; }
.bdrBox2 .bdrBox_inner { background-color: #FFF; padding: 20px 0; }
.bdrBox2.siteMap .bdrBox_inner { padding: 45px 20px; }

.bdrBox3 { background-image: url("/files/user/common/css/images/bg_bdr_01.png"); padding: 5px; margin-bottom: 40px; }
.bdrBox3 .bdrBox_inner { background-color: #FFF; padding: 40px 30px 40px 40px; height: 520px; overflow: hidden; }
.bdrBox3 .bdrBox_inner.noneHeight { height: auto; }
.bdrBox3 .txt:not(:first-child) { margin-top: 30px; }

.bdrBox4 { background-image: url("/files/user/common/css/images/bg_bdr_01.png"); padding: 5px; margin-bottom: 40px; display: inline-block; }
.bdrBox4 .bdrBox_inner { background-color: #FFF; padding: 20px 0; }
.bdrBox4 .linkBox .linkBox_inner { width: auto; padding: 0 60px; }
.bdrBox4 .linkBox .linkBox_inner li a, .bdrBox4 .linkBox .linkBox_inner li span { font-size: 15px; }

.bdrBox5 { border: 8px solid #7e7e7e; margin-top: 30px; text-align: center; }
.bdrBox5 .bdrBox_inner { padding: 40px 0; }
.bdrBox5 .bdrBox_ttl { font-weight: bold; font-size: 18px; color: #000; }

.qaBox { display: table; width: 100%; table-layout: fixed; }
.qaBox .qaBlock { font-size: 14px; display: table-cell; vertical-align: top; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.qaBox .qaBlock:not(:first-child) { background: url("/files/user/common/css/images/bdr_dot02.png") repeat-y left top; }

.linkBox { content: ""; display: block; clear: both; display: table; width: 100%; }
.linkBox .linkBox_inner { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 45px; }
.linkBox .linkBox_inner:not(:first-child) { background: url("/files/user/common/css/images/bdr_dot02.png") repeat-y left top; }

.qaLst { padding: 0 40px; }
.qaLst li:not(:first-child) { margin-top: 20px; }
.qaLst li a { display: block; padding-left: 12px; text-decoration: none; position: relative; }
.qaLst li a:hover { text-decoration: underline; }
.qaLst li a:after { border-bottom: 2px solid #333333; border-right: 2px solid #333333; content: ""; height: 6px; top: 0.5em; left: -3px; position: absolute; width: 6px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.linkBoxLst li:first-child a, .linkBoxLst li:first-child span { margin-top: 0; }
.linkBoxLst li a, .linkBoxLst li span { font-size: 16px; display: block; padding-left: 12px; margin-top: 10px; text-decoration: none; position: relative; }
.linkBoxLst li a:after, .linkBoxLst li span:after { border-bottom: 1px solid #000; border-right: 1px solid #000; content: ""; height: 6px; top: 0.5em; left: -3px; position: absolute; width: 6px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.linkBoxLst li a:hover { text-decoration: underline; }
.linkBoxLst.siteMap li { border-bottom: 1px solid #D6D6D6; padding-bottom: 22px; }
.linkBoxLst.siteMap li:not(:first-child) { padding-top: 22px; }
.linkBoxLst.siteMap li:not(:first-child) > a:after, .linkBoxLst.siteMap li:not(:first-child) > span:after { top: 50%; margin-top: -3px; }
.linkBoxLst.siteMap li.noBdr { border: none; }
.linkBoxLst.siteMap li > a { font-weight: bold; margin-top: 0; }
.linkBoxLst.siteMap li > span { margin-top: 0; }
.linkBoxLst.siteMap li > ul { margin-left: 1em; }
.linkBoxLst.siteMap li > ul > li { border: none; padding-top: 0; padding-bottom: 0; }
.linkBoxLst.siteMap li > ul > li:not(:first-child) { padding-top: 0; }
.linkBoxLst.siteMap li > ul > li:not(:first-child) > a:after { top: 0.5em; }
.linkBoxLst.siteMap li > ul > li a { font-weight: normal; }
.linkBoxLst.siteMap li.contents > a:after { content: none; }
.linkBoxLst.siteMap li.contents > a.noLink { cursor: auto; }
.linkBoxLst.siteMap li.contents > a.noLink:hover { text-decoration: none; }
.linkBoxLst.siteMap li.contents > ul > li > a:after, .linkBoxLst.siteMap li.contents > ul > li > span:after { content: "・"; border: none; font-weight: bold; top: 0.3em; left: -0.7em; font-size: 22px; }
.linkBoxLst.siteMap li.contents > ul > li:first-child > a:after, .linkBoxLst.siteMap li.contents > ul > li:first-child > span:after { top: 0.2em; }

.qaDetailLst { font-size: 14px; }
.qaDetailLst > li:not(:first-child) { border-top: 2px solid #fff; }
.qaDetailLst > li > a { display: block; color: #FFF; background-color: #999; padding: 24px 22px; text-decoration: none; position: relative; }
.qaDetailLst > li > a:hover { text-decoration: underline; }
.qaDetailLst > li > a:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ""; height: 12px; position: absolute; right: 24px; width: 24px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.qaDetailLst > li > ul > li { background-color: #efefef; padding: 24px 22px; }

.memberBox { width: 100%; display: table; table-layout: fixed; }

.memberBox_inner { display: table-cell; border: 3px solid #CF2D0C; padding: 12px 27px 20px; position: relative; }
.memberBox_inner .memNum { position: absolute; left: 0; top: 0; }
.memberBox_inner .memTtl { font-size: 18px; color: #CF2D0C; padding-left: 50px; line-height: 1.2; margin-bottom: 20px; min-height: 45px; }
.memberBox_inner .memImg { text-align: center; margin-bottom: 15px; }
.memberBox_inner .memImg img { max-width: 220px; width: 100%; height: auto; }
.memberBox_inner .memTxt { font-size: 14px; line-height: 1.8; }

.memberBox_inner_space { display: table-cell; width: 20px; }

.aboutBoxWrap { background-image: url("/files/user/common/css/images/bg_bdr_01.png"); padding: 5px; margin-bottom: 40px; }
.aboutBoxWrap .aboutBox { width: 100%; display: table; table-layout: fixed; padding: 10px; background-color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.aboutBoxWrap .aboutBox .aboutBox_Inner { display: table-cell; width: 50%; vertical-align: middle; text-align: center; }
.aboutBoxWrap .aboutBox .aboutBox_Inner.right_inner { text-align: right; }
.aboutBoxWrap .aboutBox img { width: 100%; max-width: 420px; height: auto; }

.aboutLeadWrap { background: #f4f3f1; padding: 30px 60px; margin-bottom: 40px; }

.aboutLeadLst li { display: table; color: #000; }
.aboutLeadLst li span { display: table-cell; white-space: nowrap; padding-right: 18px; vertical-align: middle; }
.aboutLeadLst li:not(:first-child) { margin-top: 30px; }

.staffWrap { display: table; table-layout: fixed; }
.staffWrap:not(:first-of-type) { margin-top: 20px; }
.staffWrap .staffBox { display: table-cell; width: 280px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d3d3d3; }
.staffWrap .staffBox img { width: 100%; height: auto; max-width: 278px; }
.staffWrap .staffBox_plf { padding: 20px 15px; font-size: 16px; }
.staffWrap .staffBox_plf p { line-height: 1.8; }
.staffWrap .staffBox_plf p > span { color: #cf2d0c; }
.staffWrap .staffBox_plf .name { font-weight: bold; }
.staffWrap .staffBox_plf .stay { margin-bottom: 5px; }
.staffWrap .staffBox_space { display: table-cell; width: 20px; }

.infoTopArea .infoMainImg { margin-bottom: 20px; }
.infoTopArea .infoMainImg img { width: 100%; height: auto; max-width: 880px; }

.infoTopBoxWrap { display: table; table-layout: fixed; }
.infoTopBoxWrap:not(:first-of-type) { margin-top: 20px; }
.infoTopBoxWrap.infoTopBoxWrap_Wide { width: 100%; display: block; table-layout: auto; }
.infoTopBoxWrap.infoTopBoxWrap_Wide .infoTopBox_wide { width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 5px solid #89cff1; padding: 20px; }
.infoTopBoxWrap.infoTopBoxWrap_Wide .infoTopBox_wide > a:hover { opacity: 0.8; }

.infoTopBox { width: 430px; display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 5px solid #89cff1; padding: 20px; }
.infoTopBox > a:hover { opacity: 0.8; }

.infoTopBox_space { display: table-cell; width: 20px; }

.infoTopBoxImgArea { position: relative; margin-bottom: 15px; }
.infoTopBoxImgArea img { width: 100%; height: auto; }
.infoTopBoxImgArea.infoTopBoxImgArea_wide img { max-width: 100%; }
.infoTopBoxImgArea.infoTopBoxImgArea_wide .infoTopBox_txt { padding-left: 20px; }
.infoTopBoxImgArea .infoTopBox_txt { position: absolute; bottom: 10px; font-size: 26px; color: #FFF; padding: 0 10px 0 32px; display: table; line-height: 1.2; }
.infoTopBoxImgArea .infoTopBox_txt span { display: table-cell; position: relative; }
.infoTopBoxImgArea .infoTopBox_txt span:before { content: ""; position: absolute; top: 0.55em; left: -25px; display: block; width: 12px; height: 12px; margin-top: -7px; border-top: 3px solid #fff; border-right: 3px solid #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.infoTopDetail li { display: table; }
.infoTopDetail li:not(:first-child) { margin-top: 5px; }
.infoTopDetail li span { display: table-cell; margin-top: 0.6em; margin-right: 5px; vertical-align: top; position: relative; }
.infoTopDetail li span:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #89CFF1; position: absolute; left: 0; vertical-align: middle; top: 0.6em; }
.infoTopDetail li em, .infoTopDetail li a { display: table-cell; vertical-align: top; text-decoration: none; padding-left: 15px; font-weight: normal; font-style: normal; }

.infoTopBox_thmbBlock { width: 100%; display: table; table-layout: fixed; }
.infoTopBox_thmbBlock:not(:first-of-type) { margin-top: 20px; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; vertical-align: top; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner:nth-child(even) a { padding-left: 25px; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner a { width: 100%; display: block; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner a:hover img { opacity: 0.8; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner:after { content: ""; display: block; clear: both; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner .imgArea { float: left; padding-right: 15px; width: 24%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner .imgArea img { width: 100%; height: auto; max-width: 100px; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea { float: left; width: 76%; font-size: 19px; color: #000; position: relative; padding-left: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea:before { content: ""; position: absolute; top: 0.8em; left: -5px; display: block; width: 10px; height: 10px; margin-top: -7px; border-top: 2px solid #000; border-right: 2px solid #000; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.bgWrapA { background-color: #F1ECE3; margin: 0 0 50px; padding: 10px 10px 0; }
.bgWrapA .planWrap { margin-bottom: 0; padding-bottom: 0; }
.bgWrapA .h1TtlB { margin-bottom: 15px; }
.bgWrapA .articleTxt { margin-bottom: 4px; }
.bgWrapA .planContent { width: 100%; padding: 0 0 45px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: left top; }
.bgWrapA .planContent:last-child { padding-bottom: 1px; }
.bgWrapA .h3TtlC { color: #FFF; left: -25px; padding-left: 35px; padding-bottom: 0; background-color: #93af2d; position: relative; margin-bottom: 13px; }
.bgWrapA .h3TtlC.ttlC_cateHosomichi { font-size: 18px; line-height: 40px; min-height: 30px; width: 100%; }
.bgWrapA .h3TtlC.ttlC_cateHosomichi img { position: absolute; left: -18px; }
.bgWrapA .h3TtlC.ttlC_cateHosomichi.betweenLineM { line-height: 25px; }
.bgWrapA .imgCapSet { text-align: left; }
.bgWrapA .imgCapSet span { margin-top: 10px; margin-bottom: 10px; }
.bgWrapA .block2F { margin: -10px -10px 0 -10px; overflow: hidden; padding: 0; }
.bgWrapA .block2F .innerBlock { padding: 10px; }
.bgWrapA .block2F .innerBlock img { max-width: 100%; }
.bgWrapA .block1B { margin-bottom: 10px; }
.bgWrapA .columnArea { margin-top: 50px; margin-bottom: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: url("/files/user/common/css/images/bg_bdr_06.png"); padding: 20px; position: relative; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bgWrapA .columnArea .columnTtl { position: absolute; top: -20px; left: 0; }
.bgWrapA .columnArea .txtArea, .bgWrapA .columnArea .imgArea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
.bgWrapA .columnArea .txtArea { display: table-cell; width: 50%; padding-right: 35px; }
.bgWrapA .columnArea .txtArea h5 { padding-top: 35px; font-size: 18px; padding-bottom: 5px; }
.bgWrapA .columnArea .txtArea p { font-size: 14px; }
.bgWrapA .columnArea .imgArea { display: table-cell; width: 50%; }
.bgWrapA .columnArea .imgArea img { width: 100%; height: auto; max-width: 240px; }
.bgWrapA .noteTxt { margin-top: 20px; }

.useMoneyBlock { margin-bottom: 20px; }
.useMoneyBlock.table { display: table; }
.useMoneyBlock.table .useMoneySet { display: table-cell; vertical-align: middle; }
.useMoneyBlock.table .useData { display: table-cell; vertical-align: middle; }

.useMoney { background: url("/files/user/common/css/images/bg_bdr_05.png"); padding: 3px; display: inline-block; vertical-align: middle; width: 25%; }
.useMoney.typeB { width: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.useMoney.typeB .useMoneyInner { padding: 5px; }
.useMoney.typeB .useTxt { display: inline-block; }
.useMoney.typeB .useTxtMoney { display: inline-block; }
.useMoney .useMoneyInner { background-color: #FFF; padding: 5px 15px; text-align: center; }
.useMoney .useTxt { font-size: 12px; line-height: 1.2; }
.useMoney .useTxtMoney { font-size: 16px; font-weight: bold; line-height: 1.2; }

.useMoneySet { font-size: 18px; font-weight: bold; display: inline-block; }

.useMoneyArea { border: 2px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url("/files/user/common/css/images/bg_01.png"); padding: 6px 0; text-align: center; color: #FFF; position: relative; display: block; margin-bottom: 2px; width: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.useMoneyArea:after { content: " "; position: absolute; top: 100%; left: 67px; z-index: 1; width: 0; height: 0; border: 8px solid transparent; border-top-color: #fff; }
.useMoneyArea .overlay { position: absolute; top: 100%; left: 68px; z-index: 2; width: 0; height: 0; border: 7px solid transparent; border-top-color: #ff871c; }

.useData { display: inline-block; vertical-align: middle; padding-left: 5px; width: 70%; }
.useData img { width: 100%; max-width: 395px; }

.hosomichiH3Ttl { font-size: 20px; margin-bottom: 10px; }

.hosomichiCommentWrap { margin-top: 20px; margin-bottom: 20px; font-size: 0; width: 100%; }
.hosomichiCommentWrap .hosomichiCommentInner { margin-top: 10px; display: table; width: 100%; }
.hosomichiCommentWrap .hosomichiCommentImg { width: 10%; display: table-cell; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 18px; }
.hosomichiCommentWrap .hosomichiCommentImg img { width: 40px; }
.hosomichiCommentWrap .hosomichiComment { width: 90%; display: table-cell; background-color: #FFF; padding: 10px; font-size: 14px; position: relative; color: #000; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hosomichiCommentWrap .hosomichiComment:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 3px 10px 3px 0; border-color: transparent #ffffff transparent; position: absolute; top: 0; bottom: 0; left: -10px; margin: auto; }

.dataWrap { margin-bottom: 20px; border: 1px solid #000; background-color: #FFF; }
.dataWrap .dataInner { padding: 12px 18px 15px; }
.dataWrap .dataTtl { font-size: 18px; margin-bottom: 5px; }
.dataWrap .dataTtl.bdr { padding-top: 10px; border-top: 1px solid #ccc; }
.dataWrap .dataArea { display: table; }
.dataWrap .dataArea .dataTxt { display: table-cell; vertical-align: top; padding-right: 13px; background: url("/files/user/common/css/images/bdr_hosomichi.png") repeat-y right top; }
.dataWrap .dataArea .dataTxt img { width: 45px; height: auto; }
.dataWrap .dataArea .dataList { display: table-cell; padding-left: 10px; font-size: 14px; }
.dataWrap .dataArea .dataList li:not(:first-child) { margin-top: 5px; }
.dataWrap .dataArea .dataList li.indent { display: table; }
.dataWrap .dataArea .dataList li.indent span { display: table-cell; white-space: nowrap; }

.nextWrap { width: 100%; display: table; margin-bottom: 20px; }
.nextWrap .txtArea { display: table-cell; width: 66%; vertical-align: top; padding-top: 15px; padding-bottom: 20px; }
.nextWrap .txtArea p { font-size: 14px; }
.nextWrap .nextTtl { margin-bottom: 12px; }
.nextWrap h5 { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.nextWrap .imgArea { display: table-cell; width: 34%; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.nextWrap .imgArea.pad { padding-left: 30px; }
.nextWrap .imgArea img { max-width: 160px; height: auto; }
.nextWrap + h5 { font-size: 18px; margin-bottom: 15px; }

.hosomichiLinkList { display: table; width: 100%; margin-top: 30px; table-layout: fixed; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; }
.hosomichiLinkList li { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; background-color: #ebebeb; font-weight: bold; text-align: center; }
.hosomichiLinkList li:first-child { border-right: 1px solid #000; }
.hosomichiLinkList li.current { background-color: #FFF; }
.hosomichiLinkList li a { display: block; text-decoration: none; }
.hosomichiLinkList li a:hover { text-decoration: underline; }
.hosomichiLinkList li .arrow { display: inline-block; padding-left: 18px; background: url("/files/user/common/css/images/arrow_hosomichi.png") no-repeat left center; -moz-background-size: 5px 9px; -o-background-size: 5px 9px; -webkit-background-size: 5px 9px; background-size: 5px 9px; font-weight: bold; margin-left: 0; }
.hosomichiLinkList li span { font-weight: normal; display: inline-block; margin-left: 1em; padding: 10px 15px; }

.hosomichiCouse { margin-bottom: 50px; }
.hosomichiCouse a { text-decoration: none; width: 100%; display: table; }
.hosomichiCouse li { width: 102%; min-height: 60px; display: table; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.hosomichiCouse li:not(:first-child) { margin-top: 13px; }
.hosomichiCouse li.couseA { border: 1px solid #ef0000; }
.hosomichiCouse li.couseA em { background: #ef0000 url("/files/user/common/css/images/hosomichi_courseA.png") no-repeat center; -moz-background-size: 19px 24px; -o-background-size: 19px 24px; -webkit-background-size: 19px 24px; background-size: 19px 24px; }
.hosomichiCouse li.couseA span { background: #ffffff url("/files/user/common/css/images/arrow_hosomichiA.png") no-repeat right center; -moz-background-size: 25px 10px; -o-background-size: 25px 10px; -webkit-background-size: 25px 10px; background-size: 25px 10px; }
.hosomichiCouse li.couseB { border: 1px solid #1068e1; }
.hosomichiCouse li.couseB em { background: #1068e1 url("/files/user/common/css/images/hosomichi_courseB.png") no-repeat center; -moz-background-size: 17px 25px; -o-background-size: 17px 25px; -webkit-background-size: 17px 25px; background-size: 17px 25px; }
.hosomichiCouse li.couseB span { background: #ffffff url("/files/user/common/css/images/arrow_hosomichiB.png") no-repeat right center; -moz-background-size: 25px 10px; -o-background-size: 25px 10px; -webkit-background-size: 25px 10px; background-size: 25px 10px; }
.hosomichiCouse li span, .hosomichiCouse li em { display: table-cell; }
.hosomichiCouse li em { width: 60px; height: 60px; text-align: center; vertical-align: middle; }
.hosomichiCouse li span { vertical-align: middle; padding-left: 15px; padding-right: 35px; font-size: 14px; }

.hosomichiblock2A { display: table; width: 100%; margin: 0 -10px; }
.hosomichiblock2A .innerBlock { display: table-cell; width: 50%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
.hosomichiblock2A .innerBlock img { width: 100%; max-width: 250px; height: auto; }
.hosomichiblock2A .innerBlock .indentList { margin-top: 10px; }

.hosomichiCouseTtl { display: table; width: 100%; font-size: 20px; margin-bottom: 5px; }
.hosomichiCouseTtl em, .hosomichiCouseTtl span { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.hosomichiCouseTtl em { color: #FFF; font-style: normal; text-align: center; padding: 0 8px; white-space: nowrap; }
.hosomichiCouseTtl span { padding-left: 5px; font-size: 18px; }
.hosomichiCouseTtl.couseA em { background-color: #ef0000; }
.hosomichiCouseTtl.couseA span { color: #ef0000; }
.hosomichiCouseTtl.couseB em { background-color: #1068e1; }
.hosomichiCouseTtl.couseB span { color: #1068e1; }

@media only screen and (max-width: 767px) {
    .bgWrapA { margin: 0 0 30px; padding: 10px 10px 0; }
    .bgWrapA .h1TtlB { margin-bottom: 15px; }
    .bgWrapA .articleTxt { margin-bottom: 4px; }
    .bgWrapA .planContent { padding: 0 0 25px 40px; background-position: 2px top; }
    .bgWrapA .h3TtlC.ttlC_cateHosomichi { font-size: 16px; line-height: 26px; padding-left: 28px; padding-right: 5px; }
    .bgWrapA .imgCapSet span { margin-top: 5px; margin-bottom: 5px; }
    .bgWrapA .block2F { margin: -5px -5px 0 -5px; }
    .bgWrapA .block2F .innerBlock { padding: 5px; }
    .bgWrapA .block1B { margin-bottom: 10px; }
    .bgWrapA .columnArea { margin-top: 30px; margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url("/files/user/common/css/images/bg_bdr_06.png"); -moz-background-size: 310px 209px; -o-background-size: 310px 209px; -webkit-background-size: 310px 209px; background-size: 310px 209px; padding: 10px; display: block; }
    .bgWrapA .columnArea .columnTtl { position: absolute; top: -23px; }
    .bgWrapA .columnArea .columnTtl img { max-width: 180px; }
    .bgWrapA .columnArea .txtArea { display: block; width: 100%; padding-right: 0; margin-bottom: 10px; }
    .bgWrapA .columnArea .txtArea h5 { padding-top: 15px; font-size: 18px; padding-bottom: 5px; }
    .bgWrapA .columnArea .txtArea p { font-size: 14px; }
    .bgWrapA .columnArea .imgArea { display: block; width: 100%; text-align: center; }
    .bgWrapA .columnArea .imgArea img { max-width: 200px; }
    .bgWrapA .noteTxt { margin-top: 20px; }
    .useMoneyBlock { margin-bottom: 10px; }
    .useMoneyBlock.table { display: block; }
    .useMoneyBlock.table .useMoneySet { width: 100%; display: table; }
    .useMoneyBlock.table .useData { display: block; width: 100%; }
    .space { display: block; width: 10px; }
    .useMoney { display: block; width: 100%; margin-bottom: 2px; }
    .useMoney.typeB { width: 75%; display: table-cell; vertical-align: top; }
    .useMoney.typeB .useMoneyInner { padding: 5px; }
    .useMoney.typeB .useTxt { display: inline-block; }
    .useMoney.typeB .useTxtMoney { display: inline-block; }
    .useMoney .useTxt { font-size: 12px; line-height: 1.2; }
    .useMoney .useTxtMoney { font-size: 18px; font-weight: bold; line-height: 1.2; }
    .Foreign .useMoneySet { font-size: 14px; }
    .Foreign .useMoney .useTxtMoney { font-size: 14px; }
    .Foreign .useMoneyArea { width: 35%; }
    .Foreign a { -ms-word-break: break-all; word-break: break-all; }
    .useMoneySet { font-size: 18px; font-weight: bold; display: inline-block; }
    .useMoneyArea { border: 2px solid #fff; padding: 3px 5px; display: table-cell; margin-bottom: 0; width: 25%; vertical-align: middle; }
    .useMoneyArea:after { content: " "; position: absolute; top: 0; bottom: 0; margin: auto; left: auto; right: -16px; z-index: 1; width: 0; height: 0; border: 8px solid transparent; border-left-color: #fff; }
    .useMoneyArea .overlay { position: absolute; top: 0; bottom: 0; margin: auto; left: auto; right: -14px; z-index: 2; width: 0; height: 0; border: 7px solid transparent; border-left-color: #ff871c; }
    .useData { display: inline-block; vertical-align: middle; padding-left: 5px; width: 100%; }
    .useData img { width: 100%; max-width: 395px; }
    .hosomichiH3Ttl { font-size: 16px; margin-bottom: 5px; }
    .hosomichiCommentWrap { margin-top: 20px; margin-bottom: 20px; font-size: 0; width: 100%; }
    .hosomichiCommentWrap .hosomichiCommentInner { margin-top: 10px; display: table; width: 100%; }
    .hosomichiCommentWrap .hosomichiCommentImg { width: 10%; display: table-cell; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 18px; }
    .hosomichiCommentWrap .hosomichiCommentImg img { width: 40px; }
    .hosomichiCommentWrap .hosomichiComment { width: 90%; display: table-cell; background-color: #FFF; padding: 10px; font-size: 14px; position: relative; color: #000; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .hosomichiCommentWrap .hosomichiComment:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 3px 10px 3px 0; border-color: transparent #ffffff transparent; position: absolute; top: 0; bottom: 0; left: -10px; margin: auto; }
    .dataWrap { margin-bottom: 20px; border: 1px solid #000; background-color: #FFF; }
    .dataWrap .dataInner { padding: 10px; }
    .dataWrap .dataTtl { font-size: 16px; margin-bottom: 5px; }
    .dataWrap .dataTtl.bdr { padding-top: 5px; border-top: 3px solid #aaa; }
    .dataWrap .dataArea { display: block; }
    .dataWrap .dataArea .dataTxt { display: block; padding-right: 0; background: none; padding-bottom: 5px; border-bottom: 2px solid #ccc; margin-bottom: 5px; }
    .dataWrap .dataArea .dataList { display: block; padding-left: 0; }
    .dataWrap .dataArea .dataList li:not(:first-child) { margin-top: 5px; }
    .dataWrap .dataArea .dataList li.indent { display: table; }
    .dataWrap .dataArea .dataList li.indent span { display: table-cell; white-space: nowrap; }
    .dataWrap .dataArea .dataList li.indent span a { -ms-word-break: break-all; word-break: break-all; }
    .nextWrap { width: 100%; display: block; margin-bottom: 10px; }
    .nextWrap .txtArea { display: block; width: 100%; padding-top: 0; padding-bottom: 10px; }
    .nextWrap .nextTtl { margin-bottom: 12px; }
    .nextWrap h5 { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
    .nextWrap .imgArea { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
    .nextWrap .imgArea.pad { padding-left: 0px; }
    .nextWrap .imgArea img { max-width: 140px; }
    .hosomichiLinkList { display: block; width: 100%; table-layout: auto; }
    .hosomichiLinkList li { width: 100%; display: block; }
    .hosomichiLinkList li:first-child { border-right: none; border-bottom: 1px solid #000; }
    .hosomichiLinkList li.current { background-color: #FFF; padding: 0; }
    .hosomichiLinkList li a { display: block; text-decoration: none; }
    .hosomichiLinkList li a:hover { text-decoration: underline; }
    .hosomichiLinkList li a .arrow { display: inline-block; padding-left: 18px; background: url("/files/user/common/css/images/arrow_hosomichi.png") no-repeat left center; -moz-background-size: 5px 9px; -o-background-size: 5px 9px; -webkit-background-size: 5px 9px; background-size: 5px 9px; font-weight: bold; margin-left: 0; }
    .hosomichiLinkList li span { font-weight: normal; display: inline-block; margin-left: 1em; }
    .hosomichiblock2A { display: block; margin: 0; }
    .hosomichiblock2A .innerBlock { display: block; width: 100%; padding: 0; margin-top: 15px; }
    .hosomichiblock2A .innerBlock .indentList { margin-top: 10px; }
    .hosomichiCouseTtl em { font-size: 18px; }
    .hosomichiCouseTtl span { font-size: 16px; }
}

/*topPage
==================================================*/
.articleArea { white-space: normal; width: 100%; -moz-perspective: 5000; -webkit-perspective: 5000; perspective: 5000; }
.articleArea > .articleElm { display: inline-block; position: relative; width: 205px; height: 205px; overflow: hidden; white-space: normal; margin-bottom: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: rotateY(95deg); -webkit-transform: rotateY(95deg); transform: rotateY(95deg); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.articleArea > .articleElm.show { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -moz-transition: -moz-transform 0.25s linear 0s, opacity 0.25s linear 0s; -o-transition: -o-transform 0.25s linear 0s, opacity 0.25s linear 0s; -webkit-transition: -webkit-transform 0.25s linear, opacity 0.25s linear; -webkit-transition-delay: 0s, 0s; transition: transform 0.25s linear 0s, opacity 0.25s linear 0s; }
.articleArea > .articleElm.show.noTransition { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }
.articleArea > .articleElm.show.hide { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: rotateY(-95deg); -webkit-transform: rotateY(-95deg); transform: rotateY(-95deg); -moz-transition: -moz-transform 0.25s linear 0s, opacity 0.25s linear 0s; -o-transition: -o-transform 0.25s linear 0s, opacity 0.25s linear 0s; -webkit-transition: -webkit-transform 0.25s linear, opacity 0.25s linear; -webkit-transition-delay: 0s, 0s; transition: transform 0.25s linear 0s, opacity 0.25s linear 0s; }
.articleArea > .articleElm.s_size .articleInfoWrap, .articleArea > .articleElm.video .articleInfoWrap { background: url("/files/user/common/images/top/article_shadow.png") repeat-x top left; }
.articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a span.mark, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a span.mark { top: -3px; }
.articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a span.countno, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a span.countno { top: 0; }
.articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a:before, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a:before { top: -3px; }
.articleArea > .articleElm.s_size .articleInfoWrap .articleTxt, .articleArea > .articleElm.video .articleInfoWrap .articleTxt { width: 100%; font-size: 14px; line-height: 1.4em; font-weight: normal; color: #fff; padding: 3px 10px 10px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }
.articleArea > .articleElm.s_size .articleInfoWrap .articleTxt a, .articleArea > .articleElm.video .articleInfoWrap .articleTxt a { color: #FFF; text-decoration: none; }
.articleArea > .articleElm.video .articleInfoWrap .articleTxt { overflow: hidden; }
.articleArea > .articleElm.video .articleInfoWrap .articleTxt a { text-decoration: none; pointer-events: all; color: #FFF; font-size: 15px; }
.articleArea > .articleElm p.articleGenre { position: absolute; top: 0; left: 0; width: 40px; height: 40px; z-index: 10; }
.articleArea > .articleElm .articleInfoWrap { display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 10; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like { padding-top: 10px; display: block; text-align: right; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like a { padding-left: 28px; position: relative; cursor: pointer; line-height: 1; color: #FFF; text-decoration: none; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like a span.mark { -moz-transform-origin: 40% 50% 50%; -ms-transform-origin: 40% 50% 50%; -webkit-transform-origin: 40% 50% 50%; transform-origin: 40% 50% 50%; position: absolute; left: -35px; top: -10px; width: 26px; height: 18px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; z-index: 10; visibility: hidden; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like a:before { content: ""; position: absolute; left: -35px; top: -10px; width: 26px; height: 18px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -18px; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like a span.countno { position: absolute; top: -6px; left: -5px; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like.on a { color: #FFF; cursor: pointer; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like.on a span.mark { visibility: visible; opacity: 0; width: 0; -moz-transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); -moz-transition: opacity 0.8s ease-in, -moz-transform 0.8s ease-out, width 0s ease-in 0.8s; -o-transition: opacity 0.8s ease-in, -o-transform 0.8s ease-out, width 0s ease-in 0.8s; -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out, width 0s ease-in; -webkit-transition-delay: 0s, 0s, 0.8s; transition: opacity 0.8s ease-in, transform 0.8s ease-out, width 0s ease-in 0.8s; }
.articleArea > .articleElm .articleInfoWrap .articleInfo .like.on a:before { background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 26px 36px; -o-background-size: 26px 36px; -webkit-background-size: 26px 36px; background-size: 26px 36px; }
.articleArea > .articleElm .articleInfoWrap .articleInfo p.likeBtn { width: 100%; color: #fff; font-size: 12px; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; }
.articleArea > .articleElm .articleInfoWrap .articleInfo p.likeBtn img { margin-right: 3px; }
.articleArea > .articleElm p.visualImg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.articleArea > .articleElm p.visualImg.spImg { display: none; }
.articleArea > .articleElm p.visualImg.pcImg { display: block; }
.articleArea > .articleElm p.visualImg img { width: 100%; height: auto; }
.articleArea > .articleElm.l_size { width: 420px; height: 420px; }
.articleArea > .articleElm.special p.articleGenre { width: 40px; height: 40px; background: url("/files/user/common/images/top/article_genre_special.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.food p.articleGenre { background: url("/files/user/common/images/top/article_genre_food.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.event p.articleGenre { background: url("/files/user/common/images/top/article_genre_event.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.plan p.articleGenre { background: url("/files/user/common/images/top/article_genre_plan.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.shopping p.articleGenre { background: url("/files/user/common/images/top/article_genre_shopping.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.sightseeing p.articleGenre { background: url("/files/user/common/images/top/article_genre_sightseeing.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.culture p.articleGenre { background: url("/files/user/common/images/top/article_genre_culture.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.experience p.articleGenre { background: url("/files/user/common/images/top/article_genre_experience.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.information p.articleGenre { background: url("/files/user/common/images/top/article_genre_information.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.articleArea > .articleElm.video { width: 420px; height: 420px; background: #000; }
.articleArea > .articleElm.video p.movie { width: 420px; height: 420px; display: table-cell; vertical-align: middle; }
.articleArea > .articleElm.video p.movie iframe { width: 420px; height: 236px; }
.articleArea > .articleElm.cloneElmS { display: none; }

#loadingImg { position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -150px; }

@media only screen and (max-width: 767px) { .enpT40 { padding-top: 0px; }
    /*layout ==================================================*/
    .layoutA { float: none; }
    .layoutB { margin-top: 8px; margin-bottom: 10px; position: static; }
    .layoutC { display: block; float: none; margin-bottom: 0; }
    .layoutD { float: none; margin-top: 0; }
    .clearFloat { display: none; }
    /*h ==================================================*/
    .h1Ttl { font-size: 20px; margin-bottom: 5px; }
    .h1TtlB { font-size: 18px; }
    .h1TtlC { font-size: 18px; padding-left: 25px; background: url("/files/user/common/css/images/icn_basicinfo_ttl01.png") no-repeat left center; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; }
    .h2TtlA { font-size: 14px; margin-bottom: 10px; }
    .h2TtlA.inline { display: block; font-size: 16px; margin-bottom: 5px; }
    .h2TtlA.inline + p { display: block; margin-bottom: 5px; font-size: 13px; padding-left: 0; }
    .h2TtlB { font-size: 14px; padding-left: 23px; margin-bottom: 10px; }
    .h2TtlB.ttl_comment { background: url("/files/user/common/css/images/icn_h2_01.png") no-repeat left 0.3em; -moz-background-size: 15px 14px; -o-background-size: 15px 14px; -webkit-background-size: 15px 14px; background-size: 15px 14px; }
    .h2TtlB.ttl_recommend { font-size: 16px; padding-left: 20px; background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left 0.2em; -moz-background-size: 11px 15px; -o-background-size: 11px 15px; -webkit-background-size: 11px 15px; background-size: 11px 15px; }
    .h2TtlD { font-size: 14px; }
    .h2TtlD:first-letter { font-size: 16px; }
    .h2TtlE { font-size: 16px; line-height: 1; padding-bottom: 5px; border-bottom: 2px solid #333; margin-bottom: 10px; }
    .h2TtlF { font-size: 16px; padding: 10px 15px; }
    .h3TtlA { margin-bottom: 10px; }
    .h3TtlB { font-size: 14px; }
    .h3TtlB.ttl_sideA { padding: 10px 0 10px 30px; background: #cf2d0c url("/files/user/common/css/images/icn_comment.png") no-repeat 10px 8px; -moz-background-size: 16px 15px; -o-background-size: 16px 15px; -webkit-background-size: 16px 15px; background-size: 16px 15px; }
    .h3TtlB.ttl_sideA:after { content: ""; display: block; clear: both; }
    .h3TtlB.ttl_sideA span { display: block; float: right; margin-top: 0; margin-right: 8px; font-size: 12px; }
    .h3TtlB.ttl_sideA.ttl_sideB { padding: 12px 0 12px 30px; background: #cf2d0c url("/files/user/common/css/images/icn_comment.png") no-repeat 9px 12px; -moz-background-size: 16px 14px; -o-background-size: 16px 14px; -webkit-background-size: 16px 14px; background-size: 16px 14px; }
    .h3TtlB.ttl_sideA.ttl_sideB span { padding-top: 0px; }
    .h3TtlC { font-size: 18px; padding-left: 30px; line-height: 27px; left: -30px; padding-bottom: 5px; }
    .h3TtlC a { font-size: 18px; }
    .h3TtlC.nonePad { background-position: left bottom; min-height: 28px; }
    .h3TtlC.ttlC_cate01 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.ttlC_cate02 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.ttlC_cate03 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.ttlC_cate04 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.ttlC_cate05 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.ttlC_cate06 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.ttlC_cate07 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate01 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate02 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate03 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate04 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate05 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate06 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate07 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate08 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlC.icn_last.ttlC_cate09 { -moz-background-size: 27px 27px; -o-background-size: 27px 27px; -webkit-background-size: 27px 27px; background-size: 27px 27px; }
    .h3TtlD { font-size: 13px; padding: 0 0 8px 20px; margin-bottom: 6px; }
    .h3TtlD.flag { background: url("/files/user/common/css/images/icn_flag01.png") no-repeat left top; -moz-background-size: 11px 13px; -o-background-size: 11px 13px; -webkit-background-size: 11px 13px; background-size: 11px 13px; }
    /*p ==================================================*/
    .cardIcn { max-width: 20px; padding: 0 1px; vertical-align: middle; }
    .icnTtl { margin-bottom: 5px; }
    .articleTxt { margin-bottom: 15px; }
    .reviewNote { margin-top: 15px; font-size: 10px; }
    .reviewNote .review { display: inline-block; margin-left: 15px; }
    .reviewNote .review img { width: 13px; height: auto; }
    .mapArea + .noteTxt { margin-bottom: 13px; margin-top: 15px; }
    .moveIcn { font-size: 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 8px 20px 8px 20px; }
    .moveIcn .icn_train, .moveIcn .icn_walk, .moveIcn .icn_bus, .moveIcn .icn_airplane, .moveIcn .icn_bicycle, .moveIcn .icn_ship, .moveIcn .icn_car { margin-bottom: 3px; }
    .likeTxt { text-align: center; padding: 5px 0 5px; font-size: 10px; }
    /*list ==================================================*/
    .line_sns { display: inline-block !important; }
    .imgDetail li .cardImg { width: 100%; max-width: 130px; }
    .tagList { margin-top: 20px; padding-left: 15px; line-height: auto; background: url("/files/user/common/css/images/icn_tag.png") no-repeat left 0.5em; -moz-background-size: 12px 12px; -o-background-size: 12px 12px; -webkit-background-size: 12px 12px; background-size: 12px 12px; }
    .tagList.typeB { margin-top: 0; }
    .block2A.snsBlock .blockL { width: 100%; }
    .block2A.snsBlock .blockR { width: 100%; }
    /*.snsList { margin-top: 10px; }*/
    .snsList li { padding-left: 2px; }
    .contentIcnList li.like a { background: #e7e7e7 url("/files/user/common/css/images/icn_like_content.png") no-repeat 12px 13px; -moz-background-size: 26px 20px; -o-background-size: 26px 20px; -webkit-background-size: 26px 20px; background-size: 26px 20px; }
    .contentIcnList li.like.on a { background: #ec3713 url("/files/user/common/css/images/icn_like_content_on.png") no-repeat 11px 13px; -moz-background-size: 23px 20px; -o-background-size: 23px 20px; -webkit-background-size: 23px 20px; background-size: 23px 20px; }
    .contentIcnList li.bookMark { padding-left: 8px; }


    .contentIcnList li.favorite { margin-left: 8px; }
    .contentIcnList li.favorite span { margin: 0 1px; }
    .contentIcnList li.favorite span img { width: 12px; height: auto; }
    .contentIcnList li a { width: 45px; height: 45px; }
    .contentIcnList li span { font-size: 10px; }
    .statusList { display: block; margin-top: 10px; margin-bottom: 20px; }
    .statusList li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .statusList li a { padding: 10px 0 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 40px; }
    .statusList li.bookMark { width: 50%; }
    .statusList li.bookMark a { padding: 10px 0; }
    .statusList li.bookMark a span:before { background: #e7e7e7 url("/files/user/common/css/images/icn_folder_content_ov.png") no-repeat left top; -moz-background-size: 22px 13px; -o-background-size: 22px 13px; -webkit-background-size: 22px 13px; background-size: 22px 13px; }
    .statusList li.gone { width: 50%; }
    .statusList li.gone a { padding: 8px 0 5px; }
    .statusList li.gone a span { background: #e7e7e7 url("/files/user/common/css/images/icn_going_content_ov.png") no-repeat left top; -moz-background-size: 23px 22px; -o-background-size: 23px 22px; -webkit-background-size: 23px 22px; background-size: 23px 22px; }
    .imgList { display: block; width: 100%; }
    .imgList li { display: inline-block; vertical-align: top; width: 100%; padding: 0 15px; }
    .imgList li img { width: 100%; height: auto; }
    .RecommendWrap .imgList li { width: 100%; padding: 0 12px; }
    .RecommendWrap .imgList li:first-child { padding-left: 0; }
    .RecommendWrap .imgList li:last-child { padding-right: 0; }
    .moveList dt { font-size: 14px; padding-top: 5px; padding-right: 8px; border-right: 2px solid #DEDBD4; white-space: nowrap; }
    .moveList dd { padding-left: 8px; }
    .indentList2 { font-size: 16px; margin-left: 10px; margin-bottom: 10px; }
    .indentList2 li span { padding-right: 5px; }
    /*Wrapper ==================================================*/
    .margWrap { margin: 0 0 20px; }
    /*block ==================================================*/
    /*.block1A { margin-bottom: 20px; }*/
    .block1A img { width: 100%; }
    .block2A { margin-bottom: 15px; }
    .block2A:after { content: ""; display: block; clear: both; }
    .block2A .blockL { width: 50%; float: left; }
    .block2A .blockR { width: 50%; float: right; text-align: right; }
    .block1B .innerBlock.centerImg { padding: 0; }
    .block1B .innerBlock img { max-width: 100%; }
    .block2B { display: table; margin-bottom: 20px; }
    .block2B .innerBlock { display: block; width: 100%; padding: 0; margin-top: 10px; }
    .block2B .innerBlock:first-child { margin-top: 0; }
    .block2C { margin-bottom: 20px; }
    .block2C .blockL { width: 100%; float: none; margin-top: 10px; }
    .block2C .blockR { width: 100%; float: none; padding-left: 0; }
    .block2C.type2 .blockL { width: 100%; float: none; padding-right: 0; margin-top: 10px; }
    .block2C.type2 .blockR { width: 100%; float: none; }
    .block2D { display: block; }
    .block2D .innerBlock { margin-top: 10px; }
    .block2D .innerBlock .mapArea { width: 100% !important; }
    .block2D .innerBlock:first-child { margin-top: 0; margin-bottom: 30px; }
    .block2D.block2D_typeB { letter-spacing: normal; }
    .block2D.block2D_typeB .innerBlock { display: block; width: 100%; }
    .block2D.block2D_typeB .innerBlock:last-child { float: none; }
    .block2E { margin-top: 25px; }
    .block2E .blockL { width: 100%; float: none; }
    .block2E .blockR { width: 100%; float: none; }
    .block2F .innerBlock { width: 100%; }
    .block2F .innerBlock img { max-width: 100%; }
    .block2F .innerBlock.centerImg { margin-top: 5px; padding: 5px; }
    .block2F + .moveArea { margin-top: 5px; }
    .block2H, .block2I { margin-bottom: 20px; }
    .block2H .blockL, .block2I .blockL { margin-top: 10px; width: 100%; float: none; }
    .block2H .blockR, .block2I .blockR { margin-top: 10px; width: 100%; float: none; padding-left: 0; }
    .block2H.reverse .blockL, .block2I.reverse .blockL { margin-top: 10px; width: 100%; float: none; }
    .block2H.reverse .blockR, .block2I.reverse .blockR { margin-top: 10px; width: 100%; float: none; padding-left: 0; }
    .block3A { margin-bottom: 20px; }
    .block3A .innerBlock { padding: 0 5px; }
    /*line ==================================================*/
    .line { margin-bottom: 10px; border-top: 1px solid #333; height: 1px; }
    /*btn ==================================================*/
    .conditionalArea .conditional .btnLstA { margin-top: 12px; text-align: center; }
    .conditionalArea .conditional .btnLstA li { display: block; }
    .conditionalArea .conditional .btnLstA li:after { content: none; padding-right: 0; }
    a.changeBtn { padding: 10px 0; font-size: 12px; text-align: center; display: block; }
    .moreBtn a { font-size: 14px; background: #999999 url("/files/user/common/css/images/icn_chaneBtn.png") no-repeat right center; -moz-background-size: 26px 14px; -o-background-size: 26px 14px; -webkit-background-size: 26px 14px; background-size: 26px 14px; padding: 15px 50px 15px 10px; border-bottom: #D6D6D6 2px solid; }
    .moreBtnB { display: block; margin-top: 20px; margin-bottom: 35px; }
    .moreBtnB a { text-align: center; font-size: 14px; line-height: 1; display: block; padding: 12px 0; text-decoration: none; border: 1px solid #333; position: relative; }
    .moreBtnB a:after { width: 7px; height: 7px; position: absolute; top: 13px; right: 13px; border-bottom: 2px solid #333; border-right: 2px solid #333; content: ""; display: block; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .ereaBtnList + .moreBtnB, .tagBtnList + .moreBtnB { margin-top: 0; margin-bottom: 20px; }
    .mapBtn a { font-size: 14px; padding: 15px 11px 15px 55px; background: #ec6565 url("/files/user/common/css/images/icn_mapBtn.png") no-repeat 18px center; -moz-background-size: 19px auto; -o-background-size: 19px auto; -webkit-background-size: 19px auto; background-size: 19px auto; border-bottom: #D6D6D6 2px solid; }
    .returnBtn { width: 100%; margin: 25px auto 0; }
    .returnBtn a, .returnBtn input[type="button"] { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 0; font-size: 16px; }
    .formBtnList { margin-top: 20px; }
    .formBtnList li { width: 100%; padding: 0; display: block; }
    .formBtnList li:not(:first-child) { margin-top: 10px; }
    .formBtnList li.fbBtn { width: 100%; background-color: #264897; }
    .formBtnList li.fbBtn a { background-color: transparent; padding: 0; }
    .formBtnList li.fbBtn a img { max-width: 210px; width: 100%; height: auto; }
    .formBtnList li a, .formBtnList li input[type="button"] { width: 100%; font-size: 16px; margin: 0 auto; }
    .formBtnList li a:hover, .formBtnList li input[type="button"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
    .formBtnList li a.line2, .formBtnList li input[type="button"].line2 { padding: 6px 0 23px; }
    .loginBtn { width: 100%; margin: 25px auto 0; }
    .loginBtn a { padding: 12px 0; font-size: 16px; }
    .loginBtn input[type="button"] { width: 100%; }
    .ereaBtnList, .tagBtnList { width: 100%; margin: 0 0 15px; }
    .categoryBtn { width: 100%; margin: 0 0 20px; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; }
    .categoryBtn li { display: inline-block; margin: 0 1% 10px 0; width: 49%; }
    .categoryBtn li a { width: 100%; }
    .categoryBtn li:nth-child(2n) { margin: 0 0 10px 1%; }
    .categoryBtn li.cate1 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate01.png") no-repeat 11px 9px; -moz-background-size: 10px 14px; -o-background-size: 10px 14px; -webkit-background-size: 10px 14px; background-size: 10px 14px; }
    .categoryBtn li.cate1.on a { background: #ed5c35 url("/files/user/common/css/images/icn_Btn_cate01_on.png") no-repeat 11px 9px; -moz-background-size: 10px 14px; -o-background-size: 10px 14px; -webkit-background-size: 10px 14px; background-size: 10px 14px; }
    .categoryBtn li.cate2 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate02.png") no-repeat 10px 7px; -moz-background-size: 11px 14px; -o-background-size: 11px 14px; -webkit-background-size: 11px 14px; background-size: 11px 14px; }
    .categoryBtn li.cate2.on a { background: #dd7f9a url("/files/user/common/css/images/icn_Btn_cate02_on.png") no-repeat 10px 7px; -moz-background-size: 11px 14px; -o-background-size: 11px 14px; -webkit-background-size: 11px 14px; background-size: 11px 14px; }
    .categoryBtn li.cate3 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate03.png") no-repeat 9px 11px; -moz-background-size: 14px 11px; -o-background-size: 14px 11px; -webkit-background-size: 14px 11px; background-size: 14px 11px; }
    .categoryBtn li.cate3.on a { background: #4d911b url("/files/user/common/css/images/icn_Btn_cate03_on.png") no-repeat 9px 11px; -moz-background-size: 14px 11px; -o-background-size: 14px 11px; -webkit-background-size: 14px 11px; background-size: 14px 11px; }
    .categoryBtn li.cate4 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate04.png") no-repeat 9px 7px; -moz-background-size: 15px 18px; -o-background-size: 15px 18px; -webkit-background-size: 15px 18px; background-size: 15px 18px; }
    .categoryBtn li.cate4.on a { background: #81549c url("/files/user/common/css/images/icn_Btn_cate04_on.png") no-repeat 9px 7px; -moz-background-size: 15px 18px; -o-background-size: 15px 18px; -webkit-background-size: 15px 18px; background-size: 15px 18px; }
    .categoryBtn li.cate5 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate05.png") no-repeat 9px 8px; -moz-background-size: 17px 16px; -o-background-size: 17px 16px; -webkit-background-size: 17px 16px; background-size: 17px 16px; }
    .categoryBtn li.cate5.on a { background: #7c5620 url("/files/user/common/css/images/icn_Btn_cate05_on.png") no-repeat 9px 8px; -moz-background-size: 17px 16px; -o-background-size: 17px 16px; -webkit-background-size: 17px 16px; background-size: 17px 16px; }
    .categoryBtn li.cate6 a { background: #ececec url("/files/user/common/css/images/icn_Btn_cate06.png") no-repeat 9px 6px; -moz-background-size: 14px 19px; -o-background-size: 14px 19px; -webkit-background-size: 14px 19px; background-size: 14px 19px; }
    .categoryBtn li.cate6.on a { background: #147fb7 url("/files/user/common/css/images/icn_Btn_cate06_on.png") no-repeat 9px 6px; -moz-background-size: 14px 19px; -o-background-size: 14px 19px; -webkit-background-size: 14px 19px; background-size: 14px 19px; }
    /*planContent ==================================================*/
    .planWrap { padding: 10px 12px 10px 4px; }
    .planContent { padding: 0 0 0 30px; background: url("/files/user/common/css/images/bg_arrow.png") repeat-y 8px top; -moz-background-size: 12px auto; -o-background-size: 12px auto; -webkit-background-size: 12px auto; background-size: 12px auto; }
    /*recommend ==================================================*/
    .RecommendWrap { margin: 20px -10px 0; padding: 15px; }
    .recommendSpot { padding: 8px 10px; background-size: 550px 450px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin-top: 15px; }
    .recommendSpot img { margin: 10px auto 0; max-width: 230px; }
    /*moveArea ==================================================*/
    .moveArea { background-color: #F4F3F1; padding: 15px 10px; margin-bottom: 13px; }
    /*articleContent ==================================================*/
    .mainVisual img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    /*.mainVisualWrap { margin-bottom: 15px; }*/
    .articleContent .main { width: 100%; float: none; }
    .articleContent .aside { width: 100%; float: none; margin-left: 0; margin-bottom: 23px; }
    .articleContent .footContent { width: 100%; }
    .articleContent .noteTxt.posiNote { top: -67px; margin-top: 0; margin-bottom: 0; }
    .articleContent .commentSideAreaSpot { margin-top: 15px; }
    .articleContent .commentSideAreaSpot .inner .userCommetWrap { padding: 10px; }
    .articleContent .commentSideAreaSpot .inner .userCommetWrap .userCommet { height: 175px; }
    .articleContent .commentSideAreaSpot .inner .userCommetWrap .userCommet li { margin-top: 10px; }
    .articleContent .commentSideArea .inner .userCommetWrap .txtWrap { font-size: 12px; display: table-cell; width: 78%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .articleContent .commentSideAreaSpot .inner .userCommetWrap .txtWrap { font-size: 12px; display: table-cell; width: 78%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .articleContent .commentSideArea .inner .userCommetWrap .txtWrap:before { left: -8px; top: 15px; }

    .articleContent .block2D .commentSideAreaSpot { width: 100%; margin-top: 0; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap { padding: 10px 15px; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet { height: 304px; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet li { margin-top: 10px; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap2, .articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 { padding: 10px 20px; border-top: 1px solid #D3D3D3; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl, .articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 .postingTtl { font-size: 16px; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl span, .articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 .postingTtl span { font-size: 13px; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap2 .postingTtl:after, .articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap2 .postingTtl:after { content: ""; display: block; clear: both; }

    /*conditional ==================================================*/
    .conditionalArea { font-size: 14px; line-height: 1.5; margin-bottom: 15px; }
    .conditionalArea .conditional { padding: 6px 8px 14px; }

    /*spec ==================================================*/
    .specArea { background-image: url("/files/user/common/css/images/bg_bdr_02.png"); padding: 3px; line-height: 1.5; margin-bottom: 15px; }
    .specArea .spec { padding: 0 8px 10px; }
    .specArea .specTbl:after { content: ""; display: block; clear: both; }
    .specArea .specTbl tr:first-of-type { border-bottom: none; }
    .specArea .specTbl td { width: 100%; float: left; padding: 10px 0 0; }
    .specArea .specTbl td:first-child a, .specArea .specTbl td:first-child p { border-right: none !important; }
    .specArea .specTbl a, .specArea .specTbl p { font-size: 12px !important; padding-left: 23px !important; }
    .specArea .specTbl a.icn01, .specArea .specTbl p.icn01 { background: url("/files/user/common/css/images/icn_spec01.png") no-repeat left 0.2em !important; -moz-background-size: 16px 15px !important; -o-background-size: 16px 15px !important; -webkit-background-size: 16px 15px !important; background-size: 16px 15px !important; }
    .specArea .specTbl a.icn02, .specArea .specTbl p.icn02 { background: url("/files/user/common/css/images/icn_spec02.png") no-repeat left 0.2em !important; -moz-background-size: 12px 17px !important; -o-background-size: 12px 17px !important; -webkit-background-size: 12px 17px !important; background-size: 12px 17px !important; }
    .specArea .specTbl a.icn03, .specArea .specTbl p.icn03 { background: url("/files/user/common/css/images/icn_spec03.png") no-repeat left 0.2em !important; -moz-background-size: 15px 15px !important; -o-background-size: 15px 15px !important; -webkit-background-size: 15px 15px !important; background-size: 15px 15px !important; }
    .specArea .specTbl a.icn04, .specArea .specTbl p.icn04 { background: url("/files/user/common/css/images/icn_spec04.png") no-repeat left 0.2em !important; -moz-background-size: 15px 15px !important; -o-background-size: 15px 15px !important; -webkit-background-size: 15px 15px !important; background-size: 15px 15px !important; }
    /*profile ==================================================*/
    .profileArea { border: 4px solid #EFEFEF; padding: 14px 8px 8px; margin-bottom: 23px; }
    .profileArea .profile .imgBox { width: 28%; padding-right: 10px; margin-bottom: 15px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    .profileArea .profile .imgBox .prfImg { border: 3px solid #fff; width: 68px; height: 68px; }
    .profileArea .profile .imgBox .prfImg img { height: 68px; }
    .profileArea .profile .nameBox { width: 67%; padding-left: 13px; }
    .profileArea .profile .nameBox .name { font-size: 16px; margin-bottom: 5px; display: inline-block; padding-right: 12px; }
    .profileArea .profile .nameBox .snsIcn { display: block; }
    .profileArea .profile .commentBox { clear: both; width: 100%; float: none; padding-left: 0; font-size: 12px; margin-bottom: 12px; }
    .profileArea .profile .statusBox { width: 100%; float: none; display: table; table-layout: fixed; padding-left: 0; text-align: center; }
    .profileArea .profile .statusBox li { display: table-cell; width: 50%; margin-left: 0; padding-left: 7px; min-width: 142px; vertical-align: middle; }
    .profileArea .profile .statusBox li:first-child { padding-left: 0; }
    .profileArea .profile .statusBox li a { font-size: 10px; padding: 6px 12px 7px 25px; }
    .profileArea .profile .statusBox li a strong { font-size: 12px; }
    .profileArea .profile .statusBox li.bookMark a { background: #efefef url("/files/user/common/css/images/icn_folder_mypage.png") no-repeat 10px 1.1em; -moz-background-size: 12px 10px; -o-background-size: 12px 10px; -webkit-background-size: 12px 10px; background-size: 12px 10px; }
    .profileArea .profile .statusBox li.gone a { padding: 7px 12px 7px 20px; background: #efefef url("/files/user/common/css/images/icn_going_mypage.png") no-repeat 20px 13px; -moz-background-size: 13px 12px; -o-background-size: 13px 12px; -webkit-background-size: 13px 12px; background-size: 13px 12px; }
    .profileArea .profile .statusBox li { font-size: 10px !important; padding: 6px 5px !important; }
    .profileArea .profile .statusBox li strong { font-size: 12px !important; display: block; padding-left: 0; }
    .profileArea .profile .statusBox li.bookMark:before { width: 12px; height: 12px; background: url("/files/user/common/css/images/icn_folder_mypage.png") no-repeat 0 0 !important; -moz-background-size: 12px 10px !important; -o-background-size: 12px 10px !important; -webkit-background-size: 12px 10px !important; background-size: 12px 10px !important; margin-right: 5px; }
    .profileArea .profile .statusBox li.gone { padding: 6px 12px !important; }
    .profileArea .profile .statusBox li.gone:before { width: 13px; height: 12px; background: url("/files/user/common/css/images/icn_going_mypage.png") no-repeat 0 0 !important; -moz-background-size: 13px 12px !important; -o-background-size: 13px 12px !important; -webkit-background-size: 13px 12px !important; background-size: 13px 12px !important; margin-right: 5px; }
    .profileArea .memberInfo li a { font-size: 12px; padding-left: 5px; }

    /*spotBlock ==================================================*/
    .spotBlockWrap { margin: 0 -7px; }
    .spotBlock { width: 46%; margin: 0 2% 20px; }
    .spotBlock img { height: auto; }
    .spotBlock .likeBtnList li.like a { padding: 8px 2px 8px 25px; font-size: 10px; }
    .spotBlock .likeBtnList li.like a span.mark { -webkit-transform-origin: 40% 50%; -moz-transform-origin: 40% 50%; -ms-transform-origin: 40% 50%; transform-origin: 40% 50%; top: 6px; }
    .spotBlock .likeBtnList li.like a:before { top: 6px; }
    .spotBlock .likeBtnList li.folder a span.mark { -webkit-transform-origin: 40% 50%; -moz-transform-origin: 40% 50%; -ms-transform-origin: 40% 50%; transform-origin: 40% 50%; left: -69px; top: -138px; width: 136px; height: 135px; }
    .spotBlock .likeBtnList li.folder a:before { top: 8px; left: 25px; }
    .spotBlock .likeBtnList li.folder.on a span.mark { left: 33px; top: 20px; width: 0; height: 0; }
    .spotBlock .spotTxt { font-size: 12px; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .slidBlack {background: #000;}
    /*narrowArea ==================================================*/
    .narrowArea { margin-bottom: 25px; }
    .narrowArea .tabList { width: 100%; display: table; table-layout: fixed; }
    .narrowArea .tabList li { display: table-cell; vertical-align: bottom; }
    .narrowArea .tabList li a { display: block; padding-left: 1px; }
    .narrowArea .tabList li a span { font-size: 13px; display: block; width: auto; padding: 8px 0; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; min-height: 30px; }
    .narrowArea .tabList li a span:before { margin: 0 5px 0 0; }
    .narrowArea .tabList li.all a span:before { width: 11px; height: 11px; background: url("/files/user/common/css/images/icn_all.png") no-repeat 0 0; -moz-background-size: 11px 11px; -o-background-size: 11px 11px; -webkit-background-size: 11px 11px; background-size: 11px 11px; }
    .narrowArea .tabList li.all.on a span:before { background: url("/files/user/common/css/images/icn_all_on.png") no-repeat 0 0; -moz-background-size: 11px 11px; -o-background-size: 11px 11px; -webkit-background-size: 11px 11px; background-size: 11px 11px; }
    .narrowArea .tabList li.spot a span:before { width: 9px; height: 13px; background: url("/files/user/common/css/images/icn_spot.png") no-repeat 0 0; -moz-background-size: 9px 13px; -o-background-size: 9px 13px; -webkit-background-size: 9px 13px; background-size: 9px 13px; }
    .narrowArea .tabList li.spot.on a span:before { background: url("/files/user/common/css/images/icn_spot_on.png") no-repeat 0 0; -moz-background-size: 9px 13px; -o-background-size: 9px 13px; -webkit-background-size: 9px 13px; background-size: 9px 13px; }
    .narrowArea .tabList li.plan a span:before { width: 11px; height: 9px; background: url("/files/user/common/css/images/icn_plan.png") no-repeat 0 0; -moz-background-size: 11px 9px; -o-background-size: 11px 9px; -webkit-background-size: 11px 9px; background-size: 11px 9px; }
    .narrowArea .tabList li.plan.on a span:before { background: url("/files/user/common/css/images/icn_plan_on.png") no-repeat 0 0; -moz-background-size: 11px 9px; -o-background-size: 11px 9px; -webkit-background-size: 11px 9px; background-size: 11px 9px; }
    .narrowArea .tabList li.story a span:before { width: 13px; height: 13px; background: url("/files/user/common/css/images/icn_story.png") no-repeat 0 0; -moz-background-size: 13px 13px; -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; background-size: 13px 13px; }
    .narrowArea .tabList li.story.on a span:before { background: url("/files/user/common/css/images/icn_story_on.png") no-repeat 0 0; -moz-background-size: 13px 13px; -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; background-size: 13px 13px; }
    .narrowArea .tabBox { border: 1px solid #e4e4e4; padding: 24px 10px; }
    .narrowArea .squeeze li { font-size: 12px; margin-left: 0; vertical-align: middle; }
    .narrowArea .squeeze li:first-child { display: block; margin-bottom: 10px; margin-left: 0; }
    .narrowArea .squeeze li.bookMark a { padding: 6px 8px 6px 28px; background: #efefef url("/files/user/common/css/images/icn_folder_mypage_of.png") no-repeat 10px center; -moz-background-size: 15px 12px; -o-background-size: 15px 12px; -webkit-background-size: 15px 12px; background-size: 15px 12px; }
    .narrowArea .squeeze li.bookMark a.on { background: #f39400 url("/files/user/common/css/images/icn_folder_mypage02.png") no-repeat 10px center; -moz-background-size: 15px 12px; -o-background-size: 15px 12px; -webkit-background-size: 15px 12px; background-size: 15px 12px; }
    .narrowArea .squeeze li.gone a { padding: 6px 8px 6px 28px; background: #efefef url("/files/user/common/css/images/icn_going_mypage02.png") no-repeat 10px center; -moz-background-size: 15px 14px; -o-background-size: 15px 14px; -webkit-background-size: 15px 14px; background-size: 15px 14px; }
    .narrowArea .squeeze li.gone a.on { background: #498147 url("/files/user/common/css/images/icn_going_content_on.png") no-repeat 10px center; -moz-background-size: 15px 14px; -o-background-size: 15px 14px; -webkit-background-size: 15px 14px; background-size: 15px 14px; }
    .narrowArea .areaTtl { font-size: 12px; display: table-cell; margin-right: 32px; margin-top: 5px; float: left; vertical-align: bottom; }
    .narrowArea .areaTtl:after { content: ""; display: block; clear: both; }
    .narrowArea .area { display: table-cell; vertical-align: bottom; }
    .narrowArea .area:after { content: ""; display: block; clear: both; }
    .narrowArea .area li { font-size: 14px; }
    .narrowArea .area li a { font-size: 13px; }
    .narrowArea .spotBlockWrap { clear: both; }
    .narrowArea .spotBlockWrap:after { content: ""; display: block; clear: both; }
    .narrowArea .spotBlock { width: 46%; margin: 0 2% 20px; }
    .narrowArea .spotBlock .like { position: absolute; top: 110px; right: 5px; }
    .narrowArea .spotBlock .like a { font-size: 12px; color: #FFF; cursor: pointer; padding-left: 48px; text-decoration: none; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
    .narrowArea .spotBlock .like a span.mark { position: absolute; left: 18px; top: -3px; width: 28px; height: 20px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 28px 41px; -o-background-size: 28px 41px; -webkit-background-size: 28px 41px; background-size: 28px 41px; z-index: 10; visibility: hidden; }
    .narrowArea .spotBlock .like a:before { content: ""; position: absolute; left: 18px; top: -3px; width: 28px; height: 21px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -20px; -moz-background-size: 28px 41px; -o-background-size: 28px 41px; -webkit-background-size: 28px 41px; background-size: 28px 41px; }
    .narrowArea .spotBlock .like.on a { color: #FFF; cursor: pointer; -moz-transition: color 0.6s; -o-transition: color 0.6s; -webkit-transition: color 0.6s; transition: color 0.6s; }
    .narrowArea .spotBlock .like.on a span.mark { visibility: visible; opacity: 0; -moz-transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); -moz-transition: opacity 0.8s ease-in, -moz-transform 0.8s ease-out; -o-transition: opacity 0.8s ease-in, -o-transform 0.8s ease-out; -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-out; transition: opacity 0.8s ease-in, transform 0.8s ease-out; }
    .narrowArea .spotBlock .like.on a:before { background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 28px 41px; -o-background-size: 28px 41px; -webkit-background-size: 28px 41px; background-size: 28px 41px; }
    .narrowArea .pagination { white-space: nowrap; margin-top: 0px; }
    .narrowArea .pagination .next a, .narrowArea .pagination .back a { width: 100px; }
    .sliderWrapA { margin: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .sliderWrapA .spotBlock .like { position: absolute; bottom: 65px; right: 10px; }

    /*management ==================================================*/
    .managementArea { min-height: 1px; }
    .errorBox { padding: 20px 25px; margin-bottom: 10px; font-size: 13px; }
    .formBox { padding: 3px; font-size: 13px; }
    .formBox .formBox_inner { padding: 20px; }
    .formBox .formBox_inner h2 { font-size: 16px; }
    .formBox .formBox_inner h2 + .errorTxt + p { margin-top: 15px; }
    .formBox .formBox_inner > .formNote { padding-bottom: 20px; }
    .formBox .loginBox { margin-top: 15px; padding: 15px; }
    .inputBox .inputLst:not(:first-child) { border-top: 1px solid #D5D5D5; margin-top: 15px; padding-top: 15px; }
    .inputLst:not(:first-child) { margin-top: 15px; }
    .inputLst li { display: block; }
    .inputLst li.heading { width: 100%; padding-bottom: 10px; }
    .inputLst li.input input[type="text"] { width: 100%; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 8px 10px; margin-left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .inputLst li.input_short input[type="text"] { width: 100%; -moz-appearance: none; -webkit-appearance: none; border: 2px solid #d5d5d5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 8px 10px; }
    .inputLst li.inputTxt { width: 100%; margin-left: 0; }
    .inputLst li.txtArea textarea { width: 100%; min-width: 100%; border: 2px solid #d5d5d5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 8px 10px; margin-left: 0; }
    .passFoget { margin-top: 10px; }
    .facebookLogin { margin-top: 15px; }
    .facebookLogin > p { padding: 0 10px 5px; }
    .facebookLogin > p a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
    .imgView { margin-bottom: 10px; }

    /*mapArea ==================================================*/
    .mapArea img { width: 100%; height: auto; }
    .mapArea .detail { padding: 18px; }

    /*pagination ==================================================*/
    .pagination { /*margin-top: 20px;*/ }
    .pagination li { margin-left: 10px; display: none; }
    .pagination li:first-child, .pagination li:last-child { display: inline-block; }
    .pagination li.spPage { display: inline-block; vertical-align: bottom; }
    .pagination .prev a { padding: 0; width: 110px; }
    .pagination .prev a:before { left: 23px; top: 14px; }
    .pagination .prev a span { display: block; font-size: 14px; padding: 12px 0 12px 8px; text-align: center; background-color: #EFEFEF; }
    .pagination .prev a:hover { color: #333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
    .pagination .next a { padding: 0; width: 110px; }
    .pagination .next a:before { right: 23px; top: 14px; border-color: #fff; }
    .pagination .next a span { display: block; font-size: 14px; padding: 12px 8px 12px 0; text-align: center; color: #fff; background-color: #333333; }
    .pagination .next a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

    /*other ==================================================*/
    .bdrBox { padding: 3px; }
    .bdrBox .bdrBox_inner { padding: 10px 0 20px; }
    .bdrBox2 { padding: 3px; margin-bottom: 20px; }
    .bdrBox2 .bdrBox_inner { padding: 10px 0 20px; }
    .bdrBox2.siteMap .bdrBox_inner { padding: 10px 10px 20px; }
    .bdrBox3 { padding: 3px; margin-bottom: 20px; }
    .bdrBox3 .bdrBox_inner { padding: 20px 15px 20px 20px; height: 320px; }
    .bdrBox3 .txt:not(:first-child) { margin-top: 15px; }
    .bdrBox4 { display: block; padding: 3px; margin-bottom: 20px; }
    .bdrBox4 .bdrBox_inner { padding: 10px 0 20px; }
    .bdrBox4.siteMap .bdrBox_inner { padding: 10px 10px 20px; }
    .bdrBox5 { border: 4px solid #7E7E7E; padding: 15px; }
    .bdrBox5 .bdrBox_inner { padding: 20px 0; }
    .bdrBox5 .bdrBox_ttl { font-size: 14px; }
    .qaBox { display: block; width: 100%; }
    .qaBox .qaBlock { font-size: 13px; display: block; width: 100%; }
    .qaBox .qaBlock:not(:first-child) { background: none; }
    .qaBox .qaBlock:last-child .qaLst li:last-child { padding-bottom: 0; border: none; }
    .qaLst { padding: 10px 20px 0; }
    .qaLst li:not(:first-child) { margin-top: 5px; }
    .qaLst li:last-child { padding-bottom: 10px; border-bottom: 1px solid #b2b2b2; }
    .qaLst li a { padding-left: 12px; }
    .linkBox { display: block; }
    .linkBox .linkBox_inner { display: block; width: 100%; padding: 0 20px; }
    .linkBox .linkBox_inner:not(:first-child) { background: none; }
    .linkBoxLst li:first-child a { margin-top: 5px; }
    .linkBoxLst li a { font-size: 13px; padding-left: 12px; margin-top: 5px; }
    .linkBoxLst.siteMap li { padding-bottom: 12px; }
    .linkBoxLst.siteMap li:not(:first-child) { padding-top: 12px; }
    .linkBoxLst.siteMap li:not(:first-child) > a:after { top: 0.5em; margin-top: 0; }
    .linkBoxLst.siteMap li:first-child { margin-top: 12px; }
    .linkBoxLst.siteMap li.contents > ul > li > a:after { top: 0.2em; font-size: 20px; }
    .linkBoxLst.siteMap li.contents > ul > li:first-child > a:after { top: 0.2em; }
    .memberBox { display: block; }
    .memberBox_inner { display: block; border: 2px solid #CF2D0C; padding: 12px 20px 20px; }
    .memberBox_inner:not(:first-of-type) { margin-top: 20px; }
    .memberBox_inner .memNum img { width: 31px; height: auto; }
    .memberBox_inner .memTtl { font-size: 15px; padding-left: 25px; margin-bottom: 20px; min-height: auto; }
    .memberBox_inner .memImg { text-align: center; margin-bottom: 15px; }
    .memberBox_inner .memImg img { max-width: 220px; width: 100%; height: auto; }
    .memberBox_inner .memTxt { line-height: 1.6; }
    .memberBox_inner_space { display: none; }
    .aboutBoxWrap { padding: 3px; margin-bottom: 20px; }
    .aboutBoxWrap .aboutBox { display: block; table-layout: auto; padding: 20px; }
    .aboutBoxWrap .aboutBox .aboutBox_Inner { display: block; width: 100%; text-align: center; }
    .aboutBoxWrap .aboutBox .aboutBox_Inner.right_inner { text-align: center; margin-top: 30px; }
    .aboutLeadWrap { padding: 20px; margin-bottom: 20px; }
    .aboutLeadLst li span { padding-right: 10px; vertical-align: top; padding-top: 0.4em; }
    .aboutLeadLst li span img { width: 30px; height: auto; }
    .aboutLeadLst li:not(:first-child) { margin-top: 20px; }
    .staffWrap { width: 100%; display: block; table-layout: auto; }
    .staffWrap .staffBox { display: block; width: 100%; }
    .staffWrap .staffBox img { max-width: 100%; }
    .staffWrap .staffBox_plf { padding: 20px 15px; font-size: 16px; }
    .staffWrap .staffBox_plf p { line-height: 1.8; }
    .staffWrap .staffBox_plf p > span { color: #cf2d0c; }
    .staffWrap .staffBox_plf .name { font-weight: bold; }
    .staffWrap .staffBox_plf .stay { margin-bottom: 5px; }
    .staffWrap .staffBox_space { display: block; height: 20px; width: 100%; }
    .infoTopBoxWrap { display: block; table-layout: auto; }
    .infoTopBoxWrap:not(:first-of-type) { margin-top: 20px; }
    .infoTopBoxWrap.infoTopBoxWrap_Wide { width: 100%; display: block; table-layout: auto; }
    .infoTopBoxWrap.infoTopBoxWrap_Wide .infoTopBox_wide { width: 100%; display: block; border: 3px solid #89cff1; padding: 10px; }
    .infoTopBox { width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid #89cff1; padding: 10px; }
    .infoTopBox_space { display: block; width: 0; height: 20px; }
    .infoTopBoxImgArea { position: relative; }
    .infoTopBoxImgArea.infoTopBoxImgArea_wide img { max-width: 100%; }
    .infoTopBoxImgArea .infoTopBox_txt { bottom: 10px; font-size: 20px; }
    .infoTopBoxImgArea .infoTopBox_txt span { position: relative; }
    .infoTopBoxImgArea .infoTopBox_txt span:before { content: ""; position: absolute; left: -20px; display: block; width: 10px; height: 10px; margin-top: -5px; border-top: 2px solid #fff; border-right: 2px solid #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .infoTopDetail li:not(:first-child) { margin-top: 5px; }
    .infoTopDetail li:before { margin-top: 0.5em; }
    .infoTopBox_thmbBlock { width: 100%; display: block; table-layout: auto; }
    .infoTopBox_thmbBlock:not(:first-of-type) { margin-top: 20px; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner { display: block; width: 100%; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner:nth-child(even) a { padding-left: 0; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner:not(:first-of-type) { margin-top: 20px; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner .imgArea { margin-right: 5px; width: 35%; padding-right: 0; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea { font-size: 14px; padding-left: 16px; width: 60%; }
    .infoTopBox_thmbBlock .infoTopBox_thmbInner .txtArea:before { content: ""; position: absolute; top: 14px; left: 0; display: block; width: 6px; height: 6px; margin-top: -8px; border-top: 2px solid #000; border-right: 2px solid #000; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

    /*topPage ==================================================*/
    .articleArea { height: auto !important; }
    .articleArea:after { content: ""; display: block; clear: both; }
    .articleArea > .articleElm { position: relative !important; top: 0 !important; left: 0 !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important; width: 49%; height: auto; float: left; margin-bottom: 10px; }
    .articleArea > .articleElm.s_size .articleInfoWrap, .articleArea > .articleElm.video .articleInfoWrap { background: none; }
    .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like { bottom: 45px; }
    .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a span.mark, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a span.mark { top: -10px; }
    .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a span.countno, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a span.countno { top: -2px; }
    .articleArea > .articleElm.s_size .articleInfoWrap .articleInfo .like a:before, .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like a:before { top: -10px; }
    .articleArea > .articleElm.cloneElm { display: none; }
    .articleArea > .articleElm.cloneElmS { display: inline-block; }
    .articleArea > .articleElm img { width: 100%; height: auto; }
    .articleArea > .articleElm.right { /*.articleInfoWrap{
        left: 5px;
    }*/ left: 2% !important; }
    .articleArea > .articleElm.right:after { content: ''; display: block; clear: both; }
    .articleArea > .articleElm.left { clear: left; /*.articleInfoWrap{
        padding-right: 5px !important;
    }*/ }
    .articleArea > .articleElm .articleInfoWrap { background: none; position: relative; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .articleTxt { font-size: 14px; color: #333; display: block; vertical-align: top; padding: 5px 10px; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .articleTxt a { color: #000; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .like { margin-top: -29px; margin-bottom: 5px; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .like a { display: inline-block; height: 1em; padding-left: 18px; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .like a span.mark { left: -38px; top: -10px; width: 28px; height: 20px; -moz-background-size: 28px 41px; -o-background-size: 28px 41px; -webkit-background-size: 28px 41px; background-size: 28px 41px; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .like a:before { left: -38px; top: -10px; width: 28px; height: 20px; background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left -21px; -moz-background-size: 28px 41px; -o-background-size: 28px 41px; -webkit-background-size: 28px 41px; background-size: 28px 41px; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .like a span.countno { top: -2px; left: -10px; font-size: 13px; }
    .articleArea > .articleElm .articleInfoWrap .articleInfo .like.on a:before { background: url("/files/user/common/css/images/icn_like_top.png") no-repeat left top; -moz-background-size: 28px 41px; -o-background-size: 28px 41px; -webkit-background-size: 28px 41px; background-size: 28px 41px; }
    .articleArea > .articleElm p.visualImg { height: auto; position: relative; top: 0; left: 0; }
    .articleArea > .articleElm p.visualImg.spImg { display: block; }
    .articleArea > .articleElm p.visualImg.pcImg { display: none; }
    .articleArea > .articleElm.l_size { width: 100%; height: auto; }
    .articleArea > .articleElm.video { width: 100%; height: auto; }
    .articleArea > .articleElm.video .articleInfoWrap .articleInfo .articleTxt a { font-size: 14px; }
    .articleArea > .articleElm.video .articleInfoWrap .articleInfo .like { bottom: 53px; }
    .articleArea > .articleElm.video p.movie { width: 100%; height: auto; display: block; }
    .articleArea > .articleElm.video p.movie iframe { width: 100%; }
    #loadingImg { margin-top: -250px; margin-left: -250px; }
    body.loaded #loadingImg { display: none; }
    body.loaded .articleArea > .articleElm { display: inline-block; opacity: 1; }
    .spSlideWrap { margin: 0 20px; } }
.articleContentWrap .snsBlockWrap .snsBlock.floatFixed { position: fixed; top: 60px; width: 100%; max-width: 620px; z-index: 100; margin-left: -20px; background: rgba(255, 255, 255, 0.8); margin-top: 0; margin-bottom: 0; padding: 0 20px 5px 20px; box-sizing: border-box; }
.articleContentWrap .snsBlockWrap .snsBlock.floatFixed .snsBlock_Wide { max-width: 920px; }
.articleContentWrap .snsBlockWrap .block2A.snsBlock .snsList { padding-top: 5px; }
.articleContentWrap .articleContent .aside { position: absolute; right: 0; }

.asideInnerWrap .commentSideArea { height: 440px; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 20px; padding-bottom: 20px; }
.asideInnerWrap .fbBoxWrap { height: 500px; padding-bottom: 50px !important; }
.asideInnerWrap.floatFixed { position: fixed; top: 60px; width: 280px; background-color: #FFF; margin-top: 0; }
.block2D .innerBlock {
    border: none;
}
.block2D .userCommetWrap_NonLogin {
    margin-bottom: 0;
}
.rightSpotBlock_text .rightSpotBlock_name {
    font-weight: bold;
    word-break: break-word;
}

/*==================================================
PC, TABLET, SP 共通
==================================================*/
/* 改行禁止 韓国/タイ語/英語 */
.WordBreakUrl {
    word-break: break-all;
}
@media screen and (min-width:768px) and ( max-width:1280px) {
    .WordBreak/*, .detailTbl.WordBreakTable td, .detailTbl.WordBreakTable th*/ {
        word-break: keep-all;
    }
    .detailTbl {
        table-layout: auto;
    }
}
/* Map */
.ggmap {
    position: relative;
    height: 370px !important;
    overflow: hidden;

}
.ggmapSP {
    position: relative;
    height: 300px !important;
    overflow: hidden;
}

}
/*BookMark On Off*/
.contentIcnList li.bookMark a { background: #e7e7e7 url("/files/user/common/css/images/icn_folder_content.png") no-repeat 10px 15px; -moz-background-size: 28px 16px; -o-background-size: 28px 16px; -webkit-background-size: 28px 16px; background-size: 28px 16px; }
.contentIcnList li.bookMark a span.mark { width: 300px; height: 150px; top: -190px; left: -10px; }
.contentIcnList li.bookMark.on a { background: #f39400 url("/files/user/common/css/images/icn_folder_content2_on.png") no-repeat 12px 15px; -moz-background-size: 21px 16px; -o-background-size: 21px 16px; -webkit-background-size: 21px 16px; background-size: 21px 16px; }
.contentIcnList li.bookMark.on_2 a { background: #f39400 url("/files/user/common/css/images/icn_folder_content2_on.png") no-repeat 12px 15px; -moz-background-size: 21px 16px; -o-background-size: 21px 16px; -webkit-background-size: 21px 16px; background-size: 21px 16px; }
/*Gone Off*/
.contentIcnList li.gone a { background: #e7e7e7 url("/files/user/common/css/images/icn_going_content.png") no-repeat 10px 15px; -moz-background-size: 36px 20px; -o-background-size: 36px 20px; -webkit-background-size: 36px 20px; background-size: 36px 20px; position: relative; }
.contentIcnList li.gone a span.mark { background: #498147 url("/files/user/common/css/images/icn_going_content_on.png") no-repeat center 10px 15px; -moz-background-size: 36px 20px; -o-background-size: 36px 20px; -webkit-background-size: 36px 20px; background-size: 22px 20px; display: block; position: absolute; width: 50px; height: 50px; border-radius: 25px; top: 0; left: 0; margin: 0; padding: 0; z-index: 10; visibility: hidden; pointer-events: none; }
.contentIcnList li.gone.on a { background: #498147 url("/files/user/common/css/images/icn_going_content_on.png") no-repeat 12px 17px; -moz-background-size: 21px 16px; -o-background-size: 36px 20px; -webkit-background-size: 36px 20px; background-size: 25px 19px; }

/* FaceBook */
.btn_facebook {
    height: 40px;
    display: inline-block;
    margin-left: -50px;
}
.rightFacebookWrap {
    width: 300px;
    margin: 0 auto;
}

/* コメントエリア */
.userCommet .userName:after { content: ""; display: block; clear: both; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userImg img { display: inline-block; width: auto; height: 70px; position: absolute; left: -25px; right: 0; bottom: 0; top: 0; margin: auto; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .imgWrap { display: table-cell; width: 18%; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .txtWrap:before { top: 10px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .txtWrap:before { display: inline-block; vertical-align: middle; content: ""; position: absolute; left: -8px; top: 3px; width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 0px solid transparent; border-right: 8px solid #F4F3F1; }
@media only screen and (max-width: 1023px) { .articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .userCommet { max-width: 760px; }
    .articleContent .block2D .commentSideArea .inner .userCommetWrap .userCommet li:first-child { margin-top: 0; }}
.commentSideAreaSpot .inner { border: 1px solid #D3D3D3; }
.commentSideAreaSpot .inner .userCommetWrap .userCommet { height: 304px;  overflow-y: visible;}
.commentSideAreaSpot .inner .userCommetWrap .userCommet li { margin-top: 10px; }
.commentSideAreaSpot .inner .userCommetWrap .userCommet li:first-child { margin-top: 0; }
/*.commentSideAreaSpot .inner .userCommetWrap .imgWrap { width: 23%; text-align: center; }*/
/*.commentSideAreaSpot .inner .userCommetWrap .imgWrap { width: 90px; text-align: center; }*/
.articleContent .main { width: 580px; float: left; }
.articleContent .aside { width: 280px; float: left; margin-left: 20px; }
.articleContent .footContent { width: 580px; clear: both; }
.articleContent .footContent .line:nth-of-type(2) { margin-top: 20px; }

.articleContent .commentSideAreaSpot { margin-top: 20px; margin-bottom: 20px; }
.articleContent .commentSideAreaSpot .inner { border: 1px solid #D3D3D3; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userCommet { height: auto; overflow: auto;}
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userCommet li {
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 100px;
    height: auto;margin-top: 20px;
}
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userCommet li:after { content: ""; display: block; clear: both; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userCommet li:first-child { margin-top: 0; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .imgWrap { float: left; display: inline-block; width: auto; height: 70px; font-size:12px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userImg {
    display: block;
    width: 70px;
    height: 70px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    position: relative;
    overflow: hidden;
}

.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .imgWrap {
    width: 90px;
    text-align: center;
}
.articleContent .commentSideAreaSpot .inner .userCommetWrap .imgWrap {
    float: left;
    display: inline-block;
    width: 90px;
}
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .userImg {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .imgWrap {
    width: 90px;
    text-align: center;
}
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userName { display: block; float: right; padding-bottom: 5px; width: 100%; font-size: 12px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userName a { font-size: 12px; color: #333; display: block; width: 80px; text-align: center;}
/* コメント情報 */
.inner .userCommetWrap .userImg { width: 70px; height: 70px; -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap .userCommet .txtWrap { width: 90%; margin-top:10px;} }
/* コメント欄 */
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .txtWrap {
    float: left;
    display: inline-block;
    width: 70%;
    padding: 10px;
}
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .imgWrap {
    width: 100%;
    max-width: 70px;
    margin-right: 13px;
}
.articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .userImg {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

.articleContent .commentSideAreaSpot .inner .userCommetWrap .imgWrap {
    float: left;
    display: inline-block;
    width: 70px;
    font-size: 12px;
    margin-right: 10px;
}
.articleContent .commentSideAreaSpot .inner .userCommetWrap .txtWrap {
    font-size: 12px;
    float: left;
    display: inline-block;
    width: 68% !important;
    margin-left: 20px;
    padding: 10px;
    background-color: #F4F3F1;
    position: relative;
}
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 { padding: 10px 20px; border-top: 1px solid #D3D3D3; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .postingTtl  { font-size: 16px; }
.articleContent .commentSideArea .inner .userCommetWrap2 .postingTtl span { display: block; font-size: 13px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .txtArea { margin-top: 10px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .txtArea textarea { font-size: 14px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #D3D3D3; padding: 10px; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .txtArea textarea:-moz-placeholder { color: #999999; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .txtArea textarea::-webkit-input-placeholder { color: #999999; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .btn { width: 120px; margin: 15px auto 0; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .btn input{ width: 120px; margin: 15px auto 0; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .btn input { width: 120px; display: block; text-align: center; font-size: 14px; color: #FFF; padding: 3px; background-color: #333; text-decoration: none; border: none; }
.articleContent .commentSideAreaSpot .inner .userCommetWrap2 .btn input:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.articleContent .block2D .commentSideAreaSpot { width: 100%; margin-top: 0; }
.articleContent .block2D .commentSideArea { width: 420px; margin-top: 0; }

/*.articleContent .commentSideArea .inner .userCommetWrap2 .btn input[type="button"] { width: 80px; display: block; text-align: center; font-size: 14px; color: #FFF; padding: 3px; background-color: #333; text-decoration: none; border: none; }
.articleContent .commentSideArea .inner .userCommetWrap2 .btn input[type="button"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
*/

/*================================================
max-width: 767px
================================================*/

@media only screen and (max-width: 767px) {
    .articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .imgWrap {
        width: 18%;
    }
    .articleContent .commentSideAreaSpot .inner { border: 1px solid #D3D3D3; }

    .articleContent .commentSideAreaSpot .inner .userCommetWrap .imgWrap {
        display: table-cell;
        width: 18%;
    }
    .articleContent .block2D .commentSideAreaSpot .inner .userCommetWrap .userImg {
        width: 70px;
        height: 70px;
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        .snsList li.facebook .cnt_facebook { top: 11px; right: 18px;  font-size: 15px;}
    }
}

@media only screen and (min-width:320px) and ( max-width:768px) {
    .block2D {
        margin-bottom: 0;
    }
    .commentSideAreaSpot .inner .userCommetWrap {
        padding: 10px 15px;
    }
    .mainVisualWrap {
        max-width: 780px;
        width: 100%;
        margin: 0 auto 15px;
        overflow: hidden;
    }
    /* 詳細情報 */
    .ggmap { height: 260px !important; }
    /* 改行禁止 韓国/タイ語/英語 */
    .detailTbl {
        min-width: 300px;
        width: 100%;
    }
    .detailTbl th, .detailTbl td {
        padding: 5px;
        font-size: 12px;
    }
    .articleContent .commentSideAreaSpot .inner .userCommetWrap .txtWrap { font-size: 12px; float: right; display: inline-block; /*width: 68%;*/ max-width: 80%; margin-left: 20px; padding: 10px; background-color: #F4F3F1; position: relative; }

    .asideInnerWrap .commentSideArea { height: 100%; }
    .articleContentWrap.sm_on .snsBlock.floatFixed { top: 50px !important; width: 100%; max-width: 100%; margin-top: 0; margin-bottom: 0; margin-left: -10px; padding: 5px 10px 5px 10px; }
    .articleContentWrap .articleContent .aside { position: static; float: none; margin-bottom: 23px; margin-left: 0; background: rgba(255, 255, 255, 0.8); }
    .areaTopSnsBlock { margin-top: 0px; }
    .centerSpotBlock { margin-bottom: 25px; padding: 15px 10px 0; background: #f4f3f1; }
    .centerSpotBlock .title {  color: #000; text-align: left; padding-top: 5px; padding-left: 30px; margin-bottom: 10px; border-top: 2px solid #333333; }
    .centerSpotBlock .travelplan { background: url("/files/user/common/css/images/icn_plan.png") no-repeat left center; -moz-background-size: 22px 20px; -o-background-size: 22px 20px; -webkit-background-size: 22px 20px; background-size: 22px 20px; }
    .centerSpotBlock .relation { background: url("/files/user/common/css/images/icn_story.png") no-repeat left center; -moz-background-size: 22px 22px; -o-background-size: 22px 22px; -webkit-background-size: 22px 22px; background-size: 22px 22px; }
    .centerSpotBlock .recommend { background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left center; -moz-background-size: 20px 27px; -o-background-size: 20px 27px; -webkit-background-size: 20px 27px; background-size: 20px 27px; }
    .centerSpotBlock .introduction { padding-left: 20px; background: url("/files/user/common/css/images/icn_spot_content.png") no-repeat left 0.2em; -moz-background-size: 14px 20px; -o-background-size: 14px 20px; -webkit-background-size: 14px 20px; background-size: 14px 20px; }
    .centerSpotBlock.AreaBlock {padding: 20px; background-color: #f4f3f1;}
    .areaLink img {width: 100%; padding-bottom: 5px;}
    .SpBnner img {width: 100%;}

}/* max-width: 767px */

@media only screen and (max-width: 440px) and (min-width: 320px) {
    .articleContent .commentSideAreaSpot .inner .userCommetWrap .txtWrap {
        font-size: 12px;
        float: right;
        display: inline-block;
        width: 68% !important;
        margin-left: 20px;
        padding: 10px;
        background-color: #F4F3F1;
        position: relative;
    }
}
@media only screen and (max-width: 767px) and (min-width: 440px) { .articleContent .commentSideAreaSpot .inner .userCommetWrap .txtWrap {width: 75% !important;}}
/*==================================================
max-width: 1280px
==================================================*/
/*FaceBook Icon */
@media only screen and (max-width: 1280px) {
    .mainVisualWrap { max-width: 780px; width: 100%; margin: 0 auto 15px; overflow: hidden; }
    .snsList {
        float: none;
        margin-top: -60px;
    }
    .snsList li {
        width: 19%;
    }
    .snsList li.facebook .cnt_facebook {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 17px;
        text-decoration: none;
        border-style: none;
        border-width: 2px 2px 2px 5px;
        color:#fff;
    }
}

@media only screen and (max-width: 1200px) {
    .snsList li {
        width: 17%;
    }
}
@media only screen and (max-width: 1024px) {
    .snsList {
        float: none;
        margin-top: 0px;
    }
    .snsList li {
        width: 32%;
    }
}
/* コメントエリア*/
.commentSideAreaSpot .inner .userCommetWrap { padding: 14px 10px; }
}/* max-width: 1280px */


/*==================================================
コメント欄
==================================================*/

/* 共通 ========================================*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}

/*==================================================
Custom
==================================================*/
/* sass */
.sm_on { display: none; }
.md_on { display: none; }
.lg_on { display: block; }
.user-close {
    width: 15px;
}
@media only screen and (max-width: 1279px) {
    .sm_on { display: none; }
    .md_on { display: block; }
    .lg_on { display: none; }
}
@media only screen and (max-width: 767px) {
    .sm_on { display: block; }
    .md_on { display: none; }
    .lg_on { display: none; }
}
.sm_off { display: block; }
.md_off { display: block; }
.lg_off { display: none; }
@media only screen and (max-width: 1279px) {
    .sm_off { display: block; }
    .md_off { display: none; }
    .lg_off { display: block; }
}
@media only screen and (max-width: 767px) {
    .sm_off { display: none; }
    .md_off { display: block; }
    .lg_off { display: block; }
}
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
/* body
------------------------------------------------*/
a:hover { text-decoration: none; }
.block1A .innerBlock img {
    width: 100%;
    max-width: inherit !important;
}
.conditionalArea .conditional ul li {
    word-break: break-word;
}

/*container
==================================================*/
#container:after { content: ""; display: block; clear: both; }
/*header
==================================================*/
#headerInner #logo a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#headerInner .headContents .searchBox input[type="text"]:-moz-placeholder { color: #999999; }
#headerInner .headContents .searchBox input[type="text"]:-webkit-input-placeholder { color: #999999; }
#headerInner .headContents .searchBox input:focus { border: none; }
#headerInner .headContents .userArea.logout * { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
#headerInner .headContents .userArea.logout .userStatus { margin-top: 13px; }
#headerInner .headContents .userArea.logout .userStatus:hover .subMenu { visibility: visible; overflow: visible; }
#headerInner .headContents .userArea.logout .userStatus:hover .subMenu li { height: 40px; }
#headerInner .headContents .userArea.logout .userStatus:hover .subMenu li a { padding-bottom: 0; }
#headerInner .headContents .userArea.logout .userStatus:hover .subMenu li a img { height: 40px; width: 187px; }
#headerInner .headContents .userArea.logout .userStatus .subMenu { visibility: hidden; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 230px; top: 40px; left: -110px; z-index: 500; background-color: rgba(255, 255, 255, 0.9); padding: 20px; -moz-box-shadow: 3px 4px 5px 0.2px rgba(4, 0, 0, 0.4); -webkit-box-shadow: 3px 4px 5px 0.2px rgba(4, 0, 0, 0.4); box-shadow: 3px 4px 5px 0.2px rgba(4, 0, 0, 0.4); }
#headerInner .headContents .userArea.logout .userStatus .subMenu li { height: 0; }
#headerInner .headContents .userArea.logout .userStatus .subMenu li:not(:first-child) { margin-top: 10px; }
#headerInner .headContents .userArea.logout .userStatus .subMenu li a { display: block; font-size: 12px; text-decoration: none; color: #000; background-repeat: no-repeat; background-position: 23px 14px; }
#headerInner .headContents .userArea.logout .userStatus .subMenu li a img { height: 0; width: 187px; }
#headerInner .headContents .userArea.logout .userStatus .subMenu li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#headNavi * { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
#headNavi > li > a.bookMark:after { content: none; }
#headNavi > li.over .subMenu { padding: 6px 0; left: 0; }
#headNavi > li.over .subMenu li { visibility: visible; overflow: visible; height: 40px; }
#headNavi > li.over .subMenu li a { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.1s linear 0.1s; -o-transition: all 0.1s linear 0.1s; -webkit-transition: all 0.1s linear; -webkit-transition-delay: 0.1s; transition: all 0.1s linear 0.1s; }
#headNavi .subMenu li a:hover { background-color: rgba(156, 156, 156, 0.9); }

/*contents
==================================================*/
#contents { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 920px; padding: 0 20px 50px 20px; background-color: #fff; float: left; margin-left: 180px; }
#contents.top { width: 100%; overflow: hidden; margin-left: 0; padding-bottom: 0; background: url("/files/user/common/css/images/bg.png") repeat-y left top; margin-top: -20px; }
#contents.top #main_contents { margin-left: 180px; width: 100.5%; }
#top_contents { display: none; }

/*contentArea
==================================================*/
.contentArea { min-height: 540px; }

/*footer
==================================================*/
#footerInner .footNavi:nth-of-type(2) { width: 150px; }
#footerInner .appInfo .appIcn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#footerInner .appInfo ul li {margin-left: 0;}
#footerInner .appInfo ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

/*================================================ RWD
================================================*/
@media only screen and (max-width: 767px) { #container { background-image: none; width: 100%; min-width: 1px; padding-top: 50px; }
    /*header ==================================================*/
    #headerInner { width: 100%; height: 50px; min-width: 1px; }
    #headerInner #logo { display: block; float: none; margin: 0; text-align: center; padding-top: 10px; }
    #headerInner #logo img { width: 121px; height: auto; }
    #headerInner .sp_naviBtn { display: block; position: absolute; left: 10px; top: 14px; }
    #headerInner .sp_naviBtn img { width: 28px; height: auto; }
    #headerInner .searchBox { display: none; }
    #headerInner .userArea { display: none; }
    #headNavi { display: none; }
    /*contents ==================================================*/
    #contents { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0px 10px 50px; background-color: #FFF; }
    #contents.top { width: 100%; background: none; }
    #contents.top #main_contents { width: 100%; margin-left: 0; }
    /*main_contents ==================================================*/
    #main_contentsInner { width: 100%; float: none; padding: 0; }
    /*navi ==================================================*/
    #navi { background-color: #FFF; width: 256px; display: none; pointer-events: none; height: 100%; bottom: 0; overflow-y: auto; position: fixed; top: 0; left: 0; visibility: hidden; z-index: 1000; -moz-transform: translate(-272px, 0); -ms-transform: translate(-272px, 0); -webkit-transform: translate(-272px, 0); transform: translate(-272px, 0); }
    #navi.on { display: block; pointer-events: auto; visibility: visible; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    #sideNaviWrap { width: 256px; padding: 0; padding-bottom: 30px; position: static; top: 0 !important; background-color: #FFF; }
    #sideNaviWrap.floatFixed { position: static; }
    #sideNavi .topLogo { display: none; }
    #sideNavi .navTtl { display: none; }
    #sideNavi .sp_navi { width: 100%; display: block; }
    #sideNavi .sp_navi .searchBox { position: relative; padding: 11px 9px; }
    #sideNavi .sp_navi .searchBox input[type="text"] { border: none; outline: none; font-size: 12px; width: 100%; height: 30px; padding-left: 38px; padding-right: 10px; background: #e5e5e5 url("/files/user/common/css/images/icn_search.png") no-repeat 10px center; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #sideNavi .sp_navi .searchBox input[type="text"]:-moz-placeholder { color: #999999; }
    #sideNavi .sp_navi .searchBox input[type="text"]::-webkit-input-placeholder { color: #999999; }
    #sideNavi .sp_navi .searchBox input:focus { border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    #sideNavi .sp_navi .searchBox input.search{  -moz-appearance: none; -webkit-appearance: none;border: none; cursor: pointer; width: 35px; height: 31px; position: absolute; left: 10px; top: 10px; background: transparent;}
    #sideNavi .sp_navi .userStatus { display: inline-block; width: 13em; overflow: hidden; white-space: nowrap; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
    #sideNavi .sp_navi li { border-bottom: #D6D6D6 2px solid; }
    #sideNavi .sp_navi li.arrow a { position: relative; }
    #sideNavi .sp_navi li.arrow > a:after { width: 7px; height: 7px; position: absolute; top: 19px; right: 18px; border-bottom: 2px solid #333; border-right: 2px solid #333; content: ""; display: block; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    #sideNavi .sp_navi li.arrow a.on:after { top: 22px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
    #sideNavi .sp_navi li a .userImg img { display: inline-block; height: 26px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; }
    #sideNavi .sp_navi li.folder a { background: url("/files/user/common/css/images/sp_icn_folder.png") no-repeat 10px center; -moz-background-size: 26px 20px; -o-background-size: 26px 20px; -webkit-background-size: 26px 20px; background-size: 26px 20px; }
    #sideNavi .sp_navi li.language a { background: url("/files/user/common/css/images/sp_icn_lang.png") no-repeat 12px center; -moz-background-size: 25px 25px; -o-background-size: 25px 25px; -webkit-background-size: 25px 25px; background-size: 25px 25px; }
    #sideNavi .sp_navi li a { font-size: 13px; color: #333; line-height: 1.3; text-decoration: none; display: block; padding: 18px 30px 18px 48px; position: relative; z-index: 10000; }
    #sideNavi .sp_navi li a .userImg { position: absolute; left: 9px; top: 12px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; width: 26px; height: 26px; overflow: hidden; }
    #sideNavi .sp_navi li a .userImg img { display: inline-block; height: 26px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; }
    #sideNavi .sp_navi li .accordionMenu { display: none; background-color: #333; }
    #sideNavi .sp_navi li .accordionMenu li { border-bottom: 1px solid #fff; }
    #sideNavi .sp_navi li .accordionMenu li a { color: #FFF; padding: 10px 5px 10px 20px; background: none; }
    #sideNavi .sp_navi li .accordionMenu li a:after { content: none; }
    #sideNavi .sp_navi li .accordionMenu .imgMenu a { padding-left: 10px; }
    #sideNavi .sp_navi li .accordionMenu .imgMenu img { width: 130px; height: auto; }

    #sideNavi .mainNavi { margin-bottom: 0; }
    #sideNavi .mainNavi li { background: none; border-bottom: #D6D6D6 2px solid; margin-bottom: 0; }
    #sideNavi .mainNavi li a { padding: 18px 0 18px 55px; }
    #sideNavi .mainNavi li.navi01 a { background: url("/files/user/common/css/images/navi_icon01.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi02 a { background: url("/files/user/common/css/images/navi_icon02.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi03 a { background: url("/files/user/common/css/images/navi_icon03.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi04 a { background: url("/files/user/common/css/images/navi_icon04.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi05 a { background: url("/files/user/common/css/images/navi_icon05.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi06 a { background: url("/files/user/common/css/images/navi_icon06.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi07 a { background: url("/files/user/common/css/images/navi_icon07.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi08 a { background: url("/files/user/common/css/images/navi_icon08.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi09 a { background: url("/files/user/common/css/images/navi_icon09.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    .spMenuModal { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; -moz-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 100; display: none; pointer-events: none; }
    .spMenuModal.on { display: block; pointer-events: auto; }
    #container .on { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; visibility: visible; }
    body.on, html.on { overflow: hidden; height: 100%; }
    body.on .pageTop, html.on .pageTop { display: none !important; }
    /*footer ==================================================*/
    #footer { width: 100%; height: auto; min-width: 1px; position: relative; }
    #footerInner { display: block; width: 100%; margin: 40px auto 0; padding: 0 10px 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #footerInner .logo { display: block; padding: 15px 0 0 0; }
    #footerInner .logo img { width: 130px; height: auto; }
    #footerInner .footNavi { width: 100%; display: block; padding: 25px 0 5px 0; }
    #footerInner .footNavi ul li:nth-of-type(1) { margin-right: 28px; }
    #footerInner .footNavi ul li:nth-of-type(2) { margin-right: 28px; }
    #footerInner .footNavi ul li:nth-of-type(4) { margin-right: 26px; }
    #footerInner .footNavi:nth-of-type(2) { width: auto; }
    #footerInner .appInfo { width: 100%; padding: 25px 0 20px 0; display: block; }
    #footerInner .appInfo .appIcn { margin-right: 5px; }
    #footerInner .appInfo .appIcn img { width: 60px; height: auto; }
    #footerInner .appInfo ul { float: left; }
    #footerInner .appInfo ul li { display: inline-block; margin-left: 8px; }
    #footerInner .appInfo ul li img { width: 110px; height: auto; }
    #footerInner .appInfo ul li:first-child img { width: 110px; height: auto; }
    #footerInner .appInfo .appLead { white-space: nowrap; }
    #footerInner .copy { clear: both; margin-left: 0; padding-top: 25px; right: auto; }
    .pageTop { right: 10px; }
    .h1TtlB{
        font-size: 24px;
    }
    p.articleMove a {
        color: #fff !important;
    }
    .block1B .innerBlock img{
        width: 100%;
        max-width: inherit;
    }
}

/*SlickSlider 0628==================================================*/
@media only screen and (max-width: 767px) { .slick_slider.slider_spot_main { max-height: 534px; }
    .slick-slide . img { width: 95%;,margin-bottom: 13px;,display: block; }
    .slick-slide .rightSpotBlock_image img { width: 95%;,margin-bottom: 13px;,display: block; }
}
.slick_slider.slider_spot_main .slick-prev { left: 10px; z-index: 10; top: 46%; }
.slick_slider.slider_spot_main .slick-prev:before { content: "　"; display: block; font-size: 48px; width: 27px; height: 48px; background: url("/files/user/common/css/images/arrow_prevW.png") no-repeat left center; -moz-background-size: 27px 48px; -o-background-size: 27px 48px; -webkit-background-size: 27px 48px; background-size: 27px 48px; }
.slick_slider.slider_spot_main .slick-next { right: 10px; z-index: 10; top: 46%; }
.slick_slider.slider_spot_main .slick-next:before { content: "　"; display: block; font-size: 48px; width: 27px; height: 48px; background: url("/files/user/common/css/images/arrow_nextW.png") no-repeat left center; -moz-background-size: 27px 48px; -o-background-size: 27px 48px; -webkit-background-size: 27px 48px; background-size: 27px 48px; }
.slick_slider.slider_spot_main .slick-slide { background-color: #000000; color: #ffffff; }
.slick_slider.slider_spot_main .slick-slide img { opacity: 0.3; }
.slick_slider.slider_spot_main .slick-center img { opacity: 1.0; }
.slick_slider.slider_spot_bottom { padding: 0 30px; font-size: 13px; }
.slick_slider.slider_spot_bottom a { text-decoration: none; }
.slick-prev { left: 5px; z-index: 10; }
.slick-prev:before { content: "　"; width: 14px; height: 26px; background: url("/files/user/common/css/images/arrow_prev.png") no-repeat left center; -moz-background-size: 14px 26px; -o-background-size: 14px 26px; -webkit-background-size: 14px 26px; background-size: 14px 26px; }
.slick-next { right: 10px; z-index: 10; }
.slick-next:before { content: "　"; width: 14px; height: 26px; background: url("/files/user/common/css/images/arrow_next.png") no-repeat left center; -moz-background-size: 14px 26px; -o-background-size: 14px 26px; -webkit-background-size: 14px 26px; background-size: 14px 26px; }
.slick_slider.slider_spot_bottom .slick-slide img { width: 95%; }
.slick_slider.slider_area_bottom { padding: 0 30px; font-size: 13px; }
.slick_slider.slider_area_bottom a { text-decoration: none; }
.slick_slider.slider_area_bottom .slick-prev { left: 5px; z-index: 10; }
.slick_slider.slider_area_bottom .slick-prev:before { content: "　"; width: 14px; height: 26px; background: url("/files/user/common/css/images/arrow_prev.png") no-repeat left center; -moz-background-size: 14px 26px; -o-background-size: 14px 26px; -webkit-background-size: 14px 26px; background-size: 14px 26px; }
.slick_slider.slider_area_bottom .slick-next { right: 10px; z-index: 10; }
.slick_slider.slider_area_bottom .slick-next:before { content: "　"; width: 14px; height: 26px; background: url("/files/user/common/css/images/arrow_next.png") no-repeat left center; -moz-background-size: 14px 26px; -o-background-size: 14px 26px; -webkit-background-size: 14px 26px; background-size: 14px 26px; }
.slick_slider.slider_area_bottom .slick-slide img { width: 95%; }
.slick_slider.slider_area_bottom .food:before, .slick_slider.slider_area_bottom .shopping:before, .slick_slider.slider_area_bottom .sightseeing:before, .slick_slider.slider_area_bottom .experience:before, .slick_slider.slider_area_bottom .culture:before, .slick_slider.slider_area_bottom .event:before, .slick_slider.slider_area_bottom .special:before, .slick_slider.slider_area_bottom .plan:before, .slick_slider.slider_area_bottom .information:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; z-index: 10; }
.slick_slider.slider_area_bottom .food:before { background: url("/files/user/common/css/images/icn_cate01.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.slick_slider .iconCover.food, .slick_slider .iconCover.shopping, .slick_slider .iconCover.sightseeing, .slick_slider .iconCover.experience, .slick_slider .iconCover.culture, .slick_slider .iconCover.event, .slick_slider .iconCover.special, .slick_slider .iconCover.plan, .slick_slider .iconCover.information { position: relative; display: inline-block; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.slick_slider .iconCover.food:before, .slick_slider .iconCover.shopping:before, .slick_slider .iconCover.sightseeing:before, .slick_slider .iconCover.experience:before, .slick_slider .iconCover.culture:before, .slick_slider .iconCover.event:before, .slick_slider .iconCover.special:before, .slick_slider .iconCover.plan:before, .slick_slider .iconCover.information:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; z-index: 10; }

/*サムネイル上のアイコン*/
.iconCover.plan:before, .iconCover.food:before, .iconCover.shopping:before, .iconCover.sightseeing:before, .iconCover.experience:before, .iconCover.culture:before, .iconCover.event:before, .iconCover.special:before, .iconCover.information:before, .iconCover.stay:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; z-index: 10; }
.iconCover.plan, .iconCover.food, .iconCover.shopping, .iconCover.sightseeing, .iconCover.experience, .iconCover.culture, .iconCover.event, .iconCover.special, .iconCover.plan, .iconCover.information, .iconCover.stay {position: relative; display: inline-block; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.iconCover.food:before { background: url("/files/user/common/css/images/icn_cate01.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.shopping:before { background: url("/files/user/common/css/images/icn_cate02.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.sightseeing:before { background: url("/files/user/common/css/images/icn_cate03.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.experience:before { background: url("/files/user/common/css/images/icn_cate04.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.culture:before { background: url("/files/user/common/css/images/icn_cate05.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.event:before { background: url("/files/user/common/css/images/icn_cate06.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.special:before { background: url("/files/user/common/css/images/icn_cate07.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.plan:before { background: url("/files/user/common/css/images/icn_cate08.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.information:before { background: url("/files/user/common/css/images/icn_cate09.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.iconCover.stay:before { background: url("/files/user/common/css/images/icn_cate10.png") left top no-repeat; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.slick_slider.slider_spot_bottom {padding: 0 36px; font-size: 13px;}

/*右カラム customとの差異が大きかった。
==================================================*/
#contents2 #main_contents .rightAdWrap {
    margin-bottom: 30px;
}
.mt0None {margin-top: 0 !important;}
#contents2 #main_contents .rightArea .rightAdWrap .ad300 { width: 300px; }
#contents2 #main_contents .rightArea .rightAreaWrap .rightTtl1 { border-top: 3px solid #333; margin-bottom: 5px; padding: 9px 0; font-size: 20px; font-weight: bold; }
#contents2 #main_contents .rightArea .rightBlock { margin-bottom: 30px; padding: 20px; background: #f4f3f1; }
#contents2 #main_contents .rightArea .rightAreaWrap .areaLink_border { margin: 14px 0 20px 0; border-top: 1px dotted #aaaaa8; }
#contents2 #main_contents .rightArea .rightSpotBlock { position: relative; display: inline-block; width: 260px; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; }
#contents2 #main_contents .rightArea .rightSpotBlock .rightSpotBlock_image { float: left; overflow: hidden; width: 90px; height: 90px;}
#contents2 #main_contents .rightArea .rightSpotBlock img { height: 90px; }
#contents2 #main_contents .rightArea .rightSpotBlock > a { text-decoration: none; }
#contents2 #main_contents .rightArea .rightSpotBlock > a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#contents2 #main_contents .rightArea .rightSpotBlock.food:before, #contents2 #main_contents .rightArea .rightSpotBlock.shopping:before, #contents2 #main_contents .rightArea .rightSpotBlock.sightseeing:before, #contents2 #main_contents .rightArea .rightSpotBlock.experience:before, #contents2 #main_contents .rightArea .rightSpotBlock.culture:before, #contents2 #main_contents .rightArea .rightSpotBlock.event:before, #contents2 #main_contents .rightArea .rightSpotBlock.special:before, #contents2 #main_contents .rightArea .rightSpotBlock.plan:before, #contents2 #main_contents .rightArea .rightSpotBlock.information:before, #contents2 #main_contents .rightArea .rightSpotBlock.stay:before { content: ""; position: absolute; width: 40px; height: 40px; left: 0; top: 0; z-index: 10; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2.travelplan, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2.travelplan, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2.travelplan, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2.travelplan, .rightTtl2.travelplan { background: url("/files/user/common/css/images/icn_plan.png") left center no-repeat; -moz-background-size: 22px 20px; -o-background-size: 22px 20px; -webkit-background-size: 22px 20px; background-size: 22px 20px; padding-left: 30px; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2.relation, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2.relation, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2.relation, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2.relation, .rightTtl2.relation { background: url("/files/user/common/css/images/icn_story.png") left center no-repeat; -moz-background-size: 22px 22px; -o-background-size: 22px 22px; -webkit-background-size: 22px 22px; background-size: 22px 22px; padding-left: 30px; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2.icon_new, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2.icon_new, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2.icon_new, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2.icon_new { background: url("/files/user/common/css/images/navi_icon11.png") left top no-repeat; -moz-background-size: 30px 30px; -o-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; padding-left: 40px; }

#contents2 #main_contents .rightArea .rightSpotBlock.food:before { background: url("/files/user/common/css/images/icn_cate01.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.shopping:before { background: url("/files/user/common/css/images/icn_cate02.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.sightseeing:before { background: url("/files/user/common/css/images/icn_cate03.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.experience:before { background: url("/files/user/common/css/images/icn_cate04.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.culture:before { background: url("/files/user/common/css/images/icn_cate05.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.event:before { background: url("/files/user/common/css/images/icn_cate06.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.special:before { background: url("/files/user/common/css/images/icn_cate07.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.plan:before { background: url("/files/user/common/css/images/icn_cate08.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.information:before { background: url("/files/user/common/css/images/icn_cate09.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }
#contents2 #main_contents .rightArea .rightSpotBlock.stay:before { background: url("/files/user/common/css/images/icn_cate10.png") no-repeat left top; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; }

#contents2 #main_contents .rightArea .rightSpotBlock . { float: left; overflow: hidden; width: 90px; height: 90px;}
#contents2 #main_contents .rightArea .rightSpotBlock .rightSpotBlock_text { float: right; width: 60%; font-size: 13px; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2 { margin-bottom: 10px; font-size: 20px; font-weight: bold; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2.travelplan, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2.travelplan, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2.travelplan, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2.travelplan, .rightTtl2.travelplan { background: url("/files/user/common/css/images/icn_plan.png") left center no-repeat; -moz-background-size: 22px 20px; -o-background-size: 22px 20px; -webkit-background-size: 22px 20px; background-size: 22px 20px; padding-left: 30px; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2.relation, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2.relation, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2.relation, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2.relation, .rightTtl2.relation { background: url("/files/user/common/css/images/icn_story.png") left center no-repeat; -moz-background-size: 22px 22px; -o-background-size: 22px 22px; -webkit-background-size: 22px 22px; background-size: 22px 22px; padding-left: 30px; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2.recommend, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2.recommend, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2.recommend, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2.recommend, .rightTtl2.recommend { background: url("/files/user/common/css/images/icn_spot_content.png") left center no-repeat; -moz-background-size: 20px 27px; -o-background-size: 20px 27px; -webkit-background-size: 20px 27px; background-size: 20px 27px; padding-left: 30px; }
#contents2 #main_contents .rightArea .rightTravelPlanWrap .rightTtl2.icon_new, #contents2 #main_contents .rightArea .rightRelatedWrap .rightTtl2.icon_new, #contents2 #main_contents .rightArea .rightSopWrap .rightTtl2.icon_new, #contents2 #main_contents .rightArea .latastPostWrap .rightTtl2.icon_new { background: url("/files/user/common/css/images/navi_icon10.png") left top no-repeat; -moz-background-size: 30px 30px; -o-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; padding-left: 40px; }
#contents2 #main_contents .rightArea .rightFacebookWrap { max-width:300px; width:auto; margin-top: 30px; }

/*================================================
20160628追加  1024PX　767pxと重複するCSSあり
================================================*/
@media only screen and (max-width: 1023px) {
    #container { background-image: none; width: 100%; padding-top: 50px; min-width: 768px; }
    /*header ==================================================*/
		#header { display: block !important;}
    #headerInner { width: 100%; height: 50px; min-width: 1px; }
    #headerInner #logo { display: block; float: none; margin: 0; text-align: center; padding-top: 10px; }
    #headerInner #logo img { width: 121px; height: auto; }
    #headerInner .sp_naviBtn { display: block; position: absolute; left: 10px; top: 14px; }
    #headerInner .sp_naviBtn img { width: 28px; height: auto; }
    #headerInner .searchBox { display: none; }
    #headerInner .userArea { display: none; }
    #headNavi { display: none; }
    /*contents ==================================================*/
    #contents2 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; margin: 0 auto; padding: 0px 20px 50px 20px; background-color: #FFF; }
    #contents2 #main_contents { /*min-width: 1140px;*/ }
    #contents.top { width: 100%; background: none; }
    #contents.top #main_contents { width: 100%; margin-left: 0; }
    /*contentArea ==================================================*/
    /*main_contents ==================================================*/
    #main_contentsInner { width: 100%; float: none; padding: 0; }
    /*navi ==================================================*/
    #navi { background-color: #FFF; width: 256px; display: none; pointer-events: none; height: 100%; bottom: 0; overflow-y: auto; position: fixed; top: 0; left: 0; visibility: hidden; z-index: 1000; -moz-transform: translate(-272px, 0); -ms-transform: translate(-272px, 0); -webkit-transform: translate(-272px, 0); transform: translate(-272px, 0); }
    #navi.on { display: block; pointer-events: auto; visibility: visible; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    #sideNaviWrap { width: 256px; padding: 0; padding-bottom: 30px; position: static; top: 0 !important; background-color: #FFF; }
    #sideNaviWrap.floatFixed { position: static; }
    #sideNavi .topLogo { display: none; }
    #sideNavi .navTtl { display: none; }
    #sideNavi .sp_navi { width: 100%; display: block; }
    #sideNavi .sp_navi .searchBox { position: relative; padding: 11px 9px; }
    #sideNavi .sp_navi .searchBox input[type="text"] { border: none; outline: none; font-size: 12px; width: 100%; height: 30px; padding-left: 38px; padding-right: 10px; background: #e5e5e5 url("/files/user/common/css/images/icn_search.png") no-repeat 10px center; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    #sideNavi .sp_navi .searchBox input[type="text"]:-moz-placeholder { color: #999999; }
    #sideNavi .sp_navi .searchBox input[type="text"]::-webkit-input-placeholder { color: #999999; }
    #sideNavi .sp_navi .searchBox input:focus { border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    #sideNavi .sp_navi .searchBox input.search { -moz-appearance: none; -webkit-appearance: none; border: none; cursor: pointer; width: 35px; height: 31px; position: absolute; left: 10px; top: 10px; background: transparent; }
    #sideNavi .sp_navi .userStatus { display: inline-block; width: 13em; overflow: hidden; white-space: nowrap; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
    #sideNavi .sp_navi li { border-bottom: #D6D6D6 2px solid; }
    #sideNavi .sp_navi li.arrow a { position: relative; }
    #sideNavi .sp_navi li.arrow > a:after { width: 7px; height: 7px; position: absolute; top: 19px; right: 18px; border-bottom: 2px solid #333; border-right: 2px solid #333; content: ""; display: block; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    #sideNavi .sp_navi li.arrow a.on:after { top: 22px; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

    #sideNavi .sp_navi li.folder a { background: url("/files/user/common/css/images/sp_icn_folder.png") no-repeat 10px center; -moz-background-size: 26px 20px; -o-background-size: 26px 20px; -webkit-background-size: 26px 20px; background-size: 26px 20px; }
    #sideNavi .sp_navi li.language a { background: url("/files/user/common/css/images/sp_icn_lang.png") no-repeat 12px center; -moz-background-size: 25px 25px; -o-background-size: 25px 25px; -webkit-background-size: 25px 25px; background-size: 25px 25px; }
    #sideNavi .sp_navi li a { font-size: 13px; color: #333; line-height: 1.3; text-decoration: none; display: block; padding: 18px 30px 18px 48px; position: relative; z-index: 10000; }
    #sideNavi .sp_navi li a .userImg { position: absolute; left: 9px; top: 12px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; width: 26px; height: 26px; overflow: hidden; }
    #sideNavi .sp_navi li a .userImg img { display: inline-block; height: 26px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; }
		#sideNavi .sp_navi .noIcon > a { padding: 18px 10px; }

    #sideNavi .sp_navi li .accordionMenu { display: none; background-color: #333; }
    #sideNavi .sp_navi li .accordionMenu li { border-bottom: 1px solid #fff; }
    #sideNavi .sp_navi li .accordionMenu li a { color: #FFF; padding: 10px 5px 10px 20px; background: none; }
    #sideNavi .sp_navi li .accordionMenu li a:after { content: none; }
    #sideNavi .sp_navi li .accordionMenu .imgMenu a { padding-left: 10px; }


    #sideNavi .sp_navi li .accordionMenu .imgMenu img { width: 130px; height: auto; }
    #sideNavi .mainNavi { margin-bottom: 0; }
    #sideNavi .mainNavi li { background: none; border-top: #D6D6D6 2px solid; border-bottom: 0; margin-bottom: 0; }
    #sideNavi .mainNavi li a { padding: 18px 0 18px 55px; }
    #sideNavi .mainNavi li.navi01 a { background: url("/files/user/common/css/images/navi_icon01.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi02 a { background: url("/files/user/common/css/images/navi_icon02.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi03 a { background: url("/files/user/common/css/images/navi_icon03.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi04 a { background: url("/files/user/common/css/images/navi_icon04.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi05 a { background: url("/files/user/common/css/images/navi_icon05.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi06 a { background: url("/files/user/common/css/images/navi_icon06.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi07 a { background: url("/files/user/common/css/images/navi_icon07.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi08 a { background: url("/files/user/common/css/images/navi_icon08.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi09 a { background: url("/files/user/common/css/images/navi_icon09.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi10 a { background: url("/files/user/common/css/images/navi_icon10.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
    #sideNavi .mainNavi li.navi11 a { background: url("/files/user/common/css/images/navi_icon11.png") no-repeat 10px center; -moz-background-size: 38px 38px; -o-background-size: 38px 38px; -webkit-background-size: 38px 38px; background-size: 38px 38px; }
		#sideNavi .sp_navi li.spot .mainNavi a { color: #fff; }

    .spMenuModal { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; -moz-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: visibility 0.4s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 100; display: none; pointer-events: none; }
    .spMenuModal.on { display: block; pointer-events: auto; }
    #container .on { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; visibility: visible; }
    body.on, html.on { overflow: hidden; height: 100%; }
    body.on .pageTop, html.on .pageTop { display: none !important; }
    #footerInner {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: table; padding: 20px 20px 0; margin-left:0;}
    #footer { min-width: 767px;}
}

/*contents
==================================================*/
#contents { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; padding: 0 0 50px 20px; background-color: #fff; float: left; margin-left: 180px; }
#contents.top { width: 100%; overflow: hidden; margin-left: 0; padding-bottom: 0; background: url("/files/user/common/css/images/bg.png") repeat-y left top; margin-top: -20px; }
#contents.top #main_contents { margin-left: 180px; width: 100.5%; }
#top_contents { display: none; }
#contents2 { word-break: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 20px 20px; background-color: #fff; margin-left: 180px; }
#contents2 #main_contents { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#contents2 #main_contents .contentArea2 { float: left; width: 740px; width: 60%; margin-right: 20px; }

#contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual { position: relative; }
#contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualImg { width: 100%; }
#contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualTextBg { position: absolute; top: 36%; left: 0; width: 100%; height: 30%; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #000000; opacity: 0.4; z-index: 10; }

#contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { position: absolute; top: 38%; left: 38%; font-size: 48px; font-weight: bold; color: #ffffff; z-index: 20; }
#contents2 #main_contents .rightArea { float: left; width: 300px; margin-right: -20px; }

@media only screen and (max-width: 1300px) { #contents2 #main_contents .contentArea2 { width: 70%; } }
@media only screen and (max-width: 1270px) { #contents2 #main_contents .contentArea2 { width: 69%; } }
@media only screen and (max-width: 1240px) { #contents2 #main_contents .contentArea2 { width: 68%; } }
@media only screen and (max-width: 1210px) { #contents2 #main_contents .contentArea2 { width: 67%; } #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { font-size: 45px; } }
@media only screen and (max-width: 1180px) { #contents2 #main_contents .contentArea2 { width: 66%; } }
@media only screen and (max-width: 1150px) { #contents2 #main_contents .contentArea2 { width: 65%; } }
@media only screen and (max-width: 1120px) { #contents2 #main_contents .contentArea2 { width: 64%; }
    #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { font-size: 41px; } }
@media only screen and (max-width: 1095px) { #contents2 #main_contents .contentArea2 { width: 63%; } }
@media only screen and (max-width: 1065px) { #contents2 #main_contents .contentArea2 { width: 62%; } }
@media only screen and (max-width: 1040px) { #contents2 #main_contents .contentArea2 { width: 61%; }
    #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { font-size: 37px; } }
@media only screen and (max-width: 1023px) { #contents2, #footpath { margin-left: 0px; }
    #contents2 #main_contents .contentArea2 { /*max-width: 640px;*/ width: 65%; }
		#sideNavi .pc { display: none !important; } }
@media only screen and (max-width: 970px) { #contents2 #main_contents .contentArea2 { width: 64%; } }
@media only screen and (max-width: 950px) { #contents2 #main_contents .contentArea2 { width: 63%; } #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { font-size: 42px; } }
@media only screen and (max-width: 930px) { #contents2 #main_contents .contentArea2 { width: 62%; } }
@media only screen and (max-width: 910px) { #contents2 #main_contents .contentArea2 { width: 61%; }
    #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { font-size: 37px; } }
@media only screen and (max-width: 890px) { #contents2 #main_contents .contentArea2 { width: 60%; } }
@media only screen and (max-width: 870px) { #contents2 #main_contents .contentArea2 { width: 59%; }
    #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { font-size: 30px; } }
@media only screen and (max-width: 850px) { #contents2 #main_contents .contentArea2 { width: 58%; } }
@media only screen and (max-width: 830px) { #contents2 #main_contents .contentArea2 { width: 57%; } }
@media only screen and (max-width: 810px) { #contents2 #main_contents .contentArea2 { width: 56%; }
    #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { font-size: 30px; } }
@media only screen and (max-width: 767px) { #contents2 { width: 100%; margin: 0; padding: 0 10px 20px;}
    #contents2 #main_contents .contentArea2 { width: 100%; margin: 0; }
    #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { top: 37%; left: 38%; font-size: 48px; }
    #contents2 #main_contents .rightArea { width: 0; } }
@media only screen and (max-width: 510px) { #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { top: 36%; left: 38%; font-size: 34px; } }
@media only screen and (max-width: 380px) {
    #contents2 #main_contents .contentArea2 { width: 100%; /*text-align: center; */}
    #contents2 #main_contents .contentArea2 .mainVisualWrap .mainVisual .mainVisualText { top: 36%; left: 38%; font-size: 24px; } }

/*main_contents
==================================================*/
@media only screen and (max-width: 767px) {
    #container { background-image: none; width: 100%; min-width: 1px; margin: 0 auto; }
    #contents { float: none; padding: 0 10px 50px; }
    #contents #main_contents { min-width: 1px; }
    .centerFacebookWrap { margin: 50px auto; text-align: center; }
    /*footer ==================================================*/
    #footer { width: 100%; height: auto; min-width: 1px; position: relative; }
    #footerInner { display: block; width: 100%; margin: 0 auto 0; padding: 0 10px 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #footerInner .logo { display: block; padding: 15px 0 0 0; }
    #footerInner .logo img { width: 130px; height: auto; }
    #footerInner .footNavi { width: 100%; display: block; padding: 25px 0 5px 0; }
    #footerInner .footNavi ul li:nth-of-type(1) { margin-right: 28px; }
    #footerInner .footNavi ul li:nth-of-type(2) { margin-right: 28px; }
    #footerInner .footNavi ul li:nth-of-type(4) { margin-right: 26px; }
    #footerInner .footNavi:nth-of-type(2) { width: auto; }
    #footerInner .appInfo { width: 100%; padding: 25px 0 20px 0; display: block; }
    #footerInner .appInfo .appIcn { margin-right: 5px; }
    #footerInner .appInfo .appIcn img { width: 60px; height: auto; }
    #footerInner .appInfo ul { float: left; }
    #footerInner .appInfo ul li img { width: 110px; height: auto; }
    #footerInner .appInfo ul li:first-child img { width: 110px; height: auto; }
    #footerInner .appInfo .appLead { white-space: nowrap; }
    #footerInner .copy { clear: both; margin-left: 0; padding-top: 25px; right: auto; }
    .pageTop { right: 10px; }
    .h1TtlB { margin-top: -20px; font-size: 20px; }
    p.articleMove a { color: #fff !important; }
    .block1B .innerBlock img { width: 100%; max-width: inherit; }
    .areaLinkBlock { width: 100%; background-color: #f4f3f1; padding: 10px 0;}
    .areaLinkBlock .rightBlock { padding: 20px; background: #f4f3f1; }
    .areaLinkBlock .areaWrap .rightTtl1 { border-top: 3px solid #333; margin-bottom: 5px; padding: 9px 0; text-align: left; font-size: 20px; font-weight: bold; }
    .areaLinkBlock .areaWrap .areaLink { width: 100%; }
    .areaLinkBlock .areaWrap .areaLink li { text-align: center; margin: 20px 0; padding-top: 10px; padding-bottom: 20px; }
    .areaLinkBlock .areaWrap .areaLink li img { width: 33px; height: 33px; vertical-align: bottom; margin-right: 10px; }
    .areaLinkBlock .areaWrap .areaLink li.tokyo { background-color: #75ab01; }
    .areaLinkBlock .areaWrap .areaLink li.osaka { background-color: #e75c7a; }
    .areaLinkBlock .areaWrap .areaLink li.kyoto { background-color: #03a2ba; }
    .areaLinkBlock .areaWrap .areaLink li.special { background-color: #999999; }
    .areaLinkBlock .areaWrap .areaLink li a { color: #ffffff; text-decoration: none; font-size: 24px; height: 33px; display: block; }
    .areaLinkBlock .areaWrap .areaLink li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
    .areaLinkBlock .areaWrap .areaLink img { margin: 5px 0; }
    .areaLinkBlock .areaWrap .areaLink_border { margin: 14px 0 20px 0; border-top: 1px dotted #aaaaa8; }
}
.slick_slider.slider_spot_main { max-height: 480px; width: 100%; }
.iconCover.plan:before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; z-index: 10; }
.iconCover.plan {position: relative; display: inline-block; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.innerBlock .WordRap td  { word-break: normal !important; }
/*================================================
MaxWidth 767PX
================================================*/
@media only screen and (max-width: 767px) {
    /* 関連記事表示*/
    .centerSpotBlock div.clearfix {
        width: 100%;
        margin-bottom: 20px;
    }
    .centerSpotBlock .clearfix .CenterThumBlock {
        float: left;
        width: 90px;
        height: 90px;
        overflow: hidden;
    }
    .centerSpotBlock .clearfix .CenterThumBlock p.rightSpotBlock_image img {
        width: 90px;
        height: 90px;
    }
    .centerSpotBlock .clearfix .rightSpotBlock_text {
        width:  60%;
        float: left;
        font-size: 13px;
        margin-left: 10px;
    }
    #contents2 #main_contents .innerBlock .rightFacebookWrap {
        width:300px; margin: 0 auto;
    }
    /*.centerSpotBlock .clearfix .CenterThumBlock p.img {
    height: 90px;
}*/
    /*.centerSpotBlock .clearfix .rightSpotBlock_text {
    width:  65%;
    float: right;
    font-size: 13px;
}*/
}
/*================================================
/blog
================================================*/
@media only screen and (max-width: 767px) {
    #contents2 #main_contents .centerSpotBlock .clearfix img {height: 90px;}
    .block90B { margin-bottom: 30px; }
    .centerAdWrap .areaLinkBlock .areaWrap h2 {
        display: table;
        position: relative;
        left: 0px;
        width: 260px;
        margin: 0 auto;
        height: 98px;
    }
}
/*PartsCSSに追加できる*/
#contents2 #main_contents .innerBlock .areaWrap span.AreaBannerLink {
    display: table-cell;
    width: 100%;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 50;
}
/*PartsCSSに追加できる*/
#contents2 #main_contents .innerBlock .AreaBannerLink span {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.3);
    border-width: 1px 0px;
    border-style: solid;
    padding: 8px 0px 5px;
    width: 100%;
    text-align: center;
    color: #fff;

}
/*PartsCSSに追加できる*/
@media only screen and (max-width: 767px) {
    #contents2 #main_contents .innerBlock .areaLinkBlock .areaWrap img {
        margin: 5px 0;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/*************************
* plan pc,sp
*************************/
.mainWidePlan {
    margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
    .mainWidePlan {
        margin-bottom: 30px;
    }
}

.block1B .innerBlock img {
    max-width: 100%;
}
.block1B .innerBlock.centerImg {
    padding: 0;
}
.block2F .innerBlock img {
    max-width: 100%;
}

/*************************
* plan sp
*************************/
@media only screen and (max-width: 767px) {
    .h3TtlC.ttlC_cate09 {
        font-size: 18px;
    }
}
.articleContent .commentSideAreaSpot .inner { border: 1px solid #D3D3D3; }

/*************************
* shobunsha pc,sp
*************************/
.wysiwyg {
    padding-bottom:10px;
}
.wysiwyg > .p1 {
    padding: 10px;
}
.storyBlock {
    margin-top: 20px;
    padding: 0 10px;
}
.storyBlock h2 {
    border: none !important;
    padding: 0 10px;
    margin-bottom: 10px;
}
.storyBlock img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*.storyBlock > .block2B{
margin-bottom: 0;
}*/
.storyBlock .block2B .innerBlock{
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .storyBlock { margin-top: 0; /*padding-bottom: 10px;*/}
    .block1A .innerBlock {margin-bottom: 10px;}
    .block1A { margin-bottom:20px;}
}

/*.innerBlock div span {
text-align: left;
display: block;
}*/

.areaTopSnsBlock {
    margin-top: 95px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.line-it-button { display: inline-block !important;}

/* plan */
@media only screen and (max-width: 767px) {
    #topics_detail27 .slick-slide img {
        width: auto;
        height: 215px;
    }
}
#contents2 #main_contents .contentArea2 .planWrap .mainVisualWrap .mainVisual {
    background-color: #fff;
}
@media only screen and (min-width: 768px) {
    .planWrap .block1B .innerBlock.centerImg img {
        width: 533px;
    }
}

.fixedmenu {
    z-index: 100;
}