/*
Theme Name: HAMAKOREen
Theme URI: http://hamakore.yokohama
Description: はまこれ横浜
Version: 3.1
Author URI: http://webmemo.biz
*/

/* 初期設定
---------------------------------------------*/
html{
	margin:0;
	padding:0;
}
body {
	font-size:62.5%;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: none;
	font-family:"'Century Gothic',ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'メイリオ', Arial,sans-serif;
	word-break:break-all ;
	}

article,aside,details,footer,header,figure,hgroup,menu,nav,section,summary {
	display: block;
}

.over a:hover img { filter:alpha(opacity=80); opacity:0.80;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* リンク色指定 */
a:link {
color:#295ead;
text-decoration:none;
}
a:visited {
color:#295ead;
}
a:hover {
color:#295ead;
text-decoration:underline;
}
a:active {
color:#295ead;
}
a {
/* -webkit-tap-highlight-color:rgba(189,230,252,0.2); */
-webkit-tap-highlight-color:rgba(150,218,253,0.3);
}

/* 記事内リンク指定 */
article a:link,article a:visited,article a:active {
text-decoration:underline;
}

article a:hover {
text-decoration:none;
}

.cap{
	text-align: center;
	font-size: 0.9em !important;
	margin:0 auto 20px;
	color: #767676;
}
.cap img{
	margin:0 0 5px!important;
}
.cap a:link,.cap a:visited,.cap a:hover,.cap a:active{
	color: #767676;
}
.capTate{
	text-align: center;
	font-size: 0.8em !important;
	line-height: 0.8em !important;
	width: 350px;
	margin:0 auto 20px;
}

.red{
	color: #ff0040 !important;
}
.reds{
	color: #ff0040 !important;
	font-weight: bold;
}
.blacks{
	font-weight: bold;
}
p.blacks0{
	font-weight: bold;
	margin:0 0 5px;
}

.otokulink{
	font-weight: bold;
	padding: 5px 5px 0;
	margin:0 3% 20px;
	background: #f7f4f4;
	overflow: hidden;
}
#main .otokulink p{
	margin:0 0 5px !important;
}

.capBox{
	text-align:center;
	font-size:0.9em;
	margin:0 0 20px;
}
.capBox img{
	margin:0 0 5px;
}
#moreblock+p{
	display: none;
}

p.morebtn{
	font-weight: normal;
	margin:0 0 10px;
	clear: both;
	width: 90%;
	margin: 0 auto;
}
p.morebtn a{
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 3px !important;
	border:#333 1px solid !important;
	padding:5px 0 !important;
	color: #333;
	font-size: 0.8em;
}
.topCateBlock .morebtn{
	margin-bottom: 30px;
}
#articleCont img,#hamaguide img{
touch-callout:none;
user-select:none;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
}

/* リセット
---------------------------------------------*/
html, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
img {
	border: none;
	vertical-align:top;
	padding:0;
	margin:0;
}
form{
	margin:0;
	padding:0;
}
ul, li, dl, dt, dd {
	margin:0px;
	padding:0px;
}
ul,ol{
	margin:0 0 20px ;
}
li{
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
table{
	width:100%;
	margin:0 0 20px;
}

/* 共通設定
---------------------------------------------*/
.box {
	clear:both;
	margin:0 0 20px;
}
.sideBlock{
	margin:0 0 20px;
	clear: both;
	overflow:hidden;
}
.rgt0{
	text-align: left !important;
}

/* 左揃え */
.lft {
text-align: left !important;
}
/* 右揃え */
.rgt {
text-align: right !important;
}
/* センター揃え */
.cnt{
text-align: center !important;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.mb20{
	margin-bottom: 20px;
}

.textSmall{
	font-size: 0.8em;
	margin:0 0 20px;
}
.aftext,.afimg{
	text-align: left !important;
}
.aftext br,.afimg br{
	display: none;
}

article table {
	border-collapse:collapse;
	border-spacing:0;
}

article table {
	width: 100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
article table th {
	font-weight:bold;
	background-color: #ececec;
	width:20%;
}
article table th,
article table td {
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align: middle;
}
table.oosanbashi th{
	width: 10%;
}
table.oosanbashi tr:nth-child(odd){
	background: #f9f9f9;
}

article ul li{
	margin:0 0 20px;
}

.amabtn,.sitebtn{
	border-radius:3px;
	margin:0 0 40px;
}
.amabtn a,.sitebtn a{
	background:#ffa901;
	padding:10px;
	text-align:center;
	text-decoration:none !important;
	color:#000 !important;
	width:30%;
	border-radius:3px;
}
.amabtn a:hover{
	color:#fff !important;
}
.amabtn a:after,.sitebtn a:after{
	content:"▶";
}

.sitebtn {
	text-align: center;
}
.sitebtn a{
	background:#ed3f3f;
	color:#fff !important;
}
.sitebtn a:hover{
	background:#3f74ed;
}
.sitebtn br{
	display: none;
}



/* ワイヤーフレーム指定
---------------------------------------------*/
#wrapper {
width:100%;
margin:0 auto;
padding:0;
color: #333;
}

#container {
margin: 0px auto ;
padding:0;
text-align:left;
font-size:1.5em;
}

p{
	margin:0 0 20px;
	padding:0;
	line-height:1.7em;
	font-size:1.0em;
}

#header {
	margin:0 0 0;
	padding: 10px;
	background:#1769cd;
}
#headerFrame{
	width: 1148px;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
}
#headerFrame h1{
	text-align: left;
	padding:0;
	font-size: 0;
}
#headerFrame h1 img{
	width:400px;
	height:auto;
	margin:0;
}
#navi{
	background: #184e90;
	border-top: #fff 2px solid;
	overflow: hidden;
	margin: 0 0 3px;
}
#naviFrame{
	width: 1148px;
	margin:0 auto;
	overflow: hidden;
}

/* グローバルナビ 観光ガイド */
.kankouNaviG{
	padding: 0 0.5%;
}
.kankouNaviG ul{
	overflow: hidden;
	margin:0;
}
.kankouNaviG li{
	width: 33%;
	float: left;
	margin:0 0.5% 0 0;
}
.kankouNaviOpen a{
    background: #1c4f8e;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding:6px 0;
    margin:0;
    width: 100%;
    border-radius: 3px;
    display: block;
}
.kankouNaviG li:nth-child(3n){
	margin:0;
}

#indexHead{
	clear:both;
	width: 1148px;
	overflow: hidden;
	margin:0 auto;
}
#indexcontents,#contents{
	clear:both;
	width: 1148px;
	overflow: hidden;
	margin:5px auto 0;
}
#indexmain,#main{
	width: 728px;
	margin:0 20px 0 0;
	float: left;
}
#indexside,#side{
	width: 336px;
	float: left;
	position:relative;
}

