@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
a {
	text-decoration : none;
	color:#1d3994;
}
a:hover{
	text-decoration : underline;
}
a:visited{
	color:#551A8B;
}

ul,
ol { list-style : none }
img {
    vertical-align : top;
    max-width : 100%;
		border:none;
}
html {
    font-family: 'MS Pゴシック';
    font-size : 16px;
    line-height : 1.8;
	letter-spacing:1px;
}

p, li{
	word-wrap: break-word;
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}

.clear {
	clear:both;
}

#wrap {
	background:url(../img/content/background.gif) left top;
}

#scrollUp {
	bottom: 20px;
	right: 20px;
	background: #555;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	font-family: sans-serif;
	text-decoration: none;
	opacity: .9;
	padding: 5px 10px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear;
}
#scrollUp:hover {
	background: #F28DEA;
}
/*===========================================
ヘッダー
===========================================*/
header {
    margin: 0 auto;
    border-top: 3px solid #5D89E8;
    background:#FFFFFF;
}
header hgroup #title{
    width: auto;
    height: auto;
}

#site_title {
    margin: 0;
    padding: 0;
    font-size: 10px;
	font-weight:bold;
}

#title_chara{
	float:left;
	width:30px;
	margin:5px;
	
  -webkit-transform-origin: center 30px 0;
     -moz-transform-origin: center 30px 0;
      -ms-transform-origin: center 30px 0;
       -o-transform-origin: center 30px 0;
          transform-origin: center 30px 0;
  -webkit-animation: swing linear 7s 1;
     -moz-animation: swing linear 7s 1;
      -ms-animation: swing linear 7s 1;
       -o-animation: swing linear 7s 1;
          animation: swing linear 7s 1;
}

