/*
    theme css rewrite
*/
.ui-body-c {background-image: url(../img/bg_body.gif);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
.ui-body-c {background-size: 50px 50px;}
}

.ui-content {padding: 10px;}

.ui-btn {margin: 0;}
.ui-mini {margin: 0;}
.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
.ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn {margin: 0;}
.ui-btn-inner { font-size: 12px; padding: 10px 20px; }
.ui-header .ui-btn-inner,
.ui-footer .ui-btn-inner,
.ui-mini .ui-btn-inner { font-size: 12px; padding: 10px;}
.ui-fullsize .ui-btn-inner,
.ui-fullsize .ui-btn-inner { font-size: 12px; padding: .10px 20px; }

.ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: 0; }
.ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: auto; line-height: normal; padding: 5px 10px; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 12px; }

.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
    margin: 10px;
}
.ui-popup .ui-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
    margin: 10px 0;
}

.horizontal .ui-checkbox .ui-btn, .horizontal .ui-radio .ui-btn { text-align: center; }
.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 8px 0; }
.ui-checkbox .ui-btn.ui-mini, .ui-radio .ui-btn.ui-mini { margin: 8px 0; }
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { padding: 10px 5px; }
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 5px; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 5px; }

/*label.ui-select { font-size: 12px; }
label.ui-input-text { font-size: 12px; }
input.ui-input-text, textarea.ui-input-text { font-size: 12px; }
input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini { margin: 0; }
input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 12px; }
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
.ui-input-search input.ui-input-text { padding: 8px 10px; }
.ui-input-search, div.ui-input-text { margin: 0; }
div.ui-input-text { padding: 0; }
input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
.ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: 0; }
*/
.ui-content .ui-listview { margin: -10px; }
.ui-collapsible-content > .ui-listview { margin: -10px; }
.ui-content .ui-listview-inset {
    margin: 10px 0;
}
.ui-li>.ui-btn-inner { padding: 0; }
.ui-li .ui-btn-inner a.ui-link-inherit {
    padding: 10px 6px;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit {
    min-height: 50px;
    padding: 10px 30px 0 60px;
}

.ui-li-heading { font-size: 14px; margin: 0; white-space: normal; }
.ui-li-desc { font-size: 12px; margin: 10px 0 0; white-space: normal; }
.ui-li-thumb, .ui-listview .ui-li-icon { left: 6px; top: 6px; max-height: 48px; max-width: 48px; }
.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { margin-right: 6px; }
.ui-li-thumb-n, .ui-listview .ui-li-icon { left: 6px; top: 6px; max-height: 48px; max-width: 48px; }



/*
    theme css extend
*/
.ui-corner-top {
    -webkit-border-radius: .5em .5em 0 0 /*{global-radii-blocks}*/;
    border-radius: .5em .5em 0 0 /*{global-radii-blocks}*/;
}
.ui-corner-bottom {
    -webkit-border-radius: 0 0 .5em .5em /*{global-radii-blocks}*/;
    border-radius: 0 0 .5em .5em /*{global-radii-blocks}*/;
}



/*
    reset
*/
body {line-height: 1; font-size: 12px;}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
h1, h2 {font-size: 16px;}
h3, h4, h5, h6 {font-size: 14px;font-weight: bold;}



/*
    common
*/
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.mb10 {
    margin-bottom: 10px;
}




/***********
共通パーツ系
***********/

/*
    walknav
*/
.walknav {padding: 10px; border-right-width: 0; border-left-width: 0; font-weight: bold;}



/*
    headnav
*/
.headnav {padding: 3px 5px 1px;}
.headnav:after {content: ""; clear: both; display: block; height: 0;}
.headnav div:first-child {float: left;}
.headnav div:last-child {float: right;}
.headnav a {display: inline-block; outline: none; text-indent: -9999px;}
.headnav .home {width: 34px; height: 36px; background-image: url(../img/btn_home.png);}
.headnav .login {width: 44px; height: 36px; background-image: url(../img/btn_login.png);}
.headnav .start {width: 50px; height: 36px; background-image: url(../img/btn_osanpost.png);}
.headnav .finish {width: 50px; height: 36px; background-image: url(../img/btn_osanpoend.png);}
.headnav .checkin {width: 42px; height: 36px; background-image: url(../img/btn_kitayo.png);}
.headnav .info {width: 52px; height: 36px; background-image: url(../img/btn_info.png);}
.headnav .menu {width: 61px; height: 36px; background-image: url(../img/btn_mymenu.png);}
.headnav .back {width: 48px; height: 27px; background-image: url(../img/btn_modoru.png);}
.headnav .cancel {width: 67px; height: 27px; background-image: url(../img/btn_cancellation.png);}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
.headnav .home {background-size: 34px 36px; background-image: url(../img/btn_home@2x.png);}
.headnav .login {background-size: 44px 36px; background-image: url(../img/btn_login@2x.png);}
.headnav .start {background-size: 50px 36px; background-image: url(../img/btn_osanpost@2x.png);}
.headnav .finish {background-size: 50px 36px; background-image: url(../img/btn_osanpoend@2x.png);}
.headnav .checkin {background-size: 42px 36px; background-image: url(../img/btn_kitayo@2x.png);}
.headnav .info {background-size: 52px 36px; background-image: url(../img/btn_info@2x.png);}
.headnav .menu {background-size: 61px 36px; background-image: url(../img/btn_mymenu@2x.png);}
.headnav .back {background-size: 48px 27px; background-image: url(../img/btn_modoru@2x.png);}
.headnav .cancel {background-size: 67px 27px; background-image: url(../img/btn_cancellation@2x.png);}
}



