﻿.single-section {margin-bottom: 20px;}
 /*
#############################
  #title
#############################
*/
#title h1 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
#title .lead {font-size: 85%;}
 /*
#############################
  #share
#############################
*/
.share ul {margin: 0px;padding: 0px;}
.share ul li {float: left;margin-right: 10px;}
 /*
#############################
  #article
#############################
*/
#article h3 a,#article h2 a {color: #00bddb;}
#article {
	font-size: 95%;
	line-height: 180%;
}
#article .author {
	font-size: 80%;
	text-align: center;
	margin: 0 0 15px 0;
}
#article .author a {color: #555;}
#article  strong {font-weight: bold;}
#article .sumally {
	background-color: #F9F9F9;
	padding: 20px;
	margin:20px 0;
}
#article .sumally h4 {font-weight: bold;margin-bottom: 5px;}
#article a {color: #00bddb;}
#article blockquote {
	background-image: url(../images/ico_blockquote.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    /* padding-left: 23px; */
    margin: 20px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    padding: 37px;
}
#article blockquote  span {
	font-size: 10px;
	color: #CCC;
	font-weight: normal;
}
p.quote,div.quote {
	background-image: url(../images/ico_blockquote.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    /* padding-left: 23px; */
    margin: 20px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    padding: 37px;
}
p.quote  span,div.quote  span {
	font-size: 10px;
	color: #CCC;
	font-weight: normal;
}

img.aligncenter {
	display: block;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
    max-width: 730px;
    height: auto;
}
img.aligncenter:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  cursor:-moz-zoom-in;cursor:-webkit-zoom-in;cursor:zoom-in
}
/*
#############################
  tpl-img
#############################
*/
#contents-imges {margin-bottom: 20px;}
#contents-imges h1 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #01AFD2;
}
#contents-imges #image {text-align: center;}

 /*
#############################
  #page-link
#############################
*/
.page-links {
    text-align: center;
    padding: 15px 15px 7px 15px;
    border-style: solid;
    border-width: 1px 0;
    border-color: #ccc;

}.page-links-inner {
    display:inline-block;
}
.page-links span,.page-link a span {
    border: 1px solid #f3f3f3;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    background-color: #E6E6E6;
    margin-left: 10px;
    padding: 12px;
    display: block;
    width: 30px;
    float: left;
}
.page-links a span {background-color: #FFF;color: #000;}
.page-links a span:hover {background-color: #E6E6E6;color: #FFF;}
 /*
#############################
  .entry-panel
#############################
*/
.entry-panel h3 {
	font-size: 95%;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3f3f3;
}

 /*
#################
  #similar
#################
*/
#similar .entry {
	float: left;
	width: 172px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom-style: none;
    height: 157px;
    overflow: hidden;
}
#similar .entry dt img {width: 172px; height: 117px;}
#similar .entry .tit {font-size: 75%;}

#main .entry dl dt {
    float: left;
    width: 172px;
    margin-right: 0px;
    height: 113px;
    overflow: hidden;
}