#footer{
	background: #184e90;
	margin:0;
}
#footerFrame{
	color: #fff;
	width: 1148px;
	overflow: hidden;
	margin:0 auto;
	padding: 15px 0;
}
#footer p{
	font-size: 0.9em;
}
#footerFrame h4{
	margin: 30px 0 3px;
	font-size: 1.1em;
}
#footerFrame a:link,#footerFrame a:active,#footerFrame a:visited{
	color: #fff;
	text-decoration: underline;
}
#footerFrame a:hover{
	text-decoration: none;
}
#footerFrame .footerCopy{
	text-align: center;
	clear: both;
	padding:20px 0;
}
#footerFrame .footerCopy p{
	margin: 0;
	font-size: 0.8em;
}

#footerCatList li{
	float: left;
	margin:0 20px 20px 0;
	font-size: 0.9em;
}

/*検索ボックス　設定
-----------------------------------*/
#searchBox{
	padding: 0;
	margin:20px 0 0;
	float: right;
	width: 40%;
	position:relative;
}
#searchBox input{
	outline:0;
}
#searchBox .bar{
	padding: 0 1%;
	margin:0;
	width:78%;
	float: left;
	color: #818181;
	border:none;
	border-radius: 0;
	height: 35px;
}
#searchBox .searchBtn{
	-webkit-appearance: none;
	background:#ececec;
	border:none;
	border-radius:0;
	width:20%;
	padding: 0 1.5%;
	margin: 0;
	cursor: pointer;
	vertical-align:top;
	float: left;
	position:absolute;
	top:0;
	height: 35px;
}

.socialFollowBtn{
	margin:0;
	overflow:hidden;
}
.socialFollowBtn li{
	text-align: center;
	margin:0 1% 0 0;
	width:24%;
	float:left;
}
.socialFollowBtn li:nth-child(4n){
	margin:0;
	width:25%;
}
.socialFollowBtn li a{
	padding: 13px 0;
	display: block;
	background: #f6f4f4;
	color: #3f4a5a;
	font-size:0.9em;
}
.socialFollowBtn li a:hover{
	background: #e3e2e2;
	text-decoration:none;
}
.socialFollowBtn .fa{
	font-size: 1.6em;
}

/* nav
---------------------------------------------*/
#naviFrame ul{
	padding: 0;
	margin:0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#naviFrame li{
	text-align: center;
	border-right: 1px solid #fff;
	display: table-cell;
	vertical-align: middle;
}
#naviFrame li:last-child{
	border-right: none;
}
#naviFrame a{
	padding: 15px 0;
	width: 100%;
	display: block;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	background: #184e90;
}

#naviFrame a:link,#naviFrame a:active,#naviFrame a:visited{
	color: #fff;
	text-decoration: none;
}

/* ガイドナビ
---------------------------------------------*/
#guideNavi{
	background: #ccc;
}
#guideNavi h2{
	padding: 5px 0;
	font-size: 1.0em;
	font-weight: normal;
	width: 1148px;
	margin: 0 auto;
}
#guideNavi ul{
	display: table;
	table-layout: fixed;
	width: 100%;
}
#guideNavi ul li{
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #000;
	text-align: center;
	font-size: 0.9em;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}
#guideNavi ul li:last-child{
	border-right: none;
}
#guideNavi ul li a{
	display: block;
	padding: 10px 0;
	background: #fff;
	color: #333;
}

/* ページナビ
---------------------------------------------*/
.pagination {
	clear:both;
	padding:0;
	margin:0 1% 30px;
	position:relative;
	font-size:11px;
	line-height:13px ;
	background:none;
	vertical-align: middle;
	overflow:hidden;
}

.pagination span, .pagination a {
	display:block;
	float:left ;
	margin: 2px 2px 2px 0 ;
	padding:15px 22.5px ;
	text-decoration:none !important;
	width:auto ;
	color:#fff ;
	background: #000 ;
}

.pagination a:hover{
	color:#fff ;
	background: #ccc;
}

.pagination .current{
	padding:15px 20px ;
	background: #666;
	color:#fff ;
}

/* 特集スクロールバナー
---------------------------------------------*/
.scrollspBanner,.scrollSquare{
	width: 100%;
	margin:10px auto 7px;
	height: auto;
	white-space:nowrap;
}
.scrollSquare{
	margin-top: 0;
}
.scrollspBanner ul,.scrollSquare ul{
	overflow-x:auto;
	overflow-y:none;
	text-align: center;
	margin-bottom:0;
}
.scrollspBanner li{
	width: 30%;
	display: inline-block;
	margin:0;
	position: relative;
}
.scrollspBanner li:last-child{
	margin-right: 0;
}
.scrollspBanner li img{
	width: 100%;
	height: auto;
}
.scrollspBanner li p{
	font-size: 0.9em;
	line-height: 1.4em;
	position: absolute;
	bottom:0;
	margin:0;
	color: #fff;
	background: rgba(0,0,0,0.8);
	padding:1%;
	width: 98%;
	text-align: left;
}

.scrollspBanner ul::-webkit-scrollbar {
  height: 7px;
}
.scrollspBanner ul::-webkit-scrollbar-track {
  margin: 0;
  background: #6f6f6f;
  border-top: #fff 1px solid;
}
.scrollspBanner ul::-webkit-scrollbar-thumb {
  background: #fd3001;
  border-top: #fff 1px solid;
}

@media only screen and (max-width: 735px) {
	.scrollspBanner{
		width: 98%;
	}
	.scrollspBanner li{
		width: 61%;
	}
}

/* スクロールスクエア
---------------------------------------------*/
.scrollSquare h2,.indexTag h2{
	font-size: 1.1em;
	border-bottom: 1px solid #000;
	margin:0 0 5px;
}
.scrollSquare li{
	width: 17%;
	display: inline-block;
	position: relative;
	margin:0 0.5% 0 0;
}
.scrollSquare li:last-child{
	margin-right: 0;
}
.scrollSquare li img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 735px) {
	.scrollSquare{
		width: 98%;
	}
	.scrollSquare li{
		width: 27%;
		margin:0 0.1% 0 0;
	}
}