/*
    nodata
*/
.nodata {margin: 10px 0; padding: 20px; border-color: #cccccc; text-align: center;}
.nodata p:last-child {margin-top: 10px;}



/*
    search-query
*/
#search-query {border-width: 1px;}
#search-query a {
    margin-left: 5px;
    display: inline-block; width: 42px; height: 27px;
    background-image: url(../img/btn_henkou.png);
    outline: none;
    text-indent: -9999px;
    vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
#search-query a {background-size: 42px 27px; background-image: url(../img/btn_henkou@2x.png);}
}



/*
    subcontent
*/
.subcontent {padding-top: 0; padding-bottom: 0;}
.subcontent > div {margin-top: 20px; margin-bottom: 20px;}
.subcontent h2 {margin-bottom: 10px; text-align: center;}
.subcontent p+h3 {margin-bottom: 10px;}
.subcontent p {line-height: 1.2;}
.subcontent form, .subcontent p, .subcontent table {margin-bottom: 20px;}
.subcontent form:last-child, .subcontent p:last-child, .subcontent table:last-child {margin-bottom: 0;}
.subcontent table {width: 100%;}
.subcontent th {padding: 10px; text-align: left; white-space: nowrap;}
.subcontent td {padding: 5px; line-height: 1.2;}



/*
    subbar
*/
.subbar {padding: 5px 10px;}



/*
    loader
*/
.loader {
    margin: 10px; height: 46px;
    background-image: url(../img/lbl_loader.gif); background-repeat: no-repeat; background-position: 50% 0;
    text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
.loader {background-size: 46px 46px; background-image: url(../img/lbl_loader@2x.gif);}
}



/*
    scrolltotop
*/
.scrolltotop {margin-top: 20px; text-align: right;}



/*
    footnav
*/
.footnav ul {margin: 0; padding: 0; text-align: center;}
.footnav li {display: inline; margin-right: 10px; font-size: 10px;}
.footnav li:last-child {margin-right: 0;}
.footnav p {margin-top: 10px; text-align: center;}
.footnav p.viewmode {margin: 0 0 10px 0;}



/*
    copyright
*/
.copyright {font-size: 10px; text-align: center;}




/*******
ホーム系
*******/