/*
#############################
  SNS
#############################
*/
.sns-section{border:1px solid #EEEEEE;overflow:hidden;*zoom:1}
.sns-section.is-twitter{border:none;text-align:right;margin-top:15px}
.sns-cover{width:344px;height:198px;float:left;margin-right:15px;vertical-align:middle;background-color:#f5f5f5;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.sns-cover img {width:344px;height:198px;}
.sns-right{padding:15px;margin-top:15px;text-align:center}
.sns-likeText{font-size:18px;color:#333;line-height:27px;font-weight:700}
.sns-likeText div{font-weight:inherit}
.sns-likeText-blue{font-weight:inherit;color:#00bddb;}
.sns-likeButton{display:inline-block;width:300px;margin-top:34px}

/*
#############################
  reccommend-book
#############################
*/
#reccommend-book {
	border: 1px solid #EEEEEE;
	min-height: 250px;
	/* overflow: hidden; */
}
#reccommend-book dl {
	float: left;
	width: 19%;
	text-align: center;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;
}
#reccommend-book  dt {margin-bottom: 5px;}
#reccommend-book  dd {font-size: 80%;}

/*
#############################
  video
#############################
*/
#video-contents {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 20px;
}
#video-contents iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#video-sumally {
	margin-top: 20px;
	margin-bottom: 20px;
}
#video-sumally h1 {
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 10px;
}
#video-sumally .lead {
	font-size: 95%;
}
#video-similar {margin-bottom: 40px;}
#video-similar h3 {
	font-weight: bold;
	margin-bottom: 10px;
}
#video-similar .entry {
	float: left;
	width: 340px;
	margin-right: 10px;
	margin-bottom: 25px;
	position: relative;
	min-height:300px;
}
#video-similar  dt {margin-bottom: 10px;}
#video-similar dt img {
	height: auto;
	width: 340px;
}
#video-similar dd {font-size: 105%;}
#video-similar .time {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	left: 10px;
	top: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
    border-radius: 5px;		
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;	
}
.entry-video  {
	float: left;
	width: 233px;
	margin-right: 10px;
	margin-bottom: 25px;
	position: relative;
	min-height:250px;
}
.entry-video  dt {margin-bottom: 5px;}
.entry-video  dt img {height: auto;width: 100%;}
.entry-video .tit {font-size: 90%;}
.entry-video  .time {
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 10px;
	border-radius: 2px;		
	-webkit-border-radius: 2px;	
	-moz-border-radius: 2px;
	opacity: 0.7;  
}
.offer {float: right;}
.offer  dt {float: left;font-size: 80%;}
.offer  dd {float: left;}


/*
#############################
  s-recommend
#############################
*/
#s-recommend {margin-bottom: 20px;}
#s-recommend dl {
	float: left;
	width: 132px;
	margin-right: 5px;
	margin-left: 5px;
	min-height:160px;
}
#s-recommend dl dt img {
	height: 88px;
	width: 133px;
}
#s-recommend dl dd  {font-size: 60%;}
#s-recommend dl .view  {color: #999;font-size: 70%;}
#s-recommend dl .view {
background-color: #F3F3F3;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
margin-top: -6px;
margin-bottom: 5px;	
}
#s-recommend dl .view span {font-weight: bold;margin-right: 5px;} 


/*
#############################
 matome-section
#############################
*/

.matome-section h2, .matome-index h2, div#article h2 {
    padding: 15px 15px 13px 25px;
    margin: 20px 0;
    background-color: #00BDD8;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
}
.matome-h2a h3 {
    text-align: left;
    padding: 10px 15px 10px 20px;
    font-size: 120%;
    font-weight: bold;
    border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #00BDD8;
    margin: 30px 0;
}

.matome-section img {
	max-width:730px;
	margin:0px auto -10px;
	height:auto;
}
.matomesection-article {
	margin:20px 0;
}
.passnav {
	margin-bottom:0px;
	background-color: #fff;
}

