#placeMap *{
	border-style:none !important;
}
body #view{
    font-family: "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    color: #777777;
    font-weight: normal;
}

ul#keyVisual li{
	position:absolute;
	overflow:hidden;
	display:none;
	top:0px;
	left:0px;
}
img#page_top{
	cursor:pointer;
}
#globalNavi li a{
	display: block;
	color: #FFF;
	height:100%;
	padding-top:35px;
}
#news li{
	cursor:pointer;
}
#blackcurtain{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background-color:#000000;
	z-index:1009;
	opacity:0;
	display:none;
}
#loginModalBack{
	display:none;
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3000;
}
#loginModalWindow{
	text-align:center;
	background-color:#ffffff;
	width:600px;
	height:520px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
@media screen and (max-width:769px){
	#loginModalWindow{
		width:335px;
		height:396px;
	}
}

#loginModalWindow .keyvisual{
	width:100%;
}
#loginModalWindow .keytext{
	text-align:center;
	font-size:14px;
	color:#777777;
	margin:25px 0 20px 0;
}
#loginModalWindow .storelink{
	text-align:center;
}
#loginModalWindow .storelink img{
	margin:3.5px;
}
#loginModalWindow .appstore{
	width:135px;
	height:40px;
}
#loginModalWindow .googleplay{
	width:135px;
	height:40px;
}
#loginModalWindow .toha{
	display:block;
	width:120px;
	margin:20px auto;
	text-decoration:underline;
}
#loginModalWindow .login{
	display:block;
	width:250px;
	height:50px;
	line-height:50px;
	border-radius:5px;
	border:solid 1.3px #7fcef4;
	color:#7fcef4;
	font-size:18px;
	margin:0 auto;
}