@-moz-keyframes swing{
  0%{-moz-transform: rotate(0deg);}
  10%{-moz-transform: rotate(-24deg);}
  38%{-moz-transform: rotate(20deg);}
  40%{-moz-transform: rotate(18deg);}
  42%{-moz-transform: rotate(14deg);}
  58%{-moz-transform: rotate(-10deg);}
  60%{-moz-transform: rotate(-11deg);}
  62%{-moz-transform: rotate(-10deg);}
  73%{-moz-transform: rotate(7deg);}
  75%{-moz-transform: rotate(8deg);}
  77%{-moz-transform: rotate(7deg);}
  83%{-moz-transform: rotate(-4deg);}
  85%{-moz-transform: rotate(-5deg);}
  87%{-moz-transform: rotate(-4deg);}
  90%{-moz-transform: rotate(4deg);}
  94%{-moz-transform: rotate(3deg);}
  97%{-moz-transform: rotate(-3deg);}
  100%{-moz-transform: rotate(0deg);}
}
@-webkit-keyframes swing{
  0%{-webkit-transform: rotate(0deg);}
  10%{-webkit-transform: rotate(-24deg);}
  38%{-webkit-transform: rotate(20deg);}
  40%{-webkit-transform: rotate(18deg);}
  42%{-webkit-transform: rotate(14deg);}
  58%{-webkit-transform: rotate(-10deg);}
  60%{-webkit-transform: rotate(-11deg);}
  62%{-webkit-transform: rotate(-10deg);}
  73%{-webkit-transform: rotate(7deg);}
  75%{-webkit-transform: rotate(8deg);}
  77%{-webkit-transform: rotate(7deg);}
  83%{-webkit-transform: rotate(-4deg);}
  85%{-webkit-transform: rotate(-5deg);}
  87%{-webkit-transform: rotate(-4deg);}
  90%{-webkit-transform: rotate(4deg);}
  94%{-webkit-transform: rotate(3deg);}
  97%{-webkit-transform: rotate(-3deg);}
  100%{-webkit-transform: rotate(0deg);}
}
@-o-keyframes swing{
  0%{-o-transform: rotate(0deg);}
  10%{-o-transform: rotate(-24deg);}
  38%{-o-transform: rotate(20deg);}
  40%{-o-transform: rotate(18deg);}
  42%{-o-transform: rotate(14deg);}
  58%{-o-transform: rotate(-10deg);}
  60%{-o-transform: rotate(-11deg);}
  62%{-o-transform: rotate(-10deg);}
  73%{-o-transform: rotate(7deg);}
  75%{-o-transform: rotate(8deg);}
  77%{-o-transform: rotate(7deg);}
  83%{-o-transform: rotate(-4deg);}
  85%{-o-transform: rotate(-5deg);}
  87%{-o-transform: rotate(-4deg);}
  90%{-o-transform: rotate(4deg);}
  94%{-o-transform: rotate(3deg);}
  97%{-o-transform: rotate(-3deg);}
  100%{-o-transform: rotate(0deg);}
}
@-ms-keyframes swing{
  0%{-ms-transform: rotate(0deg);}
  10%{-ms-transform: rotate(-24deg);}
  38%{-ms-transform: rotate(20deg);}
  40%{-ms-transform: rotate(18deg);}
  42%{-ms-transform: rotate(14deg);}
  58%{-ms-transform: rotate(-10deg);}
  60%{-ms-transform: rotate(-11deg);}
  62%{-ms-transform: rotate(-10deg);}
  73%{-ms-transform: rotate(7deg);}
  75%{-ms-transform: rotate(8deg);}
  77%{-ms-transform: rotate(7deg);}
  83%{-ms-transform: rotate(-4deg);}
  85%{-ms-transform: rotate(-5deg);}
  87%{-ms-transform: rotate(-4deg);}
  90%{-ms-transform: rotate(4deg);}
  94%{-ms-transform: rotate(3deg);}
  97%{-ms-transform: rotate(-3deg);}
  100%{-ms-transform: rotate(0deg);}
}
@keyframes swing{
  0%{transform: rotate(0deg);}
  10%{transform: rotate(-24deg);}
  38%{transform: rotate(20deg);}
  40%{transform: rotate(18deg);}
  42%{transform: rotate(14deg);}
  58%{transform: rotate(-10deg);}
  60%{transform: rotate(-11deg);}
  62%{transform: rotate(-10deg);}
  73%{transform: rotate(7deg);}
  75%{transform: rotate(8deg);}
  77%{transform: rotate(7deg);}
  83%{transform: rotate(-4deg);}
  85%{transform: rotate(-5deg);}
  87%{transform: rotate(-4deg);}
  90%{transform: rotate(4deg);}
  94%{transform: rotate(3deg);}
  97%{transform: rotate(-3deg);}
  100%{transform: rotate(0deg);}
}



#title_img {
	width: 150px
}
	
#spot_search{
	
}
.ninja_onebutton{
	margin-top:10px;
}

.gsc-input{
	margin-top:10px;
	height:25px;
	font-size:18px;
}

.gsc-search-button{
	font-size:18px !important;
	height:27px !important;
	margin-top:10px !important;
}

/* 外側の大きなサークルのラインの色とスタイルとアルファで表示＆消えるアニメーション */
.circle {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-right:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #2187e7;
	width:50px;
	height:50px;
	margin:0 auto;
	position:relative;
	top:50px;
	-moz-animation:spinPulse 1s infinite ease-in-out;
	-webkit-animation:spinPulse 1s infinite linear;
}
/* 内側の小さなサークルのラインの色とスタイルとアルファで表示＆消えるアニメーション */
.circle1 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-left:5px solid rgba(0,0,0,0);
	border-right:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #2187e7; 
	width:30px;
	height:30px;
	margin:0 auto;
	-moz-animation:spinoffPulse 1s infinite linear;
	-webkit-animation:spinoffPulse 1s infinite linear;
}