.matome-last {
    background-color: #E8F7FE;
    padding: 112px 30px 30px;
    background-image: url(//wondertrip.jp/wp-content/themes/wt_new/images/howwonderful.png);
    background-repeat: no-repeat;
    background-position: 50% 40px;
    background-size: 368px;
    border-color: #00BCD7;
    border-width: 2px;
    border-style: dotted;
    margin: 0 0 25px 0;
}
.last-how-wonderful {
    background-image: url(//wondertrip.jp/wp-content/themes/wt_new/images/howwonderful.png);
}
.last-its-wonderful {
    background-image: url(//wondertrip.jp/wp-content/themes/wt_new/images/its-wonderful.png);
}
.last-great-travel {
    background-image: url(//wondertrip.jp/wp-content/themes/wt_new/images/great-travel.png);
}
.last-its-so-seriously {
    background-image: url(//wondertrip.jp/wp-content/themes/wt_new/images/its-so-seriously.png);
}

.matome-last h2 {
    text-align: center;
    color: #007B89;
}

.matomesection-html {
    width: 730px;
    margin: 30px auto;
}
.matomesection-html-insta {
    width: 694px;
    text-align: center;
    margin: 30px auto;
    padding: 0 0 0 36px;
}
.matome-image {
    width: 730px;
    text-align: center;
    margin:20px 0;
}
.single-article,.single-lead,.single-last,.single-interviewer,.single-ranking {
    background-color: #F3F3F3;
    padding: 30px;
    margin: 15px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.amzon-area {
    background-color: #E8F7FE;
    padding: 75px 30px 30px;
    background-image: url(//wondertrip.jp/wp-content/themes/wt_new/images/buyonamazon.png);
    background-repeat: no-repeat;
    background-position: 50% 25px;
    background-size: 237px;
    border-color: #00BCD7;
    border-width: 1px;
    border-style: dotted;
    clear: both;
}
.amzon-area-itembox {
    width: 324px;
    float: left;
    /* clear: both; */
    padding: 0 10px 20px 0;
}
.amzon-area-itembox-left {
    width: 30%;
    float: left;
}
.amzon-area-itembox-left img {
    width: 100%;
}
.amzon-area-itembox-right {
    float: right;
    width: 65%;
}
p.amzon-area-itembox-botm {
    background-color: #ff0066;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    margin: 10px 0 0 0;
    color: #fff;
    font-weight: bold;
}

p.amzon-area-itembox-text {
    color: #222;
    font-size: 80%;
    line-height: 165%;
}
p.amzon-area-title {
    text-align: center;
    margin: 0 0 20px;
}


a.matome-h2a {
    color: #222 !important;
    text-decoration: none !important;
}

.matome-index ul {
    padding: 5%;
    border-style: dotted;
    border-width: 1px;
    border-color: #00BCD8;
    margin-bottom:15px;
}
.matome-index ul span {
    font-weight: bold;
}
a.matome-h2a {
    display: block;
    padding: 5px 0 0 0;
}
.matome-right h3 {
    font-size: 95%;
    font-weight: bold;
    margin-bottom: 10px !important;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f3f3f3;
}
.matome-right p {
    font-size: 80%;
    margin: 10px 10px 20px 10px;
    color: #777;
}
.special-cover img {
    width: 100%;
}
.special-cover p {
    text-align: center;
    font-size: 80%;
}


p.reccomend-title {
    text-align: center;
    font-weight: bold;
    color: #D91C5C;
}
.reccomend-box {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    font-size: 90%;
    padding: 4%;
    line-height: 2;
    margin-bottom:15px;
}
p.reccomend-link {
    background-image: url(//wondertrip.jp/wp-content/themes/wondertripSP/images/reccomend.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-size: 18px;
    padding: 0 0 0 27px;
}
p.reccomend-link a {
    color: #D91C5C;
    text-decoration: none !important;
}
p.reccomend-link span {
    color: #D91C5C;
    text-decoration: underline;
}




.matome-video .matomesection-html {
    position: relative;
    width: 100%;
    height:56.25%;
    padding-top: 56.25%;
    margin-bottom: 20px;
}


.matome-video .matomesection-html iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.matomepostscript-video {
    font-size: 80%;
    text-align: center;
    background-color: #efefef;
    margin: 2% 0 2% 0;
    padding: 1%;
}

.adlist div#SPREAD_VIDEO_PLAYER {
    margin-top: 13px !important;
    margin-bottom: 20px !important;
}.reccomend-box div#SPREAD_VIDEO_PLAYER {
    margin-top: 15px !important;
}
.matome-next-recommend {
    border-color: #dd0000;
    border-style: solid;
    border-width: 1px;
    margin: 5% 0;
    padding: 2%;
    color: #dd0000;
    font-weight: bold;
}
#section-panel {
    width: 96%;
    padding: 2%;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #f3f3f3;
}
#section-panel-left {
    float: left;
    width: 114px;
    margin-right: 10px;
}
#section-panel-left img {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
#section-panel-right {
    float: left;
    width: 591px;
}
#section-panel-right h1 {
    font-size: 105%;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 2px;
}

.leadtextisnotlead .single-lead {
    background-color: #fff;
    padding: 0;
}
p.matometranslation {
    padding: 1% 0;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;
    margin: 2% 0%;
    color: #666;
    text-align: center;
}

p#image img {
    width: 100%;
    height: auto;
}


.googlemaps-html iframe {
    width: 100%;
}


.amazonlink {
    border-style: solid;
    border-width: 1px;
    border-color: #EBEDEF;
    margin: 2% 0;
    padding: 3%;
    width: 94%;
    clear: both;
    height: auto;
    overflow: hidden;
}
p.amazonlink-left img {
    border-style: solid;
    border-width: 1px;
    border-color: #EBEDEF;
    width: 100%;
}
p.amazonlink-left {
    width: 30%;
    float: left;
    padding: 0 3% 0 0;
}
p.amazonlink-booklink {
    width: 66%;
    text-align: center;
    background-color: #D44926;
    margin: 1% 0;
    padding: 2% 0;
    float: right;
    color: #fff;
    font-weight: bold;
}
p.amazonlink-booklink.kindlelink {
    background-color: #2F8DBD;
}
p.amazonlink-right {
    width: 66%;
    /* border-style: solid; */
    float: right;
}

.photoby {
    width: 100%;
    text-align: right;
    color: #ccc;
    margin: 1% 0 4% 0;
}


.matomelink {
	border-width:1px;
	border-color:#ebedef;
	border-style:solid;
	padding: 2% 8% 2% 2%;
	width:100%;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fff;
	margin:2% 0;
    background-image: url(//wondertrip.jp/wp-content/themes/wondertripSP/images/ico_more.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 8px 18px;
}
.matomelink-image {
	float:left;
	width:30%;
}
.matomelink-image img {
	width:100%;
}
.matomelink-text {
}
.matomelink-text .matomelink-text-title {
	color:#00BDD8;
	font-weight:bold;
	font-size:13px;
}
.matomelink-text .matomelink-text-description {
	font-size:11px;
	color: #888;
	line-height: 1.8;
}
.matomelink-text .matomelink-url {
	font-size:9px;
	color:#aaa;
	text-decolation:underline;
}
.matomelink-text-gotimage {
    float: right;
    width: 68%;
}
.matome-section.matome-article {
    margin: 10px 0;
}
.matome-last .matomelink-text .matomelink-url {
    color: #fff;
    text-decoration: underline;
}

.matome-last .matomelink {
    background-color: #00BDD8;
    color: #fff;
}.matome-last .matomelink-text .matomelink-text-title {
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0;
}.matome-last .matomelink-text .matomelink-text-description {
    color: #fff;
}
#single #contents {
    background-color: #fff;
}
#single #contents {
    background-color: #fff;
    padding-top: 25px;
}
div#pccover-in-contents h1 {
    margin: 20px;
    font-size: 200%;
    font-weight: bold;
    color: #00BDD8;
    width: 1080px;
    margin: 0 auto;
    color: #fff;
    text-align:center;
}
div#middle-head {
    background-color: #fff;
}
img.pcback {
    height: 99.9%;
    width: 99.9%;
    position: absolute;
    top: -38%;
    left: 0%;
    z-index: -1;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}


