@media screen and (min-width:680px){
	/* ############################################################# */
	/* ###################         contents        ################# */
	/* ############################################################# */

	#view #contents{
	    display: block;
	    position: relative;
	    width: 100%;
	}



	#view #contents .seichiNow {
	    margin-top: 37px;
	    display: block;
	    position: relative;
	    width: 100%;

	    margin-bottom: 60px;

	}

	.seichiNow #contentsInner:before,
	.seichiNow #contentsInner:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsInner:after {
	    clear: both;
	}

	.seichiNow #contentsInner{
	    *zoom: 1;
	}


	/* ======= #contentsMain ======= */
	.seichiNow #contentsMain{
	    display: block;
	    position: relative;
	    width: 710px;
	    min-height: 500px;
	    float: left;
	    margin-left: 20px;
	}

	.seichiNow #contentsMain:before,
	.seichiNow #contentsMain:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain:after {
	    clear: both;
	}

	.seichiNow #contentsMain{
	    *zoom: 1;
	}

	.seichiNow #contentsSub{
	    display: block;
	    position: relative;
	    width: 250px;
	    min-height: 500px;
	    float: right;
	    margin-right: 20px;
	}

	.seichiNow #contentsSub:before,
	.seichiNow #contentsSub:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsSub:after {
	    clear: both;
	}

	.seichiNow #contentsSub{
	    *zoom: 1;
	}

	.seichiNow #contentsMain h1{
	    display: block;
	    position: relative;
	    min-height: 36px;
	    font-size: 26px;
	    font-size: 2.6rem;
	    font-weight: normal;
	    padding-left: 45px;
	    background-repeat: no-repeat;
	    background-position: left top;
	    background-size: 36px 36px;
	    text-align: justify;

	}


	.seichiNow #contentsMain h1:before,
	.seichiNow #contentsMain h1:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain h1:after {
	    clear: both;
	}

	.seichiNow #contentsMain h1{
	    *zoom: 1;
	}

	.seichiNow #contentsMain section{
	    display: block;
	    position:relative;
	}


	/* h1 */
	#checkin #contentsMain h1{
	    background-image: url(../img/common/ico_spot_s.svg);
	}

	#checkinNoPhoto #contentsMain h1{
	    background-image: url(../img/common/ico_spot_s.svg);
	}

	#noCheckin #contentsMain h1{
	    background-image: url(../img/common/ico_camera_s.svg);
	}

	#diary #contentsMain h1{
	    background-image: url(../img/common/ico_diary_s.svg);
	}


	.seichiNow #contentsMain h1 .dayAndTime{
	    position:relative;
	    display: block;
	    float: right;
	    font-size: 16px;
	    font-size: 1.6rem;
	    border: 1px solid #9B9B9B;
	    padding: 2px 10px 2px 10px;
	    right: 0px;
	    margin-top: 5px;
	    text-align: center;
	    color: #9B9B9B;
	}

	/* =========basicInfo========= */

	.seichiNow #contentsMain .basicInfo{
	    border-bottom: 1px solid #E0E0E0 ;
	    padding-bottom:25px;
	    margin-bottom: 25px;
	}

	/* diary */
	#diary #contentsMain .basicInfo{
	    border-bottom: none;
	    padding-bottom:0px;
	    margin-bottom: 20px;
	}



	.seichiNow #contentsMain .basicInfo .mainImg{
	    margin-top: 15px;
	    position: relative;
	    display: block;
	    width: 100%;
	    height: 400px;
	    background-color: #EFEFEF;
	    text-align: center;
	    /*border: 1px solid #E0E0E0;*/
	    overflow:hidden;
	}

	.seichiNow #contentsMain .basicInfo .mainImg img{
	    height: 100%;
	}


	/* diaryOldVer */
	.diaryOldVer #contentsMain .basicInfo .mainImg{
	    display: block;
	    position: relative;
	    width:auto;
	    height:auto;
	    text-align: center;
	}

	.diaryOldVer #contentsMain .basicInfo .mainImg img{
	    height: auto;
	    width: auto;
	    max-width: 100%;
	    max-height: 500px;
	}



	/* userName*/

	.seichiNow #contentsMain .basicInfo .userName{
	    display: block;
	    position: relative;
	    height: 50px;
	    font-size: 18px;
	    color:#9B9B9B;
	    margin-top: 15px;
	    margin-bottom: 15px;
	    float: left;
	}

	.seichiNow #contentsMain .basicInfo .userName img{
	    height: 100%;
	    margin-right: 10px;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;

	}

	.seichiNow #contentsMain .basicInfo .userName a{
	    color:#9B9B9B;
	}

	.seichiNow #contentsMain .basicInfo .userName a:hover{
	    text-decoration: underline;
	}

	/* diary */

	#diary #contentsMain .basicInfo .totalTime{
	    display: block;
	    position: relative;
	    width: 100%;
	    font-size: 24px;
	    font-size: 2.4rem;
	    text-align: center;
	    color: #FF9F00;
	    background-color: #FFFDEA;
	    padding-top: 6px;
	    padding-bottom: 6px;
	}


	/* snsList*/
	.seichiNow #contentsMain .basicInfo .snsIcon{
	    display: block;
	    position: relative;
	    float: right;
	    margin-top: 15px;
	}

	.seichiNow #contentsMain .basicInfo .snsIcon li{
	    display: inline-block;
	    position: relative;
	    margin-left: 8px;
	}

	.seichiNow #contentsMain .basicInfo .snsIcon li:first-child{
	    min-width: 95px;
	}



	.seichiNow #contentsMain .basicInfo .snsIcon li *{
	    display: block;
	    position: relative;
	}

	.seichiNow #contentsMain .comment{
	    display: block;
	    position: relative;
	    float: none;
	    clear: both;
	    font-size: 20px;
	    font-size: 2.0rem;
	}

	/*hashTag*/

	.seichiNow #contentsMain .basicInfo .hashTag{
	    position:relative;
	    display: block;
	    clear: both;

	    margin-top: 15px;
	    width: 100%;
	    font-size: 12px;
	    font-size: 1.2rem; /* =12px */
	    margin-bottom: 4px;
	}


	.seichiNow #contentsMain .basicInfo .hashTag:before,
	.seichiNow #contentsMain .basicInfo .hashTag:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain .basicInfo .hashTag:after {
	    clear: both;
	}

	.seichiNow #contentsMain .basicInfo .hashTag{
	    *zoom: 1;
	}


	.seichiNow #contentsMain .basicInfo .hashTag li{
	    display:inline-block;
	    position: relative;

	    /*float: left;*/
	    white-space: nowrap;
	    line-height: 1rem;
	    margin-right: 5px;
	    margin-bottom: 6px;
	}

	.seichiNow #contentsMain .basicInfo .hashTag a{
	    display: block;
	    position: relative;
	    color: #FFF;
	    padding: 6px 10px 6px 10px;
	    border-radius: 20px;
	    background-color: #CCC;
	}

	.seichiNow #contentsMain .basicInfo .hashTag .officialTag a{
	    background-color: #EF8CC1;}

	.seichiNow #contentsMain .basicInfo .hashTag .userTag a{
	    background-color: #7FCEF4 ;}



	/*animeTitle*/
	.seichiNow #contentsMain .basicInfo h2{
	    clear: both;
	    display: block;
	    font-size: 20px;
	    font-size: 2.0rem;
	    font-weight: normal;
	    margin-top: 15px;
	    color: #9B9B9B ;
	}

	.seichiNow #contentsMain .basicInfo h3{
	    background-color: #20B3FA ;
	    display: block;
	    position: relative;
	    font-size: 20px;
	    font-size: 2.0rem;
	    color: #FFF;
	    margin-top: 20px;
	    padding: 5px 10px 5px 15px;
	}

	.seichiNow #contentsMain .basicInfo .commentSub{
	    display: block;
	    position: relative;
	    float: none;
	    clear: both;
	    font-size: 18px;
	    font-size: 1.8rem;
	    margin-top: 20px;
	}

	/* =========mapInfo========= */

	.seichiNow #contentsMain .mapInfo{
	    display: block;
	    position: relative;
	}

	.seichiNow #contentsMain .mapInfo h4{
	    display: block;
	    position: relative;
	    font-size: 18px;
	    font-size: 1.8rem;
	    background-image: url(../img/common/ico_spot.svg);
	    background-repeat: no-repeat;
	    background-position: left top;
	    background-size: 30px 30px;
	    padding-left: 40px;
	    min-height: 30px;
	}

	.seichiNow #contentsMain .mapInfo .map{
	    display: block;
	    margin-top: 15px;
	}

	.seichiNow #contentsMain .mapInfo .map:before,
	.seichiNow #contentsMain .mapInfo .map:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain .mapInfo .map:after {
	    clear: both;
	}

	.seichiNow #contentsMain .mapInfo .map{
	    *zoom: 1;
	}


	/* スポット & 日記コース*/
	.seichiNow #contentsMain #sceneImg{
	    display: block;
	    position: relative;
	    float: left;
	    width: 446px;
	    height: 250px;
	    overflow: hidden;
	}

	.seichiNow #contentsMain #spotMap,
	#diary #contentsMain #courseMap{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 250px;
	    overflow: hidden;
	    background-color: #CCC;
	    text-align: center;
	}

	#checkin #contentsMain #spotMap{
	    display: block;
	    position: relative;
	    width: 250px;
	    height: 250px;
	    overflow: hidden;
	    background-color: #CCC;
	    text-align: center;
	    float: right;
	}


	/* ======= diaryOnly ======= */
	.diary #contentsMain .diaryScene{
	    display: block;
	    position:relative;
	    border-top: 1px solid #e0e0e0;
	    margin-top: 25px;
	    padding-top: 25px;
	}

	.diary #contentsMain .diaryScene h3{
	    font-size: 24px;
	    font-size: 2.4rem;
	    padding-left: 42px;
	    background-image: url(../img/common/ico_camera_s.svg);
	    background-repeat: no-repeat;
	    background-size: 36px 36px;
	    background-position: left top;
	    margin-bottom: 15px;

	    float: left;}

	.diary #contentsMain .diaryScene h4{
	    float: right;
	    font-size: 18px;
	    font-size: 1.8rem;
	    margin-top: 3px;
	    margin-top: 0.3rem;
	}

	.diary #contentsMain .diaryCheckIn h3{
	    background-image: url(../img/common/ico_spot_s.svg);
	}

	.diary #contentsMain .diaryCommentOnly h3{
	    background-image: url(../img/common/ico_comment_s.svg);
	}

	.diary #contentsMain .diaryScene p{
	    clear: both;
	}

	.diary #contentsMain .diaryScene .sceneThumb{
	    display: block;
	    position: relative;
	    height: 162px;
	    margin-bottom: 15px;
	}

	.diary #contentsMain .diaryScene .sceneThumb img{
	    height:100%;
	    margin-right: 20px;
	}
	.diary #contentsMain .diaryScene .sceneThumb{
	    font-size: 20px;
	    font-size: 2.0rem;
	}

	.diary #contentsMain .diaryScene .sceneImg{
	    display: block;
	    position: relative;
	    height: 400px;
	    text-align: center;
	    background-color: #EFEFEF;
	    }

	.diary #contentsMain .diaryScene .sceneImg img{
	    height: 100%;
	}


	/* diaryOldVer */
	.diaryOldVer #contentsMain .diaryScene .sceneImg{
	    display: block;
	    position: relative;
	    width:auto;
	    height:auto;
	    text-align: center;
	}

	.diaryOldVer #contentsMain .diaryScene .sceneImg img{
	    height: auto;
	    width: auto;
	    max-width: 100%;
	    max-height: 500px;
	}




	.diary #contentsMain .diaryScene .sceneComment{
	    margin-top: 18px;
	    font-size: 18px;
	    font-size: 1.8rem;
	}

	.diary #contentsMain .diaryScene .sceneMap{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 250px;
	    overflow: hidden;
	    background-color: #CCC;
	    text-align: center;
	}



	/* ======= #contentsSub ======= */

	.seichiNow #contentsSub h2{
	    display: block;
	    position: relative;
	    width: 100%;
	    padding:8px 5px 8px 5px;
	    border-top: 1px solid #20B3FA;
	    border-bottom: 1px solid #20B3FA;
	    background-color: #20B3FA;
	    color: #FFF;
	    text-align: center;
	    font-size: 16px;
	    font-size:1.6rem;
	    margin-bottom: 25px;
	}

	.seichiNow #contentsSub h2 span{
	    display: block;
	}


	.seichiNow #contentsSub #newPost{
	    display: block;
	    position: relative;
	    width: 100%;
	}

	.seichiNow #contentsSub #newPost section{
	    margin-bottom: 15px;
	    padding-bottom: 15px;
	    border-bottom: 1px solid #E0E0E0;
	}

	.seichiNow #contentsSub #newPost section:before,
	.seichiNow #contentsSub #newPost section:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsSub #newPost section:after {
	    clear: both;
	}

	.seichiNow #contentsSub #newPost section{
	    *zoom: 1;
	}


	.seichiNow #contentsSub #newPost .postThumb{
	    display: block;
	    position: relative;
	    width: 90px;
	    height: 90px;
	    float: left;
	}

	.seichiNow #contentsSub #newPost .postThumb .thumbLogo,
	.seichiNow #contentsSub #newPost .postThumb .thumbImg{
	    display: block;
	    position:absolute;
	    width: 100%;
	    top:0px;
	    left: 0px;
	}

	.seichiNow #contentsSub #newPost .postThumb .thumbLogo{
	    z-index: 1000;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate{
	    display: block;
	    position: relative;
	    float: left;
	    margin-left: 10px;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate:before,
	.seichiNow #contentsSub #newPost .postIconAndDate:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate:after {
	    clear: both;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate{
	    *zoom: 1;
	}


	.seichiNow #contentsSub #newPost .postIconAndDate .icon{
	    display: block;
	    position: absolute;
	    width: 25px;
	    height: 25px;
	    margin-top: -4px;
	    margin-left: -3px;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate .date{
	    display: block;
	    position: relative;
	    width: 120px;
	    float: left;
	    margin-left: 30px;
	    font-size: 13px;
	    font-size:1.3rem;
	    color:  #9B9B9B;
	    text-align: right;
	    margin-top: 0px;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate .icon img{
	    width: 100%;
	}

	.seichiNow #contentsSub #newPost .postTitle{
	    display: block;
	    position: relative;
	    width: 150px;
	    float: left;
	    text-align: justify;
	    margin-left: 10px;
	    margin-top: 10px;
	}

	.seichiNow #contentsSub #newPost .postTitle a{
	    color:#4A90E2;
	}

	.seichiNow #contentsSub #newPost .postTitle a:hover{
	text-decoration: underline;
	}

	/* =========pageTopBtn========= */
	#view .pageTopBtn{
	    display: block;
	    position:fixed;

	    overflow: hidden;
	    text-align: right;
	    bottom: 30px;
	    right: 3%;
	    z-index: 2000;
	    opacity: 0.8;
	}


	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */
	/* ###################                        ################## */
	/* ###################       top 20150910     ################# */
	/* ###################                        ################## */
	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */


	/* ############################################################# */
	/* #################     placeName & placeMap  ################# */
	/* ############################################################# */
	#view #placeName{
	    display: block;
	    width: 100%;
	    position: relative;
	    background-color: #FFFDEA ;
	    text-align: center;
	    color: #F17C54 ;
	    font-size: 26px;
	    font-size: 2.6rem;
	    padding: 10px;
	}

	#view #placeName span{
	    color: #777777 ;
	    font-size: 20px;
	    font-size: 2.0rem;
	    margin-right: 10px;
	}

	#view #placeMap{
	    display: block;
	    width: 100%;
	    height: 310px;
	    position: relative;
	}

	/* ############################################################# */
	/* ###################       top tab     ################# */
	/* ############################################################# */

	#view #contents #topTab{
	    display: block;
	    position: relative;
	    margin-top: -50px;
	    height: 50px;
	    list-style: none;
	    margin-left: 20px;
	    margin-right: 20px;
	}

	#view #contents #topTab li{
	    display: block;
	    width: 49.5%;
	    float: right;
	    text-align: center;
	    font-size: 18px;
	    background-color: #7FCEF4;
	    color: #FFF;
	    height: 50px;
	    border-radius: 5px 5px 0px 0px;
	    border-top:1px solid #E0E0E0;
	    border-bottom:1px solid #E0E0E0;

	    border-left:1px solid #E0E0E0;
	    border-right:1px solid #E0E0E0;
	}

	#view #contents #topTab li a{
	    display: block;
	    width: 100%;
	    height: 100%;
	    color: #FFF;
	    padding-top: 11px;

	}

	#view #contents #topTab li:first-child{
	    float: left;
	}

	#view #contents #topTab li.tabOn{
	    background-color: #FAFAFA;
	    color: #777777;
	    padding-top: 11px;
	    border-bottom:none;


	}


	/* ############################################################# */
	/* ###################       titleTop tab     ################# */
	/* ############################################################# */

	#view #contents .titleTopTab{
	    display: block;
	    position: relative;
	    margin-top: -50px;
	    height: 50px;
	    list-style: none;
	    margin-left: 20px;
	    margin-right: 20px;
	    text-align: right;
	    z-index: 1000;
	}

	#view #contents .titleTopTab li{
	    display:inline-table;
	    position: relative;
	    width: 118px;
	    text-align: center;
	    font-size: 18px;
	    background-color: #7FCEF4;
	    color: #FFF;
	    height: 50px;
	    padding-top: 11px;
	    border-radius: 5px 5px 0px 0px;
	    border-top:1px solid #E0E0E0;
	    border-left:1px solid #E0E0E0;
	    border-right:1px solid #E0E0E0;
	    border-bottom:1px solid #E0E0E0;

	    margin-left: 5px;
	}

	#view #contents .titleTopTab li a{
	    display:block;
	    position: relative;
	    width: 100%;
	    height: 100%;
	    color: #FFF;
	}

	#view #contents .titleTopTab li:first-child{
	}

	#view #contents .titleTopTab li.tabOn{
	    background-color: #FAFAFA;
	    color: #777777;
	    border-bottom:none;
	}

	#view #contents .titleTopTab li.tabOn a{
	    width: 100%;
	    height: 100%;
	    color: #777777;
	}




	/* ############################################################# */
	/* ###################       top contents     ################# */
	/* ############################################################# */

	#view #contents #top {
	    margin-top: 90px;
	    display: block;
	    position: relative;
	    width: 100%;

	    margin-bottom:0px;
	    padding-bottom: 40px;
	    background-color: #FAFAFA;
	    border-top:1px solid #E0E0E0;
	}

	#view #contents #titleTop {
	    margin-bottom:0px;
	}

	#view #contents #titleTopSeichiNow,
	#view #contents #titleTopDiary{
	    display: block;
	    position: relative;
	    background-color: #FAFAFA;
	    border-top:1px solid #E0E0E0;
	    padding-bottom: 30px;
	    width: 100%;
	}

	#view #contents #titleTopSeichiNow{
	    border-bottom:1px solid #E0E0E0;
	    margin-top: 50px;
	  }

	#view #contents #titleTopDiary{
	    margin-top: 90px;
	    margin-bottom: 0px;
	}


	#view #contents .titleTopInner{
	    display: block;
	    position: relative;
	    width: 1036px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#view #contents #top h2,
	#view #contents #titleTop h2{
	    clear: both;
	    display: block;
	    font-size: 32px;
	    font-size: 3.2rem;
	    font-weight: normal;
	    margin-top: 30px;
	    margin-bottom: 25px;
	    margin-left: 16px;
	    margin-right: 20px;
	    padding-left: 42px;
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-size: 35px 38px;

	}


	#view #contents #top #topSeichiNow h2,
	#view #contents #titleTop #titleTopSeichiNow h2{
	    background-image: url(../img/top/top_ico_pin.svg);
	}

	#view #contents #top #topDiary h2,
	#view #contents #titleTop #titleTopDiary h2{
	    margin-top: 0px;
	    background-image: url(../img/top/top_ico_diary.svg);
	}

	#view #contents #titleTop #titleTopSeichiNow h2,
	#view #contents #titleTop #titleTopDiary h2{
	    display: block;
	    position:relative;
	    margin-top: -60px;
	    margin-bottom: 30px;
	}

	#view #contents #top h3{
	    display: block;
	    position: relative;
	    font-size: 24px;
	    font-size: 2.4rem;
	    margin-top: 0px;
	    margin-left: 20px;
	}

	/* ------ topSeichiNowItem ------- */

	#view #contents #top .topSeichiNowItem,
	#view #contents #titleTop .topSeichiNowItem{
	    list-style: none;
	    display:block;
	    position: relative;
	    margin-left: 15px;
	    margin-right: 15px;
	    margin-top: 15px;
	}

	#view #contents #top .topSeichiNowItem:before,
	#view #contents #top .topSeichiNowItem:after,
	#view #contents #titleTop .topSeichiNowItem:before,
	#view #contents #titleTop .topSeichiNowItem:after {
	    content: " ";
	    display: table;
	}

	#view #contents #top .topSeichiNowItem:after,
	#view #contents #titleTop .topSeichiNowItem:after{
	    clear: both;
	}

	#view #contents #top .topSeichiNowItem li,
	#view #contents #titleTop .topSeichiNowItem li{
	    list-style: none;
	    display:block;
	    float: left;
	    width: 190px;
	    height: 290px;
	    position: relative;
	    overflow: hidden;
	    margin-left: 5.5px;
	    margin-right: 5.5px;
	    margin-bottom: 11px;

	    /* border-radius */
	    border-radius:4px;
	    -webkit-border-radius:4px;
	    -moz-border-radius:4px;

	    /* box-shadow */
	    box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    -webkit-box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    -moz-box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    padding: 0 0;

	}

	#view #contents #top .topSeichiNowItem li .itemImg,
	#view #contents #titleTop .topSeichiNowItem li .itemImg{
	    display: block;
	    position: relative;
	    width: 190px;
	    height: 190px;
	}

	#view #contents #top .topSeichiNowItem li .itemImg img.logo,
	#view #contents #titleTop .topSeichiNowItem li .itemImg img.logo{
	    display: block;
	    position: absolute;
	    width: 100%;
	    z-index: 1000;

	}

	#view #contents #top .topSeichiNowItem li .itemImg img.thumb,
	#view #contents #titleTop .topSeichiNowItem li .itemImg img.thumb{
	    display: block;
	    position:relative;
	    width: 100%;

	}

	#view #contents #top .topSeichiNowItem li .itemComment,
	#view #contents #titleTop .topSeichiNowItem li .itemComment{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 4em;
	    padding: 8px 8px 0px 8px;
	    font-size: 14px;
	    font-size: 1.4rem;
	    border-bottom: 1px solid #E0E0E0;
	}

	#view #contents #top .topSeichiNowItem li .itemComment a,
	#view #contents #topTop .topSeichiNowItem li .itemComment a{
	    color: #4A90E2;
	}

	#view #contents #top .topSeichiNowItem li .itemUser,
	#view #contents #titleTop .topSeichiNowItem li .itemUser{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 2.5em;
	    margin-bottom: 10px;
	    padding: 8px 8px 8px 8px;
	    font-size: 12px;
	    font-size: 1.2rem;
	    color: #9B9B9B ;
	}

	#view #contents #top .topSeichiNowItem li .itemUser a,
	#view #contents #titleTop .topSeichiNowItem li .itemUser a{
	    color: #9B9B9B ;
	}





	#view #contents #top .topSeichiNowItem li .userIcon,
	#view #contents #titleTop .topSeichiNowItem li .userIcon{
	    width: 26px;
	    height: 26px;
	    border-radius: 50%;
	    -webkit-border-radius:50%;
	    -moz-border-radius:50%;

	    overflow: hidden;
	    margin-right: 8px;
	}


	/* ------ topDiaryItem ------- */

	#view #contents #top .topDiaryItem,
	#view #contents #titleTop .topDiaryItem{
	    list-style: none;
	    display:block;
	    position: relative;
	    margin-left: 15px;
	    margin-right: 15px;
	    margin-top: 15px;
	}

	#view #contents #top .topDiaryItem:before,
	#view #contents #top .topDiaryItem:after,
	#view #contents #titleTop .topDiaryItem:before,
	#view #contents #titleTop .topDiaryItem:after{
	    content: " ";
	    display: table;
	}

	#view #contents #top .topDiaryItem:after,
	#view #contents #titleTop .topDiaryItem:after{
	    clear: both;
	}

	#view #contents #top .topDiaryItem li,
	#view #contents #titleTop .topDiaryItem li{
	    list-style: none;
	    display:block;
	    float: left;
	    width: 324px;
	    min-height: 200px;
	    position: relative;
	    overflow: hidden;
	    margin-left: 5.5px;
	    margin-right: 5.5px;
	    margin-bottom: 11px;

	    /* border-radius */
	    border-radius:4px;
	    -webkit-border-radius:4px;
	    -moz-border-radius:4px;

	    /* box-shadow */
	    box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    -webkit-box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    -moz-box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    padding: 0 0;

	}

	#view #contents #top .topDiaryItem li .itemImg,
	#view #contents #titleTop .topDiaryItem li .itemImg{
	    display: block;
	    position: relative;
	    width: 324px;
	    height: 140px;
	    overflow: hidden;
	}



	#view #contents #top .topDiaryItem li .itemImg img,
	#view #contents #titleTop .topDiaryItem li .itemImg img{
	    display: block;
	    position:relative;
	    width: 100%;

	}

	#view #contents #top .topDiaryItem li .itemComment,
	#view #contents #titleTop .topDiaryItem li .itemComment{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 2em;
	    padding: 8px 8px 0px 8px;
	    font-size: 14px;
	    font-size: 1.4rem;
	    overflow: hidden;
	}

	#view #contents #top .topSeichiNowItem li .itemComment a,
	#view #contents #titleTop .topSeichiNowItem li .itemComment a{
	    color: #4A90E2;
	}

	#view #contents #top .topDiaryItem li .itemTag,
	#view #contents #titleTop .topDiaryItem li .itemTag{
	    display: block;
	    position: relative;
	    width: 100%;
	    padding: 4px 8px 8px 8px;
	    font-size: 12px;
	    font-size: 1.2rem;
	    color: #9B9B9B;
	    overflow: hidden;
	    height: 2em;
	    margin-bottom: 8px;

	}




	#view #contents #top .topDiaryItem li .itemLogo,
	#view #contents #titleTop .topDiaryItem li .itemLogo{
	    display: block;
	    position: absolute;
	    width: 100%;
	    z-index: 1000;
	    width: 324px;
	    height: 140px;

	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+71,000000+100&0+71,0.65+100 */
	    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 71%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 71%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  rgba(0,0,0,0) 71%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 71%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	    background: linear-gradient(to bottom,  rgba(0,0,0,0) 71%,rgba(0,0,0,0.65) 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
	}


	#view #contents #top .topDiaryItem li .itemUser,
	#view #contents #titleTop .topDiaryItem li .itemUser{
	    display: block;
	    position:absolute;
	    width: 100%;
	    padding: 8px 8px 0px 8px;
	    font-size: 12px;
	    font-size: 1.2rem;
	    z-index: 1000;
	    width: 60%;
	    top:100px;
	    color: #FFFFFF;
	    right: 0px;
	    text-align: right;
	    overflow: hidden;
	    height: 38px;

	}



	#view #contents #top .topDiaryItem li .userIcon,
	#view #contents #titleTop .topDiaryItem li .userIcon{
	    width: 26px;
	    height: 26px;
	    border-radius: 50%;
	    -webkit-border-radius:50%;
	    -moz-border-radius:50%;
	    overflow: hidden;
	    margin-right: 8px;
	}

	/* ------ titleList ------- */
	#view #contents #top #titleList{
	    margin-top: 40px;

	}

	#view #contents #top .titleListItem{
	    list-style: none;
	    display:block;
	    position: relative;
	    margin-left: 15px;
	    margin-right: 15px;
	    margin-top: 0px;
	}

	#view #contents #top .titleListItem:before,
	#view #contents #top .titleListItem:after {
	    content: " ";
	    display: table;
	}

	#view #contents #top .titleListItem:after {
	    clear: both;
	}

	#view #contents #top .titleListItem li{
	    list-style: none;
	    display:block;
	    float: left;
	    width: 324px;
	    height: auto;
	    position: relative;
	    overflow: hidden;
	    margin-left: 5.5px;
	    margin-right: 5.5px;
	    margin-bottom: 11px;

	    /* border-radius */
	    border-radius:4px;
	    -webkit-border-radius:4px;
	    -moz-border-radius:4px;

	    /* box-shadow */
	    box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    -webkit-box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    -moz-box-shadow:rgb(204, 204, 204) 0px 1px 6px 0px;
	    padding: 0 0;
	}

	#view #contents #top .titleListItem li .itemImg{
	    display: block;
	    position: relative;
	    width: 100%;
	    overflow: hidden;
	}



	#view #contents #top .titleListItem li .itemImg img{
	    display: block;
	    position:relative;
	    width: 100%;

	}

	#view #contents #top .titleListItem li .itemTitle{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 2em;
	    padding: 8px 8px 0px 8px;
	    font-size: 14px;
	    font-size: 1.4rem;
	    color: #4A90E2;
	    overflow: hidden;
	}

	#view #contents #top .titleListItem li .itemComment{
	    display: block;
	    position: relative;
	    width: 100%;
	    max-height: 2em;
	    padding: 6px 8px 8px 8px;
	    margin-bottom: 8px;
	    font-size: 12px;
	    font-size: 1.2rem;
	    overflow: hidden;
	    color: #777777;
	}

	/* -- btMore --*/

	#view #contents #top .btMore,
	#view #contents #titleTop .btMore{
	    display: block;
	    text-align: right;
	    margin-left: 20px;
	    margin-right: 20px;
	    margin-top: 15px;
	}

	#view #contents #top .btMore:before,
	#view #contents #top .btMore:after,
	#view #contents #titleTop .btMore:before,
	#view #contents #titleTop .btMore:after{
	    content: " ";
	    display: table;
	}

	#view #contents #top .btMore:after,
	#view #contents #titleTop .btMore:after{
	    clear: both;
	}

	#view #contents #top .btMore a,
	#view #contents #titleTop .btMore a{
	    display: block;
	    text-align: center;
	    width: 180px;
	    padding: 10px;
	    float: right;
	    background-image: url(../img/top/arrow_more.svg);
	    background-repeat: no-repeat;
	    background-position: 160px center;
	    color: #7FCEF4 ;
	    border: 1px solid #7FCEF4;
	    background-color: #FFF;


	    /* border-radius */
	    border-radius:5px;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	}

}