/* キーフレームを使ったローディングのくるくる回るアニメーション */
@-moz-keyframes spinPulse {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

/*===========================================
メニュー
===========================================*/
nav {
    clear: both;
    height:52px;
    padding:0;
    background:#FFFFFF;
}
nav ul { overflow : hidden }
nav ul li {
    width : 20%;
    display: inline-block;
		/display: inline;
		/zoom: 1;
    text-align: center;
    background:#5D89E8;
}

nav ul li a {
    display : block;
    color : #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    padding-top:3px;
    border-left: 1px solid #FFFFFF;
}
nav ul li a:hover {
    color : white;
    background-color : #F28DEA;
}

nav ul li a:visited{
	color:#FFFFFF;
}

/*===========================================
インナー
===========================================*/
#inner {
    margin: 0 auto;
	width:100%;
}

#pankz {
    font-size: 12px;
    overflow:hidden;
    background:#FFFFFF;
}

#pankz ul {
	float:left;
	background:#d8e1ed;
	background:-webkit-gradient(linear,left top,left bottom,from(#f0f4fa), to(#d8e1ed));
	background:-moz-linear-gradient(top, #f0f4fa, #d8e1ed);
}

#pankz ul li {
	display: inline;
	font-size:14px;
	
}

#pankz ul li:first-child a {
	padding-left:4px;
}

#pankz ul li a {
	line-height:24px;
	display:inline-block;
	color:#000000;
}

#pankz ul li a:hover{
	text-decoration:none;
}

#pankz ul li:last-child a span {
	padding:0 9px 0 0;
	display:block;
	background:url(../img/content/pankz_side_last.png) no-repeat right top;
	background-size:11px 26px;
}

#pankz ul li a span {
	padding:0 9px 0 0;
	display:block;
	background:url(../img/content/pankz_side.png) no-repeat right top;
	background-size:11px 26px;
}

#pankz ul li:not(:first-child):before {
	content:"";
}

#pankz #pankz_here {
	font-weight:bold;
}

#sub_title {
	margin:0 2px;
	padding:0 10px;
    background-color:#FFFFFF;
    font-size:14px;
    color:#FFFFFF;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background:#5D89E8;
}
#sub_title h1 {
	padding:5px 0;
    font-size:14px;
    line-height:18px;
}

#sub_title img{
	width:15px;
}

#inner_bottom{
	margin:0 2px;
	padding:0 10px;
	background:#FFFFFF;
}

#ads_inner_bottom{
	text-align:center;
	margin-bottom:10px;
}

#ads_sub_title {
	margin-bottom:10px;
}

#adsSubTitleLink {
	margin-bottom:10px;
}

#inner_full {
	height:100%;
	margin:0 2px 20px 2px;
	padding:0 10px;
	background:#FFFFFF;
	-webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}

#inner_left {
	height:100%;
	margin:0 2px 20px 2px;
	padding:0 10px;
	background:#FFFFFF;
	-webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}

#inner_right {
	height:100%;
	margin:0;
	padding:0 10px;
	background:url(../img/content/background.gif) left top;
}

#contents_explan {
	width:100%;
	font-size:14px;
}

.spot_detail_title h3 {
    position: relative;
    padding:0 0 5px 45px;
    margin:30px 0 20px 0;
    color: #333;
    font-size: 18px;
    font-weight:bold;
    line-height; 30px;
    border-bottom:1px dashed #b6b6b6;
}

.spot_detail_title h3:before {
    position:  absolute;
    top: 12px;
    left: 12px;
    width: 14px;
    height: 14px;
    border: 4px solid #F28DEA;
    content: "";
}

.spot_detail_title h3:after {
    position:  absolute;
    top: 2px;
    left: 2px;
    width: 17px;
    height: 17px;
    border: 4px solid #5D89E8;
    content: "";
}

.detail_content {
	margin-bottom:20px;
}

.detail_content:empty {
	margin:0;
}

.detail_content_close{
	margin-bottom:10px;
}

.detail_content_close:empty {
	margin:0;
}

.detail_content_center{
	margin-bottom:20px;
	text-align:center;
}

.detail_content_center:empty {
	margin:0;
}

.detail_content_view{
	font-size:18px;
	border-bottom:1px solid #5D89E8;
}