.CopyCheckResult {
    border-style: solid;
    border-color: #880000;
    border-width: 2px;
    padding: 10px;
    margin: 10px 0;
}
p.imgsource {
    text-align: right;
    font-size: 70%;
}

td.SpotData {
    word-break: break-all;
}
.spots table {
    font-size: 85%;
    line-height:1.5;
}
.spots {
    margin: 10px;
}
#article-contents .spots h3,#article .spots h3 {
    font-size: 100%;
    margin: 0;
    background-image: url(https://wondertrip.jp/wp-content/themes/wt_new/images/ico_tag.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 14px;
    font-size: 115%;
    color: #444;
    margin: 15px 0 15px 0;
    font-weight: bold;
    padding: 0 0 0 28px;
}
td.Spotcolumn {
    width: 22%;
}
.spots td {
    border-style: solid;
    border-color: #ebedef;
    border-width: 0px 0 1px 0;
    padding: 1%;
}
.spots table {
    width: 100%;
}

td.Spotcolumn {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 10%;
    padding-left: 3%;
}
td.Spotcolumn.SpotName {    background-image: url(/img/spot_name.png);}
td.Spotcolumn.SpotAddress {    background-image: url(/img/spot_address.png);}
td.Spotcolumn.SpotCharge {    background-image: url(/img/spot_charge.png);}
td.Spotcolumn.SpotTime {    background-image: url(/img/spot_time.png);}
td.Spotcolumn.SpotURL {    background-image: url(/img/spot_url-pc.png);}
td.Spotcolumn.OnsenArea {    background-image: url(/img/OnsenArea.png);}
td.Spotcolumn.OnsenTel {    background-image: url(/img/OnsenTel.png);}
td.Spotcolumn.OnsenParking{    background-image: url(/img/OnsenParking.png);}
td.Spotcolumn.OnsenFood {    background-image: url(/img/OnsenFood.png);}
td.Spotcolumn.OnsenToday {    background-image: url(/img/OnsenToday.png);}
td.Spotcolumn.OnsenOutdoor {    background-image: url(/img/OnsenOutdoor.png);}
td.Spotcolumn.OnsenGensen {    background-image: url(/img/OnsenGensen.png);}
td.Spotcolumn.OnsenBaby {    background-image: url(/img/OnsenBaby.png);}
td.Spotcolumn.OnsenScore {    background-image: url(/img/OnsenScore.png);}