@media screen and (min-width:680px){
	/* 画面サイズが680px以上 */

	#contents #contentsInner{
	    display: block;
	    position: relative;
	    width: 100%;
	    min-height: 100px;
		margin:0 auto;
		max-width:1036px;
	}

	#toggle{
		display:none;
	}

	.btnHover{
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background-color:rgba(0,0,0,0.3);
	}

	/* ############################################################# */
	/* ###################          footer         ################# */
	/* ############################################################# */
	footer{
	    display: block;
	    position: relative;
	    min-height: 56px;
	    width: 100%;
	    background-color: #CCC;
	    text-align: center;
		clear:both;
	}

	#footerInner{
	    display: block;
	    position: relative;
	    min-height: 56px;
	    margin-left: 20px;
	    margin-right: 20px;
	    padding-top: 18px;
	    padding-bottom: 13px;
	}

	#footerInner h6{
	    display: block;
	    position: relative;
	    font-family: sans-serif;
	    font-size: 14px;
	    font-size:1.4rem;
	    color: #FFF;
	    padding-top: 10px;
	    font-weight: normal;
	}



	#footerInner .footerLink{
	}
	#footerInner .footerLink li{
	    display: inline-table;
	    margin-right: 8px;
	    line-height: 1.4px;
	    line-height: 1.4rem;
	    font-size: 1.4rem;
	    color: #FFFFFF;
	}

	#footerInner .footerLink li:not(:last-child){
	    border-right: 1px solid #FFFFFF;
	    padding-right: 8px;
	}

	#footerInner .footerLink li a{
	    color: #FFFFFF;
	}

	#footerInner .footerLink li a:hover{
	    text-decoration: underline;
	}

	#footerInner .footerLink li:last-child{
	    margin-right: 0px;
	}

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

	#contact article{
	    margin-top: 0px;
	    padding-top:30px;
	    margin-bottom: 30px;
	    border-top:1px solid #e0e0e0;
	    min-height: 700px;
	}

	#contact article:first-child{
	    padding-top: 0px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	    border-top:none;

	}

	#contact article:last-child{
	    margin-bottom: 30px;
	}


	/* タイトル */
	#contact h1{
	    display: block;
	    position: relative;
	    margin-bottom: 28px;
	    font-weight: normal;
	    font-size: 26px;
	    font-size: 2.6rem;
	    text-align:center;
	}

	/* 記事内 */
	#contact .para{
	    margin: 30px 15px 50px 15px;
	    color: #5B5C59;
	    text-align: justify;
	    font-size: 1.4rem; /* =16px */
	}

	#contact .firstPara{
	    margin: 0px 15px 0px 15px;
	    text-align: center;
	    padding-bottom: 15px;
	    border-bottom: 1px dotted #CCC;
	}

	#contact .para h2{
	    color: #1CA1E7 ;
	    padding: 10px 15px 10px 15px;
	    margin-bottom: 15px;
	    margin-left: -15px;
	    margin-right: -15px;
	    font-weight: normal;
	    font-size: 1.6rem; /* =19px */
	    text-align: justify;
	    background-color: #C4EAFC;
		height:38px;
	}

	#contact .para p{
	    margin-bottom: 10px;
	    font-size: 1.4rem; /* =16px */
	    text-align: justify;
	}

	#contact .firstPara p{
	    text-align: center;
	}



	#contact .para p.period{
	    margin-bottom: 10px;
	    font-size: 1.8rem; /* =18px */
	    color: #FF3366;
	}



	#contact p.noteChild{
	    text-align: center;
	}



	#contact form#mailform {
	    padding: 0px 0px 0px 0px;
	}

	#contact form#mailform dl{
	    display: block;
	    position: relative;
	    padding: 20px 0px 0px 0px;

	}

	#contact form#mailform dl:before,
	#contact form#mailform dl:after {
	    content: " ";
	    display: table;
	}

	#contact form#mailform dl:after {
	    clear: both;
	}

	#contact form#mailform dl:first-child{
	    padding: 0px 0px 0px 0px;

	}


	#contact form#mailform dl dt {
	    display: block;
	    position: relative;
	    min-height: 24px;
	    float: left;
	    width: 18%;
	    clear: both;
	    text-align: right;
	    margin: 0px;
	    font-size: 16px;
	    font-size: 1.6rem;
	    padding: 0px 0 0 0;
	    margin: 0 0;
	    line-height: 1.5em;
	}
	#contact form#mailform dl dd {
	    display: block;
	    position: relative;
	    min-height: 24px;

	    float: right;
	    padding: 0 0;
	    margin: 0 0;
	    text-align: left;
	    font-size: 16px;
	    font-size: 1.6rem;
	    width: 80%;
	    line-height: 1.5em;


	}

	#contact form#mailform input,
	#contact form#mailform textarea{
	    padding: 0 0;
	    margin: 0 0;
	}



	#contact form#mailform .nameArea input,
	#contact form#mailform .emailArea input,
	#contact form#mailform .titleArea input,
	#contact form#mailform .messageArea textarea.messageText{
	    border: 1px solid #DEE1E2;
	    border-radius: 5px;
	    padding: 7px 10px 7px 10px;
	}

	#contact form#mailform .nameArea input{
	width: 70%;
	}

	#contact form#mailform .emailArea input{
	    width: 70%;
	}

	#contact form#mailform .titleArea input{
	    width: 90%;
	}

	#contact form#mailform .messageArea textarea.messageText{
	    width: 90%;
	}


	#contact form#mailform .messageArea textarea.messageText{
	    height: 240px !important;
	    margin-bottom: 0px !important;
	}

	#contact form#mailform .nameArea dt,
	#contact form#mailform .emailArea dt,
	#contact form#mailform .titleArea dt,
	#contact form#mailform .messageArea dt{
	    padding-top: 6px;
	}


	#contact form#mailform .messageArea:after{
	    display: block;
	    position:relative;
	    content: " ";
	    border-bottom: 1px dotted #E0E0E0;
	    padding-top: 30px;
	}

	.ondes{
	    color: #CCC;
	}

	div.formButtons {
	    clear: both;
	    /*padding: 24px 0px 0px 0px;*/
	    text-align: center;
	    /*border-top: 1px solid #E0E0E0;*/
	    margin-top: 40px;
	    margin-left: auto;
	    margin-right: auto;

	}

	div.formButtons button{
	    display:inline-block;
	    position: relative;
	    width: 300px;
	    height: 50px;
	    background-color: #7FCEF4 ;
	    border-radius: 4px;
	    color: #FFF;
	    cursor: pointer;
	    font-size: 16px;
	    font-size: 1.6rem;
	}

	div.formButtons button:hover,　
	button#mformButtons_send:hover,
	button#formButtons_cancel:hover{
	    background-color: #4A90E2;

	}

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

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

	/* ############################################################# */
	/* ###################       top keyVisual     ################# */
	/* ############################################################# */
	#keyVisual{
	    width: 100%;
	    display: block;
	    height: 350px;
	    overflow: hidden;
	    position: relative;
	    background-color: #000;
		margin-bottom:0;
	}

	#keyVisual li{
	    width: 100%;
	    display: block;
	    height: 350px;
	    overflow: hidden;
	    position:absolute;
	    top:0;
	    left: 0;
	}

	#keyVisual li .keyVisualText{
	    display: block;
	    position: absolute;
	    width: 100%;
	    /*background-color: rgba(0,0,0,0.3);*/
	    color: #FFF;
	    font-size: 20px;
	    font-size: 2.0rem;
	    text-align: center;
	    padding-top: 45px;
	    padding-bottom: 15px;
	    bottom: 0;
	    z-index: 1000;
	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+11,000000+100&0+11,0.4+100 */
	    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 11%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	    background: linear-gradient(to bottom,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.4) 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-8 */

	}

	#keyVisual li .keyVisualImg{
	    display: block;
	    position: absolute;
	    top:0px;
	    width: 1036px;
		margin-left:-518px;
		left:50%;
	    z-index: 1;
		text-align:center;
	}

	#keyVisual li .keyVisualImg img{
		margin:0 auto;
	}

	#pagemenu{
		display:none;
	}
}