/*===========================================
フッター
===========================================*/
footer {
    clear: both;
    background:#FFFFFF;
    padding-top:10px;
}
#footer_caution{
		padding:10px 0 30px 0;
		text-align: center;
		font-weight:bold;
		color:#e00000;
  	text-decoration:underline;
}
#ads_footer_image {
    padding:10px 0 20px 0;
    text-align: center;
}
#footer_right { text-align: center }
#footer_left {
	width:90%;
	margin: 0px auto 0px auto;
	text-align: center
}


#likebox {
	width:100%;
	display: block;
	margin:10px auto 20px auto;
	text-align:left;
	font-size:12px;
	background-color:#FFFFFF;
}
#likebox p {
    text-align: center;
    background-color:#5D89E8;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
	margin:0;
	padding:0;
}


.fotter_content {
    width: 100%;
    margin: 0 auto 20px auto;
	background:#FFFFFF;
}
.fotter_content p {
    text-align: center;
    background-color: #5D89E8;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
}

.fotter_content img {
    margin:10px 0;
}

#fotter_center{
	width:90%;
	margin: 0 auto 20px auto;
}

.sub_best {
    width: 100%;
	margin-bottom:20px;
	background:#FFFFFF;
}
.sub_best p {
    text-align: center;
    background-color: #5D89E8;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
}
.sub_best ul {
    font-size: 17px;
    line-height: 30px;
}
.sub_best ul li {
	clear:both;
    text-align: left;
    border-top: 1px solid #cccccc;
	margin-left:10px;
}

.sub_best ul li div{
	margin-right:25px;
}

.sub_best ul li img{
	float:left;
    width:60px;
	height:47px;
}

#footer_content_ads {
    width: 90%;
    margin: 0 auto 20px auto;
    border-top: 1px solid #5D89E8;
    border-bottom: 1px solid #5D89E8;
    border-left: 1px solid #5D89E8;
    border-right: 1px solid #5D89E8;
}

#footer_content_ads p {
    text-align: center;
    background-color: #5D89E8;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
	margin:0;
	padding:0;
}

#footer_rakuten {
	text-align:left;
	margin:5px 10px;
	font-size:14px;
}

#footer_rakuten a{
    font-size:16px;
	line-height:20px;
}
#footer_link {
    width: 100%;
    margin: 0 auto 20px auto;
}

#footer_link li {
    margin: 5px 0;
    padding-left:10px;
    background-color: #cccccc;
    text-align: left;
}

#footer_link li a {
	width:100%;
	line-height:35px;
	display:inline-block;
}

#deletion {
    width: 100%;
    margin: 0 auto 20px auto;
	padding:5px;
	text-align:left;
	font-size:14px;
    background-color: #cccccc;
}

#searchbox_footer{
	width:90%;
	margin:auto;
}

#copyright {
    border-top: 1px solid #ffffff;
    background-color: #666666;
    text-align: right;
}
#copyright #copy {
    margin: 0 auto;
    text-align:left;
    font-size: 12px;
    color: #FFFFFF;
}

.detail_ads {
	margin-bottom:40px;
}

.ads_element{
	width:auto;
	text-align:center;
	font-size:10px;
	margin-left:-12px;
	margin-right:-12px;
}

.ads_label{
	text-align:left;
}

.ads_unit_center {
	margin-top:20px;
	text-align:center;
}

/*===========================================
その他
===========================================*/
.side_amazon{
	height:250px;
}

/*===========================================
カード
===========================================*/
.card{
    width:300px;
    border:1px solid #e0e0e0;
    overflow:hidden;
}

.card .card_body{
    height:120px;
    padding:0 5px;
    overflow:hidden;
    position:relative;
}

.card .card_content{
    margin-right:90px;
    position:absolute;
    top:10px;
}

.card .card_title{
    font-size:16px;
    font-weight:bold;
    line-height:18px;
    margin-bottom:5px;
}

.card .card_detail{
    font-size:12px;
    line-height:14px;
}