/*
    title
*/
/*.title {padding: 10px; border-width: 0;}
*/.title:after {content: ""; clear: both; display: block; height: 0;}
#home .title {
    height: 159px;
    background-image: url(../img/lbl_topimg.jpg);
    background-repeat: no-repeat;
    background-position: 10px bottom;
}
.title div:first-child {float: left;}
.title div:first-child a {display: block; width: 150px; height: 72px; background-image: url(../img/lbl_title.gif); outline: none; text-indent: -9999px;}
.title div:last-child {float: right; padding-top: 37px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
#home .title {background-size: 300px 87px; background-image: url(../img/lbl_topimg@2x.jpg);}
.title div:first-child a {background-size: 150px 72px; background-image: url(../img/lbl_title@2x.gif);}
}



/*
    public-area
*/
#public-area {padding: 10px; background-color: #85B8CE;}
#public-area div {margin: 0 auto; width: 280px; height: 180px; position: relative; background-image: url(../img/lbl_mob.png);background-size:100% 100%;}
#public-area a {display: block; width: 80px; height: 30px; position: absolute; outline: none; text-indent: -9999px;}
#public-area .kamakura {top: 140px; left: 100px; background-image: url(../img/btn_kamakura.png);background-size:100% 100%;}
#public-area .kyoto {top: 140px; left: 20px; background-image: url(../img/btn_kyouto.png);background-size:100% 100%;}
#public-area .asakusa {top: 80px; left: 180px; background-image: url(../img/btn_asakusa.png);background-size:100% 100%;}
#public-area .yokohama {top: 110px; left: 100px; background-image: url(../img/btn_yokohama.png);background-size:100% 100%;}
#public-area .tohoku {top: 30px; left: 180px; background-image: url(../img/btn_touhoku.png);background-size:100% 100%;}
#public-area .jiyugaoka {top: 110px; left: 180px; background-image: url(../img/btn_meguro.png);background-size:100% 100%;}

/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
#public-area div {background-size: 280px 180px; background-image: url(../img/lbl_mob@2x.png);}
#public-area .kamakura {background-size: 90px 25px; background-image: url(../img/btn_kamakura@2x.png);}
#public-area .kyoto {background-size: 90px 25px; background-image: url(../img/btn_kyouto@2x.png);}
#public-area .asakusa {background-size: 90px 25px; background-image: url(../img/btn_asakusa@2x.png);}
#public-area .yokohama {background-size: 90px 25px; background-image: url(../img/btn_yokohama@2x.png);}
}
*/


/*
    popular-spot
*/
#popular-spot {margin-top: 20px;}
#popular-spot h2 {width: 172px; height: 28px; background-image: url(../img/lbl_spot.gif); text-indent: -9999px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
#popular-spot h2 {background-size: 172px 28px; background-image: url(../img/lbl_spot@2x.gif);}
}



/*
    photo-list
*/
#photo-list {margin-top: 20px; border-width: 1px;}
#photo-list > div:after {content: ""; clear: both; display: block; height: 0;}
#photo-list > div > div:first-child {float: left;}
#photo-list > div > div:first-child h2 {width: 140px; height: 25px; background-image: url(../img/lbl_osanpo.gif); text-indent: -9999px;}
#photo-list > div > div:last-child {float: right;}
#photo-list > div > div:last-child:after {content: ""; clear: both; display: block; height: 0;}
#photo-list > div > div:last-child a {float: left;}
#photo-list > div > div:last-child a:first-child {border-radius: .5em 0 0 .5em;}
#photo-list > div > div:last-child a:last-child {border-radius: 0 .5em .5em 0;}
#photo-list > div > div:last-child .ui-btn-inner {padding: 5px 10px;}

#photo-list ul {margin: 10px -5px; padding: 0; list-style-type: none;}
#photo-list ul:after {content: ""; clear: both; display: block; height: 0;}
#photo-list li {float: left; width: 25%;}
#photo-list li div {padding: 0 5px; text-align: center;}
#photo-list img {width: 100%; max-width: 125px;}
#photo-list > p {text-align: right;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
#photo-list > div > div:first-child h2 {background-size: 140px 25px; background-image: url(../img/lbl_osanpo@2x.gif);}
}