@media screen and (max-width: 1024px){
	#keyVisual li .keyVisualImg{
		margin-left:0;
		left:0;
		width:100%;
	}

    #keyVisual{
        width: 100%;
        display: block;
        height: auto;
        height: 300px;
        overflow: hidden;
        position: relative;
        background-color: #000;
    }

    #keyVisual li{
        width: 100%;
        display: block;
        height: 300px;
        overflow: hidden;
        position:absolute;
        top:0;
        left: 0;
    }

    #keyVisual li .keyVisualText{
        font-size: 48px;
        font-size: 1.8rem;
        padding-top: 30px;
        padding-bottom: 10px;
    }
}


@media screen and ( max-width:679px) {
	/* 画面サイズが679px以下 */

	#contents #contentsInner{
	    display: block;
	    position: relative;
	    width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	    margin-bottom: 0px;
	}

	.btnHover{
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background-color:rgba(0,0,0,0.3);
	}


	/* ############################################################# */
	/* ###################          footer         ################# */
	/* ############################################################# */
	footer{
	    display: block;
	    position: relative;
	    min-height: 56px;
	    width: 100%;
	    background-color: #CCC;
	    text-align: center;
	    padding-top: 18px;
	    padding-bottom: 20px;
	}

	#footerInner{
	    display: block;
	    position: relative;
	    min-height: 56px;
	    margin-left: 10px;
	    margin-right: 10px;
	}

	#footerInner h6{
	    display: block;
	    position: relative;
	    font-family: sans-serif;
	    font-size:1.2rem;
	    color: #FFF;
	    margin-top: 15px;
	}


	#footerInner .footerLink{
	    margin-top: 20px;
	}

	#footerInner .footerLink li{
	    display: inline-table;
	    margin-right: 8px;
	    line-height: 1.4px;
	    line-height: 1.4rem;
	    font-size: 1.4rem;
	    color: #FFFFFF;
	}

	#footerInner .footerLink li:first-child{
	    border-right: 1px solid #FFFFFF;
	    padding-right: 8px;
	}

	#footerInner .footerLink li a{
	    color: #FFFFFF;
	    text-decoration: underline;

	}


	#footerInner .footerLink li:last-child{
	    margin-right: 0px;
	}

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


	#contact article{
	    margin-top: 0px;
	    padding-top:30px;
	    margin-bottom: 30px;
	    border-top:1px solid #e0e0e0;
	}

	#contact article:first-child{
	    padding-top: 0px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	    border-top:none;

	}

	#eula article:last-child{
	    margin-bottom: 30px;
	}


	/* タイトル */
	#contact h1{
	    display: block;
	    position: relative;
	    margin-bottom: 28px;
	    font-weight: normal;
	    font-size: 2.2rem; /* =19px */
	    text-align:center;
	    color: #5B5C59;


	}

	/* img */
	#contact .firstImg{
	    display: block;
	    position: relative;
	    width: auto;
	    text-align: center;
	    margin-bottom: 0px;

	}

	#contact .firstImg img{
	    max-width: 100%;

	}

	#contact .para img{
	    max-width: 100%;
	    margin-bottom: 20px;
	}


	/* 記事内 */

	#contact .para{
	    margin: 30px 15px 10px 15px;
	    color: #5B5C59;
	    text-align: justify;
	    font-size: 1.4rem; /* =16px */

	}


	#contact .firstPara{
	    margin: 0px 15px 30px 15px;

	}

	#contact .secondPara{
	    margin-bottom: 30px;
	}


	#contact .para h2{
	    color: #1CA1E7 ;
	    padding: 10px 15px 10px 15px;
	    margin-bottom: 15px;
	    margin-left: -15px;
	    margin-right: -15px;
	    font-weight: normal;
	    font-size: 1.6rem; /* =19px */
	    text-align: justify;
	    background-color: #C4EAFC;
	}

	#contact .para p{
	    margin-bottom: 10px;
	    font-size: 1.4rem; /* =16px */
	    text-align: justify;
	}



	#contact .para p.period{
	    margin-bottom: 10px;
	    font-size: 1.8rem; /* =18px */
	    color: #FF3366;
	}


	#contact p.noteChild{
	    text-align: center;
	}


	/* 記事内 */

	#contact form#mailform {
	    padding: 0px 0px 0px 0px;
	}

	#contact form#mailform dl{
	    display: block;
	    position: relative;
	    padding: 8px 0px 0px 0px;

	}

	#contact form#mailform dl:before,
	#contact form#mailform dl:after {
	    content: " ";
	    display: table;
	}

	#contact form#mailform dl:after {
	    clear: both;
	}

	#contact form#mailform dl:first-child{
	    padding: 0px 0px 0px 0px;

	}


	#contact form#mailform dl dt {
	    display: block;
	    position: relative;
	    width: 100%;
	    clear: both;
	    text-align: left;
	    margin: 0px 0px 5px 0px;
	    font-size: 12px;
	    font-size: 1.2rem;
	    padding: 0px 0 0 0;
	    line-height: 1.5em;
	}
	#contact form#mailform dl dd {
	    display: block;
	    position: relative;
	    min-height: 24px;

	    padding: 0 0;
	    margin: 0 0;
	    text-align: left;
	    font-size: 16px;
	    font-size: 1.6rem;
	    width: 100%;
	    line-height: 1.5em;


	}

	#contact form#mailform input,
	#contact form#mailform textarea{
	    padding: 0 0;
	    margin: 0 0;
	}



	#contact form#mailform .nameArea input,
	#contact form#mailform .emailArea input,
	#contact form#mailform .titleArea input,
	#contact form#mailform .messageArea textarea.messageText{
	    border: 1px solid #DEE1E2;
	    border-radius: 5px;
	    padding: 8px 10px 8px 10px;
	    -webkit-appearance:none;
	}

	#contact form#mailform .nameArea input{
	    width: 100%;
	}

	#contact form#mailform .emailArea input{
	    width: 100%;
	}

	#contact form#mailform .titleArea input{
	    width: 100%;
	}

	#contact form#mailform .messageArea textarea.messageText{
	    width: 100%;
	}


	#contact form#mailform .messageArea textarea.messageText{
	    height: 20rem !important;
	    margin-bottom: 0px !important;
	}

	#contact form#mailform .nameArea dt,
	#contact form#mailform .emailArea dt,
	#contact form#mailform .titleArea dt,
	#contact form#mailform .messageArea dt{
	    padding-top: 6px;
	}


	#contact form#mailform .messageArea:after{
	    display: block;
	    position:relative;
	    content: " ";

	}

	.ondes{
	    color: #CCC;
	}

	div.formButtons {
	    clear: both;
	    /*padding: 24px 0px 0px 0px;*/
	    text-align: center;
	    /*border-top: 1px solid #E0E0E0;*/
	    margin-top: 30px;
	    margin-left: auto;
	    margin-right: auto;

	}

	div.formButtons button{
	    display:inline-block;
	    position: relative;
	    width: 100%;
	    height: 50px;
	    background-color: #7FCEF4 ;
	    border-radius: 4px;
	    color: #FFF;
	    cursor: pointer;
	    font-size: 1.6rem;
	}

	div.formButtons button:hover,　
	button#mformButtons_send:hover,
	button#formButtons_cancel:hover{
	    background-color: #4A90E2;

	}


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

	.pageTopBtn img{
	    width: 100%;
	}

	/* ############################################################# */
	/* ###################       top keyVisual     ################# */
	/* ############################################################# */
	#keyVisual{
	    width: 100%;
	    display: block;
	    overflow: hidden;
	    position: relative;
		margin-bottom:0;
	}

	#keyVisual li{
	    width: 100%;
	    display: block;
	    overflow: visible;
	    position:absolute;
	    top:0;
	    left: 0;
	}

	#keyVisual li .keyVisualText{
	    display: block;
	    position: absolute;
	    width: 100%;
	    /*background-color: rgba(0,0,0,0.3);*/
	    color: #FFF;
	    font-size: 1.4rem;
	    text-align: center;
	    padding-top: 20px;
	    padding-bottom: 5px;
	    padding-left: 10px;
	    padding-right: 10px;
	    bottom: 0;
	    z-index: 1000;
	    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 11%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */

	}

	#keyVisual li .keyVisualImg{
	    display: block;
	    position: absolute;
	    top:0px;
	    width: 100%;
	    overflow: visible;

	    z-index: 1;
	}


	#keyVisual li .keyVisualImg img{
	    display: block;
	    position: relative;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;

	}

	ul#pagemenu{
		font-size:10px;
		color:#4E93E2;
		overflow:hidden;
		list-style:none;
		margin:0;
		background-color:#f5f4f2;
	}
	ul#pagemenu li{
		float:left;
		height:60px;
		width:25%;
		text-align:center;
		line-height:30px;
		background-repeat: no-repeat;
		background-position: center 7px;
	}
	ul#pagemenu li span{
		display:block;
		padding-top:30px;
	}

	ul#pagemenu li#pm_top{
		background-image:url(../img/icon/top_btn_info.svg);
	}
	ul#pagemenu li#pm_topSeichiNow{
		background-image:url(../img/icon/top_btn_seichi_now.svg);
	}
	ul#pagemenu li#pm_topMonthEvent{
		background-image:url(../img/icon/top_btn_event.svg);
	}
	ul#pagemenu li#pm_topSpecial{
		background-image:url(../img/icon/top_btn_special.svg);
	}
	ul#pagemenu li#pm_topSeichiMeshi{
		background-image:url(../img/icon/top_btn_food.svg);
	}
	ul#pagemenu li#pm_topDiary{
		background-image:url(../img/icon/top_btn_diary.svg);
	}
	ul#pagemenu li#pm_topBlog{
		background-image:url(../img/icon/top_btn_blog.svg);
	}
	ul#pagemenu li#pm_topContribution{
		background-image:url(../img/icon/top_btn_new.svg);
	}
}