.card .card_img{
    width:80px;
    height:80px;
    margin-right:5px;
    position:absolute;
    top:10px;
    right:0;
}

.card .card_domain{
    font-size:10px;
    position:absolute;
    bottom:0;
}


/*===========================================
ソーシャル
===========================================*/
.share{
	text-align:left;
	padding-bottom:10px;
}

#share_img{
	margin-right:10px;
	float:left;
}

#share_comment {
	text-align:center;
}

#share_bottom{
	padding:5px 5px 10px 5px;
	background:#eeeeee;
	font-size:14px;
}

.share ul{
	height:auto;
	overflow:hidden;
}
.share li{
	font-size:12px;
	float:left;
	text-align:center;
	width:32%;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
.share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
.share li.share-twitter:hover{
	background:#83c3f3;
}
.share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
.share li.share-facebook:hover{
	background:#4c70ba;
}
.share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
.share li.share-google:hover{
	background:#e47365;
}
.share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
.share li.share-hatena:hover{
	background:#4888d4;
}
.share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
.share li.share-pocket:hover{
	background:#f26f7f;
}
.share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
.share li.share-line:hover{
	background:#2bd92b;
}
.share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
.share a:hover{
	text-decoration:none;
	color:#ffffff;
}

.share-copy {
	font-size:12px;
	font-weight:bold;
	line-height:33px;
	text-align:center;
	width:98%;
	height:33px;
	cursor:pointer;
	border-radius:3px;
	border:1px solid #000000;
	box-shadow:0 2px #CCCCCC;
	background:#ffffff;
}

.share-copy:hover {
	color:#999;
}

.share-copy.copied {
	color:#FFFFFF;
	background:#999999;
}

/*===========================================
関連ページ
===========================================*/
.relationListBox{
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:5px;
	white-space:nowrap;
	background:#ececec;
}

.relationListBox::-webkit-scrollbar {
  all:unset;
  width: 30px;
  height:30px;
  background:#FFFFFF;
}

.relationListBox::-webkit-scrollbar-track {
  all:unset;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  border-radius: 8px;
  background: transparent;
}
 
.relationListBox::-webkit-scrollbar-thumb {
  all:unset;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 8px;
  background: transparent;
}
 
.relationListBox::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  background: transparent;
}

.relationListItem{
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	padding:0 0 16px 0;
	margin:0 8px 20px 0;
	text-align:center;
	position:relative;
	background:#FFFFFF;
	box-shadow:0 2px 5px #ccc;
}

.relationListItem img{
	width:120px;
	height:100px;
}

.relationListItemOverlap{
	width:120px;
	text-align:left;
}

.relationListItemOverlap:hover{
	
}

.relationListItemTitle{
	padding:10px 7px 0 7px;
	font-size:12px;
	line-height:14px;
}

.relationListItemAddress{
	width:120px;
	padding:5px 7px 0 7px;
	font-size:11px;
	line-height:14px;
	text-align:left;
}

.relationListItemDetail {
	width:90%;
	margin:10px 5px 0 5px;
	text-align:left;
	font-size:12px;
}

.relationListItemEval {
	width:100px;
	margin-top:10px;
	text-align:left;
	display:none;
}

.relationListItemEval img{
	width:20px;
	height:20px;
	margin-right:-5px;
}

/*===========================================
特集
===========================================*/
.feature {
	text-align:center;
	line-height:24px;
	margin:40px 10px;
	padding:10px;
	border:3px double #ccc;
}

.feature .feature_title {
	position: relative;
	margin:0 -22px 10px -22px;
	padding:5px 20px;
	font-size:24px;
	color:#FFFFFF;
	background:#d14;
	text-shadow: 1px 1px 1px #FFFFFF;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);

}

.feature .feature_title:before, .feature .feature_title:after{
	position: absolute;
    top: 100%;
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #000;
    opacity: 0.5;
}

.feature .feature_title:before{
    left: 0;
    border-right: 5px solid #000;       
}

