/*
Theme Name: Happyraft Japanese
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Happyraft
Author URI: http://happyraft.com/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://test.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
*{line-height: 1.6em;}
html{border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',Verdana,Osaka,"ＭＳ Ｐゴシック",osaka,sans-serif;
}
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 11px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',Verdana,Osaka,"ＭＳ Ｐゴシック",osaka,sans-serif;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	  -webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

body {
	min-width: 1000px;
	-webkit-text-size-adjust: none;
}
#page {
	margin: 0 auto; padding:0 20px;
	width: 950px;
}
#branding .hgroup {
	margin: 0 7.6%; clear:both; height:116px;
}
#access div {
	margin: 0 1%; line-height: 1.625;
}
#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}
#secondary {
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 0 0 240px;
	width: 710px;
	position: relative;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 950px;
}
.left-sidebar #content {
	margin: 0 0 0 240px;
	width: 710px;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 220px;
}

/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}
body {
	background: #e2e2e2;
}
#page {
	background: #fff;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {}
dt {}
dd {}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
	border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
	display: block;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#fc0c0d, #ee0607);
	background: -o-linear-gradient(#fc0c0d, #ee0607);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc0c0d), to(#ee0607)); /* older webkit syntax */
	background: -webkit-linear-gradient(#fc0c0d, #ee0607);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 950px;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative; border-right:1px solid #333; text-align:center; 
}
#access a {
	color: #eee;
	display: block;
	padding: 0.5em 1.6em;
	text-decoration: none; letter-spacing:0.3em; font-weight:bold; font-size:12px;line-height: 1.8em;
}
#access img{ display: inline;}
#access a div{ font-size:10px;letter-spacing:0.1em; line-height:1.3em; font-weight:normal;}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #a90506; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#e10809, #a90506);
	background: -o-linear-gradient(#e10809, #a90506);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e10809), to(#a90506)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#e10809, #a90506);
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
	background: #333333; /* Show a solid color for older browsers */
	color: #fff;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 1em 0 0;
}
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
	padding-right: 76px;
}
.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
.entry-title,
.entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	padding: 0; font-size:12px; letter-spacing:0.1em;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	/*color: #FCCF00;*/
	color:#fcdb00;
    font-family: Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",Arial,Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.entry-content h3,
.wrapper h3,
.wrapper2 h3 {
	/*color: #FCCF00;*/
	color:#fcdb00;
    font-family: Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",Arial,Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
}
.entry-content h4,
.comment-content h4,
.wrapper h4,
.wrapper2 h4  {
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.1em;
	text-transform: uppercase;
	color:#fff;
	margin-bottom:3px;}

.entry-content table,
.comment-content table {
}
.entry-content th,
.comment-content th {
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
article.format-status .entry-content {
	min-height: 65px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
	border-bottom: none;
	padding: 0;
	position: relative;
}
.singular.page .hentry {
	padding: 0;
}
.singular .entry-title {
display: none;
}
.single-post .entry-title {
display: block !important;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
}
blockquote.pull.alignleft,
blockquote.pull.alignright {
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left:auto;
	position: absolute;
	right:0px;
	top: 10px;
}


/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
	max-width: 100%;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
	margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
	display: block;
	margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	overflow: hidden;
	padding: 4%;
	max-width: 96%;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 1.625em 0 0.625em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}

/* Featured post */
section.featured-post {
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 1.625em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}

/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 1.625em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}

/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	max-width: 1000px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}
#nav-single .nav-previous {
	padding-right: .5em;
}


/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 1em;
}
.widget-title {display:none;}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {	text-decoration: none; }
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}

/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	border: 0;
	padding: 0;
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
}
#supplementary {
	padding: 0;
	overflow: hidden;
}
#supplementary #second{width:292px; float:right; margin-left:15px;}
#supplementary #third{ float:right}
#supplementary #third .photo4{height:200px; width:370px;}
/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

/* Site Generator Line */
#site-generator {
	color: #666;
	font-size: 10px;
	line-height: 2.2em;
	padding: 1em 0.5em; float:right;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}

/* =IE8
----------------------------------------------- */

#ie8 section.feature-image.large img {
	width: 100%;
}
/* navi
----------------------------------------------- */
#navigation {
	width:950px;
	padding:0px 0px;
	position:relative;
}
#branding .logo{ top:3px; left:0px; position:absolute; width:205px; height:113px;}
#branding .numcontact{ left:475px; top:55px; width:472px; height:45px;background:url(images/base/num.png) no-repeat 0px 5px; position:absolute; color:#FFF; font-size:36px; text-align:right; font-weight:bold;}
#branding .numcontact a{ color:#FFF; font-size:35px; font-weight:bold;text-decoration:none;}
#branding .numcontact a:visited{ color:#FFF; font-size:35px; font-weight:bold;text-decoration:none;}
#branding .numcontact a:hover { color:#FFF; font-size:35px; font-weight:bold; text-decoration:none;}
#branding h2{ top:10px; left:205px; position:absolute; height:15px; font-size:10px; font-weight:normal; color:#CCC;}
#branding .subnavi{ top:10px; left:753px; position:absolute; width:90px; height:26px;background: url(images/base/icon01.gif) no-repeat left 5px; padding-left:10px;}
#branding .subnavi a{ color:#FFF; font-size:10px;}
#branding .eng{ top:0px; left:89%; position:absolute; width:102px; height:26px;}
#branding .cap{ top:80px; left:212px; position:absolute; width:215px; height:15px; font-size:10px; font-weight:normal; color:#fff;}
.contact {
    background: url(images/base/contact.gif) no-repeat scroll 0 0 transparent;
    height: 175px;
    position: relative;
    width: 220px;
}
.contact .number {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    left: 36px;
    position: absolute;
    top: 53px;
}
.contact .number a {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
}
.contact .booking {
    height: 50px;
    left: 9px;
    position: absolute;
    top: 115px;
    width: 203px; margin:0;
}
/* add others
----------------------------------------------- */
#jslidernews1{margin-bottom:15px;}
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}
.twtr-widget h3,h4 {clear:none;}
.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.fcrd{color:#FF0922;}
.fwb{font-weight:bold;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.ml20{margin-left:20px;}
.mlr30{margin-left:30px; margin-right:30px}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mtb20{margin-bottom:20px; margin-top:20px;}
.clrb{clear:both;}
.txc{text-align:center;}
.texr{text-align:right;}
.fltl{float:left;}
.fltr{float:right;}
/* ------------ footer------------ */
#footer {
	clear: both;
	font-size:10px;
margin:0 auto;text-align: center;
	background-color:#333333; width:950px; border-bottom:#fe0001 solid 13px;
	overflow:hidden;
	height:100%; padding:20px 20px 0;
}
#footer  a{ color:#fff; font-size:10px; letter-spacing:1.9px;}
#footer .logo{ float:left; width:270px; font-size:10px; text-align:left;}
#footer ul{ margin:0; text-align:left; float:left; width:170px;}
#footer ul li{ list-style:none; background: url("images/base/icon01.gif") no-repeat scroll left 5px transparent;
    height: 19px; padding-left:10px; font-size:11px;}
.footer_bt{
	text-align: right;
clear: both;
    padding: 1em 0 0;
	height:39px; 
}