/*
    course-of-all
*/
#course-of-all {margin-top: 20px;}
#course-of-all h2 {width: 300px; height: 25px; background-image: url(../img/lbl_minosa.png);background-repeat:no-repeat; text-indent: -9999px;background-size:contain;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
#course-of-all h2 {background-size: 300px 25px; background-image: url(../img/lbl_minosa@2x.png);background-repeat:no-repeat;background-size:contain;}
}



/*
    monthly-king
*/
#monthly-king {margin-top: 20px; border-width: 1px;}
#monthly-king h2 {width: 280px; height: 25px; background-image: url(../img/lbl_osanpoking.gif);background-repeat:no-repeat; text-indent: -9999px;}
#monthly-king h3 > span {
    margin-right: 10px;
    padding: 1px 2px 0;
    font-size: 11px;
    vertical-align: top;
    line-height: 1.4;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	#monthly-king h2 {background-size: 280px 25px; background-image: url(../img/lbl_osanpoking@2x.gif);background-repeat:no-repeat;}
}



/*
    member-register
*/
#member-register {margin-top: 20px; text-align: center;}
#member-register a {
    display: inline-block; width: 211px; height: 55px;
    background-image: url(../img/btn_menber.png);
    background-repeat:no-repeat;
    outline: none;
    text-indent: -9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
#member-register a {background-size: 211px 55px; background-image: url(../img/btn_menber@2x.png);background-repeat:no-repeat;}
}

/*
	top_features
*/

#top_features {margin-top:20px;}

#top_features h2 {width: 122px; height: 25px; background-image: url(../img/lbl_osanponumber.png);background-repeat:no-repeat; text-indent: -9999px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	#top_features h2 {background-size: 122px 25px; background-image: url(../img/lbl_osanponumber@2x.png);background-repeat:no-repeat;}
}
.photos-in-spot {padding:10px;}
.spot-inline-title {background: linear-gradient(#3B2916, #3B2916) repeat scroll 0 0 #3B2916; margin-bottom:10px; color:#FFFFFF; width: 100%; height:30px; line-height:30px;}
.spot-inline-title h3 { margin-left:10px;}
.spot-inline-photo { text-align:center; list-style-type:none;}

/*
	top_menus
*/
#top_menus {margin-top:20px;}
#top_menus h2 {width: 122px; height: 25px; background-image: url(../img/lbl_osanposearch.png);background-repeat:no-repeat; text-indent: -9999px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	#top_menus h2 {background-size: 122px 25px; background-image: url(../img/lbl_osanposearch@2x.png);background-repeat:no-repeat;background-size:contain;}
}



/*************
おさんぽマップ
*************/
.coursebar {
    width: 100%;
    position: absolute;
    top: 90px;
    border-width: 0;
    text-align: center;
    opacity: .8;
}
.coursebar p {
    padding: 5px 0;
}

.sanponav {
    width: 100%;
    position: absolute;
    bottom: 0;
    border-width: 0;
    opacity: .8;
}
.sanponav > div {
    padding: 0 5px 1px;
}
.sanponav > div:after {content: ""; clear: both; display: block; height: 0;}
.sanponav > div > div:first-child {float: left;}
.sanponav > div > div:last-child {float: right;}
.sanponav a {display: inline-block; outline: none; text-indent: -9999px;}
.sanponav .location {width: 60px; height: 44px; background-image: url(../img/btn_genzaichi.png);}
.sanponav .spot.on {width: 60px; height: 44px; background-image: url(../img/btn_spot_on.png);}
.sanponav .spot.off {width: 60px; height: 44px; background-image: url(../img/btn_spot_off.png);}
.sanponav .course.on {width: 60px; height: 44px; background-image: url(../img/btn_kouse_on.png);}
.sanponav .course.off {width: 60px; height: 44px; background-image: url(../img/btn_kouse_off.png);}
.sanponav .setting {width: 60px; height: 44px; background-image: url(../img/btn_settei.png);}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
.sanponav .location {background-size: 60px 44px; background-image: url(../img/btn_genzaichi@2x.png);}
.sanponav .spot.on {background-size: 60px 44px; background-image: url(../img/btn_spot_on@2x.png);}
.sanponav .spot.off {background-size: 60px 44px; background-image: url(../img/btn_spot_off@2x.png);}
.sanponav .course.on {background-size: 60px 44px; background-image: url(../img/btn_kouse_on@2x.png);}
.sanponav .course.off {background-size: 60px 44px; background-image: url(../img/btn_kouse_off@2x.png);}
.sanponav .setting {background-size: 60px 44px; background-image: url(../img/btn_settei@2x.png);}
}