ul.editors {
    padding: 10px;
    line-height: 1.8;
    font-size: 90%;
}
ul.editors a {
    color: #00bddb;
}
ul.editors li {
    padding: 5px 0 5px 17px;
    background-image: url(//wondertrip.jp/wp-content/themes/wondertripSP/images/ico_more.png);
    background-repeat: no-repeat;
    background-position: 0% 46%;
    background-size: 10px 10px;
}
div#pccover-in-contents {
    padding: 200px 0 20px 0;
    background: linear-gradient( rgba(255, 255, 255, .1), rgba(0, 0, 0, .3));
}
.adlist.single-section {
    margin: 40px 0 10px 0;
}span.photobyinstagram a {
    color: #555 !important;
}


.AmazonViewImg img {
    width: 300px;
    height: auto;
}
.AmazonViewImg {
    float: left;
    width: 300px;
    padding: 10px;
}
.AmazonViewDesc {
    float: right;
    width: 400px;
}h3.AmazonTitle {
    font-size: 120%;
    font-weight: bold;
    margin-top: 20px;
}
blockquote.AmazonDesc {
    font-size: 85%;
    line-height: 1.7;
    color: #555;
}
span.AmazonQuote {
    font-size: 14px !important;
    display: block;
    width: 100%;
    text-align: right;
}
a.AmazonViewLink {
    display: block;
    background-color: #D14524;
    text-align: center;
    color: #fff !important;
    padding: 2% 0;
    font-weight: bold;
}
.matomesection-article iframe {
    width: 100%;
    min-height: 500px;
}
blockquote.wp-embedded-content {
    display: none;
}
.insta {
    width: 658px;
    min-height: 530px;
    margin: 40px auto;
}
p.photolicense {
    margin: 0;
    text-align: right;
    font-size: 80%;
    color: #999;
}

.index li {
    padding: 1px 0% 1px 4%;
    background-image: url(//wondertrip.jp/wp-content/themes/wondertripSP/images/ico_more.png);
    background-repeat: no-repeat;
    background-position: 2% center;
    background-size: 8px 12px;
}
li.miniindex {
    background-image: none;
    padding: 2px 0% 2px 7%;
}
#index a {
    color: #055DB8;
}


p.InstaPage {
    height: 40px;
    margin: 0 0 7px 0;
}
img.InstaUser {
    width: 40px !important;
    height: 40px !important;
    border-radius: 23px;
    vertical-align: middle;
    margin: 0 10px 0px 0 !important;
    float: left;


}span.instausername {
    color: #333;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-weight:bold;
}span.photobyinstagram {
    float: right;
    font-size:85%;
}


img.avatar.avatar-125.photo {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.DisplayAuthor {
    border-style: solid;
    border-width: 1px;
    border-color: #F3F3F3;
    padding: 2%;
    width: 96%;
    overflow: hidden;
}
.DisplayAuthorLeft {
    float: left;
    width: 100px;
}
.DisplayAuthorRight {
    float: right;
    width: 588px;
}
p.DisplayAuthorTitle {
    font-size: 90%;
    font-weight: bold;
}
p.DisplayAuthorDescription {
    font-size: 80%;
    line-height: 1.8;
}
.matome-last .matome-image {
    width: 666px;
}
.matome-last .matome-image img {
    width: 100%;
}#article a.OnsenIkyulink {
    color: #ffffff;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #D24525;
    padding: 2%;
    text-align: center;
    margin: 2%;
    font-weight: bold;
    background-color: #D24525;
}