/* indexPickup
---------------------------------------------*/
.indexPickup{
	margin:0 1% 8px 0;
	width: 49%;
	background: #000;
	float: left;
}
.indexPickup a{
	cursor: pointer;
}
.indexPickup img{
	float: left;
	width: 21%;
	height: auto;
}
.indexPickup p{
	width: 77%;
	float: left;
	padding: 2px 1% 2px 1%;
	margin:0 !important;
	color: #fff;
	line-height: 1.5em;
}
@media only screen and (max-width: 735px) {
	.indexPickup{
		width: 98%;
		margin:0 auto 8px;
		float: none;
		overflow: hidden;
	}
	.indexPickup img{
		width: 30%;
	}
	.indexPickup p{
		width: 68%;
	}
}

/* インデックス タグ
---------------------------------------------*/
.indexTag{
	float:left;
	width: 50%;
	overflow: hidden;
	margin:0 0 8px;
}
.indexTag li{
	float: left;
	margin:0 7px 7px 0;
}
.indexTag li a{
	padding: 3px 2px;
	color: #fff;
	border-radius: 3px;
	border:1px solid #1f518c;
	background: #1f518c;
}
.indexTag li a:hover{
	text-decoration: none;
	background: none;
	color: #000;
	border:1px solid #000;
}
.indexTag li a:after{
	font-family: "Font Awesome 5 Free";
	content: '\f055';
	font-weight: 900;
	margin:0 0 0 3px;
}
@media only screen and (max-width: 735px) {
	.indexTag li{
		font-size: 0.9em;
	}
	.indexTag{
		width: 98%;
		margin:0 auto 8px;
		float: none;
	}
}

/* トップページ
---------------------------------------------*/
.newsBox dt{
	float: left;
	clear: left;
	margin:0;
}
.newsBox dd{
	padding: 0 0 10px 7em;
	margin:0;
}
#recentlyBlock{
	width: 1148px;
	margin:0 auto 20px;
	overflow: hidden;
}
#recentlyBlock h1{
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	margin:0 0 10px;
	font-size: 1.6em;
}
#recentlyMain{
	overflow:hidden;
}
#recentlyMain a{
	height: 100%;
	overflow: hidden;
	display: inline-block;
}
#recentlyMain a:hover{
	text-decoration: none;
}
#recentlyBlock{
	clear: both;
}
#recentlyBlock ul{
	margin:0;
}
#recentlyMain li{
	width: 24.2%;
	margin:0 1% 20px 0;
	float: left;
	position: relative;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 1px 4px rgba(0, 0, 0, .05);
}
.articletitle{
	padding: 2%;
	color: #333;
	line-height: 1.4em !important;
	font-weight: bold;
}
#recentlySub{
	clear: both;
}
#recentlySub li{
	width: 23.5%;
	margin:0 2% 20px 0;
	float: left;
	position: relative;
}
#recentlyMain li img,#recentlySub li img{
	width: 100%;
	height: auto;
}
#recentlyMain li:nth-child(4n),#recentlySub li:nth-child(4n){
	margin-right:0;
}
.indexDate{
	position: absolute;
	background: #c43434;
	color: #fff;
	padding: 1px 3px;
	font-size: 0.9em;
	text-align: center;
}


.topCateBlock{
	overflow: hidden;
	clear: both;
	margin:0;
}
.indexmain .topCateBlock{
	margin:0;
}
#upArticle h2,#indexmain h2,.topCateBlock h2,.pageCont h1,#rankPage h1{
	font-size: 1.2em;
	border-bottom: #221e1f 2px solid;
	color: #221e1f;
	margin:0 0 10px;
}
#recentlyBlock h2,#indexcontents .topCateBlock h2{
font-size: 1.2em;
text-align: center;
border-bottom: #333 solid 1px;
margin:0 auto 10px;
width: 30%;
}
.topCateBlock ul{
	margin:0;
}
.topCateBlock li{
	float: left;
	margin:0 2% 10px 0;
	width: 32%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 1px 4px rgba(0, 0, 0, .05);
}
.topCateBlock .catelist li{
	box-shadow: none !important;
}
.topCateBlock a{
	text-decoration:none;
	display: inline-block;
	height: 100%;
}
.topCateBlock a:link{
	text-decoration: none;
}
.topCateBlock li:nth-child(3n){
	margin-right:0;
}
.topCateBlock li img{
	width: 100%;
	height: auto;
}

.topCateBlock .catelist li{
	width: 100%;
}

#topCateCont{
	overflow: hidden;
	margin:0 0 20px;
}
#topCateCont img{
	float: left;
	margin:0 10px 0 0;
}

#articleArchiveBtn a{
	background: #c43434;
	color: #fff;
	display:block;
	text-align: center;
	padding: 20px 0;
	clear: both;
	width: 100%;
	margin:0 auto;
	font-size: 1.1em;
}

/* ぱんくず
---------------------------------------------*/
#pankuzu{
	width: 1084px;
	margin:0 auto;
	overflow: hidden;
	clear: both;
}
#pankuzu ul{
	margin:0;
	padding: 0;
}
#pankuzu li{
	color: #646464;
	margin:0;
	padding: 0 0 0 3px;
	font-size: 0.8em;
	display: inline;
}
#pankuzu li:after{
	content: ">";
	padding: 0 0 0 3px;
}
#pankuzu li:first-child{
	padding: 0;
}
#pankuzu li:last-child:after{
	content: none;
}
#pankuzu li a:link,#pankuzu li a:visited,#pankuzu li a:active{
	color: #646464;
}
#pankuzu li a:hover{
	text-decoration: underline;
}

/* 記事ページ
---------------------------------------------*/
.articleDate{
	font-size: 0.8em;
	margin: 0;
	padding: 0 !important;
	color: #333;
}
article h1{
	font-size: 1.4em;
	line-height: 1.4em;
	margin:0 0 5px;
	padding: 0;
	color: #221e1f;
}

article h2{
	color: #333;
	border-left: #184e90 8px solid;
	padding: 4px 5px !important;
	margin:20px 0 10px;
	font-size: 1.3em;
	font-weight: bold;
	clear: both;
}

article h3{
	color: #333;
	border-bottom: #184e90 4px solid;
	padding: 0;
	margin:0 0 10px;
	font-size: 1.3em;
	font-weight: bold;
	clear: both;
}
article h4{
	font-size:1.2em;
	margin:0 0 10px;
	background:#184e90;
	color:#fff;
	padding:5px;
}
#articlehead{
	border-bottom: #333 solid 1px;
	padding: 0 0 5px;
	margin:0 0 10px;
}
#articlehead h1{
	margin:0;
}

article img{
	max-width: 100%;
	max-height: auto;
}
article .img02{
	margin: 0 0 20px;
}
article .img02 li{
	width: 50%;
	float: left;
	text-align: center;
}
.img02 img{
	max-width: 100%;
	height: auto;
}