/***********
来たよ！登録
***********/
#spot-select #route-map {
    height: 10em;
}



/*****
詳細系
*****/

/*
    detail
*/
.detail.thumb {min-height: 95px; position: relative;}
.detail.thumb img {width: 75px; height: 75px; position: absolute; top: 20px;}
.detail.thumb .info {margin-left: 85px;}
.detail h2 {margin-top: 10px; margin-bottom: 10px;}
.detail p {line-height: 1.2; margin-bottom: 10px;}
.detail p:last-child {margin-bottom: 0px;}
.detail > div:not(.info) {margin-bottom: 20px;}
.detail > div:not(.info):last-child {margin-bottom: 10px;}
.detail table {margin-bottom: 20px; width: 100%;}
.detail th {padding: 10px; text-align: left; white-space: nowrap;}
.detail td {padding: 5px; line-height: 1.2;}

.detail .photomenu {margin-top: 10px;}
.detail .like {display: inline-block; outline: none; text-indent: -9999px;}
.detail .like.off {width: 250px; height: 38px; background-image: url(../img/btn_ittemitai.png);}
.detail .like.on {width: 250px; height: 38px; background-image: url(../img/btn_ittemitai2.png);}
#photo-detail .detail .like.off {width: 85px; height: 35px; background-image: url(../img/btn_iine.png);}
#photo-detail .detail .like.on {width: 85px; height: 35px; background-image: url(../img/btn_iine2.png);}
#photo-detail .detail .comment {display: inline-block; outline: none; text-indent: -9999px;}
#photo-detail .detail .comment {width: 85px; height: 35px; background-image: url(../img/btn_comment.png);}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
.detail .like.off {background-size: 250px 38px; background-image: url(../img/btn_ittemitai@2x.png);}
.detail .like.on {background-size: 250px 38px; background-image: url(../img/btn_ittemitai2@2x.png);}
#photo-detail .detail .like.off {background-size: 85px 35px; background-image: url(../img/btn_iine@2x.png);}
#photo-detail .detail .like.on {background-size: 85px 35px; background-image: url(../img/btn_iine2@2x.png);}
#photo-detail .detail .comment {background-size: 85px 35px; background-image: url(../img/btn_comment@2x.png);}
}

.spot-inline-title-2 {
	/*margin-bottom:10px;*/
	width: 100%;
	height:30px;
	color:#FFFFFF;
	text-indent:10px;
	line-height:30px;
	background-color:#3B2916;
}
.photos-in-spot-2 {
	margin-bottom:20px;
	padding:10px;
	overflow:hidden;
	clear:both;
	
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3*/
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
}
.photos-in-spot-3 {
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	overflow:hidden;
	clear:both;
	
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3*/
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
}

.photos-in-spot-2 ul.osanpo_photo {
	margin:0 auto 0 -30px;
	width:96%;
}
.photos-in-spot-2 ul.osanpo_photo li {
	margin:0 auto;
	width:33%;
	text-align:center;
	list-style:none;
	float:left;
}
.photos-in-spot-2 ul.osanpo_photo li img {
	width:80px;
	border:1px #3B2916 solid;
}

.photos-in-spot-3 ul.osanpo_course {
	margin:0 auto 0 -30px;
	width:100%;
}
.photos-in-spot-3 ul.osanpo_course li {
	margin:0 auto 20px auto;
	width:100%;
	vertical-align:top;
	list-style:none;
	float:left;
}
.photos-in-spot-3 ul.osanpo_course li img {
	margin-right:10px;
	width:122px;
	border:1px #3B2916 solid;
	float:left;
}
.photos-in-spot-3 ul.osanpo_course li h3 {
	margin:5px auto;
}