/* ------------ top------------ */
.top_raft{ width:345px; height:285px;background:url(images/top/rafting.gif) no-repeat; position:relative; float:left;}
.top_raft img{top:0px; left:0px; position:absolute;}
.top_raft h2{top:203px; left:23px;color:#333333; font-size:14px; font-weight:bold; text-decoration:underline; position:absolute;}
.top_raft h2 a{ color:#333333;}
.top_raft .cap{top:227px; left:12px;color:#333333; font-size:11px; font-weight:normal; position:absolute; width:215px; height:40px; line-height:140%;}
.top_canyon{ width:345px; height:285px;background:url(images/top/canyoning.gif) no-repeat; position:relative; float:left; margin-left:20px; }
.top_canyon img{top:0px; left:0px; position:absolute;}
.top_canyon h2{top:203px; left:23px;color:#333333; font-size:14px; font-weight:bold; text-decoration:underline; position:absolute;}
.top_canyon h2 a{ color:#333333;}
.top_canyon .cap{top:227px; left:12px;color:#333333; font-size:11px; font-weight:normal; position:absolute; width:270px; height:40px; line-height:140%;}
.top_movie{ width:560px; height:325px;background:url(images/top/happymovie.jpg) no-repeat; padding:5px 5px 5px 145px; display:block; margin-top:20px; }
.topics{ padding:20px; width:910px;}
.topics ul { padding-top:5px;}
.topics ul li{	border-bottom:#7e9111 1px dotted;	padding:3px;	list-style-type: none;}
.topics ul .storydate {    color: #333333;    font-size: 9px;    line-height: 100%; margin-right:20px;}
.top_gallery{background: url(images/top/gallery.jpg) no-repeat scroll 0 0 transparent;
    border-bottom-color: #CCCCCC;
    color: #FFFFFF;
    height: 340px;
    padding-left: 24px;
    padding-top: 58px;
    width: 398px; float:left;}
.top_fb{ float:left;width:292px; height:340px; background-color:#fff;}
.cpbox{ width:700px; min-height:150px;position:relative; float:left;  border:#333 5px solid; margin:10px 0; }
.cpbox .cptitle {top:13px; left:230px; width:460px; position:absolute;color: #FFFFFF;
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 17px;    font-weight: bold;    letter-spacing: 0;    line-height: 1.1em;　text-transform: uppercase;}
.cpbox .cptext{top:30px; left:230px; font-size:11px; font-weight:normal; position:absolute; width:460px; line-height:170%;  padding-top:10px;letter-spacing: 0.1em;  overflow: hidden; height:100px;}
.cpbox .cpimage{top:10px; left:10px; position:absolute; width:200px; height:130px; overflow: hidden; text-align:center; }
.info{ margin:20px 0;}
.info ul{border-top: 1px solid #444444; width:710px; margin:0;}
.info ul li{border-bottom: 1px dotted #444444; list-style:none; padding:5px 10px; }
.info ul li .date{ color: #FF0922;font-size:10px; margin-right:10px;}
.info ul li a{ color: #FFF; font-size:11px;}
@media all and (min-width: 0) and (max-width: 767px) {.info ul{ width:100%; }}
/* ------------ low------------ */
#breadcrumbs { font-size:10px; border-bottom: 1px dotted #666666; padding-bottom:5px; margin-bottom:10px; } 
#breadcrumbs a{color:#fff; font-size:10px;}
.mvisual{margin-bottom:30px;}
.wrapper {    border-top: 1px solid #444444; margin-top:30px; padding-top: 30px; clear:both; line-height: 1.6em;}
.wrapper2 {    margin-top:0px; padding-top: 30px; clear:both; line-height: 1.6em;}
table .tour {    background-color: #222222;    color: #FFFFFF;    font-weight: bold;    text-align: center;}
table .high {    background-color: #444444;    color: #FFFFFF;}
table .red {    color: #FF0922;}
table ul{ margin-bottom:10px;}
.table01{border-collapse: collapse;
    border-spacing: 0; margin:0 40px 20px; width:630px;}
.table01 th{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	background-color:#222222;
	text-align:left;
	vertical-align:top;
	padding:10px 20px;
	width:110px;
	letter-spacing:0.2em;
	font-style: normal;
	font-weight: normal; color:#FFF;
}
.table01 td{
	border-top: solid #333333 1px;
	border-bottom: solid #333333 1px;
	border-left: solid #333333 1px;
	border-right: solid #333333 1px;
	padding:10px 20px;
	letter-spacing:0.1em;
}
.sidemenu { background-color: #030303; border:#626262 1px solid; width:218px;}
.sidemenu dt{background: url(images/base/icon02.gif) no-repeat 10px 20px  #333;  padding: 15px 0 15px 30px; text-align: left; width: 188px; font-weight:bold; letter-spacing: 0.2em;}
.sidemenu dt span{	font-size: 10px; font-weight: normal; letter-spacing: 0.1em;}
.sidemenu dt a{color:#fff; font-size:15px;}
.sidemenu dd{ border-top: 1px dotted #666666;font-size:12px; padding: 10px 0 10px 25px; font-weight:bold; text-align: left; width: 193px;}
.sidemenu dd a{font-size:11px; color:#fff;}
#numcontact {
    background: url(images/base/num.png) no-repeat scroll 0 0 transparent; height: 45px; margin: 30px; text-align: right; width: 472px;}
#numcontact a { color: #FFFFFF; font-size: 36px; font-weight: bold; letter-spacing: 0; line-height: 1.1em; text-decoration: none;}
#numcontacten {
    background: url(images/en/num.png) no-repeat scroll 0 0 transparent; height: 45px; margin: 30px; text-align: right; width: 472px;}
#numcontacten a { color: #FFFFFF; font-size: 36px; font-weight: bold; letter-spacing: 0; line-height: 1.1em; text-decoration: none;}
#bookhere {margin-bottom:60px;}
#bookhere .caution{ font-size:12px; font-weight: bold; margin:30px 0; background-color:#222; padding:20px; line-height:2em;}
#bookhere .caution div{font-weight:normal;}
.block0{ float:left;  line-height:1.6em; }
.block1l{ float:left; width:370px; line-height:1.6em; }
.block1r{ float:right; margin:0 0 40px 20px;}
.block2l{ float:left; width:200px; margin-bottom:40px; }
.block2r{ float:left; margin:0 0 40px 20px; width:470px;}
.block3l{ float:left; width:290px; margin-bottom:40px; }
.block3r{ float:left; margin:0 0 40px 20px; width:400px;}
.block4r{float:right; margin:0 0 40px 20px;}
.block4l{  float:left; width:370px; line-height:1.6em; }
.blockimgl img{margin: 0 20px 20px 0;float: left; width:50%;}
.blockimgr img{margin: 0 0 20px 20px;float: right; width:50%;}
.blockimgl h3,.blockimgr h3{ display: inline-block; margin-bottom:20px;}
@media all and (min-width: 0) and (max-width: 767px) {	
.blockimgl h3,.blockimgr h3{ display: block; margin-bottom:30px; }
.blockimgl img,.blockimgr img{ float:none; width:100%; margin:0 auto 30px;}
}
 /* ------------ about------------ */
.point{ border-bottom:#666 1px dotted; position:relative; float:left;width:710px; margin-bottom:15px; min-height:230px;}
.point .num{top:0px; left:0px; position:absolute;font-size: 45px; color:#fff;}
.point .title{top:8px; left:60px; position:absolute; font-size: 26px; font-weight: bold;
    letter-spacing: 0; text-transform: uppercase; color:#fff;}
.point .titlejpn{ top:40px; left:60px; position:absolute; font-size:11px; font-weight:normal;}
.point img{top:65px; left:0px; position:absolute;}
.point .exp{top:65px; left:220px; position:absolute; height:100px; line-height: 1.6em;}
.point .exp div{ font-size: 16px; font-weight: bold; margin-bottom:10px;}
.points{ border-bottom:#666 1px dotted; position:relative; float:left;width:340px; margin:0 15px 15px 0 ; min-height:270px;}
.points .num{top:0px; left:0px; position:absolute;font-size: 45px; color:#fff;}
.points .title{top:3px; left:60px; position:absolute; font-size: 26px; font-weight: bold;
    letter-spacing: 0; text-transform: uppercase; color:#fff; line-height:0.9em;}
.points .titlejpn{ top:50px; left:60px; position:absolute; font-size:11px; font-weight:normal;}
.points img{top:77px; left:0px; position:absolute;}
.points .exp{top:75px; left:140px; position:absolute; line-height: 1.6em;}
.points .exp div{ font-size: 16px; font-weight: bold; margin-bottom:10px;}
 /* ------------ staff------------ */
.staffbox{ width:710px; min-height:300px;position:relative; float:left;  border-bottom:#666 1px dotted; }
.staffbox .sname{top:55px; left:200px; position:absolute;color: #FFFFFF;
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 24px;    font-weight: bold;    letter-spacing: 0;    line-height: 1.1em;　text-transform: uppercase;}
.staffbox .skana{top:37px; left:200px; position:absolute; color: #FCCF00;
    font-family: Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",Arial,Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;    font-size: 10px;letter-spacing: 0.1em;}
.staffbox .snational{top:87px; left:350px;font-size:10px; font-weight:normal; position:absolute; width:210px; height:40px; line-height:140%;}
.staffbox .sexp{top:87px; left:200px; font-size:10px; font-weight:normal; position:absolute; width:210px; height:40px; line-height:140%;}
.staffbox .scomment{top:100px; left:200px; font-size:11px; font-weight:normal; position:absolute; width:510px; line-height:170%;  padding-top:10px;letter-spacing: 0.1em;  overflow: hidden;}
.staffbox .sphoto{top:40px; left:0px; position:absolute; width:180px; height:220px; overflow: hidden; }
.staffbox .stour{top:50px; left:500px; position:absolute; text-align:right; width:210px; height:45px;}
.staffbox2{ width:340px; min-height:370px;position:relative; float:left; border-bottom:#666 1px dotted; border-left:#666 1px dotted; margin:10px 14px 0 0;}
.staffbox2 .sname{top:37px; left:220px; position:absolute;color: #FFFFFF;
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 24px;    font-weight: bold;    letter-spacing: 0;    line-height: 1.1em;　text-transform: uppercase;}
.staffbox2 .skana{top:20px; left:220px; position:absolute; color: #FCCF00;
    font-family: Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",Arial,Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;    font-size: 10px;letter-spacing: 0.1em;}
.staffbox2 .snational{top:90px; left:220px;font-size:10px; font-weight:normal; position:absolute; width:210px; height:40px; line-height:140%;}
.staffbox2 .sexp{top:72px; left:220px; font-size:10px; font-weight:normal; position:absolute; width:210px; height:40px; line-height:140%;}
.staffbox2 .scomment{top:170px; left:20px; font-size:11px; font-weight:normal; position:absolute; width:320px; line-height:170%;  padding-top:10px;letter-spacing: 0.1em;  overflow: hidden;}
.staffbox2 .sphoto{top:20px; left:20px; position:absolute; width:180px; height:220px; overflow: hidden; }
.staffbox2 .stour{top:120px; left:220px; position:absolute; text-align:left; width:100px; height:45px;}
 /* ------------ building------------ */
.bldbox{ width:340px; min-height:150px;position:relative; float:left;  margin:10px 14px 0 0;}
.bldbox .name{top:3px; left:200px; position:absolute;color: #FFFFFF;
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 14px;    font-weight: bold;    letter-spacing: 0;    line-height: 1.1em;　text-transform: uppercase;}
.bldbox .kana{top:0px; left:200px; position:absolute; color: #FCCF00;
    font-family: Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",Arial,Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;    font-size: 10px;letter-spacing: 0.1em;}
.bldbox .comment{top:20px; left:200px; font-size:11px; font-weight:normal; position:absolute; width:130px; line-height:170%;  padding-top:10px;letter-spacing: 0.1em;  overflow: hidden;}
.bldbox .photo{top:0px; left:0px; position:absolute; width:190px; overflow: hidden; }
.bldbox2{ width:710px; min-height:235px;position:relative; float:left;  margin:30px 14px 0 0;}
.bldbox2 .name{top:17px; left:310px; position:absolute;color: #FFFFFF;
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 14px;    font-weight: bold;    letter-spacing: 0;    line-height: 1.1em;　text-transform: uppercase;}
.bldbox2 .name span { display: inline-block; font-size: 14px; line-height: 1.1em; }
.bldbox2 .kana{top:0px; left:310px; position:absolute; color: #FCCF00;
    font-family: Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",Arial,Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;    font-size: 10px;letter-spacing: 0.1em;}
.bldbox2 .comment{top:27px; left:310px; font-size:11px; font-weight:normal; position:absolute; width:380px; line-height:170%;  padding-top:10px;letter-spacing: 0.1em;  overflow: hidden;}
.bldbox2 .photo{top:0px; left:0px; position:absolute; width:310px; overflow: hidden; }
.bldbox2 .photo2{top:115px; left:310px; position:absolute; width:190px; overflow: hidden; }
.bldbox2 .photo3{top:115px; left:475px; position:absolute; width:190px; overflow: hidden; }
.photo4 div{ width:170px; overflow: hidden; float:left;}
 /* ------------ guesthouse------------ */
.ghbox{ width:710px;  float:left; min-height:400px;  border-bottom:#666 1px dotted; position:relative; margin-top:30px; }
.ghbox .name{ top:0px; left:0px; position:absolute; color: color: #FFFFFF;
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 24px;    font-weight: bold;    letter-spacing: 0;    line-height: 1.1em;　text-transform: uppercase;}
.ghbox .name span { display: block; font-size: 24px; }
.ghbox .photo{top:0px; left:500px; position:absolute;width:180px; height:190px; overflow: hidden;}
.ghbox .photo2{top:0px; left:300px; position:absolute;width:180px; height:190px; overflow: hidden;}
.ghbox .text{top:50px; left:0px; position:absolute;width:280px; height:140px; overflow: hidden;}
.ghbox .exp{ top:200px; left:0px; position:absolute;width:710px; }
.ghbox .exp th{ text-align:right; width:120px;}
.ghbox .photo{width:180px; overflow: hidden;}
.table01{border-collapse: collapse;
    border-spacing: 0; margin:0 40px 20px; width:630px;}
.ghbox table th{
	background-color:#222222;
	border-bottom:1px solid #030303;
	text-align:left;
	vertical-align:top;
	padding:7px 5px;
	width:110px;
	letter-spacing:0.2em;
	font-style: normal;
	font-weight: normal; color:#FFF; font-size:10px;
}
.ghbox table td{
	padding:7px 5px 7px 10px; font-size:10px;
	letter-spacing:0.1em;
}

/*--　qa page----*/
#qabox{  width:600px;  margin-top:20px; position:relative;}
#qabox div{ margin:10px 45px;}
#qabox .category{ padding:13px 0 8px 30px; font-weight:bold; list-style:none; letter-spacing:0.1em; color: #fccf00}
#qabox ul{ padding-left:90px; }
#qabox ul li{ line-height:200%;}
#qabox ul a{ text-decoration:underline; color: #CCC;}
#qabox ul a:hover{ color: #fccf00;} 
.qaq{background-image: url(images/qa/q.png);
	background-repeat: no-repeat; background-position:15px 15px; padding:20px 0 13px 50px; list-style:none;  letter-spacing:0.1em; color:#fccf00;}
.qaa{background: url(images/qa/a.png) no-repeat 10px 10px #1B1B1B;
	padding:15px 20px 20px 50px; margin:0 30px 10px; color:#fff; line-height: 1.6em;}
	.qaa a{color:#00B1E0;}
/*--　combo page----*/
.combotype{ float:left; width:210px;}
.combotype .exp{ line-height:1.5em; margin:5px 0; height:85px;}
.combotype .days{font-weight:bold; margin-top:10px;}
.combotype ul{ line-height:1.7em; margin-bottom:10px; height:65px;}
.tbcombo {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 20px 20px;
    width: 630px;
}
.tbcombo th {
    background-color: #222222;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    border-top: 1px solid #333333;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.2em;
    padding: 10px 20px;
    text-align: left;
    vertical-align: top;
    width: 80px;
}
.tbcombo td {
    border-color: #333333;
    border-style: solid;
    border-width: 1px;
    letter-spacing: 0.1em;
    padding: 10px 15px;
    vertical-align: top;
}
/* ------------ booking------------ */
#booking-form{margin:0 40px 20px; width:630px;}
#btn_back{ margin-bottom:6px;}
/* ------------ Gallery------------ */
.gslide{ height:140px; border:none #030303;}
.gslide td{ vertical-align:top; border:none;}
/* ------------bank------------ */
#bank table{width:90%;}
#bank table th{ width:130px; text-align:right;}
#bank table td{ border:none;}
#bank dl{ margin:0 10px 10px;}
#bank dl dt { float:left;}
#bank .box{ background-color:#222222; padding:20px;}
#bank .box .caution{ background-color:#FF0922; color:#fff; padding:5px;}
#credit table{width:90%;}
#credit table th{ vertical-align:top; border-bottom:1px dashed #222222; padding:10px 0; }
#credit table td{ border:none; width:250px; padding:10px 0;}
/* ------------blog------------ */
.post .box{ background-color:#222222; padding:20px; margin-bottom:50px;}
.post .box .caution{ background-color:#FF0922; color:#fff; padding:5px;}
.post .box dt{ padding:10px 5px;  width : 65px;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
  text-align:right;
}
.post .box dt:after {
  content:'：';}
.post .box dd{ padding:10px 0;    width : auto;
  margin-left : 70px;/* DTの幅分の設定 */
}
/* ------------ link------------ */
.linkbox{ width:710px; min-height:110px;position:relative; float:left;  border-bottom:#666 1px dotted; margin-bottom:20px; }
.linkbox .lname a{top:0px; left:240px; position:absolute;color: #FFFFFF;
    font-family: Helvetica,Arial,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 18px;    font-weight: bold;    letter-spacing: 0;    line-height: 1.1em;　text-transform: uppercase;}
.linkbox .ltext{top:15px; left:240px; font-size:11px; font-weight:normal; position:absolute; width:460px; line-height:170%;  padding-top:10px;letter-spacing: 0.1em;  overflow: hidden;}
.linkbox .lphoto{top:0px; left:0px; position:absolute; width:220px; height:220px; overflow: hidden; text-align:center; }
/*-----　privacy page--------------*/
.privacy ol{ padding-left:40px;}
.privacy ol li{ margin:0px 5px 10px;  }
.privacy ol li span { display: block; }
/* ------------ sitemap------------ */
.sitemap{	font-size: 12px;	line-height: 3em;	margin-left: 10px; letter-spacing:0.2em;}
.sitemap a{color:#fff; line-height: 3em;}
.sitemap a:hover{	padding: 5px 5px;	color: #fff;	text-decoration: none;	background-color: #FF0922;	font-size: 12px;}
.sitemap .levelbox{border-bottom: 1px solid #444444}
.sitemap .level00{	color: #666666;	padding-left:25px;	border-bottom: 1px solid #444444; background: url(images/base/icon01.gif) no-repeat 12px 17px;padding-top: 5px;}
.sitemap .level01{	color: #999999;	padding-left:25px;	background: url(images/base/icon01.gif) no-repeat 12px 17px;	width: 630px;	padding-top: 5px;}
.sitemap .level011{	color: #999999;	padding-left:25px;	background: url(images/base/icon01.gif) no-repeat 12px 17px;	width: 630px;	padding-top: 5px;}
.sitemap .level012{	width: 470px;	padding:5px 0px; margin-left: 140px; border-top-width: 1px;	border-top-style: dotted; border-top-color: #999; display:block;	color:#849426;}
.sitemap .level02{	width: 450px;	padding-left:10px;	margin-left: 150px;	border-top-width: 1px;	border-top-style: dotted; border-top-color: #999; display:block;	color:#849426;}

	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


.sp {
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px) {	
	.pc {
		display: none;
	}
	
	.sp {
		display: block;
	}
	
	body {
		min-width: inherit !important;
		position: relative;
		-webkit-text-size-adjust: none;
	}
	
	body > img {
		display: none;
	}
	
	#page {
		padding: 0;
		width: auto;
		background-color: #000;
	}
		
	body.custom-background {
		background: #000 !important;
		background-attachment: inherit;
		background-image: inherit;
		background-position: inherit;
	}
		
	#branding {
		padding: 8px 5px 0px 10px;
	}
	
	#branding .hgroup {
		margin: 0;
		height: auto;
	}
	
	#branding h2 {
		display: none;
	}
	
	#branding .subnavi {
		display: none;
	}
	
	#branding .eng {
		display: none;
	}
	
	#branding .cap {
		display: none;
	}
	
	#branding .numcontact {
		display: none;
	}
	
	#branding .logo {
		position: inherit;
		width: auto;
		height: auto;
		float: left;
		width: 80px;
	}
	
	#branding .logo img {
		width: 80px;
	}
	
	#branding .rBox {
		float: right;
		width: 212px;
	}
	
	#branding .rBox .textBox {
		float: left;
		width: 116px;
	}
	
	#branding .rBox .textBox .topImg {
		margin-bottom: 0px;
	}
	
	#branding .rBox .textBox .tel {
		margin: 0 0 0 -10px;
		line-height: 1.5;
	}
	
	#branding .rBox .textBox .tel img {
		display: inline-block;
		vertical-align: middle;
	}
	
	#branding .rBox .textBox .tel a {
		color: #fff;
		font-size: 15px;
	}

	#branding .rBox .linkUl {
		margin: 0;
		width: 92px;
		float: right;
	}
	
	#branding .rBox .linkUl li {
		list-style: none;
		float: left;
	}

	#branding .rBox .linkUl li:last-child {
		float: right;
	}
	
	#toggleMenu.on {
		height: 45px;
		background: #2D2D2D;
	}
	
	#main {
		padding: 0;
	}
			
    .navi {
		margin: 0 0px 13px;
		padding: 10px 0 0;
		clear: both;
	}
	
    .navi li {
		float: left;
		width: 50%;
		list-style: none;
	}
	
	.navi li a {
		padding: 9px 4px;
		display: block;
		color: #fff;
		font-size: 11px;
		text-align: center;
		text-decoration: none;
		background: #3B3A3A url(images/sp_bg02.gif) repeat-x left top;
		background-size: 13px 37px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	.navi li：nth-child(2n) {
		border: none;
	}
	
	#jslidernews1 {
		display: none;
	}
	
	.foo img {
		width: 100%;
		height: auto;
	}
	
	.foo .slick-dots {
		text-align: center;
		margin: 0 0 9px;
	}
	
	.foo .slick-dots li {
		position: relative;
		display: inline-block;
		width: 4px;
		height: 4px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.foo .slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 6px;
		height: 6px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: url(images/sp_icon06_out.gif) repeat-x left top;
		background-size: 6px 6px;
	}
	
	.foo .slick-dots li.slick-active button {
		background: url(images/sp_icon06_over.gif) repeat-x left top;
		background-size: 6px 6px;
	}
	
	#access {
		display: none !important;
	}
	
	.top_canyon {
		display: none;
	}
	
	.top_movie {
		display: none;
	}
	
	.home .mt20 {
		display: none;
	}
	
	.singular #content, .left-sidebar.singular #content {
		margin: 0 0 0;
		width: auto;
	}
	.archive #content, .left-sidebar.singular #content {
		margin: 0 0 0;
		width: auto;
	}
	
	#post-112 {
		display: none;
	}
	
	.left-sidebar #primary {
		margin: 0;
		width: auto;
		float: none;
		padding: 2px 6px;
		overflow: hidden;
	}
	
	.cpbox {
		margin: 5px -6px;
		width: auto;
		float: none;
		border: 2px solid #323232;
	}
		
	.left-sidebar #secondary {
		width: auto;
	}
	
	.cpbox .cpimage {
		width: 90px;
	}
	
	.cpbox .cpimage img {
		width: 100%;
	}
	
	.cpbox .cptitle {
		width: auto;
		left: 113px;
		font-size: 10px;
	}
	
	.cpbox .cptext {
		width: auto;
		left: 113px;
		font-size: 8px;
	}
	
	#text-2,
	#text-3,
	#text-4,
	#text-5,
	#text-6,
	#text-7,
	#text-11 {
		display: none;
	}
	
	#secondary {
		display: none;
	}
	
	.left-sidebar #secondary {
		width: 100%;
		float: none;
	}
	
	#text-10 {
		clear: inherit;
		float: left;
		width: 49%;
	}
		
	#text-11 {
		clear: inherit;
		float: right;
		width: 49%;
	}
	
	.textwidget img {
		width: 100%;
	}
	
	#colophon {
		display: none;
	}
		
	#footer {
		padding: 10px 0 0;
		width: auto;
		border: none;
		background-color: #232323;
	}
	
	#footer ul {
		float: none;
		width: auto;
	}
	
	#footer .logo {
		margin-bottom: -25px;
		padding-left: 8px;
		clear: both;
		width: 100px;
	}

	#footer .logo p {
		font-size: 5px;
	}
	
	#footer .logo img {
		width: 100%;
	}
	
	#footer .menu {
		display: none;
	}
	
	#footer .fNavi {
		clear: both;
		margin: 0 10px 20px;
	}
	
	#footer .fNavi li {
		width: 100%;
		float: left;
		font-size: 11px;
		margin-bottom: 5px;
		padding: 0;
		height: auto;
		background: none;
	}
	
	#footer .fNavi li a {
		padding: 12px 10px 12px 18px;
		display: block;
		background: #2D2D2D url(images/sp_icon01.png) no-repeat 4px center;
		background-size: 8px 8px;
		text-decoration: none;
	}
	
	#footer .spNavi {
		margin-bottom: -25px;
		padding-right: 8px;
		float: right;
		width: 157px;
	}
	
	#footer .spNavi li {
		padding: 0;
		float: left;
		width: 50%;
		background: none;
	}
	
	#footer .spNavi li ul li {
		width: 100%;
	}
	
	#footer .spNavi li ul li a {
		padding-left: 7px;
		display: inline-block;
		font-size: 7px;
		background: url(images/sp_icon02.png) no-repeat left 2px;
		background-size: 3px 4px;
	}
	
	#footer #site-generator {
		padding: 8% 0 2%;
		float: none;
		clear: both;
		color: #fff;
		font-size: 5px;
		background: url(images/sp_bg01.png) no-repeat left top;
		background-size: 100% 100%;
	}
		
	#primary .indexImg01 {
		margin: 0px auto 30px;
	}
	
	#primary .indexImg02 {
		margin: 40px auto 30px;
	}
	
	.home .footerTitle {
		display: none !important;
	}
	
	.home .footerLink {
		display: none !important;
	}
	
	.home .comLinkUl01 {
		display: none !important;
	}
		
	.pageTop {
		position: fixed;
		bottom: 5px;
		right: 10px;
		z-index: 1000;
	}
	
	.comLinkUl {
		margin: 0 -6px;
		overflow: hidden;
	}
	
	.comLinkUl01 {
		margin: 0 0 15px;
	}
	
	.comLinkUl li {
		margin-bottom: 10px;
		width: 100%;
		float: left;
	}
	
	.comLinkUl li a {
		display: block;
		background-color: #EE0B17;
		text-decoration: none;
	}
	
	.comLinkUl li img {
		float: right;
	}
	
	.comLinkUl li .lBox {
		max-height: 70px;
		display: block;
		padding: 0px 150px 5px 10px;
		color: #fff;
		font-size: 24px;
	}
	
	.comLinkUl01 li .lBox {
		padding: 0px 150px 5px 11px;
	}
	
	.comLinkUl li .lBox .text {
		margin-top: -2px;
		display: block;
		font-size: 9px;
		/*background: url(images/sp_icon07.gif) no-repeat 73px 20px;
		background-size: 8px 4px;*/
	}
	
	.comLinkUl li:nth-child(2) a {
		background-color: #FED208;
	}
	
	.comLinkUl li:nth-child(2) .lBox {
		color: #293718;
	}
	
	.comLinkUl li:nth-child(2) .lBox .text {
		color: #000;
	}
	
	.comLinkUl li:nth-child(2) .lBox .text {
		background: url(images/sp_icon08.gif) no-repeat 50px 20px;
		background-size: 8px 4px;
	}
	
	.comLinkUl li:nth-child(3) a {
		background-color: #2D2D2D;
	}
	
	.comLinkUl li:nth-child(3) .lBox {
		color: #fff;
	}
	
	.comLinkUl li:nth-child(3) .lBox .text {
		color: #fefefe;
		background: url(images/sp_icon09.gif) no-repeat 130px 20px;
		background-size: 8px 4px;
	}
	
	.comUl {
		margin: 0 5px 10px;
	}
	
	.comUl li {
		float: left;
		width: 48%;
		list-style: none;
	}
	.comUl li:nth-child(2n) {  /* 偶数行 */
		float: right;
	}
	.comUl li:nth-child(2n+1) {  /* 奇数行 */
		float: left;
	}
	
	.comUl li img {
		width: 100%;
	}
	
	.spBox {
		display: none;
		position: absolute;
		left: 0;
		top: 52px;
		padding: 10px 10px 6px;
		width: 100%;
		box-sizing: border-box;
		background: rgba(47,47,47,0.9);
	}
	
	.spBox .topUl {
		margin: 0;
		width: 100%;
	}
	
	.spBox .topUl li {
		margin-bottom: 5px;
		float: left;
		width: 100%;
		list-style: none;
	}
	
	.spBox .topUl li a {
		padding: 7px 5px 7px 20px;
		color: #333;
		display: block;
		background: #fff url(images/sp_icon02.png) no-repeat 10px center;
		text-decoration: none;
		border-radius: 2px;
		background-size: 3px 4px;
	}
	
	.spBox .topUl li:first-child a {
		color: #fff;
		background: #EE0B17 url(images/sp_icon03.gif) no-repeat 10px center;
		background-size: 3px 4px;
	}
	
	.spBox .topUl li:nth-child(2) a {
		color: #000;
		background: #FED208 url(images/sp_icon04.gif) no-repeat 10px center;
		background-size: 3px 4px;
	}
	
	.spBox .contactBox {
		margin-bottom: 5px;
		padding: 10px 10px 8px;
		border: 1px solid #585858;
		background-color: #2D2D2D;
		border-radius: 3px;
	}
	
	.spBox .contactBox .title {
		margin: 0 0 10px;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	
	.spBox .contactBox .small {
		margin: 0 0 8px;
		color: #fff;
		text-align: center;
		font-size: 8px;
	}
	
	.spBox .contactBox .textList {
		margin: 0 0 10px;
		overflow: hidden;
	}
	
	.spBox .contactBox .textList li {
		width: 50%;
		float: left;
		color: #fff;
		list-style: none;
		text-align: center;
	}
	
	.spBox .contactBox .textList li:last-child {
		float: right;
	}
	
	.spBox .contactBox .textList li a {
		font-size: 14px;
		color: #fff;
	}
	
	.spBox .contactBox .textList li img {
		margin: -2px 5px 0 0;
		display: inline-block !important;
		vertical-align: middle;
	}
	
	.spBox .contactBox .btn {
		margin: 0 10px;
	}
	
	.spBox .contactBox .btn a {
		padding: 4px 10px;
		display: block;
		color: #fff;
		border: 1px dotted #FFF;
		border-radius: 3px;
		text-align: center;
		text-decoration: none;
	}
	
	.spBox .contactBox .btn img {
		margin: -2px 5px 0 0;
		display: inline-block !important;
		vertical-align: middle;
	}
	
	.spBox .close a {
		padding: 8px 10px;
		display: block;
		color: #fff;
		font-size: 11px;
		background-color: #0E0E0E;
		border-radius: 3px;
		border: 1px dotted #767676;
		text-align: center;
		text-decoration: none;
	}
	
	.spBox .close img {
		margin: -2px 5px 0 0;
		display: inline-block !important;
		vertical-align: middle;
	}
	
	.footerTitle {
		margin-top: 45px;
		clear: both;
		color: #fff;
		font-size: 15px;
		text-align: center;
	}
	
	.footerLink {
		clear: both;		
		margin: 0 10px 23px;
		overflow: hidden;
		background: url(images/sp_line01.gif) repeat-x left top;
		background-size: 4px 2px;
	}
	
	.footerLink li {
		float: left;
		width: 100%;
		list-style: none;
		background: url(images/sp_line01.gif) repeat-x left bottom;
		background-size: 4px 2px;
	}
	
	.footerLink li a {
		padding: 14px 10px;
		color: #fff;
		font-size: 13px;
		display: block;
		text-decoration: none;
		background: url(images/sp_icon05.png) no-repeat 96% center;
		background-size: 6px 6px;
	}
	
	.pageTitle {
		margin: 7px -6px 10px;
		padding: 16px 10px 16px 18px;
		color: #fff;
		font-size: 12px;
		background-color: #383838;
	}
	
	#breadcrumbs {
		margin: 0 10px 42px;
		padding: 0;
		border: none;
		font-size: 9px;
	}
	
	.headLine01 span {
		padding: 0 2px 7px;
		display: inline-block;
		font-weight: normal !important;
		color: #FFF;
		font-size: 15px !important;
		line-height: inherit !important;
		border-bottom: 1px solid #FFF;
	}
	
	/* ------------ happyraftについて------------ */
	.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
		display: none;
	}
	
	.block0 {
		margin: 0 5px 48px;
		width: auto;
		float: none;
	}
	.block1l {
		margin: 0 5px 48px;
		width: auto;
		float: none;
	}
	.block1l p {
		margin-bottom: 0;
	}
	
	.entry-content h4, .comment-content h4, .wrapper h4, .wrapper2 h4 {
		margin-bottom: 13px;
		text-align: center;
		font-size: 16px;
	}
	
	.entry-content h3, .wrapper h3, .wrapper2 h3 {
		text-align: center;
		font-size: 11px;
	}
		
	.block1r {
		float: none;
		margin: 0 5px 20px;
	}
	
	.block1r img {
		width: 100%;
	}
	.block4r {margin:0 5px 40px;
		
	}
	
	.block4l img {
		width: 100%;float: none;
		margin: 0 0 20px;
	}
	
	.point {
		margin: 0 5px 30px;
		float: none;
		min-height: inherit;
		width: auto;
		border-bottom: none;
	}
	
	.point .num {
		display: none;
	}
	
	.point .title {
		display: none;
	}
	
	.point .titlejpn {
		display: none;
	}
	
	.point img {
		display: block;
		margin: 0 auto 20px !important;
		float: none;
		left: inherit;
		position: inherit;
		text-align: center;
		top: inherit;
		width: 63% !important;
	}
		
	.point .exp {
		left: inherit;
		height: inherit;
		top: inherit;
		position: inherit;
	}
	
	.point .exp div {
		margin-bottom: 0;
		font-size: 11px;
	}
	
	.points .num {
		display: none;
	}
	
	.points .titlejpn {
		display: none;
	}
	
	.points .title {
		display: none;
	}
	
	.points {
		min-height: inherit;
		margin: 0 5px 30px;
		border-bottom: none;
		width: auto;
	}
	
	.points img {
		margin: 0 auto 20px;
		display: block;
		top: inherit;
		left: 0;
		position: inherit;
		width: 80% !important;
		box-sizing: border-box;
	}
	
	.point .mb0 {
		margin-bottom: 0 !important;
	}
	
	.point01 .pc {
		display: none !important;
	}
	
	.point01 img {
		width: 100% !important;
	}
	
	.points .exp {
		position: inherit;
		top: inherit;
		left: inherit;
		position: inherit;
	}
	
	.points .exp a {
		margin-top: 15px;
		display: inline-block;
	}
	
	.points .exp div {
		margin-bottom: 0;
		font-size: 11px;
	}
	
	.sidemenu {
		display: none;
	}
	
	#post-57 .wrapper {
		padding-top: 48px;
		border-top: 1px solid #7A7A7A;
	}
	
	#post-57 .h3Ttl {
		margin-bottom: 40px;
	}
	
	#post-57 .headLine01 {
		text-align: center;
	}
	
	/* ------------ /happyraftについて/施設紹介/------------ */
	.bldbox2 {
		float: none;
		margin: 20px 0 0;
		min-height: inherit;
		width: auto;
	}
	
	.bldbox2 .photo {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
	}
	
	.bldbox2 .name {
		left: inherit;
		top: inherit;
		position: inherit;
	}
	
	.bldbox2 .kana {
		left: inherit;
		position: inherit;
		top: inherit;
	}
	
	.bldbox2 .comment {
		position: inherit;
		width: auto;
		top: inherit;
		left: inherit;
	}
	
	#post-2 h2 {
		margin: 0 5px 20px;
		display: block;
	}
	
	#post-2 h2.sp {
		width: 100%;
	}
	
	#post-2 p {
		margin: 0 5px 40px;
	}

	#post-2 .bldbox2 {
		padding: 45px 5px 0;
		border-top: 1px solid #7A7A7A;
	}
	
	#post-2 .noneLine {
		border: none;
		margin: 0;
		padding-top: 37px;
	}
	
	#post-2 .headLine01 {
		margin-bottom: 10px;
		text-align: center;
	}
	
	#post-2 .ngg-singlepic {
		padding: 0;
	}
	
	#post-2 .comment {
		margin-bottom: 22px;
	}
	
	#post-2 .photo img {
		width: 100%;
	}
	
	#post-2 .photo4 {
		margin: 10px 5px 0;
		overflow: hidden;
	}
	
	#post-2 .photo4 div {
		padding-bottom: 10px;
		width: 48.5%;
	}
	
	#post-2 .photo4 div:nth-child(2n) {
		float: right;
	}
	
	#post-2 .photo4 img {
		width: 100%;
	}
	
	.bldbox2 .photo2 {
		margin: 10px 0 43px; 
		left: inherit;
		top: inherit;
		width: 48.5%;
		float: left;
		position: inherit;
	}
	
	.bldbox2 .photo2 img {
		width: 100%;
	}
	
	.bldbox2 .photo3 {
		margin: 10px 0 43px; 
		left: inherit;
		top: inherit;
		width: 48.5%;
		float: right;
		position: inherit;
	}
	
	.bldbox2 .photo3 img {
		width: 100%;
	}
	
	/* ------------ /happyraftについて/スタッフ紹介/ ------------ */
	#post-178 h2 {
		margin: 0 5px 23px;
		display: block;
	}
	
	#post-178 .block1l {
		margin: 0 5px;
		padding-bottom: 28px;
	}
	
	#post-178 .block1l p {
		margin-bottom: 13px;
	}

	#post-178 .block1r {
		display: none;
	}	
	
	#post-178 .wrapper {
		padding: 45px 5px 0;
		border-top: 1px solid #7A7A7A;
	}
	
	#post-178 .wrapper ul li {
		list-style: none;
	}
	
	#post-178 .headLine01 {
		margin-bottom: 43px;
	}
	
	.staffbox {
		padding: 0 5px;
		min-height: inherit;
		width: auto;
		float: none;
		border: none;
		min-height: 530px;
		overflow: hidden;
	}
	
	.staffbox .sphoto {
		width: 150px;
		position:inherit;
		height: 210px;
		top: inherit;
		left: inherit;
	}
	
	.staffbox .sphoto img {
		width: 100%;
	}
	
	.staffbox .sname {
		left: 168px;
		top: 0;
		font-size: 13px;
	}
	
	.staffbox .skana {
		left: 168px;
		top: 28px;
		color: #fff;
		font-size: 11px;
	}
	
	.staffbox .sexp {
		left: 168px;
		top: 47px;
		height: inherit;
	}
	
	.staffbox .snational {
		width: auto;
		height: inherit;
		left: 168px;
		top: 69px;
		font-size: 11px;
	}
	
	.staffbox .scomment {
		width: auto;
		clear: both;
		left: 5px;
		top: 215px;
	}
	
	.staffbox .stour {
		height: inherit;
		left: 168px;
		top: 133px;
		width: auto;
	}
	
	.staffbox2 {
		padding: 0 5px;
		margin: 0 0 10px 0;
		width: auto;
		border: none;
		float: none;
		min-height: 400px;
		overflow: hidden;
	}
	
	.staffbox2 .sphoto {
		left: 3px;
		width: 150px;
		height: auto;
	}
	
	.staffbox2 .sname {
		left: 168px;
		top: 19px;
		font-size: 13px;
	}
	
	.staffbox2 .skana {
		color: #fff;
		left: 168px;
		top: 40px;
		font-size: 11px;
	}
	
	.staffbox2 .sexp {
		left: 168px;
		top: 60px;
		font-size: 11px;
		width: auto;
		height: inherit;
	}
	
	.staffbox2 .snational {
		left: 168px;
		top: 88px;
		font-size: 11px;
		width: auto;
	}
	
	.staffbox2 .stour {
		left: 168px;
		width: auto;
	}
	
	.staffbox2 .scomment {
		left: 3px;
		top: 180px;
		width: auto;
	}

	/* ------------ /ラフティング/ ------------ */
	#post-58 .entry-content h3 {
		margin-bottom: 48px;
	}
	
	#post-58 .entry-content .mb20 {
		margin: 0 5px;
		overflow: hidden;
	}
	
	#post-58 .entry-content .mb20 img {
		height: auto;
		width: 100%;
	}
	
	#post-58 .entry-content .mb20 a {
		margin-bottom: 5px;
		float: left;
		width: 100%;
	}
	
	#post-58 .entry-content .mb20 .ml20 {
		margin: 0;
	}
	
	#post-58 .wrapper {
		margin: 30px 0 0;
		padding: 45px 0 2px;
		border-top: 1px solid #6A6A6A;
	}
	
	#post-58 .wrapper .headLine01 {
		margin-bottom: 24px;
	}
	
	#post-58 .wrapper p {
		margin: 0 5px;
		line-height: 1.4;
	}
	
	#post-58 .wrapper div {
		margin: 0 5px 17px;
	}
	
	#post-58 .wrapper .mb40 {
		margin-bottom: 10px;
	}
	
	#post-58 .wrapper .mb40 a {
		margin-top: 15px;
		display: block;
	}
	
	#post-58 .block1r {
		display: none;
	}
	
	/* ------------ /ラフティング/1日ラフティング/ ------------ */
	#post-17 h2 {
		margin: 0 5px 25px;
		display: block;
	}
	
	#post-17 .block1l .mt30 {
		display: block;
		margin: 0 30px;
		padding-top: 16px;
	}
	
	#post-17 .block1l h3 {
		margin-bottom: 15px;
	}
	
	#post-17 p {
		line-height: 1.33;
	}
	
	#post-17 .block1l p {
		margin-bottom: 15px;
	}
	
	#post-17 .block1l .mt30 img {
		width: 100%;
	}
	
	#post-17 .wrapper {
		margin: 50px 5px 0;
		padding: 43px 0 2px;
		border-top: 1px solid #6A6A6A;
	}

	#post-17 .table01 {
		margin: 0;
		width: auto;
		border-top: 1px dotted #7A7A7A;
	}
	
	#post-17 .table01 th {
		padding: 10px 5px;
		width: 23%;
		font-size: 9px;
		box-sizing: border-box;
		background-color: #434343;
		border-bottom: 1px dotted #7A7A7A;
		border-top: none;
		border-right: none;
		border-left: 1px solid #7A7A7A;
	}
	
	#post-17 .table01 td {
		padding: 10px 7px;
		width: 77%;
		font-size: 9px;
		line-height: 1.44;
		box-sizing: border-box;
		border-bottom: 1px dotted #7A7A7A;
		border-top: none;
	}
	
	#post-17 table .high {
		background-color: #000;
	}
	
	#post-17 table .red {
		color: #fff;
		font-size: 9px;
	}
	
	#post-17 .table01 td a {
		color: #fff;
		font-size: 9px;
	}
	
	#post-17 #bookhere .headLine01 {
		margin: 0 -5px 20px;
	}
	
	#post-17 #bookhere .f14 {
		font-size: 11px;
	}
	
	#post-17 #bookhere .ml20 {
		margin: 0;
	}
	
	#post-17 #bookhere .caution {
		padding: 10px;
		margin: 20px 0;
		font-size: 11px;
		line-height: 1.33;
	}
	
	#post-17 #bookhere .caution div {
		font-size: 9px;
	}
	
	#post-17 .monthly-calendar table {
		margin: 0;
		width: 100%;
	}
	
	#post-17 .monthly-prev-next {
		margin-top: -23px;
	}
	
	#post-17 .wrapper .mb20 .ml20 {
		margin-left: 0;
		height: auto;
	}
	
	#post-17 .wrapper .mb20 img {
		width: 100%;
		height: auto;
	}
	
	#post-17 .block1r {
		display: none;
	}
	
	/* ------------ /ラフティング/半日ラフティング/ ------------ */
	#post-21 h2 {
		margin: 0 5px 25px;
		display: block;
	}
	
	#post-21 .block1l .mt30 {
		display: block;
		margin: 0 30px;
		padding-top: 16px;
	}
	
	#post-21 .block1l h3 {
		margin-bottom: 15px;
		letter-spacing: -0.5px;
	}
	
	#post-21 p {
		line-height: 1.33;
	}
	
	#post-21 .block1l p {
		margin-bottom: 15px;
	}
	
	#post-21 .block1l .mt30 img {
		width: 100%;
		height: auto;
	}
	
	#post-21 .block1r {
		display: none;
	}
	
	#post-21 .wrapper {
		margin: 50px 5px 0;
		padding: 43px 0 2px;
		border-top: 1px solid #6A6A6A;
	}

	#post-21 .table01 {
		margin: 0;
		width: auto;
		border-top: 1px dotted #7A7A7A;
	}
	
	#post-21 .table01 th {
		padding: 10px 5px;
		width: 23%;
		font-size: 9px;
		box-sizing: border-box;
		background-color: #434343;
		border-bottom: 1px dotted #7A7A7A;
		border-top: none;
		border-right: none;
		border-left: 1px solid #7A7A7A;
	}
	
	#post-21 .table01 td {
		padding: 10px 7px;
		width: 77%;
		font-size: 9px;
		line-height: 1.44;
		box-sizing: border-box;
		border-bottom: 1px dotted #7A7A7A;
		border-top: none;
	}
	
	#post-21 table .high {
		background-color: #000;
	}
	
	#post-21 table .red {
		color: #fff;
		font-size: 9px;
	}
	
	#post-21 .table01 td a {
		color: #fff;
		font-size: 9px;
	}
	
	#post-21 #bookhere .headLine01 {
		margin: 0 -5px 20px;
	}
	
	#post-21 #bookhere .f14 {
		font-size: 11px;
	}
	
	#post-21 #bookhere .ml20 {
		margin: 0;
	}
	
	#post-21 #bookhere .caution {
		padding: 10px;
		margin: 20px 0;
		font-size: 11px;
		line-height: 1.33;
	}
	
	#post-21 #bookhere .caution div {
		font-size: 9px;
	}
	
	#post-21 .timetable-calendar table,
	#post-21 .multiple-calendar table,
	#post-21 .monthly-calendar table {
		margin: 0;
		width: 100%;
	}
	
	#post-21 .monthly-prev-next {
		margin-top: -23px;
	}
	
	#post-21 .wrapper .mb20 .ml20 {
		margin-left: 0;
		height: auto;
	}
	
	#post-21 .timetable-calendar th,
	#post-21 .timetable-calendar td,
	#post-21 .multiple-calendar th,
	#post-21 .multiple-calendar td,
	#post-21 .monthly-calendar th,
	#post-21 .monthly-calendar td {
		word-break: break-all;
	}
	
	#post-21 .wrapper .mb20 img {
		width: 100%;
		height: auto;
	}
	
	/* ------------ /ラフティング/ファミリーラフティング/ ------------ */
	#post-25 h2 {
		margin: 0 5px 25px;
		display: block;
	}
	
	#post-25 .block1l {
		margin-bottom: 27px;
	}
	
	#post-25 p {
		margin: 0 5px 1.625em;
	}
	
	#numcontact {
		height: auto;
		width: auto;
		margin: 20px 0;
		background-size: 100% 100%;
	}

	#numcontact a {
		font-size: 10px;
	}
	
	#post-25 #bookhere .caution {
		padding: 10px;
		margin: 20px 0;
		font-size: 11px;
		line-height: 1.33;
	}
	
	#post-25 #bookhere .caution div {
		font-size: 9px;
	}
	
	#post-25 .ml20 {
		margin-left: 0;
	}
	
	#post-25 .mb20 img {
		width: 100%;
		height: auto;
	}
	
	/* ------------ /キャニオニング/ ------------ */
	#post-23 h2 {
		margin: 0 5px 25px;
		display: block;
	}
	
	#post-23 .block2l {
		width: auto;
		float: none;
	}
		
	#post-23 .block2l img {
		width: 100%;
		height: auto;
	}
	
	#post-23 .block1r img {
		height: auto;
	}
	
	#post-23 .block2r {
		margin: 0 0 20px;
		width: auto;
	}
		
	#post-23 .block2r .mt20 {
		margin: 50px 30px 0; 
		display: block;
	}
	
	#post-23 .block2r .mt20 img {
		width: 100% !important;
		height: auto !important;
	}
	
	#post-23 .wrapper {
		margin: 50px 5px 0;
		padding: 43px 0 2px;
		border-top: 1px solid #6A6A6A;
	}

	#post-23 .table01,#post-25 .table01 {
		margin: 0;
		width: auto;
		border-top: 1px dotted #7A7A7A;
	}
	
	#post-23 .table01 th,#post-25 .table01 th {
		padding: 10px 5px;
		width: 23%;
		font-size: 9px;
		box-sizing: border-box;
		background-color: #434343;
		border-bottom: 1px dotted #7A7A7A;
		border-top: none;
		border-right: none;
		border-left: 1px solid #7A7A7A;
	}
	
	#post-23 .table01 td,#post-25 .table01 td {
		padding: 10px 7px;
		width: 77%;
		font-size: 9px;
		line-height: 1.44;
		box-sizing: border-box;
		border-bottom: 1px dotted #7A7A7A;
		border-top: none;
	}
	
	,#post-23 table .high,#post-25 table .high {
		background-color: #000;
	}
	
	,#post-23 table .red,#post-25 table .red {
		color: #fff;
		font-size: 9px;
	}
	
	#post-23 .table01 td a,#post-25 .table01 td a {
		/*color: #fff;*/
		font-size: 9px;
	}
	
	#post-23 #bookhere .headLine01 {
		margin: 0 -5px 20px;
	}
	
	#post-23 #bookhere .f14 {
		font-size: 11px;
	}
	
	#post-23 #bookhere .ml20 {
		margin: 0;
	}
	
	#post-23 #bookhere .caution {
		padding: 10px;
		margin: 20px 0;
		font-size: 11px;
		line-height: 1.33;
	}
	
	#post-23 #bookhere .caution div {
		font-size: 9px;
	}
	
	#post-23 .timetable-calendar table,
	#post-23 .multiple-calendar table,
	#post-23 .monthly-calendar table {
		margin: 0;
		width: 100%;
	}
	
	#post-23 .monthly-prev-next {
		margin-top: -23px;
	}
	
	#post-23 .wrapper .mb20 .ml20 {
		margin-left: 0;
		height: auto;
	}
	
	#post-23 .timetable-calendar th,
	#post-23 .timetable-calendar td,
	#post-23 .multiple-calendar th,
	#post-23 .multiple-calendar td,
	#post-23 .monthly-calendar th,
	#post-23 .monthly-calendar td {
		word-break: break-all;
	}
	
	#post-23 .mb20 img {
		width: 100%;
		height: auto;
	}
	
	/* ------------ /コンボツアー/ ------------ */
	#post-27 h2 {
		margin: 0 5px 25px;
		display: block;
	}
	
	#post-27 h3 {
		margin-bottom: 28px;
	}
	
	#post-27 p {
		margin-bottom: 37px;
		line-height: 1.33;
	}
	
	#post-27 .headLine01 {
		margin-bottom: 50px;
	}
	
	.combotype {
		margin: 0;
		float: none;
		width: auto;
	}
	
	.combotype img {
		/*width: 100% !important; 20180320*/
		height: auto !important;
		margin:0 auto 80px;
	}
	
	.combotype .exp {
		margin: 30px 0 33px;
		height: auto;
	}
	
	.combotype .days {
		margin: 32px 0 3px;
	}
	
	.combotype ul {
		margin: -18px 0 53px 80px;
		height: auto !important;
	}
	
	.tbcombo {
		margin: 0 0 20px;
		width: auto;
	}
	
	#post-27 .wrapper {
		margin: 50px 5px 0;
		padding: 43px 0 2px;
		border-top: 1px solid #6A6A6A;
	}
	
	#post-27 .tbcombo th {
		padding: 10px 5px;
		width: 50px;
		font-size: 9px;
		word-break: break-all;
	}
	
	#post-27 .tbcombo td {
		padding: 10px 5px;
		font-size: 9px;
		word-break: break-all;
	}
	
	#post-27 .tbcombo td a {
		color: #fff;
	}
	
	#post-27 table .high {
		background-color: #000;
	}
	
	#post-27 table .red {
		color: #fff;
		font-size: 9px;
	}
		
	#post-27 #bookhere .headLine01 {
		margin: 0 -5px 20px;
	}
	
	#post-27 #bookhere .f14 {
		font-size: 11px;
	}
	
	#post-27 #bookhere .ml20 {
		margin: 0;
	}
	
	#post-27 #bookhere .caution {
		padding: 10px;
		margin: 20px 0;
		font-size: 11px;
		line-height: 1.33;
	}
	
	#post-27 #bookhere .caution div {
		font-size: 9px;
	}
	
	#post-27 .timetable-calendar table,
	#post-27 .multiple-calendar table,
	#post-27 .monthly-calendar table {
		margin: 0;
		width: 100%;
	}
	
	#post-27 .monthly-prev-next {
		margin-top: -23px;
	}
	
	#post-27 .wrapper .mb20 .ml20 {
		margin-left: 0;
		height: auto;
	}
	
	#post-27 .timetable-calendar th,
	#post-27 .timetable-calendar td,
	#post-27 .multiple-calendar th,
	#post-27 .multiple-calendar td,
	#post-27 .monthly-calendar th,
	#post-27 .monthly-calendar td {
		word-break: break-all;
	}
	
	#post-27 .mb20 img {
		width: 100%;
		height: auto;
	}

	/* ------------ /ご予約/ ------------ */
	#post-59 .entry-content .mvisual {
		display: none;
	}
	
	#post-59 .entry-content h3 {
		margin-bottom: 30px;
	}
	
	#post-59 .entry-content p {
		margin: 0 5px 37px; 
	}
	
	#post-59 .entry-content img {
		width: 100%;
		height: auto;
	}
	
	#post-59 .mtb20 {
		margin: 0 4px;
	}
	
	#post-59 .mtb20 a {
		margin-bottom: 4px;
		display: block;
	}
	
	#post-59 .mb20 a {
	   margin-bottom: 4px;
		display: block;
	}
	
	#post-59 .mb20 .ml10 {
		margin-left: 0;
	}
	
	#post-59 .mb20 .ml20 {
		margin-left: 0;
	}
	
	#post-59 .mtb20 .ml20 {
		margin-left: 0;
	}
	
	#post-59 .mb20 {
		margin: 0 4px !important;
	}
	
	/* ------------ /happyraftについて/宿泊情報/ ------------ */
	#bank .box {
		padding: 15px 15px 20px;
		margin-bottom: 15px;
	}

	.entry-content #bank {
		margin: 0 5px 48px;
		font-size: 10px;
	}
	
	#post-71 p {
		margin: 0 4px 15px;
	}
	
	#post-71 .wrapper {
		border-top: 1px solid #444;
	}
	
	.ghbox {
		margin: 0 0 32px;
		float: none;
		padding: 0 5px 50px;
		min-height: inherit;
		width: auto;
		overflow: hidden;
		border-bottom: 1px solid #6A6A6A;
	} 
	
	.ghbox .name {
		margin-bottom: 20px;
		position: inherit;
		left: inherit;
		top: inherit;
		text-align: center;
	}
	
	.ghbox .name span {
		display: inline-block;
		padding-bottom: 3px;
		font-size: 15px;
		font-weight: normal;
		border-bottom: 2px solid #FFF;
	}
	
	.ghbox .text {
		margin-bottom: 23px;
		height: auto;
		left: inherit;
		position: inherit;
		top: inherit;
		width: auto;
	}
	
	.ghbox .photo {
		float: right;
		width: 48%;
		height: inherit;
		left: inherit;
		top: inherit;
		position: inherit;
	}
	
	.ghbox .photo img {
		width: 100%;
	}
	
	.ghbox .photo2 {
		float: left;
		height: auto;
		left: inherit;
		top: inherit;
		position: inherit;
		width: 48%;
	}
	
	.ghbox .exp {
		padding-top: 18px;
		clear: both;
		top: inherit;
		left: inherit;
		position: inherit;
		width: auto;
		border-bottom: 1px dotted #7A7A7A;
	}
	
	.ghbox .exp th {
		padding: 10px 0 2px;
		float: left;
		color: #fed208;
		font-size: 9px;
		text-align: left;
		width: 100%;
		box-sizing: border-box;
		background: none;
		border-top: 1px dotted #7A7A7A;
	}
	
	.ghbox table td {
		padding: 0 0 10px;
		float: left;
		color: #fff;
		font-size: 9px;
		width: 100%;
		box-sizing: border-box;
	}
	
	.wrapper2 {
		padding: 0;
	}
	
	.wrapper2 p {
		margin: 0 5px;
	}
	
	.wrapper2 p a {
		margin-top: 13px;
		display: inline-block;
	}
	
	/* ------------ /happyraftについて/アクセス/ ------------ */
	.block3r {
		float: none;
		margin: 0 5px 45px; 
		width: auto;
	}
	
	.block3r iframe {
		width: 100% !important;
	}
		
	.block3l {
		padding: 0 5px;
		margin-bottom: 25px;
		width: auto;
		float: none;
	}
	
	#post-60 .wrapper {
		padding: 46px 5px 0;
		border-top: 1px solid #7A7A7A;	
	}
	
	#post-60 .wrapper .spText {
		margin-bottom: 0;
	}
	
	#post-60 .wrapper .fcrd {
		margin-bottom: 15px;
	}
	
	#post-60 .ngg-singlepic {
		padding: 0;
		width: 100% !important;
	}
	
	#post-60 #car {
		margin-bottom: 49px;
	}
	
	#post-60 #car .textP {
		margin-bottom: 0;
	}
	
	#post-60 #train {
		margin-bottom: 49px;
	}
	
	#post-60 #airplane ul {
		margin-left: 0;
		padding: 13px 0 0 10px;
	}

	#post-60 .mt20 {
		margin: 30px 0 20px;
	}
		
	/* ------------ /よくある質問/ ------------ */
	#qabox {
		width: auto;
	}
	
	#qabox .category {
		margin-bottom: 10px;
		padding: 10px 0 5px 10px;
	}
	
	#qabox ul {
		padding: 0 0 0 35px;
		margin: 0 0 10px;
	}
	
	.qaq {
		padding: 15px 0 10px 41px;
		background-size: 20px 21px;
	}
	
	.qaa {
		padding: 10px 10px 10px 41px;
		margin: 0 10px 10px;
		background-size: 20px 21px;
	}
	
	/* ------------ /ツアー代金お支払い方法/ ------------ */
	#credit table {
		width: 100%;
	}
	
	#credit table th {
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	
	#credit table td {
		padding: 10px 5px;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	
	#credit table td img {
		padding: 0;
		width: 100%;
	}
	
	/* ------------ /happyraftについて/ギャラリー/ ------------ */
	.gslide {
		margin-bottom: 30px;
		height: auto;
	}
	
	.gslide td {
		padding: 6px;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	
	.gslide .ngg-slideshow {
		margin: 0 auto;
	}
	
	.gslide td img {
		margin: 0 !important;
		width: 100% ;
	}
	
	.gslide td a {
		float: left;
		width: 48%;
	}
	
	.gslide td a:nth-child(2n) {
		float: right;
	}
	
	.gslide .photo2 a {
		width: 100% ;
	}
	
	#post-435 p {
		margin-bottom: 5px !important;
	}
	
	#post-435 .headLine01 {
		margin-bottom: 45px;
	}
	
	#post-435 .wrapper {
		padding-top: 45px;
		border-top: 1px solid #7A7A7A;
	}

	
	/* ------------ /お問い合わせ/ ------------ */
	.cnt2 p {
		color: #ff0000;
		overflow: hidden;
	}
	
	.cnt2 p .must {
		margin-right: 8px;
		float: left !important;
	}
	
	.cnt2 p span {
		margin-top: -3px;
		display: block;
		float: left;
	}
	
	table.mailform {
		margin: 0 auto !important;
		width: 97% !important;
		padding: 0 !important;
		border: none !important;
		border-top: 1px dotted #4D4D4D;
	}
	
	table.mailform tr th {
		padding-bottom: 0 !important;
		width: 100% !important;
		float: left !important;
		box-sizing: border-box !important;
		text-align: left !important;
	}
	
	table.mailform tr th span {
		text-align: left !important;
	}
	
	table.mailform tr td {
		width: 100% !important;
		float: left !important;
		box-sizing: border-box !important;
		border-top: none;
		border-bottom: 1px dotted #4D4D4D;
	}
	
	table.mailform tr td input {
		height: 26px;
	}
		
	img.must {
		float: right !important;
	}
	
	div.mfp_buttons {
		margin: 0 4px;
	}
	
	div.mfp_buttons ul {
		max-width: inherit !important;
	}
	
	div.mfp_buttons ul li {
		margin-bottom: 16px;
		height: 40px !important;
		list-style: none;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	div.mfp_buttons ul li:last-child {
		margin-bottom: 0;
	}
	
	input#button_mfp_reset {
		height: 40px !important;
		width: 100% !important;
		background: url(images/contact/sp_reset.gif) no-repeat !important;
		background-size: 100% 100% !important;
	}
	
	input#button_mfp_goconfirm {
		height: 40px !important;
		width: 100% !important;
		background: url(images/contact/sp_confirm.gif) no-repeat !important;
		background-size: 100% 100% !important;
	}
	
	#confirmBody {
		width: 100% !important;
	}
	
	/* ------------ /リンク/ ------------ */
	.linkbox {
		padding: 20px 5px;
		min-height: inherit;
		width: auto;
		float: none;
		border-top: 1px solid #6A6A6A;
		border-bottom: none;
	}
	
	.linkbox .lphoto {
		margin: 0 auto;
		height: auto;
		left: 14%;
		top: 13%;
		width: 72%;
	}
	
	.linkbox .lphoto img {
	}
	
	.linkbox .lname {
		padding-top: 42%;
		text-align: center;
	}
	
	.linkbox .lname a {
		display: inline-block;
		padding-bottom: 7px;
		position: inherit;
		left: inherit;
		font-size: 15px;
		font-weight: normal;
		border-bottom: 1px solid #fff;
	}
	
	.linkbox .lname a:hover {
		text-decoration: none;
	}
	
	.linkbox .ltext {
		position: inherit;
		top: inherit;
		left: inherit;
		width: auto;
	}
	
	/* ------------ /特定商取引法/ ------------ */
	#post-94 .table01 {
		margin: 0;
		width: auto;
	}
	
	#post-94 .table01 th {
		padding: 16px 5px 0;
		float: left;
		width: 100%;
		color: #fed208;
		font-size: 12px;
		background: none;
		border: none;
	}
	
	#post-94 .table01 td {
		padding: 0 5px 16px;
		float: left;
		width: 100%;
		font-size: 12px;
		box-sizing: border-box;
		border: none;
		background: url(images/sp_line02.gif) repeat-x left bottom;
		background-size: 2px 1px;
	}
	
	#post-94 .table01 td ul {
		padding-left: 10px;
		margin-left: 0;
	}
	
	/* ------------ /個人情報保護方針/ ------------ */
	#post-96 .mb20 {
		display: none;
	}
		
	.wrapper {
		margin-top: 0px;
		border: none;
	}
	
	.privacy {
		padding: 0 5px 0 17px;
	}
	
	.privacy ol {
		margin: 0;
		padding: 0;
		display: block;
	}
	
	.privacy ol li {
		margin: 0 0 14px;
	}
	
	.privacy ol li span {
		text-indent: 25px;
		display: block;
	}

	/* ------------ /サイトマップ/ ------------ */
	.sitemap {
		margin: 0 5px;
	}
	
	.sitemap .level011 {
		width: auto;
	}
	
	.sitemap .level02 {
		margin-left: 30px;
		width: auto;
	}
	
	.edit-link {
		display: none;
	}
	

}
/* ------------ /予約はこちらボタン/ ------------ */
.booking{ margin: 30px 0;}
@media all and (min-width: 0) and (max-width: 767px) {	
.booking img{ margin:30px auto; }}