@media screen and (max-width: 996px){
	#view #placeName{
	    font-size: 24px;
	    font-size: 2.4rem;
	    padding: 10px;
	}

	#view #placeName span{
	    font-size: 18px;
	    font-size: 1.8rem;
	}
	#view #placeMap{
	    height: 260px;
	}

	#view #contents #top h2,
	#view #contents #titleTop #titleTopSeichiNow h2,
	#view #contents #titleTop #titleTopDiary h2,
	#view #contents #top h3,
	#view #contents .titleTopTab{
	    display: block;
	    width: 670px;
	    margin-left: auto;
	    margin-right: auto;
	}


	#view #contents #titleTop .titleTopInner{
	    width:100%;
	    margin-left: auto;
	    margin-right: auto;
	}



	#view #contents #top .topSeichiNowItem,
	#view #contents #titleTop .topSeichiNowItem{
	    display: block;
	    position: relative;
	    width: 676px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#view #contents #top .topSeichiNowItem li,
	#view #contents #titleTop .topSeichiNowItem li{
	    width: 159px;
	    height: 259px;
	    margin-left: 5px;
	    margin-right: 5px;
	}

	#view #contents #top .topSeichiNowItem li .itemImg,
	#view #contents #titleTop .topSeichiNowItem li .itemImg{
	    display: block;
	    position: relative;
	    width: 159px;
	    height: 159px;
	}

	#view #contents #top .topDiaryItem,
	#view #contents #titleTop .topDiaryItem{
	    width: 670px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#view #contents #top .titleListItem{
	    width: 670px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#view #contents #top .btMore,
	#view #contents #titleTop .btMore{
	    width: 670px;
	    margin-left: auto;
	    margin-right: auto;
	}
}