.feature .feature_title:after{
    right: 0;
    border-left: 5px solid #000;
}

.feature .feature_descript {
	margin-bottom:10px;
	font-size:14px;
	text-align:left;
}

.feature .feature_image {
	margin-bottom:10px;
}

.feature .feature_image img{
	width:500px;
}

.feature ul {
	display:block;
	font-size:14px;
	padding:10px 0;
}

.feature ul li {
	text-align:left;
	list-style:none;
	background:url(../img/content/arrow01.png) left 13px no-repeat;
	padding:3px 0 3px 20px;
	border-bottom:1px dashed #ccc;
}


/*===========================================
レビュー
===========================================*/
#review {
	margin-bottom:20px;
}

#review_detail{
	font-size:12px;
	border-bottom:1px solid #5D89E8;
}
.review_no{
	display:inline;
	font-size:12px;
}
.review_name{
	display:inline;
	font-size:14px;
	color:#008000;
}

.review_name.delete{
	font-size:14px;
	color:#aaaaaa;
}

.review_content_read{
	margin:10px 10px 30px 10px;
	font-size:14px;
}

.review_content_read.delete {
	color:#AAAAAA;
	margin:10px;
}

.review_content_img{
	max-width:100px;
	max-height:100px;
	margin:10px 10px 0 10px;
}

.review_content_img img{
	max-width:100px;
	max-height:100px;
}

#review_submit{
	font-size:12px;
	width:100%;
}

#review_area{
	width:100%;
	height:100px;
}

.review_title{
	font-size:14px;
}

#review_contr{
	text-align:right;
}

#review_contr input{
	font-weight:bold;
	font-size:20px;
}


/***********************640px***********************/
@media screen and (min-width:640px) { 
/*===========================================
ヘッダー
===========================================*/
	#site_title {;
	    padding: 5px;
	    font-size: 12px;
	}
	
	header {
		overflow:hidden;
	}
	
    header hgroup #title {
        float: left;
        width: 56.25%;
    }
    
    #title_chara{
    	width:40px;
    }
    
    #title_img{
    	width: 200px
    }
    	
	header #spot_search{
		float: right;
        width: 42%;
		margin:0;
	}
	.ninja_onebutton{
		clear:none !important;
	}
	
/*===========================================
メニュー
===========================================*/
nav {
	height:auto;
}

nav ul li {
    width : 20%;
}

nav ul li a { 
	font-size: 17px;
}
    
/*===========================================
インナー
===========================================*/
#pankz {
	padding:5px 2%;
    font-size: 12px;
    overflow:hidden;
    background:none;
}

#pankz ul {
	float:left;
	background:none;
}

#pankz ul li {
	display: inline;
}

#pankz ul li:not(:first-child):before {
	content:" → ";
}

#pankz #pankz_here {
	font-weight:bold;
}

#pankz ul li a {
	color:#1d3994;
}

#pankz ul li a:hover {
	text-decoration:underline;
}

#pankz ul li:first-child a {
	padding:0;
}

#pankz ul li a span {
	padding:0;
	background:none;
}

#pankz ul li:last-child a span {
	background:none;
}


#inner_bottom {
	border-bottom:1px solid #5D89E8;
}

#sub_title h1 {
    font-size: 18px;
}

/*===========================================
フッター
===========================================*/
    #footer_left {
        float: left;
        width: 50%;
    }
	#footer_right {
        float: right;
        width: 47%;
    }
    footer #copyright { clear: both }
    
/*===========================================
カード
===========================================*/
.card{
    width:500px;
}

.card .card_body{
	height:110px;
	padding:0 10px;
}

.card .card_content{
	margin-right:100px;
}

.card .card_title{
	margin-bottom:10px;
	font-size:18px;
	line-height:20px;
}

.card .card_detail{
	font-size:14px;
	line-height:18px;
}

.card .card_img{
	width:90px;
	height:90px;
}

/*===========================================
ソーシャル
===========================================*/
.share li{
	font-size:14px;
	width:80px;
}