.photos-in-spot-3 ul.osanpo_spot {
	margin:0 auto 0 -30px;
	width:100%;
}
.photos-in-spot-3 ul.osanpo_spot li {
	margin:0 auto 20px auto;
	width:100%;
	vertical-align:top;
	list-style:none;
	float:left;
}
.photos-in-spot-3 ul.osanpo_spot li img {
	margin-right:10px;
	width:102px;
	border:1px #3B2916 solid;
	float:left;
}
.photos-in-spot-3 ul.osanpo_spot li h4 {
	margin:5px auto;
}

.no-results p {margin:20px auto 20px 10px;}


/* feature */

.feature_ban_header_img{
	width:100%;
}



/*
    map
*/
#course-detail #route-map, #point-detail #route-map, #history-detail #route-map {
    height: 20em;
}



/*
    photo
*/
.photo {text-align: center;}
.photo img {width: 100%; max-width: 320px;}



/*
    arrow_box
*/
.arrow_box {
    position: relative;
    background: #ffffff;
    border: 3px solid #D3D1D0;
    padding: 8px 0;
    text-align: center;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 6px;
    top: 50%;
    margin-top: -6px;
}
.arrow_box:before {
    border-color: rgba(211, 209, 208, 0);
    border-right-color: #D3D1D0;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
}



/*
    switch
*/
.switch {padding: 20px; text-align: center;}
.switch a {display: inline-block; outline: none; text-indent: -9999px;}
.switch .course.off {width: 45px; height: 35px; background-image: url(../img/btn_sp_kouse_1.png);}
.switch .course.on {width: 45px; height: 35px; background-image: url(../img/btn_sp_kouse_2.png);}
.switch .history.off {width: 45px; height: 35px; background-image: url(../img/btn_sp_history_1.png);}
.switch .history.on {width: 45px; height: 35px; background-image: url(../img/btn_sp_history_2.png);}
.switch .photo.off {width: 45px; height: 35px; background-image: url(../img/btn_sp_photo_1.png);}
.switch .photo.on {width: 45px; height: 35px; background-image: url(../img/btn_sp_photo_2.png);}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
.switch .course.off {background-size: 45px 35px; background-image: url(../img/btn_sp_kouse_1@2x.png);}
.switch .course.on {background-size: 45px 35px; background-image: url(../img/btn_sp_kouse_2@2x.png);}
.switch .history.off {background-size: 45px 35px; background-image: url(../img/btn_sp_history_1@2x.png);}
.switch .history.on {background-size: 45px 35px; background-image: url(../img/btn_sp_history_2@2x.png);}
.switch .photo.off {background-size: 45px 35px; background-image: url(../img/btn_sp_photo_1@2x.png);}
.switch .photo.on {background-size: 45px 35px; background-image: url(../img/btn_sp_photo_2@2x.png);}
}

#profile-detail .switch {padding-top: 0;}


/*
    routecontainer
*/
.route.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit {
    min-height: 50px;
    padding: 10px 30px 0 102px;
}
.route .ui-li-thumb { left: 48px; top: 6px; max-height: 48px; max-width: 48px; }
.route .ui-li-thumb-n { left: 30px; top: 6px; max-height: 48px; max-width: 48px; }
.route .routeicon {
    position: absolute;
    left: 6px;
    margin-top: -10px;
    padding-top: 10px;
    width: 18px;
    height: 60px;
}
.distance {
    padding: 5px 24px;
}



/*
    photocontainer
*/
.photolist {margin: 0 auto; padding: 0;}
@media screen and (max-width: 398px) {
.photolist {width: 320px;}
}
@media screen and (min-width: 399px) and (max-width: 477px) {
.photolist {width: 399px;}
}
@media screen and (min-width: 478px) and (max-width: 556px) {
.photolist {width: 478px;}
}
@media screen and (min-width: 557px) {
.photolist {width: 557px;}
}
.photolist:after {content: ""; clear: both; display: block; height: 0;}
.photolist li{margin: 0 0 4px 4px; display: block; float: left; list-style: none;}
.photolist img {width: 75px; height: 75px;}