article strong {
background: linear-gradient(transparent 60%, #fcfc7e 20%);
}

article h4 a:link, article h4 a:visited, article h4 a:active{
	color:#fff;
	text-decoration:none;
}
.atblock{
	font-size:0.9em;
	color:#7e7f80;
	border-top:#7e7f80 1px dotted;
	border-bottom:#7e7f80 1px dotted;
	padding:10px 0;
	margin: 0 0 20px;
}
.atblock:before{
	content:"■ 画像出典・参考リンク";
}
.atblock a{
	color:#7e7f80;
	text-decoration:none !important;
}
.atblock ul{
	margin:10px 0 0;
}
.atblock ul li{
	margin:0 0 5px;
}
#snsBlock{
	margin:10px 0 10px;
	padding: 20px 20px 0;
	overflow: hidden;
	clear: both;
	text-align: center;
}
#snsBlock p{
	font-weight:bold;
	padding: 0;
	margin:0 0 10px;
}
#snsBlock ul{
	margin:0 0 10px;
	overflow:hidden;
}
.twfollowbtn{
	clear:both;
	text-align:left;
}
.twfollowbtn p{
	line-height: 1.4em;
	margin:0 0 3px;
}

.kanrenBox h3{
	background: none;
	border: none;
	font-size: 1.2em;
	margin:0 0 10px;
	padding: 0;
}
.kanrenBox h3:before{
	font-family: FontAwesome;
 	content: "\f08e";
}
.kanrenBox li{
	margin:0 0 20px;
	list-style: disc;
}
.kanrenBox li:before{
	font-family: FontAwesome;
	content: "\f105";
}

.contThum img{
	float: right;
	margin:0 0 20px 20px !important;
}

.contBottomBox{
	width: 732px;
	padding: 20px 20px 0;
	margin:0 0 20px;
	clear: both;
	overflow: hidden;
}
.contBottomBox .fl{
	width:336px;
	margin-right:20px;
}
.fb_iframe_widget{
	top: -3px;
}

/* ----- Facebook いいねボックス----- */
#facebookLikeBox{
	overflow: hidden;
	margin:0 0 20px;
	padding: 10px 2%;
	width: 96%;
	background: #333;
}
#facebookLikeImage{
	float: left;
	margin:0 2% 0 0;
}

#facebookLikeImage img{
	height: auto;
}
#facebookLikeText{
	float: left;
	width: 45%;
	color: #fff;
}
#facebookLikeText p{
	margin:0 0 5px;
	padding: 0 !important;
	font-weight: bold;
	line-height: 1.8em;
}
#facebookLikeTitle{
	font-size: 1.1em;
	margin:0 0 20px !important;
}


/* YouTube レスポンシブ　設定
-----------------------------------*/
div.boxTube {
    position: relative;
    padding-bottom: 65%;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    overflow: hidden;
}

div.boxTube iframe {
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

/* 記事内アイキャッチリンク
-----------------------------------*/
.blogcard01,.blogcard02{
	overflow:hidden;
	margin:0 3% 20px;
	padding: 0;
	position: relative;
	overflow: hidden;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.2);
}
.blogcard02:before{
	content: " \f101";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
}
.blogcard01 img,.blogcard02 img{
	float:left;
	margin:0;
	height: 150px;
	width: 150px;
}
.blogcard01 p,.blogcard02 p{
	line-height:1.3em;
	overflow: hidden;
	padding: 10px !important;
	margin: 0 !important;
}
.blogcard02 a{
	display: block;
	overflow: hidden;
	height: 100%;
	background: #000;
	color: #fff !important;
}
.blogcard02 a:link,.blogcard02 a:visited{
	color: #333;
	text-decoration: none;
}
.blogcardTitle{
	padding: 20px 0;
}
.blogcard02 a:hover{
	background: #202020;
}
.blogcard02+br{
	display: none;
}

/*#upArticle .blogcard02 {
	margin:0 0 10px !important;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 1px 1px 1px rgba(0, 0, 0, .13) !important;
	font-weight: bold;
}
#upArticle .blogcard02 a{
	background: #fff !important;
	color: #000 !important;
}
*/
#upArticle h2{
	color:#fff !important;
	background: #c43434;
	padding: 3px;
	border-bottom:none;
	margin-bottom:0 !important;
}

/* カエレバ
-----------------------------------*/
.kaerebalink-box{
	padding: 0 3%;
	margin: 0 0 20px;
}
.kaerebalink-image{
	margin:0 !important;
	padding:0 !important;
}
.kaerebalink-image img{
	width:90%;
}
.kaerebalink-name{
	line-height: 1.6em !important;
	font-size: 1.1em;
	margin: 0 0 5px !important;
}
.kaerebalink-powered-date a:link,.kaerebalink-powered-date a:visited{
	text-decoration: none !important;
	color: #3b3b3b !important;
}
.kaerebalink-powered-date a,.kaerebalink-detail{
	font-size: 0.8em !important;
}
.shoplinkamazon a:link,.shoplinkamazon a:visited,.shoplinkrakuten a:link,.shoplinkrakuten a:visited,.shoplinkkindle a:link,.shoplinkkindle a:visited{
	text-decoration: none !important;
}
.shoplinkamazon a,.shoplinkrakuten a,.shoplinkkindle a{
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	border:none;
	border-radius: 3px;
	padding: 10px 40px;
}

.shoplinkamazon a,.shoplinkkindle a{
	background:#eb8c11;
	color: #000;
}

.shoplinkrakuten a{
	background:#bf0000;
	color: #fff;
	margin: 7px 0 0;
}

/* 店舗リスト
---------------------------------------------*/
.shopList{
	width: 100%;
	border:none;
	margin:0 0 20px;
}
.shopList tr{
	border-bottom: #ccc 1px solid;
}
.shopList tr:last-child{
	border-bottom:none;
}
.shopList th{
	background: none;
	padding: 1%;
	white-space:nowrap;
	text-align: center;
	border-bottom: none;
}
.shopList td{
	padding: 2%;
	text-align: left;
	border-right:none;
	border-bottom: none;
}
.shopList a{
	text-decoration: none;
}

/* rankPage
---------------------------------------------*/
#rankPage h1{
	font-size: 1.4em;
    text-align: center;
    margin: 0 0 10px;
    padding: 10px 0;
    clear: both;
    background: url(images/hamaguide/midashi_bg.png) 0 0 no-repeat;
    background-size: cover;
    border:none;
}