.share li {
	margin-right:5px;
}

.share-copy {
	width:504px;
	max-width:97%;
}

/*===========================================
関連ページ
===========================================*/
.relationListItem{

}

.relationListItem img{

}

.relationListItemOverlap{

}

.relationListItemOverlap:hover{
	
}

.relationListItemTitle{
	
}

.relationListItemDetail {
	margin:10px 5px 0 5px;
	text-align:left;
	font-size:14px;
}

.relationListItemEval {
	width:150px;
}

.relationListItemEval img{
	width:25px;
	height:25px;
}

/*===========================================
特集
===========================================*/
.feature .feature_descript {
	font-size:16px;
}

.feature ul {
	font-size:16px;
	padding:10px 30px;
}



}
/***********************768px***********************/
@media screen and (min-width:768px) { 
/*===========================================
ヘッダー
===========================================*/
    header {
        overflow : hidden;
        margin: 0 auto;
        padding:0 2%;
    }
    header hgroup #title {
        float: left;
        width: 56.25%;
    }
    
    #title_chara{
    	width:60px;
    }
    #title_img{
    	width: 300px
    }

/*===========================================
メニュー
===========================================*/
    nav ul {
        width: 95.75%;
        margin: 0 auto;
    }
    nav ul li a { font-size: 18px }
/*===========================================
インナー
===========================================*/
    #inner {
        overflow: hidden;
        width:100%;
		margin: 0 auto;
    }
    
    #sub_title {
    	margin:0 2%;
    }
    
    #sub_title h2 {
    	padding:0 20px;
    	font-size:22px;
    }
	
	#inner_bottom {
		margin:0 2%;
	}
	
	#inner #inner_full {
        margin:0 2% 10px;2%
        padding:0 10px;
    }
    
    #inner #inner_left {
        float: left;
        width: 63%;
        margin:0 0 10px 2%;
        padding:10px 10px 0 10px;
    }
    
    #inner #inner_right {
        float: right;
        width: 30%;
        margin:10px 2% 0 0;
        padding:0;
    }
	#pankz {
	    font-size: 14px;
	}
/*===========================================
フッター
===========================================*/
    footer {
        width:100%;
        margin:0 auto;
    }
    #footer_right {
        float: right;
        width: 54%;
        margin:0 2% 0 2%;
    }
	#footer_left {
        clear: left;
		width:40%;
		margin:0 0 0 2%;
    }
    
    #footer_left #deletion {
    	width:97%;
    }
    
    #footer_right #fotter_center {
        float: left;
        width: 60%;
    }

	#footer_right #footer_content_ads {
		float: right;
		width: 36%;
	}

    #footer_right #footer_link {
        width:100%;
    }

    #footer_right #deletion {
        float: right;
        width: 36%;
    }

	#footer_right #footer_rakuten {
		float: right;
		width: 36%;
	}

	#searchbox_footer{
		width:100%;
	}
    
    footer #copyright {
    	clear: both;
    }
    
    footer #copyright #copy {
    	margin:0 2%;
    }

/*===========================================
その他
===========================================*/
.side_amazon{
	width:100%;
	height:auto;
}

.detail_ads {
	margin:0;
}

.ads_element{
	margin:0;
}

}

/***********************1024px***********************/
@media screen and (min-width:1140px) {

header {
	padding:0;
}

hgroup {
	width:1100px;
	margin:0 auto;
}

nav {
	padding:10px 0;
}

nav ul {
	width:1100px;
}

#inner{
	margin:0 auto;
	max-width:1140px;
}

footer {
	width:auto;
}

#footer {
	width:1140px;
	margin:0 auto;
}

}