/*
    about
*/
.about_tex{color: #EB9115; font-weight: bold; line-height:1.5 !important}

/*
    course/detail
*/
.error_tex01{color: #ffffff; font-weight: bold; !important}


/*
    course/detail
*/
.about_tex{color: #EB9115; font-weight: bold; line-height:1.5 !important}

.route .number{
    background: none repeat scroll 0 0 #96B451;
    border: 1px solid #789341;
    color: #FFFFFF;
    display: inline-block;
/*    font-size: 12px;*/
line-height: 38px;
    min-height: 36px;
    text-align: center;
    width: 18px;
	position: absolute;
	height: 49px;
	    margin-top: -11px;
    padding-top: 10px;
}

/*
    policy
*/
#policy ul{list-style: none outside none;}
#policy ul{margin:0 0 15px 0;padding:0 0 0 10px;}
#policy li{padding-bottom:5px;}
#policy h3 {margin-bottom: 10px;}


/*
    info
*/
.slected div.ui-btn-text {background: none repeat scroll 0 0 #efefef;}
.slected div.ui-btn-text a:link{color:#666;}
.slected div.ui-btn-text a:visited{color:#666;}
.slected div.ui-btn-text a:hover{color:#999;}
.slected .ui-icon{z-index: 100;}
#info li h3{padding-right:30px;}

/*
    point-detail 追記
*/
#point-detail .ui-btn a{padding-left:85px;}
#point-detail .route .ui-li-thumb { left: 32px; top: 6px; max-height: 48px; max-width: 48px; }
#point-detail .distance { padding: 5px 31px;}


/*
    調整
*/
.regulation01 {
	padding:0 0 0 0 !important;
}
.regulation02 {
	margin:30px 0 0 0;
}
.regulation03 {
	margin:20px 0 20px 0;
}
.regulation04 {
	padding-bottom:10px;
}

.notice01 {
	 color:red;
}


/*
    スポット情報バー
*/
.gmap_cs_overlay_contents {
	overflow: hidden;
	position: relative;
	width: 100%;
	background: #FFF;
}
.gmap_cs_overlay_contents .title {
	margin: 0 0 5px;
	padding: 0;
	font-size: 100%;
	line-height: 1.4em;
}
.gmap_cs_overlay_contents .title a {
	font-size: 116%;
	font-weight: bold;
}
.gmap_cs_overlay_contents .thumb {
	float: left;
	width: 75px;
	border: 0 none;
	vertical-align: bottom;
}
.gmap_cs_overlay_contents .note,
.gmap_cs_overlay_contents .status {
	margin: 0;
	padding-left: 85px;
	font-size: 100%;
	line-height: 1.4em;
}
/*
.gmap_cs_overlay_contents .status {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 5px 0 0;
	padding: 0;
}
*/
.gmap_cs_overlay_contents .status li {
	float: left;
	margin-right: 5px;
	padding-left: 15px;
	background: url(/img/gmap_sprite_cs_overlay.png) no-repeat 0 0;
	font-family: Impact, "Helvetica Neue Condenced Bold", Sans-serif;
	font-size: 116%;
	min-height: 18px;
	list-style-type: none;
}
.gmap_cs_overlay_contents .status .photo {
	background-position: 0 2px;
}
.gmap_cs_overlay_contents .status .visited {
	background-position: 0 -50px;
}
.gmap_cs_overlay_contents .status .faved {
	background-position: 0 -97px;
	padding-left: 13px;
}
.gmap_cs_overlay_contents .thumb + .status {
	clear: none;
	overflow: hidden;
	width: auto;
	padding-left: 10px;
}
.gmap_cs_overlay_contents .cond {
	position: absolute;
	right: 0;
	bottom: 0;
}