.rankingCategory{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.rankingCategory ul{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0;
}
.rankingCategory li{
	margin:0;
	width: 100%;
	text-align: center;
}
article .rankingCategory a{
	display: inline-block;
	text-decoration: none;
	width: 100%;
	background: #ececec;
    color: #333;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0;
    border: none;
    border-bottom: #ccc solid 1px;
}
.rankingCategory a.currentRank{
	width: 100%;
	background: #fff9d8;
    color: #333;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0;
    border: none;
    border-bottom: #ffe33b solid 1px;
}
.rankingCategory a.currentRank:after {
    border-top: 12px solid #ffe33b;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    content: '';
    margin-left: -10px;
    position: absolute;
    bottom: -12px;
    left: 50%;
}

#rankPage .ranklist{
    counter-reset: wpp-ranking;
	list-style:none;
	margin:0 0 10px;
	padding:0;
	overflow:hidden;
}
#rankPage .ranklist li {
	overflow: hidden;
	list-style:none;
	padding:0;
	margin: 0 0 10px;
	position: relative;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 1px 4px rgba(0, 0, 0, .05);
}
#rankPage .ranklist li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background:#be5541;
    line-height:25px;
    width: 25px;
    height: 25px;
    color:#fff;
    text-align:center;
    position: absolute;
    top:0;
    left:0px;
}
#rankPage .ranklist li a {
    text-decoration: none;
    height: 100%;
    overflow: hidden;
    display: block;
}
#rankPage .ranklist li img {
    max-width: 20%;
    height: auto;
    float: left;
}
#rankPage .ranklist li .articletitle{
	padding: 2%;
	overflow: hidden;
}

.rankbanner li{
	width: 32%;
	margin:0 2% 20px 0;
	float: left;
}
.rankbanner li:nth-child(3n){
	margin-right: 0;
}
.rankbanner li img{
	width: 100%;
	height: auto;
}
.rankbanner li a{
	height: 100%;
	overflow: hidden;
	display: block;
}

/* カテゴリページ
---------------------------------------------*/
#cateIntroFrame{
	overflow: hidden;
	padding: 0 2% 5px;
	margin: 0 0 20px;
	border-bottom: #ccc 1px solid;
}
#cateIntroFrame h1{
	font-size: 1.2em;
}
#cateIntroFrame p{
	padding: 0 !important;
}
#cateIntroFrame ul,.categoryInfoList ul{
	margin: 0;
}
#cateIntroFrame li,.categoryInfoList li{
	margin:0 5px 0 0;
	display: inline;
	font-size: 0.8em;
}
#cateIntroFrame li a,.categoryInfoList li a{
	display: inline-block;
	border:#184e90 1px solid;
	color:#184e90;
	margin:0 0 20px;
	padding: 5px;
	text-decoration: none;
}
#cateIntroFrame li a:hover,.categoryInfoList li a:hover{
	background:#1769cd;
	color:#fff;
}
#cateIntroFrame .current-cat a{
	background: #184e90;
	color:#fff;
}

.cateDescription p{
	padding: 0 !important;
	max-width: 100% !important;
	font-size: 0.9em;
}
.categorybtn{
	margin: 0 0 5px;
	font-size: 0.9em;
}

/* ----- 記事下 所属カテゴリ ----- */
.categoryInfoList h3{
	font-size: 1.1em;
	margin: 0 0 5px;
}
.categoryInfoList ul{
	margin:0;
}

/* 横浜ガイド カテゴリ一覧
---------------------------------------------*/
#guideList{
    list-style:none;
    margin:0 0 20px;
    padding:0;
    overflow:hidden;
}
#guideList li {
    overflow: hidden;
    list-style:none;
    padding:0;
    margin: 0;
    width: 100%;
}
#guideList li a {
    text-decoration: none;
    height: 100%;
    overflow: hidden;
    display: block;
    padding: 10px 2%;
}
#guideList li:first-child a{
	padding-top: 0;
}
#guideList li:nth-child(even) a{
	background: #f7f7f7;
}
#guideList li img {
    max-width: 30%;
   	margin:0 1% 0 0;
    height: auto;
    float: left;
}
#guideListText{
	float: left;
	width: 69%;
}
#guideListText .articletitle{
	padding: 0;
	margin:0 0 5px;
}
#guideListText .spotCategory ul{
	margin: 0;
}

#guideListText .spotCategory li{
	width: auto;
	margin:0 5px 5px 0;
	padding: 2px 5px;
}

/* スポット紹介
---------------------------------------------*/
.spotCategory li{
    font-size: 0.8em;
    display: inline-block;
    border:#000 1px solid;
    color:#333;
    margin:0 10px 0 0;
    padding: 2px 10px;
    text-decoration: none;
    background: #fff;
}
#spotListTitile h1{
    font-size: 1.4em;
	text-align: center;
	margin:0 0 20px;
	padding:10px 0;
	clear: both;
    background:url(images/hamaguide/midashi_bg.png) 0 0 no-repeat;
    background-size:cover;
    border:none;
}
article #spotListTitile #hamaguidelogo{
    margin:0;
    padding:0;
    max-width: 100%;
}
article #spotListTitile #hamaguidelogo img{
    height: auto;
    width: 100%;
}
article #spotListTitile #hamaguidelogo a{
    display: block;
}

#spotHead{
	padding: 10px 2%;
    background:url(images/hamaguide/midashi_bg.png) 0 0 no-repeat;
    background-size:cover;
}
#categuide #spotHead{
	margin: 0 0 10px;
}
#categuide #spotHead h1{
	margin: 0;
}
#spotHead .spotCategory ul{
	margin:0;
}
#spotHead .spotCategory li{
    font-size: 0.8em;
    display: inline-block;
    border:#000 1px solid;
    color:#333;
    margin:0 10px 0 0;
    padding: 2px 10px;
    text-decoration: none;
}
#spotFrame h1{
	border:none;
}
#spotFrame h2{
	color: #333;
}
#spotFrame .blogcard02{
	margin:0;
	box-shadow: none;
}
#spotFrame .blogcard02 img{
	margin-right: 5px;
}
#spotFrame .blogcard02 p{
	padding: 0 !important;
	line-height: 1.6em;
	max-width: 100%;
}
#spotFrame .blogcard02 a{
	background: #ececec;
	color: #333 !important;
	margin: 0 3% 10px;
}
#spotFrame .blogcard02:before{
	color: #333;
	right: 20px;
	bottom: 15px;
}

#spotinfo table{
	margin:0;
}
#spotinfo table th{
	vertical-align:top;
	font-weight: normal;
}
#spotinfo table .googlemap{
	margin-top:10px;
}