.bookingbtn1 a {
	padding: 6px 20px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	background-color:#ff0922;
	border-radius: 3px;
	-webkit-border-radius: 3px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 3px;/* for Firefox 対応*/
}
.bookingbtn1 a span{ font-size:10px; display:block;}
.bookingbtn1 a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
@media all and (min-width: 0) and (max-width: 767px) {	
.bookingbtn1 { text-align:center;}
.bookingbtn1 a {	padding: 6px 30px; font-size: 18px;}
.bookingbtn1 a span{ font-size:14px;}
}
/* ------------ /メディア情報/ ------------ */
.media dl dt{ width:15%; float:left; clear:both; margin:1% 3% 0;}
.media dl dt span{ float:right;}
.media dl dd{ width:60%; float:left; margin:1% 0 0;}
@media all and (min-width: 0) and (max-width: 767px) {.media dl dt{ width:33%;	}}

/* ------------ /新着情報/ ------------ */
H2.title{border-bottom: 1px dotted #666666;
font-size: 24px;
padding: 20px 0;
margin-bottom: 20px;}
H2.title span{ font-size:12px;}
H1.entry-title{border-bottom: 1px dotted #666666;
padding: 20px 0;font-size: 18px !important;
font-weight:bold;
margin-bottom: 20px;}
H1.entry-title a{font-size: 18px !important;}
.news .entry-title{ display:block;}
.blogdate{
	color:#fcdb00;
    font-family: Helvetica,"メイリオ","ヒラギノ角ゴ Pro W3",Arial,Osaka,"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',osaka,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
}
/* ------------ /トップコンテンツに日付が出るのを回避/ ------------ */
.home .entry-content .blogdate{ display:none;}}