@media screen and (max-width: 854px){
    #view #placeName{
        font-size: 22px;
        font-size: 2.2rem;
        padding: 10px;
    }

    #view #placeName span{
        font-size: 16px;
        font-size: 1.6rem;
    }
    #view #placeMap{
        height: 210px;
    }

}

@media screen and (max-width: 980px){
    .seichiNow #contentsSub h2{
        display: block;
        position: relative;
        width: 100%;
        padding:8px 2% 8px 2%;
        background-color: #20B3FA ;
        border: none;

        color: #FFF;
        text-align: left;
        font-size: 18px;
        font-size:1.8rem;
    }

    .seichiNow #contentsSub h2 span{
        display:inline;
    }

    .seichiNow #contentsSub #newPost .postThumb{
        display: block;
        position: relative;
        width: 150px;
        height: 150px;
        float: left;
    }

    .seichiNow #contentsSub #newPost .postIconAndDate{
        margin-left: 15px;

    }


    .seichiNow #contentsSub #newPost .postIconAndDate .date{
        width:514px ;
        text-align: left;
        margin-left: 30px;
        font-size: 16px;
        font-size: 1.4rem;
    }

    .seichiNow #contentsSub #newPost .postTitle{
        display: block;
        position: relative;
        width: 542px;
        float: left;
        text-align: justify;
        margin-left: 15px;
        margin-top: 5px;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .seichiNow #contentsInner{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }


    .seichiNow #contentsMain{
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0;
    }
    .seichiNow #contentsSub{
        width: 710px;
        clear: both;
        float: none;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0;
    }

    .seichiNow #breadListInner{
        width: 100%;
    }

}