/*===========================================
共通フレーム
===========================================*/
.side_content{
	width:100%;
	margin-bottom:20px;
	background:#FFFFFF;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}

.side_menu{
	margin-bottom:20px;
	text-align:center;
}

.side_title{
	position: relative;
}

.side_title_point {
	position:absolute;
	background: #5D89E8;
	font-size:14px;
	font-weight:bold;
	color: #fff;
	top: -.4em;
	left: .5em;
	width:50px;
	height:45px;
	line-height:3;
	padding:3px 5px 0 5px;
	word-wrap: break-word;
	text-align: center;
}

.side_title_point:before {
	position: absolute;
	content: " ";
	height: 0;
	width: 0;
	left: 100%;
	top: 0;
	border-bottom:6px solid #F28DEA;
	border-right:6px solid transparent;
}

.side_title_point:after {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	left: 0;
	top: 100%;
	border-left:30px solid #5D89E8;
	border-right:30px solid #5D89E8;
	border-bottom:10px solid transparent;
}

.side_title_label {
	height:50px;
	padding:0 5px;
	margin:0 10px 0 74px;
	font-size:16px;
	line-height:3;
	border-bottom:1px dotted #b6b6b6;
}

.side_detail{
	padding:10px 0;
	font-size:13px;
	text-align:center;
}

.side_detail_list{
	margin:10px  20px;
	font-size:13px;
	text-align:left;
}


.side_sub_menu{
	width:99%;
	font-size:20px;
	margin-bottom:20px;
	text-align:center;
	background:#F28DEA;
	background: -moz-linear-gradient(top, #F28DEA, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#F28DEA), color-stop(0.03,#F28DEA), color-stop(0.03,#F28DEA), to(#FFF));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

.side_sub_menu a{
	display:block;
	padding:10px 0;
}

.side_fb_page {
	width:99%;
	height:160px;
	font-size:20px;
	margin-bottom:20px;
	padding-top:4px;
	text-align:center;
	background:#E6E6E6;
	background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #5D89E8;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

.side_affiliate {
	font-size:30px;
	font-weight:bold;
}

/*===========================================
地方で探す
===========================================*/
#region_list{
	padding:5px 0 5px 30px;
}

#region_list li{
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	list-style:url("../img/content/arrow01.png");
}

#region_list li:nth-child(even){
	background:#e0e0e0;
}

#region_list li a{
	display:block;
	margin-left:10px;
}

/*===========================================
新着ウワサ
===========================================*/
#new_review{
	margin:10px 10px 0 10px;
	font-size:14px;
}
#new_review li{
	width:100%;
	display: inline-block;
	margin-bottom:10px;
	border-bottom:1px dotted #b6b6b6;
}
#new_review li p{
	font-size:12px;
}

.new_content{
	margin:10px 10px 0 10px;
}

.new_content li{
	width:100%;
	display: inline-block;
	margin-bottom:10px;
	border-bottom:1px dotted #b6b6b6;
}

.new_content img{
	float:left;
	display: inline-block;
	width:80px;
	height:70px;
	padding-right:10px;
}

.new_content .name{
	font-size:16px;
}

.new_content .detail{
	font-size:12px;
	color:#008000;
}

/*===========================================
リンク集
===========================================*/
#recom_link_name{
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #5D89E8;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

#recom_link_all{
	margin:0 10px 10px 0;
	text-align:right;
	font-size:16px;
	font-weight:bold;
}

/*===========================================
近くの心霊スポット
===========================================*/
#local_spot{
	text-align:center;
}

#local_spot .spot_name{
	font-size:16px;
	font-weight:bold;
}

#local_spot img{
	width:70%;
	height:150px;
}

#local_spot #local_spot_btn{
	width:70%;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	cursor:pointer;
	background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #5D89E8;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}


/*===========================================
リンク
===========================================*/
.anchor{
	position: relative;
	display: block;
}

.anchor::before,
.anchor::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}
.anchor::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.anchor::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*===========================================
日付
===========================================*/
#date{
	font-size:12px;
	min-height:5px;
}

#date #release_date{
}

#date #last_update_date{
	padding-right:10px;
}

/*===========================================
その他
===========================================*/
.unit{
	text-align:center;
	margin-bottom:20px;
	font-size:10px;
	clear:both;
}