#nearbyinfo ul{
	padding:0 2%;
}
#nearbyinfo ul.topCateBlock li{
	width: 32%;
	margin-right:2% !important;
}
#nearbyinfo ul.topCateBlock li:nth-child(3n){
	margin-right:0 !important;
}
#nearbyinfo ul.topCateBlock li a{
	width: 100%;
}
#nearbyinfo ul.topCateBlock li img{
	max-width: none !important;
	width: 100% !important;
}

#categuide .categorybtn a{
	line-height: 1.8em;
}
#categuide .categorybtn .currentspot{
	font-weight: bold;
	text-decoration:none;
}


/* 記事ページ サイド
---------------------------------------------*/
.sideBlock h3{
	/* background: #3f4a5a; */
	background:#184e90;
	color: #fff;
	padding: 5px 0;
	margin:0 0 5px;
	text-align: center;
	font-weight: normal;
	font-size: 1.0em;
}

.sideRankFrame ul{
	margin:0;
}

.garank{
	margin:0 0 5px;
}
.garank li{
	clear:both;
	text-align:left;
	overflow:hidden;
}
.garank img{
	width:90px;
	height:90px;
	margin:0 5px 0;
	float:left;
}
.garank .rgt{
	margin:0;
}
.garank a{
	border-bottom: #ccc 1px solid;
	padding: 5px 0;
	overflow: hidden;
	display: block;
}
.garank a:link,.garank a:visited,.garank a:active,.garank a:hover{
	color: #333;
}
.garank .textSmall a{
	border:none;
	padding: 0;
	display: inline;
}

#announceList span{
	font-size:0.8em;
	margin:0 0 0 5px;
}
#announceList li{
	margin:0 0 20px;
}
#announceList a:link,#announceList a:hover,#announceList a:active,#announceList a:visited{
	color: #333;
}

/* Facebook ボックスエリア いいね！
---------------------------------------------*/
#fbLikeBox{
	overflow: hidden;
	margin:0 0 40px;
	padding: 10px 2%;
	width: 96%;
	background: #000;
}
#fbLikeImage{
	float: left;
	margin:0 2% 0 0;
}

#fbLikeImage img{
	height: auto;
}
#fbLikeText{
	float: left;
	width: 56%;
	color: #fff;
}
#fbLikeText p{
	margin:0 0 5px;
	font-weight: bold;
	line-height: 1.8em;
}
#fbLikeTitle{
	font-size: 1.3em;
	margin:0 0 30px !important;
}

/* カテゴリページ
---------------------------------------------*/
.catelist li{
	margin:0;
}
.catelist li a{
	background: url(images/icon-side-list.gif) 0 27px no-repeat;
	display: block;
	padding: 20px 0 5px 20px;
	color: #3f4a5a;
	border-bottom: #3f4a5a 1px solid;
}
.catelist li li{
	margin:0 0 10px;
}
.catelist li li:first-child{
	margin-top:10px;
}
.catelist li li:last-child{
	margin-bottom:0;
}
.catelist li li:before{
	content: "-";
	margin-right:5px;
	padding: 5px 0 5px 20px;
	float: left;
}
.catelist li li a{
	background: none;
	border:none;
	float: left;
	padding: 5px 0 5px 5px;
	margin-bottom: 0;
	width: 89%;
}
.catelist li{
	clear: left;
}

/* 検索結果
---------------------------------------------*/
#searchList li{
	overflow: hidden;
	margin:0;
	padding:0 0 10px;
	clear: both;
}

#searchList li div img{
	float: left;
	margin:0 10px 0 0;
}
#searchList .date{
	margin:0;
}
#searchList h3{
	border:none;
	padding: 0;
	margin:0 0 5px;
}
#searchList h3 a{
	text-decoration: none;
}
.excerpt{
	font-size: 0.9em;
}
.searchImg{
	float: right;
}
.fixedbox{
	clear:both;
	width:336px;
}
.fixeditem {
  height: 600px;
  margin-bottom: 10px;
}

/* ----- お問合せ フォーム ----- */
#formBlock{
	border: 1px #ccc solid;
	margin:0 0 20px;
}
#formBlock dl dt{
	background: #ececec;
	padding: 10px;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 10px;
}
#formBlock dl dd{
	margin: 0 0 20px;
	padding: 5px 10px 0;
}

#formBlock input,#formBlock textarea{
	width: 97%;
	border:#ccc solid 1px;
	font-size: 1.0em;
	padding: 8px;
}
.formOrg input {
    width: 90%;
    padding: 15px 0;
    margin:0;
    background: #e15247;
    color:#fff;
    border: none;
    cursor: pointer;
	border-radius: 5px;
	font-size: 1.0em;
}

/* ----- サイドお問合せボタン ----- */
.btnstyle{
	width: 100%;
	text-align: center;
	margin:0 0 10px;
}
.btnstyle a:link,.btnstyle a:visited{
	text-decoration: none;
}
.btnstyle a{
	display: block;
	width: 90%;
	padding: 10px 0;
	color: #fff;
	background: #e15247;
	border-radius: 5px;
	margin:0 auto;
}
.btnstyle a:hover{
	background:#4188be;
}

/* ----- 記事下 各エリア最新情報 ----- */
.areaNewArticleBox {
	clear: both;
	margin:0 0 20px;
	overflow: hidden;
}
.areaNewArticleBox h4{
	text-align: center;
	background: #1c4f8e;
	color: #fff;
	padding:5px 0;
	font-size: 1.2em;
}
.areaNewArticleList li{
	width: 33%;
	margin:0 0.5% 1px 0;
	float: left;
	text-align: center;
}
.areaNewArticleList li:nth-child(3n){
	margin-right: 0;
}
.areaNewArticleList li a{
	display: block;
	position: relative;
}
.areaNewArticleList li img{
	width: 100%;
	height: auto;
}
.areaNewArticleList li span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding:2px 0;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 0.9em;
}
.areaNewArticleListText {
	margin:0;
}
.areaNewArticleListText li{
	display: inline-block;
	margin:0 5px 8px 0;
}
.areaNewArticleListText li:before{
	content: "#";
}
.areaNewArticleListText li a{
	text-decoration: underline;
}