@media screen and (max-width:679px){
	/* ############################################################# */
	/* ###################         contents        ################# */
	/* ############################################################# */
	#view .seichiNow{
	    display: block;
	    position: relative;
	    width: 100%;

	     margin-bottom: 0px;

	}

	.seichiNow #contentsInner:before,
	.seichiNow #contentsInner:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsInner:after {
	    clear: both;
	}

	.seichiNow #contentsInner{
	    *zoom: 1;
	}


	/* ======= #contentsMain ======= */
	.seichiNow #contentsMain{
	    display: block;
	    position: relative;
	    width: 100%;
	}

	.seichiNow #contentsMain:before,
	.seichiNow #contentsMain:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain:after {
	    clear: both;
	}

	.seichiNow #contentsMain{
	    *zoom: 1;
	}

	.seichiNow #contentsSub{
	    margin-top: 30px;
	    margin-bottom: -30px;
	    display: block;
	    position: relative;
	    width: 100%;
	}

	.seichiNow #contentsSub:before,
	.seichiNow #contentsSub:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsSub:after {
	    clear: both;
	}

	.seichiNow #contentsSub{
	    *zoom: 1;
	}


	.seichiNow #contentsMain h1{
	    display: block;
	    position: relative;
	    margin-left: 10px;
	    margin-right: 14px;
	    min-height: 36px;
	    font-size: 1.9rem;
	    font-weight: normal;
	    padding-left: 32px;
	    background-repeat: no-repeat;
	    background-position: left top;
	    background-size: 26px 26px;
	    text-align:left;

	}


	.seichiNow #contentsMain h1:before,
	.seichiNow #contentsMain h1:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain h1:after {
	    clear: both;
	}

	.seichiNow #contentsMain h1{
	    *zoom: 1;
	}

	.seichiNow #contentsMain section{
	    display: block;
	    position:relative;
	}


	/* h1 */
	#checkin #contentsMain h1{
	    background-image: url(../img/common/ico_spot_s.svg);
	}

	#checkinNoPhoto #contentsMain h1{
	    background-image: url(../img/common/ico_spot_s.svg);
	}

	#noCheckin #contentsMain h1{
	    background-image: url(../img/common/ico_camera_s.svg);
	}

	#diary #contentsMain h1{
	    background-image: url(../img/common/ico_diary_s.svg);
	}


	.seichiNow #contentsMain h1 .dayAndTime{
	    position:relative;
	    display: block;
	    float: right;
	    font-size: 1.5rem;
	    padding: 0px 0px 0px 0px;
	    right: 0px;
	    margin-top: 2px;
	    text-align: center;
	    color: #9B9B9B;
	}

	/* =========basicInfo========= */

	.seichiNow #contentsMain .basicInfo{
	    border-bottom: 1px solid #E0E0E0 ;
	    padding-bottom:15px;
	    margin-bottom: 15px;
	}

	/* diary */
	#diary #contentsMain .basicInfo{
	    border-bottom: none;
	    padding-bottom:0px;
	    margin-bottom: 20px;
	}



	.seichiNow #contentsMain .basicInfo .mainImg{
	    margin-top: 15px;
	    position: relative;
	    display: block;
	    width: 100%;
	    background-color: #EFEFEF;
	    text-align: center;
	    /*border: 1px solid #E0E0E0;*/
	    overflow:hidden;
	}

	.seichiNow #contentsMain .basicInfo .mainImg:before,
	.seichiNow #contentsMain .basicInfo .mainImg:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain .basicInfo .mainImg:after {
	    clear: both;
	}

	.seichiNow #contentsMain .basicInfo .mainImg img{
		width:100%;
	}




	/* diaryOldVer */
	.diaryOldVer #contentsMain .basicInfo .mainImg{
	    display: block;
	    position: relative;
	    width:auto;
	    height:auto;
	    text-align: center;
	}

	.diaryOldVer #contentsMain .basicInfo .mainImg img{
	    height: auto;
	    width: auto;
	    max-width: 100%;
	    max-height: 400px;
	}



	/* userName*/

	.seichiNow #contentsMain .basicInfo .userName{
	    display: block;
	    position: relative;
	    font-size: 1.7rem;
	    color:#9B9B9B;
	    margin-left: 14px;
	    margin-right: 14px;
	    margin-top: 15px;
	    margin-bottom: 0px;
	}

	.seichiNow #contentsMain .basicInfo .userName img{
	    width: 30px;
	    height: 30px;
	    margin-right: 10px;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;

	}

	.seichiNow #contentsMain .basicInfo .userName a{
	    color:#9B9B9B;
	}

	.seichiNow #contentsMain .basicInfo .userName a:hover{
	    text-decoration: underline;
	}

	/* diary */

	#diary #contentsMain .basicInfo .totalTime{
	    display: block;
	    position: relative;
	    width: 100%;
	    font-size: 1.5rem;
	    text-align: center;
	    color: #FF9F00;
	    background-color: #FFFDEA;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}


	/* snsList*/
	.seichiNow #contentsMain .basicInfo .snsIcon{
	    display: block;
	    position: relative;
	    margin-top: 15px;
	    margin-left: 14px;
	}

	.seichiNow #contentsMain .basicInfo .snsIcon li{
	    display: inline-block;
	    position: relative;
	    margin-right: 8px;
	}

	.seichiNow #contentsMain .basicInfo .snsIcon li:first-child{
	    min-width: 95px;
	}


	.seichiNow #contentsMain .basicInfo .snsIcon li *{
	    display: block;
	    position: relative;
	}

	.seichiNow #contentsMain .comment{
	    display: block;
	    position: relative;
	    float: none;
	    clear: both;
	    margin-top: 10px;
	    font-size: 1.5rem;
	    margin-left: 14px;
	    margin-right: 14px;
	}

	/*hashTag*/

	.seichiNow #contentsMain .basicInfo .hashTag{
	    position:relative;
	    display: block;
	    clear: both;

	    margin-top: 18px;
	    margin-left: 14px;
	    margin-right: 14px;
	    font-size: 1.2rem; /* =12px */
	    margin-bottom: 4px;
	}


	.seichiNow #contentsMain .basicInfo .hashTag:before,
	.seichiNow #contentsMain .basicInfo .hashTag:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain .basicInfo .hashTag:after {
	    clear: both;
	}

	.seichiNow #contentsMain .basicInfo .hashTag{
	    *zoom: 1;
	}


	.seichiNow #contentsMain .basicInfo .hashTag li{
	    display:inline-block;
	    position: relative;

	    /*float: left;*/
	    white-space: nowrap;
	    line-height: 1rem;
	    margin-right: 5px;
	    margin-bottom: 6px;
	}

	.seichiNow #contentsMain .basicInfo .hashTag a{
	    display: block;
	    position: relative;
	    color: #FFF;
	    padding: 6px 10px 6px 10px;
	    border-radius: 20px;
	    background-color: #CCC;
	}

	.seichiNow #contentsMain .basicInfo .hashTag .officialTag a{
	    background-color: #EF8CC1;}

	.seichiNow #contentsMain .basicInfo .hashTag .userTag a{
	    background-color: #7FCEF4 ;}



	/*animeTitle*/
	.seichiNow #contentsMain .basicInfo h2{
	    clear: both;
	    display: block;
	    font-size: 1.5rem;
	    font-weight: normal;
	    margin-top: 10px;
	    padding-left: 14px;
	    padding-right: 14px;
	    color: #9B9B9B ;
	}

	.seichiNow #contentsMain .basicInfo h3{
	    background-color: #20B3FA ;
	    display: block;
	    position: relative;
	    font-size: 1.8rem;
	    color: #FFF;
	    margin-top: 15px;
	    padding: 10px 14px 10px 14px;
	}

	.seichiNow #contentsMain .basicInfo .commentSub{
	    display: block;
	    position: relative;
	    float: none;
	    clear: both;
	    font-size: 1.5rem;
	    margin-top: 15px;
	    padding-left: 14px;
	    padding-right: 14px;

	}

	/* =========mapInfo========= */

	.seichiNow #contentsMain .mapInfo{
	    display: block;
	    position: relative;
	}

	.seichiNow #contentsMain .mapInfo h4{
	    display: block;
	    position: relative;
	    font-size: 1.5rem;
	    background-image: url(../img/common/ico_spot.svg);
	    background-repeat: no-repeat;
	    background-position: left top;
	    background-size: 25px 25px;
	    padding-left: 30px;
	    min-height: 25px;
	    margin-left: 10px;
	}

	.seichiNow #contentsMain .mapInfo .map{
	    display: block;
	    margin-top: 15px;
	}

	.seichiNow #contentsMain .mapInfo .map:before,
	.seichiNow #contentsMain .mapInfo .map:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsMain .mapInfo .map:after {
	    clear: both;
	}

	.seichiNow #contentsMain .mapInfo .map{
	    *zoom: 1;
	}


	/* スポット & 日記コース*/
	.seichiNow #contentsMain #sceneImg{
	    display: block;
	    position: relative;
	    height: 80px;
	    overflow: hidden;
	    margin-left: 10px;
	}
	.seichiNow #contentsMain #sceneImg img{
	    height: 100%;
	}

	.seichiNow #contentsMain #spotMap,
	#diary #contentsMain #courseMap{
	    display: block;
	    position: relative;
	    margin-left: 10px;
	    margin-right: 10px;
	    height: 150px;
	    overflow: hidden;
	    background-color: #CCC;
	    text-align: center;
	}

	#checkin #contentsMain #spotMap{
	    display: block;
	    position: relative;
	    overflow: hidden;
	    background-color: #CCC;
	    text-align: center;
	    margin-top: 10px;
	    margin-left: 10px;
	    margin-right: 10px;
	    width: auto;
	    height: 150px;

	}


	/* ======= diaryOnly ======= */
	.diary #contentsMain .diaryScene{
	    display: block;
	    position:relative;
	    border-top: 1px solid #e0e0e0;
	    margin-top: 15px;
	    padding-top: 15px;
	}

	.diary #contentsMain .diaryScene h3{
	    margin-left: 14px;
	    font-size: 1.5rem;
	    padding-left: 30px;
	    background-image: url(../img/common/ico_camera_s.svg);
	    background-repeat: no-repeat;
	    background-size: 24px 24px;
	    background-position: left top;
	    margin-bottom: 12px;

	    float: left;}

	.diary #contentsMain .diaryScene h4{
	    float: right;
	    font-size: 1.5rem;
	    margin-top: 0.0rem;
	    margin-right: 14px;
	}

	.diary #contentsMain .diaryCheckIn h3{
	    background-image: url(../img/common/ico_spot_s.svg);
	}

	.diary #contentsMain .diaryCommentOnly h3{
	    background-image: url(../img/common/ico_comment_s.svg);
	}

	.diary #contentsMain .diaryScene p{
	    clear: both;
	}

	.diary #contentsMain .diaryScene .sceneThumb{
	    display: block;
	    position: relative;
	    height: 80px;
	    margin-left: 10px;
	    margin-bottom: 10px;
	    font-size: 1.7rem;
	    overflow: hidden;

	}

	.diary #contentsMain .diaryScene .sceneThumb img{
	    height:100%;
	    margin-right: 10px;
	    float: left;
	}

	.diary #contentsMain .diaryScene .sceneImg{
	    display: block;
	    position: relative;
	    /*height: 400px;*/
	    margin-left: 10px !important;
	    margin-right: 10px !important;
	    text-align: center;
	    background-color: #EFEFEF;
	    }

	.diary #contentsMain .diaryScene .sceneImg img{
	    width: 100%;
	}


	/* diaryOldVer */
	.diaryOldVer #contentsMain .diaryScene .sceneImg{
	    display: block;
	    position: relative;
	    width:auto;
	    height:auto;
	    text-align: center;
	}

	.diaryOldVer #contentsMain .diaryScene .sceneImg img{
	    height: auto;
	    width: auto;
	    max-width: 100%;
	    max-height: 500px;
	}




	.diary #contentsMain .diaryScene .sceneComment{
	    margin-top: 10px;
	    font-size: 1.5rem;
	    margin-left: 14px;
	    margin-right: 14px;
	}

	.diary #contentsMain .diaryScene .sceneMap{
	    clear: both;
	    display: block;
	    position: relative;
	    margin-left: 10px;
	    margin-right: 10px;
	    height: 150px;
	    overflow: hidden;
	    background-color: #CCC;
	    text-align: center;
	}



	/* ======= #contentsSub ======= */

	.seichiNow #contentsSub h2{
	    display: block;
	    position: relative;
	    width: 100%;
	    padding:8px 2% 8px 2%;
	    background-color: #F5F4F2 ;

	    color: #4a4a4a;
	    text-align: center;
	    font-size: 16px;
	    font-size:1.6rem;
	}

	.seichiNow #contentsSub #newPost{
	    display: block;
	    position: relative;
	    width: 100%;
	}

	.seichiNow #contentsSub #newPost section{

	    border-bottom: 1px solid #E0E0E0;
	}

	.seichiNow #contentsSub #newPost section:last-child{

	    border-bottom:none;
	}

	.seichiNow #contentsSub #newPost section:before,
	.seichiNow #contentsSub #newPost section:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsSub #newPost section:after {
	    clear: both;
	}

	.seichiNow #contentsSub #newPost section{
	    *zoom: 1;
	}


	.seichiNow #contentsSub #newPost .postThumb{
	    display: block;
	    position: relative;
	    width: 25%;
	    float: left;
	}

	.seichiNow #contentsSub #newPost .postThumb .thumbLogo,
	.seichiNow #contentsSub #newPost .postThumb .thumbImg{
	    display: block;
	    position:absolute;
	    width: 100%;
	    top:0px;
	    left: 0px;
	}

	.seichiNow #contentsSub #newPost .postThumb .thumbLogo{
	    z-index: 1000;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate{
	    display: block;
	    position: relative;
	    margin-top: 3%;
	    width: 72%;
	    float: right;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate:before,
	.seichiNow #contentsSub #newPost .postIconAndDate:after {
	    content: " ";
	    display: table;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate:after {
	    clear: both;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate{
	    *zoom: 1;
	}


	.seichiNow #contentsSub #newPost .postIconAndDate .icon{
	    display: block;
	    position: relative;
	    width: 22px;
	    float: left;
	    margin-top: -2px;
	    margin-left: -3px;
	    margin-right: 5px;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate .date{
	    display: block;
	    position: relative;
	    float: left;
	    font-size:1.4rem;
	    color:  #9B9B9B;
	    text-align: left;
	    padding-right: 10px;
	}

	.seichiNow #contentsSub #newPost .postIconAndDate .icon img{
	    width: 100%;
	}

	.seichiNow #contentsSub #newPost .postTitle{
	    display: block;
	    position: relative;
	    width: 72%;
	    float: right;
	    text-align: left;
	    margin-top: 5px;
	    padding-right: 10px;

	    font-size:1.4rem;


	}

	.seichiNow #contentsSub #newPost .postTitle a{
	    color:#4A90E2;
	}

	.seichiNow #contentsSub #newPost .postTitle a:hover{
	text-decoration: underline;
	}


	/* =========pageTopBtn========= */
	#view .pageTopBtn{
	    display: block;
	    position:fixed;
	    width: 50px;
	    overflow: hidden;
	    text-align: right;
	    bottom: 16px;
	    right: 16px;
	    opacity: 0.8;
	    z-index: 2000;
	}

	#view .pageTopBtn img{
	    width: 100%;
	}



	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */
	/* ###################                        ################## */
	/* ###################       top 20150910     ################# */
	/* ###################                        ################## */
	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */
	/* ############################################################# */


	/* ############################################################# */
	/* #################     placeName & placeMap  ################# */
	/* ############################################################# */
	#view #placeName{
	    display: block;
	    width: 100%;
	    position: relative;
	    background-color: #FFFDEA ;
	    text-align: center;
	    color: #F17C54 ;
	    font-size: 1.6rem;
	    padding: 6px;
	}

	#view #placeName span{
	    color: #777777 ;
	    font-size: 1.4rem;
	    margin-right: 5px;
	}

	#view #placeMap{
	    display: block;
	    width: 100%;
	    height: 140px;
	    position: relative;
	}


	/* ############################################################# */
	/* ###################       top tab     ################# */
	/* ############################################################# */

	#view #contents #topTab{
	    display: block;
	    position: relative;
	    margin-top: -40px;
	    height: 50px;
	    list-style: none;
	    margin-left: 2%;
	    margin-right: 2%;
	}

	#view #contents #topTab li{
	    display: block;
	    width: 49.5%;
	    float: right;
	    text-align: center;
	    font-size: 16px;
	    background-color: #7FCEF4;
	    color: #FFF;
	    height: 40px;
	    border-radius: 5px 5px 0px 0px;

	    border-top:1px solid #E0E0E0;
	    border-bottom:1px solid #E0E0E0;
	    border-left:1px solid #E0E0E0;
	    border-right:1px solid #E0E0E0;
	}

	#view #contents #topTab li a{
	    display: block;
	    width: 100%;
	    height: 100%;
	    color: #FFF;
	    padding-top: 8px;

	}

	#view #contents #topTab li:first-child{
	    float: left;
	}

	#view #contents #topTab li.tabOn{
	    background-color: #FAFAFA;
	    color: #777777;
	    padding-top: 8px;
	    border-bottom:none;


	}


	/* ############################################################# */
	/* ###################       titleTop tab     ################# */
	/* ############################################################# */

	#view #contents .titleTopTab{
	    display: block;
	    position: relative;
	    margin-top: -34px;
	    height: 34px;
	    list-style: none;
	    margin-left: 2%;
	    margin-right: 2%;
	    text-align: right;
	    z-index: 1000;
	}

	#view #contents .titleTopTab li{
	    display:inline-table;
	    position: relative;
	    width: 70px;
	    text-align: center;
	    font-size: 14px;
	    background-color: #7FCEF4;
	    color: #FFF;
	    height: 34px;
	    padding-top: 5px;
	    border-radius: 5px 5px 0px 0px;
	    border-top:1px solid #E0E0E0;
	    border-left:1px solid #E0E0E0;
	    border-right:1px solid #E0E0E0;
	    border-bottom:1px solid #E0E0E0;
	    margin-left: 3px;
	}

	#view #contents .titleTopTab li a{
	    display:block;
	    position: relative;
	    width: 100%;
	    height: 100%;
	    color: #FFF;
	}

	#view #contents .titleTopTab li:first-child{
	}

	#view #contents .titleTopTab li.tabOn{
	    background-color: #FAFAFA;
	    color: #777777;
	    border-bottom:none;
	}

	#view #contents .titleTopTab li.tabOn a{
	    width: 100%;
	    height: 100%;
	    color: #777777;
	}


	/* ############################################################# */
	/* ###################       top contents     ################# */
	/* ############################################################# */

	#view #contents #top {
	    margin-top: 56px;
	    display: block;
	    position: relative;
	    width: 100%;

	    margin-bottom:-40px;
	    padding-bottom: 40px;
	    background-color: #FAFAFA;
	    border-top:1px solid #E0E0E0;
	}

	#view #contents #titleTop {
	    margin-bottom:0px;
	}

	#view #contents #titleTopSeichiNow,
	#view #contents #titleTopDiary{
	    display: block;
	    position: relative;
	    background-color: #FAFAFA;
	    border-top:1px solid #E0E0E0;
	    padding-bottom: 16px;
	    width: 100%;
	}

	#view #contents #titleTopSeichiNow{
	    border-bottom:1px solid #E0E0E0;
	    margin-top: 30px;
	}

	#view #contents #titleTopDiary{
	    margin-top: 50px;
	    margin-bottom: -30px;
	}


	#view #contents .titleTopInner{
	    display: block;
	    position: relative;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}

	#view #contents #top h2,
	#view #contents #titleTop h2{
	    clear: both;
	    display: block;
	    font-size: 22px;
	    font-size: 2.2rem;
	    font-weight: normal;
	    margin-top: 10px;
	    margin-bottom: 8px;
	    margin-left: 2%;
	    margin-right: 2%;
	    padding-left: 30px;
	    background-repeat: no-repeat;
	    background-position: left 2px;
	    background-size: 24px;
	}

	#view #contents #top #topSeichiNow h2,
	#view #contents #titleTop #titleTopSeichiNow h2{
	    background-image: url(../img/top/top_ico_pin.svg);
	}

	#view #contents #top #topDiary h2,
	#view #contents #titleTop #titleTopDiary h2{
	    margin-top: 0px;
	    background-image: url(../img/top/top_ico_diary.svg);
	}


	#view #contents #titleTop #titleTopSeichiNow h2,
	#view #contents #titleTop #titleTopDiary h2{
	    display: block;
	    position:relative;
	    margin-top: -40px;
	    margin-bottom: 16px;
	}


	#view #contents #top h3{
	    display: block;
	    position: relative;
	    font-size: 18px;
	    font-size: 1.8rem;
	    margin-top: 10px;
	    margin-left: 0px;
	    padding-left: 3%;
	    padding-bottom: 3px;
	    border-bottom: 1px solid #eeeeee;
	    -webkit-box-shadow: 0 1px 0 #FFFFFF;
	    -moz-box-shadow: 0 1px 0 #FFFFFF;
	    box-shadow: 0 1px 0 #FFFFFF;


	}



	/* ------ topSeichiNowItem ------- */

	#view #contents #top .topSeichiNowItem,
	#view #contents #titleTop .topSeichiNowItem{
	    list-style: none;
	    display:block;
	    position: relative;
	    margin-left: 1.5%;
	    margin-right: 1.5%;
	    margin-top: 10px;
	}

	#view #contents #top .topSeichiNowItem:before,
	#view #contents #top .topSeichiNowItem:after,
	#view #contents #titleTop .topSeichiNowItem:before,
	#view #contents #titleTop .topSeichiNowItem:after {
	    content: " ";
	    display: table;
	}

	#view #contents #top .topSeichiNowItem:after,
	#view #contents #titleTop .topSeichiNowItem:after{
	    clear: both;
	}

	#view #contents #top .topSeichiNowItem li,
	#view #contents #titleTop .topSeichiNowItem li{
	    list-style: none;
	    display:block;
	    float: left;
	    width: 31.3%;
	    position: relative;
	    overflow: hidden;
	    margin-left: 1%;
	    margin-right: 1%;
	    margin-bottom: 2.2%;

	    /* border-radius */
	    border-radius:4px;
	    -webkit-border-radius:4px;
	    -moz-border-radius:4px;

	    /* box-shadow */
	    box-shadow:rgb(204, 204, 204) 0px 1px 2px 0px;
	    -webkit-box-shadow:rgb(204, 204, 204) 0px 1px 2px 0px;
	    -moz-box-shadow:rgb(204, 204, 204) 0px 1px 2px 0px;
	    padding: 0 0;

	}

	#view #contents #top .topSeichiNowItem li .itemImg,
	#view #contents #titleTop .topSeichiNowItem li .itemImg{
	    display: block;
	    position: relative;
	    width: 100%;
	}

	#view #contents #top .topSeichiNowItem li .itemImg img.logo,
	#view #contents #titleTop .topSeichiNowItem li .itemImg img.logo{
	    display: block;
	    position: absolute;
	    width: 100%;
	    z-index: 1000;

	}

	#view #contents #top .topSeichiNowItem li .itemImg img.thumb,
	#view #contents #titleTop .topSeichiNowItem li .itemImg img.thumb{
	    display: block;
	    position:relative;
	    width: 100%;

	}

	#view #contents #top .topSeichiNowItem li .itemComment,
	#view #contents #titleTop .topSeichiNowItem li .itemComment{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 4.6rem;
	    padding: 5px 5px 0px 5px;
	    font-size: 1.2rem;
	    border-bottom: 1px solid #E0E0E0;
	    overflow: hidden;
	}

	#view #contents #top .topSeichiNowItem li .itemComment a,
	#view #contents #topTop .topSeichiNowItem li .itemComment a{
	    color: #4A90E2;
	}

	#view #contents #top .topSeichiNowItem li .itemUser,
	#view #contents #titleTop .topSeichiNowItem li .itemUser{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 2.5rem;
	    margin-bottom: 6px;
	    padding: 5px 4px 0px 4px;
	    font-size: 0.9rem;
	    color: #9B9B9B ;
	    overflow: hidden;

	}

	#view #contents #top .topSeichiNowItem li .itemUser a,
	#view #contents #titleTop .topSeichiNowItem li .itemUser a{
	    color: #9B9B9B ;
	}





	#view #contents #top .topSeichiNowItem li .userIcon,
	#view #contents #titleTop .topSeichiNowItem li .userIcon{
	    width: 20px;
	    height: 20px;
	    border-radius: 50%;
	    -webkit-border-radius:50%;
	    -moz-border-radius:50%;

	    overflow: hidden;
	    margin-right: 3px;
	}



	/* ------ topDiaryItem ------- */

	#view #contents #top .topDiaryItem,
	#view #contents #titleTop .topDiaryItem{
	    list-style: none;
	    display:block;
	    position: relative;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-top: 8px;
	}

	#view #contents #top .topDiaryItem:before,
	#view #contents #top .topDiaryItem:after,
	#view #contents #titleTop .topDiaryItem:before,
	#view #contents #titleTop .topDiaryItem:after{
	    content: " ";
	    display: table;
	}

	#view #contents #top .topDiaryItem:after,
	#view #contents #titleTop .topDiaryItem:after{
	    clear: both;
	}

	#view #contents #top .topDiaryItem li,
	#view #contents #titleTop .topDiaryItem li{
	    list-style: none;
	    display:block;
	    float: left;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	    margin-left: 0;
	    margin-right: 0;
	    margin-bottom: 2.5%;

	    /* border-radius */
	    border-radius:4px;
	    -webkit-border-radius:4px;
	    -moz-border-radius:4px;

	    /* box-shadow */
	    box-shadow:rgb(204, 204, 204) 0px 1px 2px 0px;
	    -webkit-box-shadow:rgb(204, 204, 204) 0px 1px 2px 0px;
	    -moz-box-shadow:rgb(204, 204, 204) 0px 1px 2px 0px;
	    padding: 0 0;

	}

	#view #contents #top .topDiaryItem li .itemImg,
	#view #contents #titleTop .topDiaryItem li .itemImg{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 130px;
	    overflow: hidden;
	}



	#view #contents #top .topDiaryItem li .itemImg img,
	#view #contents #titleTop .topDiaryItem li .itemImg img{
	    display: block;
	    position:relative;
	    width: 100%;

	}

	#view #contents #top .topDiaryItem li .itemComment,
	#view #contents #titleTop .topDiaryItem li .itemComment{
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 2.4rem;
	    padding: 5px 5px 0px 5px;
	    font-size: 1.3rem;
	    overflow: hidden;
	}

	#view #contents #top .topSeichiNowItem li .itemComment a,
	#view #contents #titleTop .topSeichiNowItem li .itemComment a{
	    color: #4A90E2;
	}

	#view #contents #top .topDiaryItem li .itemTag,
	#view #contents #titleTop .topDiaryItem li .itemTag{
	    display: block;
	    position: relative;
	    width: 100%;
	    padding: 4px 5px 5px 5px;
	    font-size: 1.1rem;
	    color: #9B9B9B;
	    overflow: hidden;
	    height: 2.5rem;

	}




	#view #contents #top .topDiaryItem li .itemLogo,
	#view #contents #titleTop .topDiaryItem li .itemLogo{
	    display: block;
	    position: absolute;
	    width: 100%;
	    z-index: 1000;
	    top:0px;
	    height: 130px;
	    overflow: hidden;


	    background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 71%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	    background: linear-gradient(to bottom,  rgba(0,0,0,0) 71%,rgba(0,0,0,0.65) 100%); /* W3C */
	}
	#view #contents #top .topDiaryItem li .itemLogo img,
	#view #contents #titleTop .topDiaryItem li .itemLogo img{
	    height: 100%;
	}



	#view #contents #top .topDiaryItem li .itemUser,
	#view #contents #titleTop .topDiaryItem li .itemUser{
	    display: block;
	    position:absolute;
	    width: 100%;
	    padding: 8px 8px 0px 8px;
	    font-size: 0.9rem;
	    z-index: 1000;
	    width: 60%;
	    top:96px;
	    color: #FFFFFF;
	    right: 0px;
	    text-align: right;
	    overflow: hidden;
	    height: 38px;

	}



	#view #contents #top .topDiaryItem li .userIcon,
	#view #contents #titleTop .topDiaryItem li .userIcon{
	    width: 20px;
	    height: 20px;
	    border-radius: 50%;
	    -webkit-border-radius:50%;
	    -moz-border-radius:50%;
	    overflow: hidden;
	    margin-right: 5px;
	}



	/* ------ titleList ------- */
	#view #contents #top #titleList{
	    margin-top: -10px;
	    margin-bottom: -30px;

	}

	#view #contents #top .titleListItem{
	    list-style: none;
	    display:block;
	    position: relative;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-top: 0px;
	}

	#view #contents #top .titleListItem:before,
	#view #contents #top .titleListItem:after {
	    content: " ";
	    display: table;
	}

	#view #contents #top .titleListItem:after {
	    clear: both;
	}

	#view #contents #top .titleListItem li{
	    list-style: none;
	    display:block;
	    float: left;
	    width: 100%;
	    height: auto;
	    position: relative;
	    overflow: hidden;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-bottom: 0px;
	    border-bottom: 1px solid #e0e0e0;
	    background-color: #fff;

	}

	/*#view #contents #top .titleListItem li:first-child{
	    border-top: 1px solid #eeeeee;

	}*/

	#view #contents #top .titleListItem li:last-child{
	    border-bottom: none;

	}

	#view #contents #top .titleListItem li .itemImg{
	    display: block;
	    position: relative;
	    width: 44%;
	    overflow: hidden;
	    float: left;
	}



	#view #contents #top .titleListItem li .itemImg img{
	    display: block;
	    position:relative;
	    width: 100%;

	}

	#view #contents #top .titleListItem li .itemTitle{
	    display: block;
	    position: relative;
	    width: 56%;
	    padding: 3% 2% 0% 3%;
	    font-size: 1.2rem;
	    color: #4A90E2;
	    overflow: hidden;
	}

	#view #contents #top .titleListItem li .itemComment{
	    display: block;
	    position: relative;
	    width: 56%;
	    padding: 2% 2% 0% 3%;
	    margin-bottom: 8px;
	    font-size: 1.0rem;
	    overflow: hidden;
	    color: #777777;
	}


	/* -- btMore --*/

	#view #contents #top .btMore,
	#view #contents #titleTop .btMore{
	    display: block;
	    text-align: right;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-top: 10px;
	}

	#view #contents #top .btMore:before,
	#view #contents #top .btMore:after,
	#view #contents #titleTop .btMore:before,
	#view #contents #titleTop .btMore:after{
	    content: " ";
	    display: table;
	}

	#view #contents #top .btMore:after,
	#view #contents #titleTop .btMore:after{
	    clear: both;
	}

	#view #contents #top .btMore a,
	#view #contents #titleTop .btMore a{
	    display: block;
	    text-align: center;
	    width: 120px;
	    padding: 5px;
	    float: right;
	    background-image: url(../img/top/arrow_more.svg);
	    background-repeat: no-repeat;
	    background-position: 100px center;
	    color: #7FCEF4 ;
	    border: 1px solid #7FCEF4;
	    background-color: #FFF;
	    font-size: 1.2rem;


	    /* border-radius */
	    border-radius:5px;
	    -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	}
}