h1{
    display: block;
    position: relative;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 2.2rem; /* =19px */
    text-align:center;
    color: #5B5C59;
}

/* 日付とハッシュタグ */
.dateAndHash {
    margin: 15px 5px 0px 10px ;}

.dateAndHash:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.dateAndHash .date{
    position:relative;
    float: left;
    padding: 5px 5px 5px 5px;
    font-size: 1.2rem; /* =12px */
    line-height: 1rem;
    color: #9B9B9B;
    border: 1px solid #9B9B9B;
    margin-bottom: 10px;
}

.dateAndHash .hashTag{
    margin-top: 0px;
    position:relative;
    float: right;
    font-size: 1.0rem; /* =10px */
    margin-bottom: 4px;
}


.dateAndHash .hashTag li{
    display:block;
    position: relative;

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

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

.dateAndHash .hashTag .officialTag a{
    background-color: #EF8CC1;}

.dateAndHash .hashTag .userTag a{
    background-color: #7FCEF4 ;}

.dateAndHash .hashTag .shopTag a{
    background-color: #F4E201 ;}



/* img */
.firstImg{
    display: block;
    position: relative;
    width: auto;
    text-align: center;
}

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

.para img{
    max-width: 100%;
    margin-bottom: 20px;
}


/* 記事内 */

.para{
    margin: 10px 10px 10px 10px;
    color: #5B5C59;
    text-align: center;
}

.firstPara,
.secondPara{
    margin-bottom: 30px;}


.para h1{
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 2.0rem; /* =20px */
    text-align: left;

}

.para p{
    margin-bottom: 10px;
    font-size: 1.6rem; /* =16px */
    text-align: justify;
}



/* 二段落目表示 ボタン */

.secondParaOpen p{
    display: block;
    position: relative;
    font-size: 1.8rem;/* =18px */
    font-weight: bold;
    color: #FFFFFF;
    background-color: #7FCEF4;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-radius: 5px;
    word-wrap: break-word;

}



/* 店舗情報 */
.shopInfo{
    display: block;
    position: relative;
    width: 100%;
    background-color: #FFFDEA;
    padding-bottom: 15px;
    overflow: hidden;
}

.shopInfo .map{
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 15px;
    background-color: #CCC;
    text-align: center;
}

.shopInfo .map img{
    height: 100%;
}

.shopInfo h4{
    color: #5B5C59;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.4rem;/* =14px */
    font-weight: normal;
    margin-bottom: 10px;
}

.shopInfo ul{
    color: #9B9B9B ;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.2rem;/* =12px */
    font-weight: normal;
    line-height: 1.5rem;
}

.shopInfo ul li{
margin-bottom: 5px;
    word-wrap: break-word;

}

.shopInfo ul li:last-child{
    margin-bottom: 0px;
}


/* 付近のお店・施設等 */

.nearbyShop{
    margin-top: 15px;
    margin-left: 0px;
    margin-bottom: 15px;
}

.nearbyShop:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.nearbyShop h3{
    font-size: 1.3rem;/* =13px */
    color: #9B9B9B;
    margin-left: 10px;

}

.nearbyShop h3 .icon{
    margin-right: 4px;
    height: 20px;}

.nearbyShopInner{
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
}

.nearbyShopImg{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nearbyShopThumb{
    width: 30%;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 2%;
}

.nearbyShopThumb:first-child,
.nearbyShopThumb:nth-child(3n+1) {
    margin-left: 3%;
}
.nearbyShopImg img{
    width: 100%;
}

.nearbyShopThumb h4{
    margin-top: 5px;
    font-size: 1.2rem;/* =12px */
    font-weight: normal;
}

.nearbyShopThumb p{
    color:#9B9B9B;
    margin-top: 2px;
    font-size: 1.0rem;/* =10px */
}

#bannertop,#bannerbottom{
	text-align:center;
	background-color:#f5f4f2;
}
#bannertop img{
	margin:4px;
    max-width: 384px;
}
#bannerbottom img{
	margin:4px;
	width:471px;
}
@media screen and ( max-width:471px) {
	#bannertop img,#bannerbottom img{
		margin:4px 0;
        max-width: 384px;
	}
}