/* ----- シェアボタン ----- */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-qz7pb2');
	src:url('fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'),
		url('fonts/icomoon.woff?-qz7pb2') format('woff'),
		url('fonts/icomoon.ttf?-qz7pb2') format('truetype'),
		url('fonts/icomoon.svg?-qz7pb2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	src:url('fonts/icomoon.eot?-qz7pb2');
	src:url('fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'),
		url('fonts/icomoon.woff?-qz7pb2') format('woff'),
		url('fonts/icomoon.ttf?-qz7pb2') format('truetype'),
		url('fonts/icomoon.svg?-qz7pb2#icomoon') format('svg');

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-googleplus:before {
	content: "\e608";
}
.icon-facebook:before {
	content: "\e60d";
}
.icon-twitter:before {
	content: "\e611";
}
.icon-hatena:before {
	content: "\e00a";
}
.icon-line:before {
	content: "\e009";
}
.icon-feedly:before {
	content: "\e007";
}

.shareOriginal{
	overflow: hidden;
	margin:0 0 10px;
}
.shareOriginal li{
	width: 23.9%;
	margin:0 1.4% 0 0;
	float: left;
	text-align: center;
	font-size: 1.3em;
}
.shareOriginal li:nth-child(4n){
	margin-right:0;
}
.shareOriginal i{
	padding: 0;
	display: block;
}
.shareOriginal li a{
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

.shareOriginal a:hover,.feedlyOriginal a:hover{
	background: none;
}

.twOriginal a{
	background: #55acee;
	border:1px solid #55acee;
}
.twOriginal a:hover{
	color: #55acee;
}
.fbOriginal a{
	background: #3B5999;
	border:1px solid #3B5999;
}
.fbOriginal a:hover{
	color: #3B5999;
}
.liOriginal a{
	background: #00C300;
	border:1px solid #00C300;
	padding: 8px 0 !important;
}
.liOriginal a:hover{
	color: #00C300;
}
i.icon-line{
	font-size: 24px;
}
.hateOriginal a{
	background: #008FDE;
	border:1px solid #008FDE;
}
.hateOriginal a:hover{
	color: #008FDE;
}

.feedlyOriginal{
	margin:0 0 20px;
}
.feedlyOriginal a{
	display: block;
	padding: 5px 0;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	background:#6cc655;
	border:1px solid #6cc655;
	font-weight: bold;
}
.feedlyOriginal a:hover{
	color: #6cc655;
}
.icon-feedly{
	font-size: 16px;
}

.googlemap {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  height: 0;
  overflow: hidden;
  background: #ccc;
  margin:0 0 20px;
}

.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#pagetopbtn {
	display: none;
}

/* ----- イベント一覧（月別） ----- */
.specialpage .textSmall{
	clear: both;
}
.eventMonth{
	margin:0;
}
.eventMonth img{
	float: left;
	margin:0 10px 0 0;
}
.eventMonth li{
	margin:0;
	padding:15px 10px;
	clear: both;
	overflow: hidden;
}
.eventMonth li:nth-child(even){
	background: #f7f7f7;
}
.eventMonth a:link,.eventMonth a:visited,.nextback a:link,.nextback a:visited{
	color: #333;
}
.nextback a:link,.nextback a:visited{
	text-decoration: none;
}
.specialpage h1{
	font-size: 1.3em;
    margin: 0;
    padding: 10px 0;
    clear: both;
    background: url(images/hamaguide/midashi_bg.png) 0 0 no-repeat;
    background-size: cover;
    text-align: center;
    border:none;
}
.nextback {
	overflow: hidden;
	margin: 20px 0;
	padding:2px 0;
}
.backBtn{
	float: left;
}
.nextBtn{
	float: right;
}
.nextback a,.nextbackEmpty{
	border-radius: 2px;
	border:#000 solid 1px;
	text-align: center;
	padding:3px 10px;
	font-size: 0.8em;
	display: block;
	height: 100%;
	overflow: hidden;
}
.specialpage .eventMonth+p.textSmall{
	margin-bottom: 0;
}

.continneraf{
	margin:20px 0;
}
.continneraf a{
	color: #333;
}
.continneraf p{
	margin:0;
	padding: 2px 5px;
	display: inline-block;
	background: #e40b21;
	color: #fff;
}
.continneraf ul{
	margin: 0;
	padding: 5px 10px;
	border:1px solid #e40b21;
}
.continneraf ul li{
	margin:0 0 8px;
}
.continneraf ul li:before{
	content: "▶";
	margin:0 3px 0 0;
}
.continneraf li:last-child{
	margin-bottom: 0;
}

/* 記事内スケジュール
---------------------------------------------*/
#contents .pikaschedule p{
	padding:0;
	max-width: none;
}
.pikaschedule li{
    background:url(images/pikascheduleline.gif) 20px 30px repeat-y;
    clear: both;
    overflow: hidden;
    padding:0 0 30px;
}
.pikascheduleTime{
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin:0;
	padding:0;
	background: #fff;
	width: 11%;
	line-height: 1.7em;
	white-space: nowrap;
}
.pikascheduleEvent{
	float: left;
	color: #000;
	width: 89%;
}
.pikascheduleEvent p{
	padding:0;
	line-height: 1.7em;
}
.pikascheduleEvent .pikascheduleTitle{
	padding:0;
	margin:0;
	font-size: 1.3em;
}

.pikascheduleEvent .blogcard02{
	margin:0 10px 20px 0;
}
.pikascheduleEvent .blogcard02 p{
	padding:5px;
}
.pikascheduleEvent p.blogcardTitle{
	font-size: 0.85em;
	line-height: 1.4em;
}

.torimochi_what{
    margin-right: 0 !important;
    margin-top:-5px !important;
}
.torimochi_logo a{
    font-size: 10px !important;
}
.torimochi_logo_image{
    width: auto !important;
    height: auto !important;
}
@media only screen and (max-width: 1069px) {
	#headerFrame,#naviFrame,#indexcontents,#contents,#pankuzu,#footerFrame{
		width: 100%;
		padding: 0;
	}
	#recentlyBlock{
		width: 100%;
		padding: 0;
	}
	#headerFrame h1{
		float: none;
		text-align: center;
	}
	#searchBox {
	    margin: 0 auto;
	    float: none;
	    width: 95%;
	}
	#guideNavi h2{
		width: 98%;
		padding: 5px 1%;
	}
	.kankouNaviG li{
		width: 32.5%;
		margin:0 1.25% 0 0;
	}
	.kankouNaviOpen a{
	    font-size: 0.8em;
	}
	#indexHead{
		width: 100%;
	}
	#indexmain{
		width: 100%;
		margin:0;
		float: none;
	}
	#indexside{
		width:100%;
		float: none;
		text-align: center;
	}
	#recentlyBlock{
		width: 100%;
	}
	#recentlySub li{
		width: 32%;
	}
	#recentlySub li:nth-child(4n){
		margin-right: 1%;
	}
	#recentlySub li:nth-child(3n){
		margin-right: 0;
	}
	#main,#side{
		float: none;
		width: 100%;
	}
	#articleCont img,#hamaguide img{
		max-width: 100%;
		height:auto;
	}
	#spotIntro .thumb-item img,.thumb-item-nav img{
		width: 100%;
		height: auto;
	}
	.fixedbox{
		position:inherit !important;
	}
	/* ----- Facebook いいねボックス----- */
	#facebookLikeImage{
		float: none;
		margin:0 0 5px;
	}
	#facebookLikeImage img{
		height: auto;
		width:100%;
	}
	#facebookLikeText{
		float: none;
		width: 100%;
	}
	#footer	#footerFrame,.garank,#announceList{
		width: 98%;
	}
	.garank,#announceList{
		margin:0 auto;
	}
	#footerFrame .fr{
		float: none;
		text-align: center;
	}
	/* ----- 特集固定ページ ----- */
	.nextback{
		margin: 20px 5px;
	}
}
@media only screen and (max-width: 735px) {
	#contents p{
		max-width: 94%;
		padding:0 3%;
	}
	#main .otokulink p{
		padding: 0;
		max-width: 100%;
	}
	#contents .twfollowbtn p{
		max-width: 100%;
		padding: 0;
	}
	article h3{
		margin-right:3%;
		margin-left:3%;
		font-size: 1.25em;
	}
	article h4{
		padding: 3px 3%;
	}
	.aftext{
		padding: 0 3% !important;
	}
	.afimg{
		text-align: center !important;
	}
	#upArticle .blogcard02{
		margin:0 1% 20px !important;
	}
	.mobilecnt{
		text-align:center;
	}
	#indexmain{
		margin:0 0 20px;
	}
	.indexDate{
		font-size: 0.8em;
	}
	#headerFrame h1 img{
		width:80%;
		height: auto;
	}
	#naviFrame a{
		padding: 8px 0;
	}
	#naviFrame a{
		font-size: 0.8em;
	}
	.newsBox dt{
		float: none;
	}
	.newsBox dd{
		padding-left:0;
		margin:0 0 10px;
	}
	#upArticle h2, #indexmain h2, .topCateBlock h2,#pickup h2,#spotFrame h1{
		font-size: 1.2em;
		margin: 5px 1% 10px;
	}
	#recentlyMain,.topCateBlock ul{
		padding: 0 1%;
	}
	#recentlyMain li{
		width:49%;
		margin:0 2% 10px 0 !important;
	}
	#recentlySub li:nth-child(3n),.topCateBlock li:nth-child(3n){
		margin-right: 0;
	}
	#recentlySub li,.topCateBlock li{
		width: 49%;
		margin-right: 2% !important;
	}
	#recentlyMain li:nth-child(2n),#recentlySub li:nth-child(2n),.topCateBlock li:nth-child(2n){
		margin-right: 0 !important;
	}
	.articletitle{
		font-size: 0.9em;
		line-height: 1.6em;
	}
	#pankuzu{
		padding: 0 0.5%;
		width: 99%;
	}
	#pankuzu li{
		padding:0;
		font-size: 0.65em;
	}
	#articlehead{
		padding: 0;
	}
	#articlehead h1{
		padding:0 0.5% !important;
	}
	.articleDate{
		padding:0 0.5% !important;
	}
	article h1{
		font-size: 1.1em;
	}
	.pageCont h1{
		margin: 0 3% 10px;
	}
	#articleCont img:not(h2+p img,#articlehead+p img,h2+div img,.blogcard02 img,.topCateBlock img,.specialpageEx img,#spotIntro img,.eventMonth img){
		padding:0 3% !important;
		max-width: 94% !important;
	}
	.blogcard02 img{
		width:110px;
		height:110px;
	}
	.blogcard02 p{
		overflow:hidden;
	}
	#snsBlock{
		padding: 10px;
	}
	.categoryInfoList{
		padding: 0 3%;
	}
	.contBottomBox{
		width: 100%;
		padding:20px 0 0;
	}
	.contBottomBox .fl{
		width:100%;
		float:none !important;
		text-align:center !important;
	}
	.fixedbox{
		width:100%;
	}
	#searchList h3{
		font-size: 1.0em;
		padding:0 10px;
	}
	#searchList .excerpt{
		padding:0;
		margin: 0  0 0 10px;
	}
	#searchList li div img{
		margin: 0 10px;
	}
	#footerAdLeft{
		width: 100%;
		float: none;
	}
	#cateIntroFrame li a,.categoryInfoList li a{
		margin: 0 0 10px;
	}
	.afcnt{
		text-align: center;
	}
	.mobiletopslide{
		text-align: right;
		font-size: 0.8em;
		color: #767676;
		margin:0 0 10px;
	}
	#categorylist .catelist{
		padding: 0;
	}
	#categorylist .catelist li:first-child a{
		padding-top:0;
		background-position:0 7px;
	}
	#rankPage,#categorylist{
		padding: 0 1%;
	}
	#rankPage .ranklist li img{
		max-width: 30%;
	}
	.rankbanner li{
		width: 49%;
		margin:0 2% 20px 0;
		float: left;
	}
	.rankbanner li:first-child{
		width: 100%;
		text-align: center;
	}
	.rankbanner li:first-child img{
		width: 94%;
	}
	.rankbanner li:nth-child(odd){
		margin-right:0;
	}
	.atblock{
	margin: 0 3% 20px;
	padding: 5px 0;
	}
	.atblock ul{
		margin: 0;
	}
	.googlemap{
		margin:0 2% 20px;
	}
	#pagetopbtn {
		display:block;
		position: fixed;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		overflow:hidden
		bottom: -40px;
		right: 2%;
		margin:0 0 0 2%;
		width: 96%;
		z-index: 999;
	}
	#pagetopbtn a{
		display: block;
		background: rgba(207,27,27,0.9);
		color: #fff;
		width: 100%;
		padding: 8px 0;
		text-align: center;
		text-decoration: none;
		border-radius: 3px;
	}
	#spotFrame h1{
		margin: 0 0 5px;
	}
	#spotFrame #spotIntro{
		font-size: 0.9em;
	}
	#spotFrame table{
		margin:0 auto;
		width: 96%;
		font-size: 0.9em;
	}
	#spotFrame table+p.textSmall{
		padding: 0 2%;
		font-size: 0.8em;
		max-width: 96%;
	}
	.pikascheduleTime{
		width: 16%;
		margin:0 2% 0 0;
	}
	.pikascheduleEvent{
		width: 82%;
	}
	.continneraf{
		padding: 0 2%;
	}
    .torimochi_what{
    margin-top:2px !important;
    margin-right:2% !important;
    }
}