/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

/* スマホエリア非表示 */
.view-sp{
	display: none;
}
/* PCエリアを表示 */
.view-pc{
	display: block;
}

html, 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.wrapper{
	overflow: hidden;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

.disp-none{
	display: none;
}
.martp20{
	margin-top: 20px;
}



@media screen and (min-width: 641px) {


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 0.81em;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 0.81em;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 0.81em;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive 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,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

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

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 0.88em;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
}
.author-info {
	border-top: 1px solid #ededed;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 0.94em;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 100%;
	font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}
body.custom-font-enabled {
	font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 0.88em;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	background-color: #fff;
}
.site-content {
}
.widget-area {
}

/* Header */
.site-header {
	padding: 24px 0 0 0;
}
.site-header h1,
.site-header h2 {
	text-align: center!important;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 1.63em;
	margin-bottom: 14px;
}
.site-header h2 {
	font-weight: normal;
	font-size: 0.94em;
	color: #757575;
}
.header-image {
}


/* Navigation Menu */
.main-navigation {
	text-align: center;
}
.main-navigation li {
	font-size: 1.00em;
	font-weight: bold;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	word-wrap: break-word;
}
.widget-area .widget h3 {
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
/*	font-size: 0.94em;*/
}
.widget-area .widget p {
}
.widget-area .textwidget ul {
	list-style: none;
}
.widget-area .textwidget li {
	margin-left: 36px;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
	clear: both;
	font-size: 0.88em;
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}



/* トップページオリジナル 
-------------------------------------------------------------- */
.site-description{
	display: none;
}
/* スライダー */
.page-template-front-page .entry-content{
	padding-top: 15px;
}
.top-slide-area{
	height: 500px;
	border: 1px solid #FFFFFF;
}

/* バナー */
.top-main-banner{
	text-align: center;
}
.top-main-banner2 img{
	display: block;
	margin: 0 auto;
	padding-top: 10px;
}

/* ページナビ */
.top-pagenv{
	list-style: none;
	letter-spacing: -.4em;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 70px;
}
.top-pagenv li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	margin: 0;
	padding: 0;
}
/* トピックス */
.top-topics{
	background: url(../images/top-topics-bg.jpg);
	border-top: 1px dotted #ccc;
}
.top-topics-area{
	width: 700px;
	margin: 0 auto;
}
.top-topics > h3{
	padding: 40px 0 0 0;
	text-align: center;
}
.top-topics > h3.report{
	padding-top: 35px;
}
.top-topics > ul{
	list-style: none!important;
	max-width: 978px;
	margin: 0 auto;
	padding: 0;
	letter-spacing: -.4em;
	text-align: center;
}
.top-topics > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 50%;
	padding: 0;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
}
.top-topics-subttle{
	height: 141px;
}
.top-topics-list{
	padding: 10px 20px 0 30px;
	background-position: center;
}
.top-topics-list > li{
	width: 580px;
	margin: 0 auto;
	padding: 10px 0;
	letter-spacing: -.4em;
}
.top-topics-list > li .top-topics-list-image{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	width: 25%;
	text-align: left;
	vertical-align: top;
}
.top-topics-list-image-area{
	width: 90%;
	height: 70px;
	overflow: hidden;
}
.top-topics-list-image-area img{
	display: block;
	width: 130px!important;
	margin: 0 auto;
}
.top-topics-list > li .top-topics-list-detail{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
	width: 75%;
	text-align: left;
	vertical-align: top;
}
.top-topics-list > li .top-topics-list-detail a{
	color: #4E4E4E;
}
.top-topics-list-more{
	text-align: right;
	padding: 20px 40px 0 20px;
}
.top-topics > ul.top-topics-btm-img{
	width: 870px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 50px;
	letter-spacing: -.4em;
}
.top-topics > ul.top-topics-btm-img > li{
	display: inline-block;
	width: 33%;
	text-align: center;
}
/* トップページ > 新着情報 > 終了アイコン */
.top-topics-list-detail img{
	vertical-align: middle;
}

/* 蔵書 */
.top-lib-ttl{
	text-align: center;
	padding-top: 60px;
}
.top-lib-lead{
	text-align: center;
	padding-top: 30px;
}
.top-lib-imglist{
	width: 975px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 30px;
	letter-spacing: -.4em;
}
.top-lib-imglist > li{
	display: inline-block;
	width: 33%;
	letter-spacing: normal;
	vertical-align: top;
	text-align: center;
	padding-bottom: 20px;
}
.top-lib-link{
	text-align: center;
	padding-bottom: 50px;
}


/* 宗谷を見る */
.top-watch-table{
	display: table;
	width: 1020px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 50px;
}
.top-watch-cell{
	display: table-cell;
	width: 50%;
	text-align: center;
}

/* わくわく */
.top-marine{
	text-align: center;
	padding-top: 100px;
}
.top-marine img{
	margin: 0 auto;
}

/* 船の科学館を知ろう */
.top-guide{
	padding-bottom: 50px;
}
.top-guide > h3{
	padding: 60px 0 0 0;
	text-align: center;
}
.top-guide > ul{
	padding-top: 40px;
	text-align: center;
	letter-spacing: -.4em;
	max-width: 850px;
	margin: 0 auto;
}
.top-guide > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 33%;
	letter-spacing: normal;
	padding: 0;
	margin: 0;
}
.top-guide > ul > li a{
	display: block;
}
/* 南極観測船宗谷 */
.top-souya{
	height: 948px;
}
.top-souya > h3{
	padding: 530px 0 0 0;
	text-align: center;
}
.top-souya > p{
	text-align: center;
}
.top-souya-todetail00{
	padding-top: 10px;
	text-align: center;
}
.top-souya-todetail{
	padding-top: 30px;
	text-align: center;
}
/* 船の科学館別館 */
.top-annex{
}
.top-annex > .top-annex-image > img{
	width: 100%;
	height: auto;
}
.top-annex > .top-annex-body > h3{
	padding: 30px 0 0 0;
	text-align: center;
}
.top-annex > .top-annex-body{
	padding-bottom: 103px;
}
.top-annex > .top-annex-body > p{
	text-align: center;
}
/* 屋外展示場 */
.top-field{
	padding-bottom: 45px;
}
.top-field > h3{
	padding: 550px 0 0 0;
	text-align: center;
}
.top-field > p{
	text-align: center;
}
/* 船の科学館とは */
.top-about{
	min-height: 900px;
}
.top-about > h3{
	padding: 70px 0 0 0;
	text-align: center;
}
.top-about > .top-about-txt{
	max-width: 82%;
	margin: 0 auto;
	padding-top: 50px;
}
.top-about > .top-about-txt p{
	width: 33%;
	margin-left: auto;
	margin-right: 2%;
	padding-bottom: 10px;
}
/* ギャラリー */
.top-gallery{
	padding-bottom: 60px;
}
.top-gallery > h3{
	padding: 60px 0 0 0;
	text-align: center;
	margin: 0!importnt;
}
.top-gallery-sldr01{
	width: 1090px;
	margin: 0 auto;
	padding-top: 120px;
}
.top-gallery-sldr02{
	width: 1090px;
	margin: 0 auto;
	padding-top: 140px;
}
.top-gallery-more{
	width: 1090px;
	margin: 0 auto;
	text-align: right;
}
/* ムービー */
.top-movie{
	padding-bottom: 60px;
}
.top-movie > ul{
	width: 1020px;
	letter-spacing: -.4em;
	margin: 0 auto;
	padding-top:307px;
}
.top-movie > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 50%;
	text-align: center;
	vertical-align: top;
}
.top-movie-more{
	text-align: right;
	padding-right: 20px;
	padding-top: 20px;
}
/* ワークショップ */
.top-workshop table{
	padding: 0!important;
	border: none!important;
	border-collapse: none;
}
.top-workshop td{
	padding: 0!important;
	border: none!important;
	margin: 0!important;
	vertical-align: top;
	line-height: 0;
}
.top-workshop > h3{
	padding: 40px 0 0 0;
	text-align: center;
	margin: 0!importnt;
}
.top-workshop > .top-workshop-tbl{
	width: 993px;
	margin: 0 auto;
	padding-top: 40px;
	min-height: 378px;
}
.top-workshop > .top-workshop-tbl .top-workshop-td{
	width: 33%;
	text-align: center;
	vertical-align: top;
}
/* ワークショップサムネイル枠 */
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-img{
	padding-top: 8px;
	width: 309px;
	height: 270px;
	margin: 0 auto;
	overflow: hidden;
}
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-img a{
	display: block;
	position: relative;
	width: 305px;
	height: 270px;
}
/* ワークショップサムネイル枠 > 終了アイコン */
.top-workshop .exit_event{
	padding-top: 5px;
}
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-img a .exit_event img{
	width: 90px;
	height: 20px;
}
/* ワークショップ矢印 */
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-img a .top-workshop-arrow{
	position: absolute;
	left: 140px;
	bottom: 0;
}
.top-workshop-arrow img{
	width: 25px!important;
	height: 15px!important;
}
/* ワークショップサムネイル */
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-img img{
	width: auto;
	height: 270px;
}
/* ワークショップアイコン */
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-icon{
	padding-top: 10px;
}
/* ワークショップタイトル */
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-info{
	width: 80%;
	margin: 0 auto;
	font-size: 1.13em;
	line-height: 150%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.top-workshop > .top-workshop-tbl .top-workshop-td .top-workshop-info a{
	text-decoration: none;
	color: #333333;
}
/* トップ > ワークショップ > フッター */
.top-workshop-btm{
	height: 10px;
}
.top-workshop-btm img{
	height: 10px;
}
/* 過去の開催状況ボタン */
.top-workshop-more{
	text-align: right;
	padding-right: 20px;
	padding-top: 20px;
}
.wokshop-past{
	text-align: center;
	padding-top: 30px;
}
/* アクセス */
.top-access{
	margin-top: 90px;
	padding-top: 80px;
	border-top: 1px dotted #ccc;
}
.top-access > h3{
	padding: 40px 0 0 0;
	text-align: center;
	margin: 0!importnt;
}
.top-access .top-access-base{
	text-align: center;
	padding-top: 30px;
	font-size: 1.06em;
	font-weight: bold;
}
.top-access .top-access-mini{
	font-size: 0.94em;
	text-align: center;
}
.top-access > ul{
	width: 960px;
	letter-spacing: -.4em;
	margin: 0 auto;
	padding-top: 48px;
}
.top-access > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 33%;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
}
.top-access > ul > li > div.top-access-block{
	background: #FFFFFF;
	margin: 0 10px;
	height: 280px;
	border: 1px solid #BBC9D2;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
 }
.top-access > ul > li p{
	padding: 20px 10px 0 10px;
	font-size: 0.94em;
	line-height: 140%!important;
	text-align: left;
}
.top-access-big{
	font-size: 1.13em!important;
	padding-top: 0px;
	text-align: center!important;
}
.top-access-map iframe,
#map_canvas{
	width: 100%;
	height: 520px;
}
.top-access-icon{
	text-align: center;
	height: 41px;
}
.top-access-download{
	width: 990px;
	margin: 0 auto;
	letter-spacing: .4m;
	text-align: center;
	padding-bottom: 60px;
}
.top-access-download > li{
	display: inline-block;
	width: 33%;
	text-align: center;
	vertical-align: top;
}
/* アクセス > マップの印刷はこちら */
.map-link-txt{
	padding: 5px;
	text-align: right;
}
/* よくあるご質問 */
.top-qa{
	padding-bottom: 50px;
}
.top-qa > h3{
	padding: 60px 0 0 0;
	text-align: center;
}
.top-qa > ul{
	width: 1000px;
	letter-spacing: -.4em;
	margin: 0 auto;
	padding-top: 28px;
}
.top-qa > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 25%;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
	padding-bottom: 10px;
}
.top-qa-link{
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: right;
}
/* 周辺スポット */
.top-spot{
	padding-bottom: 50px;
}
.top-spot > h3{
	padding: 60px 0 0 0;
	text-align: center;
}
.top-spot > ul{
	width: 972px;
	letter-spacing: -.4em;
	margin: 0 auto;
	padding-top: 48px;
}
/*.top-spot > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 25%;
	height: 368px;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
	padding-bottom: 5px;
}*/
.top-spot > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 25%;
	height: 263px;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
	padding-bottom: 5px;
}
.top-spot-item{
	width: 88%;
	margin: 0 auto;
	padding-top: 10px;
}
/* トップページ > スポット名 */
/*.top-spot-item-area,
.top-spot-item-area a{
	color: #333;
	font-size: 1.06em;
}*/
.top-spot-item-area{
	display: block;
	padding: 22px 0 0 0;
	color: #333;
	font-size: 1.06em;
}
.top-spot-item-area a{
	color: #333;
}
.top-spot-item-info{
	font-size: 0.94em;
	text-align: left;
	padding-top: 3px;
	line-height: 140%;
}
.top-spot-more{
	width: 972px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 0 auto;
}

/* トップページお知らせ */
.top-main-info p{
	width: 980px;
	margin:20px auto 0 auto;
	font-size: 1.13em;
}
.top-main-info span{
	background: #f60;
	color: #FFF;
	font-weight: bold;
	padding: 0 5px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	margin-right: 10px;
}

/* トップページ osSlider */
.slider{
}
.osSlider-main .slider-btn-prev {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: -45px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    margin-top: -20px;
    background: url(../images/prev.png) 50% 50% no-repeat;
    transition: all .5s linear;
}
.osSlider-main:hover .slider-btn-prev {
    left: 5px;
}
.osSlider-main .slider-btn-next {
    position: absolute;
    z-index: 30;
    top: 50%;
    right: -45px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    margin-top: -20px;
    background: url(../images/next.png) 50% 50% no-repeat;
    transition: all .5s linear;
}

.osSlider-main:hover .slider-btn-next {
    right: 5px;
}
.osSlider-main .slider-nav {
    position: absolute;
    width:100%;
    height: 22px;
    bottom: 20px;
    text-align: center;
    z-index: 25;
}
.osSlider-main .slider-nav li {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin: 0 12px;
    font-size: 0.88em;
    color: #eee;
    border: 1px solid #eee;
    background: none;
    cursor: pointer;
}
.osSlider-main .slider-nav li.active {
    color: #333;
    background: #eee;
}
.osSlider-main .slider-nav li:hover {
    border: 1px solid #f60;
    background: #f60;
}



/* カテゴリー 書籍案内
-------------------------------------------------------------- */
.category-magazine .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
/* 書籍リスト */
.magazine-datalist{
	padding-top: 15px;
	border-top: 1px dotted #DBDBDB;
}
/* 書籍リスト 行枠 */
.magazine-datalist > li{
	display: table;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #DBDBDB;
}
/* 書籍リスト > 画像 */
.magazine-datalist-img{
	display: table-cell;
	width: 24%;
	vertical-align: top;
}
.magazine-datalist-img > img{
	border: 1px solid #dddddd;
}
/* 書籍リスト > 情報 */
.magazine-datalist-info{
	display: table-cell;
	width: 76%;
	vertical-align: top;
}
/* 書籍リスト > 書籍名 */
.magazine-datalist-ttl{
	font-size: 1.13em;
	font-weight: bold;
	line-height: 150%;
}
/* 書籍リスト > 書籍名 > NEW */
.magazine-datalist-ttl > span{
	padding: 3px 5px;
	margin-left: 10px;
	background: #3A3839;
	color: #FFFFFF;
	font-size: 0.94em;
	font-weight: bold;
}
.magazine-datalist-ttl > span.new{
	padding: 3px 5px;
	margin-left: 10px;
	background: #C60000;
	color: #FFFFFF;
	font-size: 0.94em;
	font-weight: bold;
}
/* 書籍リスト > 価格 */
.magazine-datalist-price{
	padding-top: 10px;
	font-size: 0.94em;
	font-weight: bold;
	line-height: 150%;
}
/* 書籍リスト > データ */
.magazine-datalist-data{
	padding-top: 10px;
	font-size: 0.94em;
	line-height: 150%;
}
/* 書籍リスト > PDF案内 */
.magazine-datalist-pdf{
	padding-top: 20px;
}
.magazine-datalist-pdf a{
	text-decoration: none;
}
.magazine-datalist-pdf span{
	padding: 6px 12px;
	background: #0197F5;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	color: #FFFFFF;
}

/* 書籍リスト > 問い合わせ */
.mag-contact{
	width: 89.3%;
	margin: 28px auto 0 auto;
	padding: 3px;
	border: 5px solid #FFC1C1;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.mag-contact-inner{
	padding: 33px 0;
	border: 1px solid #FFC1C1;
}
.mag-contact p{
	text-align: center;
	font-size: 0.94em;
	line-height: 180%;
}

/* フッター
-------------------------------------------------------------- */
#colophon{
	margin-top: 200px;
	border-top: 1px solid #dddddd;
}
.page-template-front-page #colophon{
	margin-top: 20px;
	border-top: 1px solid #dddddd;
}
.footer-sns > ul{
	width: 995px;
	letter-spacing: -.4em;
	padding: 60px 0 0 0;
	margin: 0 auto;
}
.footer-sns > ul > li{
	letter-spacing: normal;
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 20%;
	vertical-align: top;
	text-align: center;
}
.footer-sns-hd{
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
}
.footer-sns-hd img{
	display: block;
	margin: 0 auto;
}
/* ローテーションバナー */
#ft-slide{
	width: 988px;
	margin: 0 auto;
	padding-top: 50px;
}
.footer-ft{
	margin-top: 140px;
}
/* gifバナー */
.gifbanner{
	padding-top: 44px;
	text-align: center;
}
/* フッター内テキストリンク */
.footer-link{
	width: 690px;
	letter-spacing: -.4em;
	padding: 40px 0 0 0;
	margin: 0 auto;
	text-align: center;
}
.footer-link > li{
	letter-spacing: normal;
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	vertical-align: top;
	text-align: center;
}
.footer-link > li > a{
	display: block;
	padding: 0 15px;
	color: #FFFFFF;
	font-size: 1.06em;
}
/* フッター：リンク（hover） */
.footer-link > li > a:hover{
	color: #FFFFFF;
}
.foot-logo{
	text-align: center;
	padding: 60px 0 0 0;
}
.foot-body p{
	text-align: center;
	color: #FFFFFF;
}
.foot-copy{
	padding: 40px 0 20px 0;
}
.foot-copy p{
	font-size: 0.81em;
	color: #FFFFFF;
	text-align: center;
}


/* ぱんくず
-------------------------------------------------------------- */
/* トップページぱんくず非表示 */
.home .breadcrumbs{
	display: none;
}
.breadcrumbs{
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #464646;
}
.breadcrumbs a{
	color: #464646;
}
.breadcrumbs span{
	padding-left: 5px;
	padding-right: 5px;
}
.breadcrumbs a.home span{
	padding-left: 0px;
}


/* プライバシーポリシー（固定ページ）
-------------------------------------------------------------- */
/* タイトル画像 */
.privacy .entry-header h1{
	padding-top: 50px;
}
.privacy-body{
	padding: 20px 20px 0 20px;
}
/* 財団について（固定ページ）
-------------------------------------------------------------- */
/* タイトル画像 */
.foundation .entry-header h1{
	padding-top: 50px;
}

.foundation-table{
	border-left: 1px solid #4B4A4A;
	border-right: 1px solid #4B4A4A;
}
.foundation-table th{
	width: 150px;
	padding: 15px 10px 15px 20px;
	border-bottom: 1px solid #4B4A4A;
	background: #F6F1E6;
	color: #2d2c2c;
	font-size: 1.06em;
	font-weight: bold;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.foundation-table td{
	padding: 15px 10px 15px 20px!important;
	border-bottom: 1px solid #4B4A4A;
	color: #2d2c2c;
	font-size: 1.00em;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.foundation-inner{
	border: none!important;
}
.foundation-inner th{
	padding: 15px 10px 15px 20px!important;
	color: #2d2c2c;
	font-size: 1.00em;
	border: none;
	background: none;
	white-space: nowrap;
	font-weight: normal;
}
.foundation-inner td{
	padding: 15px 10px 15px 20px!important;
	color: #2d2c2c;
	font-size: 1.00em;
	border: none!important;
}
.foundation-list{
	padding-top: 40px;
	padding-left: 90px;
}
.foundation-list > li{
	margin-bottom: 10px;
	background: url(../images/foundation-arrow.png) no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.foundation-list > li a{
	color: #2d2c2c;
}
/* リンク集（固定ページ）
-------------------------------------------------------------- */
/* タイトル画像 */
.link .entry-header h1{
	padding-top: 50px;
}

/* 問い合わせ（固定ページ）
-------------------------------------------------------------- */
/* タイトル画像 */
.contact .entry-header h1{
	padding-top: 50px;
}

/* キャッチ */
.contact-catch{
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
	padding-top: 20px;
	font-size: 1.00em;
}
/* 問い合わせ本文 */
.contact-body{
	padding: 40px 0;
	border: 1px solid #BFE2F0;
	background: url(../images/contact-bodybg.png);
}
.contact-body li{
	padding-bottom: 10px;
	text-align: center;
}

/* Q&A（固定ページ）
-------------------------------------------------------------- */
/* タイトル画像 */
.qa .entry-header h1{
	padding-top: 50px;
}

/* タイトル */
.inner-content #content .entry-content{
	width: 100%;
	margin: 0 auto;
}
.inner-content #content .entry-header > h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	width: 100%;
	margin: 0 auto;
}
/* キャッチ */
.qa-catch{
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: center;
	padding-top: 20px;
	font-size: 1.00em;
	border-bottom: 1px dotted #dddddd;
}
/* サブタイトル */
.qa-subttl{
	margin-top: 30px;
	background: url(../images/qa--subttl-bg.png);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.13em;
	font-weight: bold;
	line-height: 30px;
}
/* 質問枠 */
.qa-body{
	margin-top: 10px;
	padding: 35px 0 50px 0;
}
/* 質問枠背景画像バリエ */
.qa-01{
	background: url(../images/qa01-bodybg.png);
}
.qa-02{
	background: url(../images/qa02-bodybg.png);
}
.qa-03{
	background: url(../images/qa03-bodybg.png);
}
.qa-04{
	background: url(../images/qa04-bodybg.png);
}
/* 質問内容 */
.qa-body > ul{
	width: 720px;
	margin: 0 auto;
	letter-spacing: -.4em;
}
.qa-body > ul > li{
	display: inline-block;
	width: 33.3%;
	vertical-align: top;
	letter-spacing: normal;
}
.qa-body > ul > li a,
.top-qa > ul > li a{
	display: block;
	text-decoration: none;
}
.qa-body > ul > li .qa-block,
.qa-block{
	width: 220px;
	height: 160px;
	margin: 15px auto 0 auto;
}
.qa-body > ul > li .qa-block p,
.qa-block p{
	padding-top: 50px;
	text-align: center;
	line-height: 150%;
	font-size: 1.06em;
}
/* 質問のフォント色バリエ */
.qa-01 > ul > li .qa-block p,
.qa-03 > ul > li .qa-block p,
.top-qa-01 p,
.top-qa-03 p{
	color: #FFFFFF;
}
.qa-02 > ul > li .qa-block p,
.qa-04 > ul > li .qa-block p,
.top-qa-02 p,
.top-qa-04 p{
	color: #383838;
}
/* 質問の背景バリエ */
.qa-01 > ul > li .qa-block,
.top-qa-01{
	background: url(../images/qa01-bg.png) no-repeat;
}
.qa-02 > ul > li .qa-block,
.top-qa-02{
	background: url(../images/qa02-bg.png) no-repeat;
}
.qa-03 > ul > li .qa-block,
.top-qa-03{
	background: url(../images/qa03-bg.png) no-repeat;
}
.qa-04 > ul > li .qa-block,
.top-qa-04{
	background: url(../images/qa04-bg.png) no-repeat;
}


/* モーダルウインドウ */
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../images/modal_close.png);
  z-index: 2;
}
/* モーダルウインドウ 非表示 */
.qa-modal-answer{
	display: none;
}
/* モーダルウインドウ > 枠 */
.qa-modal-box{
	position: relative;
	width: 640px;
	height: 570px;
	background: #FFFFFF;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

/* モーダルウインドウ > タイトル */
.qa-modal-ttl{
	width: 443px;
	margin: 0 auto;
	padding: 80px 0 10px 0;
	font-size: 1.88em;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px solid #0D1369;
}
/* モーダルウインドウ > 本文 */
.qa-modal-body{
	width: 500px;
	height: 300px;
	margin: 0 auto;
	padding-top: 45px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
	overflow: auto;
}
.qa-modal-body p{
	padding: 10px;
}
.qa-modal-body p span{
	display: block;
	text-align: right;
	font-size: 0.88em;
	color: #999;
}
/* モーダルウインドウ > クローズボタン */
.qa-modal-close{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 37px;
	bottom: 30px;
	background: url(../images/modal-close.png) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}


/* NEWSオリジナル 
-------------------------------------------------------------- */
.category-news .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
/* サブタイトル */
.news-category{
	width: 100%;
	margin: 40px auto 20px auto;
	border-bottom: 1px solid #DCDCDC;
}
.news-category .news-category-ttl{
	border-left: 3px solid #000000;
	margin-bottom: 6px;
	padding-left: 14px;
	font-size: 1.31em;
	font-weight: bold;
}
/* アイキャッチ画像 */
.category-news-top .entry-header{
	display: table;
	width: 100%;
	max-width: 800px;
	margin: 15px auto;
	padding-bottom: 15px;
	color: #303030;
	border-bottom: 1px dotted #dddddd;
}
.category-news-top .entry-header > .thmb-img{
	display: table-cell;
	width: 21%;
	vertical-align: top;
}
.category-news-top .entry-header > .thmb-img a{
	display: block;
	width: 158px;
	height: 114px;
	overflow: hidden;
}
.category-news-top .entry-header > .thmb-img a img{
	width: 159px;
	height: auto;
}
/* 日付 */
.category-news-top .entry-header >.entry-title >  .entry-date-out{
	padding-top: 0;
	padding-bottom: 5px;
}
/* カテゴリーリスト > 終了アイコン（新着情報、体験学習、活動報告） */
.entry-title .entry-date-out img{
	vertical-align: middle;
}
.exit_event_list{
	display: inline-block;
	vertical-align: middle;
}
/* タイトル */
.category-news-top .entry-header > .entry-title{
	display: table-cell;
	width: 79%;
	vertical-align: top;
	font-size: 1.00em;
	padding-left: 10px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.category-news-top .entry-header > .entry-title > h2{
	border: none;
	font-size: 0.94em;
	margin-bottom: 10px;
}
.category-news-top .entry-header > .entry-title > h2 a{
	color: #303030;
}
.report .entry-header .thmb-img a,
.news .entry-header .thmb-img a{
	display: block;
	height: 110px;
	overflow: hidden;
}
/* REPORTオリジナル 
-------------------------------------------------------------- */
.category-report .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
/* サブタイトル */
.report-category{
	width: 100%;
	margin: 40px auto 20px auto;
	border-bottom: 1px solid #DCDCDC;
}
.report-category .report-category-ttl{
	border-left: 3px solid #000000;
	margin-bottom: 6px;
	padding-left: 14px;
	font-size: 1.31em;
	font-weight: bold;
}

/* アイキャッチ画像 */
.category-report-top .entry-header{
	display: table;
	width: 100%;
	max-width: 800px;
	margin: 15px auto;
	padding-bottom: 15px;
	color: #303030;
	border-bottom: 1px dotted #dddddd;
}
.category-report-top .entry-header > .thmb-img{
	display: table-cell;
	width: 21%;
	vertical-align: top;
}
.category-report-top .entry-header > .thmb-img a{
	display: block;
	width: 158px;
	height: 114px;
	overflow: hidden;
}
.category-report-top .entry-header > .thmb-img a img{
	width: 159px;
	height: auto;
}
/* 日付 */
.category-report-top .entry-header >.entry-title >  .entry-date-out{
	padding-top: 0;
	padding-bottom: 5px;
}
/* タイトル */
.category-report-top .entry-header > .entry-title{
	display: table-cell;
	width: 79%;
	vertical-align: top;
	font-size: 1.00em;
	padding-left: 10px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.category-report-top .entry-header > .entry-title > h2{
	border: none;
	font-size: 0.94em;
	margin-bottom: 10px;
}
.category-report-top .entry-header > .entry-title > h2 a{
	color: #303030;
}


/* EVENTオリジナル 
-------------------------------------------------------------- */
#content .category-event .entry-content{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px dotted #999999;
	padding-bottom: 80px;
}
.category-event .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-top: 40px;
	padding-bottom: 8px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
/* タイトル */
.category-event h1{
	max-width: 800px;
	width: 100%;
	margin: 0 auto 30px auto;
	font-size: 1.31em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
}
/* エントリー情報 */
.category-event .entry-meta{
	display: none;
}


/* アイキャッチ画像 */
.category-event-top .entry-header{
	display: table;
	width: 100%;
	max-width: 800px;
	margin: 30px auto;
	color: #303030;
}
.category-event-top .entry-header > .thmb-img{
	display: table-cell;
	width: 21%;
	vertical-align: top;
}
/* 日付 */
.category-event-top .entry-header >.entry-title >  .entry-date-out{
	padding-top: 0;
	padding-bottom: 5px;
}
/* タイトル */
.category-event-top .entry-header > .entry-title{
	display: table-cell;
	width: 79%;
	vertical-align: top;
	font-size: 1.00em;
}
.category-event-top .entry-header > .entry-title > h2{
	border: none;
	font-size: 0.94em;
	margin-bottom: 10px;
}
.category-event-top .entry-header > .entry-title > h2 a{
	color: #303030;
}

/* MOVIEオリジナル 
-------------------------------------------------------------- */
.movie-list{
	width: 82%;
	margin: 0 auto;
}
.movie-list > ul > li{
	width: 100%;
	border-bottom: 1px dotted #999;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.movie-list > ul > li > .movie-img{
	display: table-cell;
	width: 58%;
	vertical-align: top;
}
.movie-list > ul > li > .movie-txt{
	display: table-cell;
	width: 42%;
	vertical-align: top;
}
.movie-list > ul > li > .movie-txt > .movie-txt-ttl{
	font-size: 1.13em;
	font-weight: bold;
}
.movie-list > ul > li > .movie-txt > .movie-txt-date{
	font-size: 0.94em;
}
.movie-list > ul > li > .movie-txt > .movie-txt-detail{
	font-size: 1.00em;
	padding-top: 10px;
}

/* WORKSHOPオリジナル 
-------------------------------------------------------------- */
#content .category-workshop .entry-content,{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px dotted #999999;
	padding-bottom: 80px;
}
.category-workshop .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
/* タイトル */
.single .entry-title{
	max-width: 800px;
	width: 100%;
	margin: 10px auto;
}
/* 投稿日付 */
.entry-date-out{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
}
/* サブタイトル */
.workshop-category{
	width: 100%;
	margin: 40px auto 20px auto;
	border-bottom: 1px solid #DCDCDC;
}
.workshop-category .workshop-category-ttl{
	border-left: 3px solid #000000;
	margin-bottom: 6px;
	padding-left: 14px;
	font-size: 1.31em;
	font-weight: bold;
}
/* アーカイブリスト */
.wokshop-archive{
	width: 100%;
	margin: 0px auto;
}
.wokshop-archive > ul{
	width: 100%;
	letter-spacing: -.4em;
}
.wokshop-archive > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	letter-spacing: normal;
}
.wokshop-archive > ul > li > a{
	display: block;
	padding-left: 40px;
	color: #005FBB;
}
/* エントリー情報 */
.category-workshop .entry-meta{
	display: none;
}
/* リンク */
.nav-single{
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}

/* アーカイブタイトル */
.archive-title{
	display: none;
}
.archive-header, .page-header{
	display: none;
}

/* エントリー一覧 */
.workshop-entry-card > ul{
	width: 100%;
	max-width: 975px;
	letter-spacing: -.4em;
	margin: 0 auto;
}
.workshop-entry-card > ul > li{
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
	width: 33%;
	letter-spacing: normal;
	vertical-align: top;
}
.workshop-entry-card > ul > li > article{
	margin: 10px 7px;
	border: 1px solid #ccc;
	background: #f4f6f5;
}
.workshop-top-ph{
	text-align: center;
	padding-top: 10px;
}
.workshop-top-icon{
	text-align: center;
	padding-top: 10px;
}
.workshop-top-date{
	text-align: center;
	padding-top: 10px;
	font-size: 0.94em;
}
.workshop-top-ttl{
	text-align: center;
	padding-top: 10px;
	font-size: 0.94em;
	font-weight: bold;
	line-height: 150%;
}
.workshop-top-detail{
	text-align: center;
	padding: 10px;
	font-size: 0.94em;
	line-height: 150%;
}


/* アイキャッチ画像 */
.category-workshop-top .entry-header{
	display: table;
	width: 100%;
	max-width: 800px;
	margin: 15px auto;
	padding-bottom: 15px;
	color: #303030;
	border-bottom: 1px dotted #dddddd;
}
.category-workshop-top .entry-header > .thmb-img{
	display: table-cell;
	width: 21%;
	vertical-align: top;
}
.category-workshop-top .entry-header > .thmb-img a{
	display: block;
	width: 158px;
	height: 114px;
	overflow: hidden;
}
.category-workshop-top .entry-header > .thmb-img a img{
	width: 159px;
	height: auto;
}
/* 日付 */
.category-workshop-top .entry-header >.entry-title >  .entry-date-out{
	padding-top: 0;
	padding-bottom: 5px;
}
/* タイトル */
.category-workshop-top .entry-header > .entry-title-top{
	border-left: 5px solid #152A78;
	font-size: 1.13em;
	font-weight: bold;
	color: #152A78;
	padding-left: 10px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.category-workshop-top .entry-header > .entry-title{
	display: table-cell;
	width: 79%;
	vertical-align: top;
	font-size: 1.00em;
	padding-left: 10px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}

.category-workshop-top .entry-header > .entry-title > h2{
	border: none;
	font-size: 0.94em;
	margin-bottom: 10px;
}
.category-workshop-top .entry-header > .entry-title > h2 a{
	color: #303030;
}

/* 見出し */
.category-workshop-top .workshop-midashi{
	padding-top: 40px;
	font-weight: bold;
	font-size: 1.13em;
}
/* リード */
.category-workshop-top .workshop-lead{
	font-size: 1.00em;
	padding-top: 10px;
	line-height: 150%;
}
.category-workshop-top .workshop-lead a{
	color: #019CFE;
}
/* 写真 */
.category-workshop-top .workshop-photolist{
	width: 660px;
	margin: 0 auto;
	letter-spacing: -.4em;
}
.category-workshop-top .workshop-photolist li{
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	vertical-align: top;
	padding-top: 20px;
}
.category-workshop-top .workshop-photolist li.lft{
	padding-right: 10px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.category-workshop-top .workshop-photolist li.rit{
	padding-left: 10px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.category-workshop-top .workshop-photolist li p{
	padding-top: 10px;
	line-height: 150%;
}
.category-workshop-top .workshop-photolist li p a{
	color: #019CFE;
}
.category-workshop-top .workshop-photolist li .workshop-photolist-midashi{
	font-weight: bold;
	font-size: 1.13em;
	line-height: 150%;
}

/* 新着情報、体験学習、活動報告共通
-------------------------------------------------------------- */
/* リード */
.updates-lead{
	padding-bottom: 0!important;
	border: none!important;
}




/* WORKSHOP 体験学習 投稿ページ（content-workshop.php）
-------------------------------------------------------------- */
/* 日付 */
.single .workshop .entry-header .entry-date-out{
	display: none;
}
/* タイトル */
.single .workshop .entry-header .entry-title{
	border-left: 5px solid #152A78;
	font-size: 1.13em;
	font-weight: bold;
	color: #152A78;
	padding-left: 10px;
}
/* 投稿本文 */
.single .workshop .entry-content{
	margin-top: 20px;
}
/* ページャー */
.single .workshop .nav-single{
	display: none;
}
/* ページビルダー設定 > キャプション */
.single .workshop .caption{
	margin-top: -15px;
	font-size: 0.88em;
}
/* ページビルダー設定 > 画像中央揃え */
.single .workshop .image1 img{
	margin: 0 auto;
}

/* NEWS 新着情報 投稿ページ（content-workshop.php）
-------------------------------------------------------------- */
/* 日付 */
.single .news .entry-header .entry-date-out{
	display: none;
}
/* タイトル */
.single .news .entry-header .entry-title{
	border-left: 5px solid #152A78;
	font-size: 1.13em;
	font-weight: bold;
	color: #152A78;
	padding-left: 10px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
/* 投稿本文 */
.single .news .entry-content{
	margin-top: 20px;
}
/* ページャー */
.single .news .nav-single{
	display: none;
}
/* ページビルダー設定 > キャプション */
.single .news .caption{
	margin-top: -25px;
	font-size: 0.88em;
}
/* ページビルダー設定 > 画像中央揃え */
.single .news .image1 img{
	margin: 0 auto;
}



/* サイドメニュー
-------------------------------------------------------------- */
.sdmn--area{
	width: 215px;
}
.sdmn--area > li > a{
	display: block;
	text-decoration: none;
}
.sdmn--area > .sdmn--01{
	height: 45px;
	margin: 0!important;
	border-bottom: 5px solid #0087CA;
	background: #71CEFB;
}
.sdmn--area > .sdmn--01 > a{
	display: table-cell;
	width: 215px;
	height: 45px;
	color: #FFFFFF!important;
	font-size: 1.00em;
	font-weight: bold;
	line-height: 45px!important;
	text-align: center;
	vertical-align: middle;
}
/* サイドメニュー > 黒背景 */
.sdmn--area > .sdmn--02{
	height: 50px;
	margin: 0 0 0 0!important;
	background: #434444;
}
.sdmn--area > .sdmn--02 > a{
	display: table-cell;
	width: 215px;
	height: 50px;
	padding-left: 20px;
	color: #FFFFFF!important;
	font-size: 1.00em;
	font-weight: bold;
	vertical-align: middle;
}
/* サイドメニュー > 黒背景 > 矢印 */
.sdmn-arrow{
	background: url(../images/sdmn--yeararrow.png) #434444 no-repeat!important;
	background-position: 10px 18px!important;
	padding-left: 5px;
}
.sdmn--area > .sdmn--03{
	min-height: 46px;
	margin: 0 0 0 0!important;
	border-bottom: 1px dotted #C9C9CA;
	background: #F9F9F9;
	padding: 2px 0;
}
.sdmn--area > .sdmn--03 > a{
	display: table-cell;
	width: 215px;
	height: 50px;
	padding-left: 40px;
	padding-right: 10px;
	color: #2D2D2D!important;
	font-size: 1.00em;
	font-weight: bold;
	background: url(../images/sdmn--icon.png) no-repeat;
	background-position: 15px center;
	vertical-align: middle;
	line-height: 120%!important;
}
.sdmn--area > .sdmn--04{
	height: 40px;
	margin: 0 0 0 0!important;
	border-bottom: 1px dotted #C9C9CA;
	background: #F9F9F9;
}
.sdmn--area > .sdmn--04 > a{
	display: block;
	padding-left: 50px;
	padding-right: 10px;
	color: #515050!important;
	font-size: 0.88em;
	line-height: 40px!important;
}
/* アクティブ表示 > 中カテゴリ */
.category-field .sdmn--area .field,
.category-soya .sdmn--area .soya,
.soya-about .sdmn--area .soya-about,
.soya-antarctic .sdmn--area .soya-antarctic,
.soya-history_01 .sdmn--area .soya-history,
.soya-inboard .sdmn--area .soya-inboard00,
.soya-inboard02 .sdmn--area .soya-inboard00,
.soya-inboard03 .sdmn--area .soya-inboard00,
.soya-panorama .sdmn--area .soya-panorama,
.soya-epub .sdmn--area .soya-epub,
.soya-dorone .sdmn--area .soya-dorone,
.category-annex .sdmn--area .annex,
.annex_01 .sdmn--area .annex_01,
.annex_02 .sdmn--area .annex_02,
.annex_03 .sdmn--area .annex_03,
.annex_04 .sdmn--area .annex_04,
.annex_05 .sdmn--area .annex_05,
.annex_06 .sdmn--area .annex_06,
.annex_07 .sdmn--area .annex_07,
.magazine .sdmn--area .magazine,
.link .sdmn--area .link,
.qa_01 .sdmn--area .qa_01,
.qa_02 .sdmn--area .qa_02,
.qa_03 .sdmn--area .qa_03,
.qa_04 .sdmn--area .qa_04,
.privacy .sdmn--area .privacy,
.contact .sdmn--area .contact,
.foundation_01 .sdmn--area .foundation_01,
.foundation_02 .sdmn--area .foundation_02,
.sdmn--area .sdmn-active,
.marinkids_top .sdmn--area .marine,
.marine_01_top .sdmn--area .marine1,
.marine_02_top .sdmn--area .marine2,
.marine_03_top .sdmn--area .marine3,
.marine_04_top .sdmn--area .marine4,
.marine_05_top .sdmn--area .marine5,
.marine_06_top .sdmn--area .marine6,
.marine_07_top .sdmn--area .marine7,
.marine_01 .sdmn--area .marine1,
.marine_02 .sdmn--area .marine2,
.marine_03 .sdmn--area .marine3,
.marine_04 .sdmn--area .marine4,
.marine_05 .sdmn--area .marine5,
.marine_06 .sdmn--area .marine6,
.marine_07 .sdmn--area .marine7{
	background: #D5EFFD;
}
/* アクティブ表示 > 中カテゴリアイコン */
.category-field .sdmn--area .field a,
.category-soya .sdmn--area .soya a,
.soya-about .sdmn--area .soya-about a,
.soya-antarctic .sdmn--area .soya-antarctic a,
.soya-history_01 .sdmn--area .soya-history a,
.soya-inboard .sdmn--area .soya-inboard00 a,
.soya-inboard02 .sdmn--area .soya-inboard00 a,
.soya-inboard03 .sdmn--area .soya-inboard00 a,
.soya-panorama .sdmn--area .soya-panorama a,
.soya-epub .sdmn--area .soya-epub a,
.soya-dorone .sdmn--area .soya-dorone a,
.magazine .sdmn--area .magazine a,
.link .sdmn--area .link a,
.qa_01 .sdmn--area .qa_01 a,
.qa_02 .sdmn--area .qa_02 a,
.qa_03 .sdmn--area .qa_03 a,
.qa_04 .sdmn--area .qa_04 a,
.qa_05 .sdmn--area .qa_05 a,
.privacy .sdmn--area .privacy a,
.contact .sdmn--area .contact a,
.foundation_01 .sdmn--area .foundation_01 a,
.foundation_02 .sdmn--area .foundation_02 a,
.contact .sdmn--area .contact a,
.category-annex .sdmn--area .annex a,
.annex_01 .sdmn--area .annex_01 a,
.annex_02 .sdmn--area .annex_02 a,
.annex_03 .sdmn--area .annex_03 a,
.annex_04 .sdmn--area .annex_04 a,
.annex_05 .sdmn--area .annex_05 a,
.annex_06 .sdmn--area .annex_06 a,
.annex_07 .sdmn--area .annex_07 a,
.sdmn--area .sdmn-active a,
.marinkids_top .sdmn--area .marine a,
.marine_01_top .sdmn--area .marine1 a,
.marine_02_top .sdmn--area .marine2 a,
.marine_03_top .sdmn--area .marine3 a,
.marine_04_top .sdmn--area .marine4 a,
.marine_05_top .sdmn--area .marine5 a,
.marine_05_top .sdmn--area .marine5 a,
.marine_01 .sdmn--area .marine1 a,
.marine_02 .sdmn--area .marine2 a,
.marine_03 .sdmn--area .marine3 a,
.marine_04 .sdmn--area .marine4 a,
.marine_05 .sdmn--area .marine5 a,
.marine_06 .sdmn--area .marine6 a,
.marine_07 .sdmn--area .marine7 a{
	background: url(../images/sdmn--icon-active.png) no-repeat;
	background-position: 15px center;
}
/* アクティブ表示 > 小カテゴリ */
.soya-history_01 .sdmn--area .soya-history01,
.soya-history_02 .sdmn--area .soya-history02,
.soya-history_03 .sdmn--area .soya-history03,
.soya-history_04 .sdmn--area .soya-history04,
.soya-history_05 .sdmn--area .soya-history05,
.soya-history_06 .sdmn--area .soya-history06,
.soya-history_07 .sdmn--area .soya-history07,
.soya-history_08 .sdmn--area .soya-history08,
.soya-history_09 .sdmn--area .soya-history09,
.soya-inboard .sdmn--area .soya-inboard,
.soya-inboard02 .sdmn--area .soya-inboard02,
.soya-inboard03 .sdmn--area .soya-inboard03{
	background: #EBF7FC;
}

/* 上部ボーダー */
.contact .sdmn--area .contact a{
/*	border-top: 5px solid #0088C9;*/
}

/* カテゴリ別表示設定 */
.sdmn-guide,
.sdmn-marine,
.sdmn-magazine,
.sdmn-link,
.sdmn-about,
.sdmn-report,
.sdmn-news,
.sdmn-workshop,
.sdmn-qa,
.sdmn-privacy,
.sdmn-contact,
.sdmn-foundation,
.sdmn-contact{
	display: none;
}
/* カテゴリ別表示設定 > リンク集 */
.link .sdmn-link{
	display: block;
}
/* カテゴリ別表示設定 > 問い合わせ */
.contact .sdmn-contact{
	display: block;
}
/* カテゴリ別表示設定 > 財団について */
.foundation .sdmn-foundation{
	display: block;
}
/* カテゴリ別表示設定 > お問い合わせ */
.contact .sdmn-contact{
	display: block;
}
/* カテゴリ別表示設定 > プライバシーポリシー */
.privacy .sdmn-privacy{
	display: block;
}
/* カテゴリ別表示設定 > Q&A */
.qa .sdmn-qa{
	display: block;
}
/* カテゴリ別表示設定 > 活動報告 */
.report .sdmn-report{
	display: block;
	margin-top: -48px;
}
/* カテゴリ別表示設定 > 新着情報 */
.news .sdmn-news{
	display: block;
	margin-top: -48px;
}
/* カテゴリ別表示設定 > 体験学習 */
.workshop .sdmn-workshop{
	display: block;
	margin-top: -48px;
}
/* カテゴリ別表示設定 > 施設ガイド */
.soya .sdmn-guide,
.annex .sdmn-guide,
.field .sdmn-guide{
	display: block;
}
/* カテゴリ別表示設定 > わくわくマリンキッズ */
.marine .sdmn-marine{
	display: block;
}
/* カテゴリ別表示設定 > 案内 */
.magazine .sdmn-magazine{
	display: block;
}
/* カテゴリ別表示設定 > 船の科学館とは */
.about .sdmn-about{
	display: block;
}


/* カテゴリトップ・船の科学館とは
-------------------------------------------------------------- */
.lead-strong{
	font-size: 1.13em;
	text-align: center;
	padding-top: 45px;
	font-weight: bold;
}
/* メニューボタン */
.about-menu{
	width: 100%;
	padding-top: 40px;
	letter-spacing: -.4em;
}
.about-menu li{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.about-menu li.lft{
}
.about-menu li.rit{
	text-align: right;
}
.about-menu li a{
	display: block;
}
/* 年表 */
.about-datalist{
	margin-top: 30px;
	border-top: 3px solid #000067;
}
.about-datalist > li{
	width: 100%;
	display: table;
	border-bottom: 1px dotted #ccc;
}
.about-datalist > li .date{
	display: table-cell;
	width: 196px;
	vertical-align: top;
	background: url(../images/about--date-bg.png);
}
.about-datalist > li .detail{
	display: table-cell;
	vertical-align: top;
}
.about-datalist > li .date-tbl{
	display: table;
	width: 100%;
}
.about-datalist > li .date .year{
	display: table-cell;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
}
.about-datalist > li .date .month{
	display: table-cell;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 15px;
	text-align: right;
}
.about-datalist > li .date p{
	line-height: 150%;
	font-weight: bold;
}
.about-datalist > li .detail p{
	padding: 30px 15px;
	line-height: 150%;
}
.about-datalist > .active p{
	color: #c1272d;
}


/* カテゴリトップ・宗谷
-------------------------------------------------------------- */
/* メインビジュアル */
.category-soya .mainvis{
	padding-bottom: 30px;
}
/* カテゴリタイトル */
.category-soya .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

/* リード */
.soya-lead{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #DCDCDC;
	text-align: center;
}
.soya-lead p{
	font-size: 1.00em;
	text-align: center;
	line-height: 150%;
}
/* リード大 */
.soya-lead-big{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #DCDCDC;
	text-align: center;
	color: #172d76;
	font-size: 1.50em;
	font-weight: bold;
}
/* リード > 投稿ページ用スタイル */
.soya-lead-inner{
	padding-top: 20px;
	border: none;
}
/* 宗谷の歴史リード */
.soya-history_01 .soya-lead-inner,
.soya-history_02 .soya-lead-inner,
.soya-history_03 .soya-lead-inner,
.soya-history_04 .soya-lead-inner,
.soya-history_05 .soya-lead-inner,
.soya-history_06 .soya-lead-inner,
.soya-history_07 .soya-lead-inner,
.soya-history_08 .soya-lead-inner,
.soya-history_09 .soya-lead-inner{
	padding-top: 25px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #DCDCDC;
}
/* メニューボタン */
.soya-menu{
	width: 100%;
	padding-top: 40px;
	letter-spacing: -.4em;
}
.soya-menu li{
	display: inline-block;
	vertical-align: top;
}
.soya-menu li.lft{
	width: 33%;
}
.soya-menu li.cnt{
	width: 34%;
	text-align: center;
}
.soya-menu li.rit{
	width: 33%;
	text-align: right;
}
.soya-menu li a{
	display: block;
}
/* 詳細リスト */
.soya-detaillist{
	padding-top: 10px;
}
.soya-detaillist > li{
	display: table;
	width: 100%;
	padding-top: 30px;
}
.soya-detaillist > li .soya-detaillist-image{
	display: table-cell;
	width: 43%;
	vertical-align: top;
}
.soya-detaillist > li .soya-detaillist-image > img{
	width: 95%;
	height: auto;
}
.soya-detaillist > li .soya-detaillist-info{
	display: table-cell;
	width: 58%;
	vertical-align: top;
}
.soya-detaillist > li .soya-detaillist-text{
	padding: 30px 10px 0 10px;
	line-height: 150%;
}
.soya-detaillist > li .soya-detaillist-subimg{
	padding-top: 10px;
}

/* 投稿ページ > サブタイトル */
.soya-subttl{
	width: 93%;
	margin: 30px auto 0 auto;
	background: url(../images/soya--subttl-bg.png);
}
.soya-subttl02{
	margin-top: 70px;
}
/* 別館サブタイトル */
.annex_01 .soya-subttl02,
.annex_02 .soya-subttl02,
.annex_03 .soya-subttl02,
.annex_04 .soya-subttl02,
.annex_05 .soya-subttl02,
.annex_06 .soya-subttl02,
.annex_07 .soya-subttl02{
	margin-top: 40px;
}
.soya-subttl p{
	text-align: center;
	color: #FFFFFF;
	font-size: 1.13em;
	font-weight: bold;
	line-height: 30px;
}

/* 投稿ページ > 画像リスト３列 */
.soya-imglist{
	width: 100%;
	padding-top: 5px;
	letter-spacing: -.4em;
}
.soya-imglist-panorama{
	padding-top: 20px;
}
.soya-imglist li{
	display: inline-block;
	padding-top: 25px;
	letter-spacing: normal;
}
.soya-imglist-panorama li{
	display: inline-block;
	padding-top: 10px;
	letter-spacing: normal;
}
.soya-imglist li.lft{
	width: 33%;
}
.soya-imglist li.cnt{
	width: 34%;
}
.soya-imglist li.rit{
	width: 33%;
}
.soya-imglist li .soya-imglist-area{
	display: block;
	width: 240px;
	text-decoration: none;
	color: #303030;
}
.soya-imglist li.lft .soya-imglist-area{
}
.soya-imglist li.cnt .soya-imglist-area{
	margin: 0 auto;
}
.soya-imglist li.rit .soya-imglist-area{
	margin-left: auto;
	margin-right: 0;
}
.soya-imglist li .soya-imglist-area p{
	text-align: center;
}

/* 南極と宗谷 > 画像サイズ統一 */
.soya-antarctic .soya-imglist li .soya-imglist-area{
	display: block;
	width: 240px;
	height: 150px;
	overflow: hidden;
	text-decoration: none;
	color: #303030;
}
/* 南極と宗谷 > リスト画像上部空き */
.soya-antarctic .soya-imglist{
	padding-top: 20px;
}
.soya-antarctic .soya-imglist li{
	padding-top: 10px;
}


/* 横位置画像 */
.soya-inboard-img{
	position: relative;
	width: 740px;
	height: 600px;
	margin: 0 auto;
	margin-top: 10px;
	background: url(../images/soya-inboard01-img01.png) no-repeat;
	background-position: -1px top;
}
/* 宗谷船内 > プリント用マップ */
.soya-map-print{
	display: none;
}
/* マップ上数字 */
.soya-inboard-img li{
	position: absolute;
}
.soya-inboard-img-no01{
	position: absolute;
	left: 143px;
	top: 142px;
}
.soya-inboard-img-no02{
	position: absolute;
	left: 276px;
	top: 140px;
}
.soya-inboard-img-no03{
	position: absolute;
	left: 358px;
	top: 142px;
}
.soya-inboard-img-no04{
	position: absolute;
	left: 359px;
	top: 72px;
}
.soya-inboard-img-no05{
	position: absolute;
	left: 455px;
	top: 168px;
}
.soya-inboard-img-no06{
	position: absolute;
	left: 517px;
	top: 131px;
}
.soya-inboard-img-no07{
	position: absolute;
	left: 550px;
	top: 144px;
}
.soya-inboard-img-no08{
	position: absolute;
	left: 113px;
	top: 317px;
}
.soya-inboard-img-no09{
	position: absolute;
	left: 253px;
	top: 323px;
}
.soya-inboard-img-no10{
	position: absolute;
	left: 272px;
	top: 260px;
}
.soya-inboard-img-no11{
	position: absolute;
	left: 209px;
	top: 378px;
}
.soya-inboard-img-no12{
	position: absolute;
	left: 360px;
	top: 260px;
}
.soya-inboard-img-no13{
	position: absolute;
	left: 337px;
	top: 373px;
}
.soya-inboard-img-no14{
	position: absolute;
	left: 409px;
	top: 309px;
}
.soya-inboard-img-no15{
	position: absolute;
	left: 528px;
	top: 311px;
}
.soya-inboard-img-no16{
	position: absolute;
	left: 646px;
	top: 312px;
}
.soya-inboard-img-no17{
	position: absolute;
	left: 186px;
	top: 440px;
}
.soya-inboard-img-no18{
	position: absolute;
	left: 186px;
	top: 560px;
}
.soya-inboard-img-no19{
	position: absolute;
	left: 196px;
	top: 502px;
}
.soya-inboard-img-no20{
	position: absolute;
	left: 252px;
	top: 438px;
}
.soya-inboard-img-no21{
	position: absolute;
	left: 266px;
	top: 480px;
}
.soya-inboard-img-no22{
	position: absolute;
	left: 297px;
	top: 560px;
}
.soya-inboard-img-no23{
	position: absolute;
	left: 356px;
	top: 461px;
}
.soya-inboard-img-no24{
	position: absolute;
	left: 349px;
	top: 501px;
}

/* 横700pxメニュー3列 */
.soya-inboard-menu{
	width: 700px;
	margin: 0 auto;
	padding-top: 45px;
}
/* 横700pxメニュー3列 > 宗谷の歴史 */
.soya-history_01 .soya-inboard-menu,
.soya-history_02 .soya-inboard-menu,
.soya-history_03 .soya-inboard-menu,
.soya-history_04 .soya-inboard-menu,
.soya-history_05 .soya-inboard-menu,
.soya-history_06 .soya-inboard-menu,
.soya-history_07 .soya-inboard-menu,
.soya-history_08 .soya-inboard-menu,
.soya-history_09 .soya-inboard-menu{
	padding-top: 25px;
}

/* 船内イメージと説明 */
.soya-inboard-list > li{
	display: table;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #D8D6D6;
}
.soya-inboard-list-img{
	display: table-cell;
	width: 47%;
	height: 302px;
	vertical-align: top;
}
.soya-inboard-list-txt{
	display: table-cell;
	width: 53%;
	vertical-align: top;
}
.soya-inboard-list-txt > p{
	padding-left: 20px;
}
.soya-inboard-list-txt-ttl{
	font-size: 1.38em;
	color: #172d76;
	font-weight: bold;
}
.soya-inboard-list-txt-ttl > p{
	padding-left: 20px;
}
.soya-inboard-list-txt-detail{
	padding-top: 10px;
	font-size: 1.00em;
	line-height: 150%;
}
.soya-inboard-list-txt-detail span{
	font-size: 0.88em;
}

/* 宗谷の歴史 > サブタイトル */
.soya-history-subttl{
	width: 700px;
	margin: auto;
	text-align: center;
	background: #E79000;
	color: #FFFFFF;
	font-size: 1.13em;
	font-weight: bold;
}
.soya-history-700{
	width: 700px;
	margin: auto;
}
.soya-history-700 .panel-grid-cell:first-child{
	padding-left: 0!important;
}
.soya-history-700 .panel-grid-cell:first-child + *{
	padding-right: 0!important;
}

/* 宗谷の歴史 > キャプション */
.soya .caption{
	margin-top: -25px;
	font-size: 0.88em;
}
.soya .image1 img{
	margin: 0 auto;
}

/* パノラマ */
.soya-mess{
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}
.soya-panorama-img{
	text-align: center;
}
.soya-panorama-subttl{
	padding-top: 60px;
	color: #303030;
	font-size: 1.13em;
	font-weight: bold;
	text-align: center;
}
.soya-panorama-text{
	color: #303030;
	text-align: center;
}

/* ドローン > 動画 */
.soya-dorone-img{
	width: 749px;
	height: 468px;
}
.soya-dorone-img iframe{
	width: 100%;
	height: 100%;
}

/* 投稿ページ > ページャー */
.soya .nav-single{
	display: none;
}
/* 投稿ページ > 活動報告
-------------------------------------------------------------- */
/* ページャー */
.single .nav-single{
	display: none;
}
.single .entry-title{
	border-left: 5px solid #152A78;
	font-size: 1.13em!important;
	font-weight: bold!important;
	color: #152A78;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.single .movie iframe{
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}
/* 概要 */
.single .overview{
	width: 700px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/report--overview-bg.png) no-repeat;
	padding-left: 20px;
	font-size: 1.13em;
	font-weight: bold;
	line-height: 40px;
	color: #FFFFFF;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.single .overview p{
	line-height: 40px;
}

/* 表組み（青） */
.single .bluetable{
	width: 640px;
	margin: 0 auto;
}
.single .bluetable .panel-grid-cell{
	padding-left: 0!important;
}
.single .bluetable .bluetitle .textwidget{
	background: #95E1FF;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
	text-align: center;
	font-size: 1.06em;
	font-weight: bold;
	padding: 0 5px;
}

/* 表組み（PT2） */
.single .tablept02{
	width: 700px;
	margin: 0 auto;
	margin-top: -30px;
	border-left: 1px solid #4B4A4A;
	border-right: 1px solid #4B4A4A;
	border-bottom: 1px solid #4B4A4A;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
	background: #F6F1E6;
}
.single .tablept02 .panel-grid-cell{
	padding: 10px;
}
.single .tablept02 .panel-grid-cell:first-child{
	font-weight: bold;
}
.single .tablept02 .panel-grid-cell:first-child + *{
	background: #FFFFFF;
}
/* 写真 */
.single .photos{
	width: 660px;
	margin: 0 auto;
}
.single .photos .so-panel{
	margin-bottom: 0px!important;
}
.single .photos .widget_sow-image{
	margin-bottom: 20px!important;
}

/* パターン１テキスト */
.single .textpt01{
	width: 690px;
	margin: 0 auto;
	margin-top: -15px;
}
/* ページビルダー設定 > キャプション */
.single .caption{
	margin-top: -15px;
	font-size: 0.88em;
	padding-bottom: 15px;
}
/* ページビルダー設定 > 画像中央揃え */
.single .image1 img{
	margin: 0 auto;
}
/* ページビルダー設定 > 画像サイズ調整 */
.single .rbimg .so-widget-sow-image{
/*	max-height: 216px;*/
}


/* カテゴリタイトル
-------------------------------------------------------------- */
.cat-mainttl{
	padding-bottom: 15px;
}


/* 屋外展示場
-------------------------------------------------------------- */
.field-map01{
	margin-top: 20px;
}
.category-field .field-map01{
	position: relative;
	width: 750px;
	height: 600px;
	margin-top: 20px;
	background: url(../images/field--map.jpg) no-repeat;
}
/* マップ上番号 */
.field-map01 ul li{
	position: absolute;
}
.field-map-no01{
	left: 664px;
	top: 261px;
}
.field-map-no02{
	left: 217px;
	top: 388px;
}
.field-map-no03{
	left: 219px;
	top: 314px;
}
.field-map-no04{
	left: 244px;
	top: 236px;
}
.field-map-no05{
	left: 244px;
	top: 208px;
}
.field-map-no06{
	left: 198px;
	top: 273px;
}
.field-map-no07{
	left: 179px;
	top: 256px;
}
.field-map-no08{
	left: 264px;
	top: 494px;
}
.field-map-no09{
	left: 68px;
	top: 434px;
}
.field-map-no10{
	left: 117px;
	top: 345px;
}
.field-map-no11{
	left: 88px;
	top: 230px;
}
.field-map-no12{
	left: 219px;
	top: 349px;
}

.field-map02{
	padding-top: 10px;
}
.field-list-txt-mini{
	font-size: 0.88em;
}
.field-links{
	margin-top: 30px;
}
.field-links-txt{
	line-height: 24px;
	font-size: 16px;
	color: #172d76;
	font-weight: bold;
}
.field-links-txt li {
	padding: 0 0 10px 20px;
}
.field-links hr{
	width: 100%;
	background-color: #fff;
	border-top: 1px dotted #D8D6D6;
	margin-top: 50px;
}


/* カテゴリトップ・別館
-------------------------------------------------------------- */
/* カテゴリタイトル */
.category-annex .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
/* メニューボタン */
.annex-menu{
	width: 100%;
	padding-top: 40px;
	letter-spacing: -.4em;
}
.annex-menu li{
	display: inline-block;
	vertical-align: top;
}
.annex-menu li.lft{
	width: 25.3%;
}
.annex-menu li.rit{
	width: 24%;
	text-align: right;
}

.soya-detaillist > li{
	border-bottom: 1px solid #D8D6D6;
	padding-bottom: 30px;
	padding-top: 30px:
}
.soya-detaillist > li .annex-detaillist-image{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.flexslider .upimg > li{
	height: 211px;
}


.soya-detaillist > li .annex-detaillist-image .flexslider,
.soya-detaillist > li .annex-detaillist-image > a > img{
	width: 345px;
}
.soya-detaillist > li .annex-detaillist-info{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.soya-detaillist > li .annex-detaillist-text{
	padding: 10px 10px 0 0;
	line-height: 150%;
}
.annex-detailist-ttl{
	color: #172d76;
	font-size: 1.38em;
	font-weight: bold;
}
/* 投稿ページ > ページャー */
.annex .nav-single{
	display: none;
}



/* カテゴリトップ・マリンキッズ
-------------------------------------------------------------- */
.marine-main{
	padding-bottom: 110px;
	background: url(../images/marine-mainbg.png) no-repeat;
}
/* 海の学びシート */
.marine-main-larning{
	padding-top: 45px;
	text-align: center;
}
/* 海の学びシートリード */
.marine-main-larning-lead{
	padding-top: 40px;
	text-align: center;
}
/* ダウンロード */
.marine-main-download{
	width: 686px;
	height: 268px;
	margin: 40px auto 0 auto;
	background: url(../images/marine-main-download-bg.png);
}
.marine-main-download-btn{
	padding-top: 58px;
	padding-left: 33px;
}
.marine-main-download-btn > li{
	padding-top: 15px;
}
/* 矢印 */
.marine-main-arrow{
	padding-top: 40px;
	text-align: center;
}
/* 答え合わせ */
.marine-main-answer{
	padding-top: 20px;
	text-align: center;
}
/* 答え合わせリード */
.marine-main-answer-lead{
	padding-top: 40px;
	text-align: center;
}
/* ペーパークラフト */
.marine-main-craft{
	padding-top: 28px;
	text-align: center;
}
/* 答え合わせボタン */
.marine-main-answer-btn{
	padding-top: 48px;
	text-align: center;
}
.marine-main-answer-btn4{
	padding-top: 20px;
	text-align: center;
}
/* 答え合わせ（ビルダー） */
.marine .marine-answer-01,
.marine .marine-answer-02,
.marine .marine-answer-03{
	width: 750px;
	margin: 0 auto;
	background: #FDF7E8;
}
.marine .marine-answer-01 img,
.marine .marine-answer-02 img,
.marine .marine-answer-03 img{
	margin: 0 auto;
}

/* 電子書籍で見る宗谷
-------------------------------------------------------------- */
/* メインビジュアル */
.soya-epub .mainvis{
	display: none;
}
/* タイトル下リード */
.soya-epub-lead p{
	font-size: 1.50em;
	font-weight: bold;
	color: #172D75;
}
/* キャッチ（吹き出し） */
.soya-epub-catch{
	text-align: center;
}
/* ビューワー */
.soya-epub-viewer{
	width: 730px;
	height: 461px;
	margin: 0 auto;
}
/* 電子書籍紹介 */
.soya-epub-intro{
	width: 730px;
	margin: 30px auto 0 auto;
	background: url(../images/soya-epub-intro-bg.png);
}
.soya-epub-intro-tbl{
	display: table;
	width: 675px;
	margin: 0 auto;
	padding: 40px 0;
}
/* 電子書籍紹介 > 書影 */
.soya-epub-intro .soya-epub-cover{
	display: table-cell;
	width: 245px;
	vertical-align: top;
}
/* 電子書籍紹介 > 右テキスト */
.soya-epub-intro .soya-epub-txt{
	display: table-cell;
	width: 430px;
	vertical-align: top;
	color: #2F2F2F;
}
/* 電子書籍紹介 > キャッチ */
.soya-epub-txt-catch{
	font-size: 1.13em;
	font-weight: bold;
}
/* 電子書籍紹介 > タイトル */
.soya-epub-txt-title{
	padding-top: 10px;
	font-size: 1.13em;
	font-weight: bold;
}
/* 電子書籍紹介 > 詳細 */
.soya-epub-txt-detail{
	padding-top: 10px;
	font-size: 0.94em;
}

/* 投稿ページ・マリンキッズ
-------------------------------------------------------------- */
/* ページャー */
.marine .nav-single{
	display: none;
}
/* カテゴリタイトル */
.category-marine .h1{
	text-align: center;
	border-bottom: 2px solid #6E6E6E;
	padding-bottom: 8px;
	padding-top: 35px;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.marine-answer > div > img{
	margin: 0 auto;
}
.marine-answer-catch img{
	margin-left: auto;
	margin-right: 0;
}

/* 回答ボタン */
.marine-answer-select01,
.marine-answer-select02,
.marine-answer-select03,
.marine-answer-select04{
	cursor: pointer;
}



/* 投稿ページ > ページャー */
.pgr-orgin{
	display: table;
	width: 100%;
}
/* 投稿ページ > ページャー > 過去の投稿へ */
.pgr-orgin-prev{
	display: table-cell;
	width: 50%;
	vertical-align: top;
	text-align: left;
}
/* 投稿ページ > ページャー > 次の投稿へ */
.pgr-orgin-next{
	display: table-cell;
	width: 50%;
	vertical-align: top;
	text-align: right;
}
/* 投稿ページ > ページャー > リンク設定 */
.pgr-orgin a{
	text-decoration: none;
}


/* =Main content and comment content
-------------------------------------------------------------- */

#comments{
	display: none;
}

.entry-meta {
	display: none;
	clear: both;
}
.entry-header {
}
.entry-header img.wp-post-image {
}
.entry-header .entry-title {
	font-size: 1.38em;
	line-height: 1.2;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	font-weight: normal;
}
.entry-header .comments-link {
	font-size: 0.94em;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 0.94em;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 1.44em;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 1.25em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 1.13em;
}
.entry-content h4,
.comment-content h4 {
	font-size: 1.00em;
}
.entry-content h5,
.comment-content h5 {
	font-size: 0.94em;
}
.entry-content h6,
.comment-content h6 {
	font-size: 0.88em;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
}
.entry-content a:visited,
.comment-content a:visited {
	color: #9f9f9f;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: none;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
}
.entry-content blockquote,
.comment-content blockquote {
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 0.88em;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 0.88em;
	overflow: auto;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
}
img.alignleft,
.wp-caption.alignleft {
}
img.alignright,
.wp-caption.alignright {
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-bottom: 12px;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
}
.entry-content dl,
.comment-content dl {
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 0.88em;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 1.13em;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	font-size: 0.94em;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	padding-bottom: 22px;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 0.88em;
	margin-top: 22px;
}

/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 0.94em;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 0.94em;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 0.81em;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	float: right;
	font-size: 0.81em;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 1.50em;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	font-size: 1.06em;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
}
.format-status .entry-header header {
	display: inline-block;
	*display: inline;  
	*zoom: 1; 
}
.format-status .entry-header h1 {
	font-size: 1.06em;
	font-weight: normal;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 0.88em;
	font-weight: normal;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
}


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

.comments-title {
	margin-bottom: 48px;
	font-size: 1.13em;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
}
.comments-area article header {
	margin: 0 0 48px;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 1.06em;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	text-decoration: none;
	font-size: 0.88em;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	font-size: 0.88em;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	padding: 2px 5px;
	font-size: 0.63em;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 0.94em;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
}

/* Comment form */
#respond {
	margin-top: 48px;
}
#respond h3#reply-title {
	font-size: 1.13em;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	font-weight: normal;
	font-size: 0.88em;
}
#respond form {
	margin: 24px 0;
}
#respond form p {
	margin: 11px 0;
}
#respond form p.logged-in-as {
}
#respond form label {
	display: block;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.88em;
	padding: 10px;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 0.88em;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	font-size: 0.94em;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
}


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

.widget-area .widget ul ul {
	margin-left: 12px;
}
.widget_rss li {
	margin: 12px 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 0.81em;
	margin-left: 12px;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 0.94em;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 0.94em;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* わくわくマリンキッズ[PC]
-------------------------------------------------------------- */
.mrks-number{
	margin: 50px auto 5px auto;
	padding: 15px 30px 10px 30px;
	background: #434444;
	font-size: 25px;
	line-height: 50px;
	color: #FFFFFF;
}
.marine-main-larning-lead p,
.marine-main-answer-lead p{
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}
.marine-bana li{
	padding-bottom: 20px;
}
.marine-bana li img{
	width: 100%;
}

/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
}


/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 600 pixels. */
/*@media screen and (min-width: 600px) {*/
	/* 外枠 */
	#page{
		width: 980px;
		margin: 0 auto;
	}
	.page-template-front-page #page{
		width: 1280px;
		margin: 0 auto;
	}
	
	/* ヘッダーシャドウ */
	.menu--container{
		padding-bottom: 8px;
		background: url(../images/head-shadow.png) repeat-x;
		background-position: left bottom;
	}
	
	/* ヘッダーミニナビ */
	.hd-mininavi-area{
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	.hd-mininavi{
		position: absolute;
		top: -100px;
		right: 0;
	}
	.hd-mininavi > .hd-mininavi-banner{
		width: 255px;
		letter-spacing: -.4em;
		text-align: right;
	}
	.hd-mininavi > .hd-mininavi-banner > li{
		display: inline-block;
		letter-spacing: normal;
		width: 33%;
	}
	/* ヘッダーミニナビ > 文字サイズコントローラー */
	.hd-mininavi-txtctrl{
		width: 225px;
		letter-spacing: -.4em;
		margin-left: auto;
		margin-right: 0;
		padding-top: 15px;
		text-align: right;
	}
	.hd-mininavi-txtctrl > li{
		display: inline-block;
		letter-spacing: normal;
		padding-left: 10px;
	}
	/* ヘッダーミニナビ > 文字サイズコントローラー > 画像設定 */
	.hd-mininavi-txtctrl > li a{
		display: block;
		position: relative;
		width: 30px;
		height: 30px;
		overflow: hidden;
	}
	.hd-mininavi-txtctrl > li a img{
		display: block;
		position: absolute;
	}
	.hd-mininavi-txtctrl > li a.font-sizech-normal img{
		top: -40px;
	}
	
	.author-avatar {
		float: left;
		margin-top: 8px;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		overflow: hidden;
	}
	.site-content {
		float: right;
		width: 76.530%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: left;
		width: 23.469%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 1.75em;
		margin-bottom: 0;
	}
	/* ヘッダーメニュー */
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: center;
		width: 100%;
		max-width: 990px;
		margin: 0 auto;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		*display: inline;  
		*zoom: 1; 
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	.main-navigation li {
		margin: 0 20px 0 20px;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 0.81em;
		padding: 8px 10px;
		width: 180px;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 1.50em;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
	}
/*}*/

/* Minimum width of 960 pixels. */
/*@media screen and (min-width: 960px) {
	body {
		background-color: #FFFFFF;
	}
	body .site {
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	.site-header h1,
	.site-header h2 {
		text-align: center;
	}
}*/




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

/*@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] ";
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}

	.entry-header .entry-title,
	.entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}

}*/
}/* /@media screen and (min-width: 961px) */

@media screen and (max-width: 640px) {
/* ============================================================================= */
/* ============================================================================= */
/*  PC用表示を非表示に */
.view-pc{
	display: none;
}
.view-sp{
	display: block;
}
/* 画像 */
img{
	max-width: 100%;
}
/* 共通レイアウト */
#page{
	width: 100%;
	max-width: 640px;
}

/* ヘッダー
 -------------------------------------------------- */
.sp-head{
	padding: 15px;
	border-top: 8px solid #020045;
}
/* 内径 */
.sp-head-inner{
	display: table;
	width: 100%;
}
/* ロゴ */
.sp-head-inner .sp-head-logo{
	display: table-cell;
	width: 68%;
	vertical-align: top;
}
.sp-head-inner .sp-head-logo img{
	max-width: 100%;
}
/* ボタン */
.sp-head-inner .sp-head-button{
	display: table-cell;
	width: 32%;
	vertical-align: top;
}
.sp-head-inner .sp-head-button ul{
	width: 100%;
	letter-spacing: -.4em;
	text-align: right;
}
.sp-head-inner .sp-head-button ul li{
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	vertical-align: top;
}
.sp-head-inner .sp-head-button ul li img{
	width: 100%;
}

/* ヘッダー下ナビゲーション
 -------------------------------------------------- */
.sp-hdnv{
	width: 100%;
	padding: 25px 5px 20px 5px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.sp-hdnv ul{
	width: 100%;
	letter-spacing: -.4em;
}
.sp-hdnv ul li{
	display: inline-block;
	width: 33.3%;
	letter-spacing: normal;
	vertical-align: top;
}
.sp-hdnv ul li a{
	display: block;
	padding: 0 5px;
}
.sp-hdnv ul li a img{
	width: 100%;
}

/* ヘッダー下ナビゲーション
 -------------------------------------------------- */
.sp-acordion{
	position: relative;
	width: 100%;
	height: 1px;
	margin-top: -9px;
	border-top: 8px solid #020045;
	z-index: 9999;
}
/* メニュー内径 */
.sp-acordion-menu{
	position: absolute;
	width: 78.1%;
	top: 0;
	right: 0;
}
/* メニューブロック */
.sp-acordion-menu li{
	border-bottom: 1px solid #E1E1E1;
	background: #FFFFFF;
}
/* メニューブロック > リンク */
.sp-acordion-menu li p{
	display: block;
	padding: 18px 40px;
	background: url(../images/sp--acmn-arrow.png) no-repeat;
	background-position: right center;
}
.sp-acordion-menu li a{
	display: block;
	font-size: mideum;
	color: #494949;
	text-decoration: none;
}
/* アクセス時非表示 */
.sp-acordion{
	display: none;
}

/* ぱんくず
 -------------------------------------------------- */
/* トップページで非表示 */
.template-front-page .breadcrumbs{
	display: none;
}


/* -------------------------------------------------
  トップページ
 -------------------------------------------------- */

/* トップページ > スライダーー
 -------------------------------------------------- */
.master-slider-parent{
	overflow: hidden;
}
.master-slider{
}
.ms-container{
}
.ms-slide-bgcont{
}

.ms-slide .ms-slide-bgcont img{
	width: 200%;
}
/* スライダー内画像 */
.ms-slide-bgcont{
}


/* トップページ > メインバナー
 -------------------------------------------------- */
.sp-main-banner{
	width: 100%;
	margin-top: 30px;
}
/* トップページ > ページナビ
 -------------------------------------------------- */
.sp-top-pagenavi{
	margin-top: 30px;
	padding: 0 15px;
}
.sp-top-pagenavi ul li{
	padding-bottom: 10px;
}
/* トップページ > 新着情報、活動報告
 -------------------------------------------------- */
.sp-top-newlist-area{
	margin-top: 40x;
}
/* タイトル画像 */
.sp-top-newlist-ttl{
	margin-top: 75px;
}
/* リスト枠 */
.sp-top-newlist-area ul{
	padding: 0 20px;
}
/* リスト一行 */
.sp-top-newlist-area ul li{
	display: table;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dotted #DCDCDC;
}
/* 日付 */
.sp-top-newlist-area ul li .top-topics-list-image{
	display: table-cell;
	width: 30%;
	vertical-align: top;
	font-size: mideum;
	font-weight: bold;
	line-height: 150%;
	color: #333333;
}
.sp-top-newlist-area ul li .top-topics-list-image img{
	width: 90%;
	height: auto;
}
/* タイトル */
.sp-top-newlist-area ul li .top-topics-list-detail{
	display: table-cell;
	width: 70%;
	vertical-align: top;
	font-size: mideum;
	line-height: 150%;
	color: #333333;
}
.sp-top-newlist-area ul li .top-topics-list-detail a{
	color: #333333;
}
/* 一覧を見るボタン */
.sp-top-newlist-btn{
	width: 85%;
	margin: 30px auto 0 auto;
}

/* トップページ > CMS内終了アイコン */
.top-topics-list-detail img{
	vertical-align: middle;
}

/* トップページ > コンテンツ基本レイアウト
 -------------------------------------------------- */
/* トップページお知らせ */
.top-main-info p{
	width: 95%;
	margin:20px auto 0 auto;
	font-size: small;
	line-height: 150%;
}
.top-main-info span{
	display: table;
	background: #f60;
	color: #FFF;
	font-weight: bold;
	padding: 3px 5px 0 5px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	margin-right: 10px;
}


/* トップページ > コンテンツ基本レイアウト
 -------------------------------------------------- */
/* ミニタイトル */
.sp-top-minittl{
	padding-top: 20px;
}
/* サブタイトル */
.sp-top-subttl{
	padding-top: 65px;
}
/* コンテンツ大イメージ */
.sp-top-bigimage{
	padding-top: 10px;
}
/* コンテンツ基本イメージ */
.sp-top-defimage{
	padding: 10px 20px 0 20px;
}
/* キャッチ */
.sp-top-catch{
	padding: 35px 20px 0 20px;
}
/* コンテンツメインテキスト */
.sp-top-cntstext{
	padding: 15px;
}
.sp-top-cntstext p{
	font-size: medium;
	color: #494949;
	line-height: 150%;
}
/* 詳細はこちらボタン */
.sp-top-btn-todetail{
	width: 85%;
	margin: 0 auto;
	padding-top: 10px;
}

/* トップページ > 船の科学館を知ろう
 -------------------------------------------------- */
.sp-top-know{
	margin-top: 75px;
}
/* 宗谷サブタイトル */
.sp-top-subttl-soya{
	margin-top: -40px;
}
/* 宗谷サブ画像 */
.sp-top-know-soya-image{
	margin-top: -10px;
}
/* 船の科学館とは */
.sp-top-bigttl-about{
	padding-top: 70px;
}

/* トップページ > 宗谷を見てみよう
 -------------------------------------------------- */
.sp-top-sight{
	margin-top: 75px;
}

/* トップページ > 船の科学館を体験しよう
 -------------------------------------------------- */
.sp-top-workshop{
	margin-top: 30px;
}
.sp-top-workshop .sp-top-btn-todetail{
	/* あとで消す */
	padding-top: 30px;
}
/* 記事概要 > 背景 */
.sp-top-workshop-bg{
	display: table;
	width: 95%;
	margin: 0 auto;
	padding: 5px 0;
	background: url(../images/sp--top-workshopbg.png);
	background-size: 100%;
}
/* 記事概要 > 上下枠 */
.sp-top-workshop-ht,
.sp-top-workshop-ft{
	width: 95%;
	margin: 0 auto;
}
.sp-top-workshop-ht img{
	width: 100%;
	vertical-align: bottom;
}
.sp-top-workshop-ft img{
	width: 100%;
	vertical-align: top;
}
/* 記事概要 > アイキャッチ画像 */
.sp-top-workshop-img{
	display: table-cell;
	width: 39%;
	vertical-align: top;
}
.sp-top-workshop-imgbdr{
	width: 95%;
	height: 140px;
	overflow: hidden;
	padding-left: 15px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.sp-top-workshop-imgbdr img{
	width: 100%;
	height: auto;
}
/* 記事概要 > 概要 */
.sp-top-workshop-txt{
	display: table-cell;
	width: 41%;
	vertical-align: top;
}
/* 記事概要 > 概要 > アイコン */
.sp-top-workshop-icon{
	padding-top: 15px;
}
.sp-top-workshop-icon span{
	background: #1A8C79;
	padding: 5px 10px;
	color: #FFFFFF;
	font-size: medium;
	letter-spacing: .5em;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
/* 記事概要 > 概要 > 説明 */
.sp-top-workshop-info{
	padding-top: 15px;
	font-size: medium;
	line-height: 150%;
	padding-right: 15px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
/* 記事概要 > 概要 > 説明 > リンク設定 */
.sp-top-workshop-info a{
	color: #494949;
	text-decoration: none;
}

/* トップページ > CMS内終了アイコン */
.sp-top-workshop .exit_event{
	padding-top: 20px;
}



/* トップページ > 海や船のことを学んでみよう
 -------------------------------------------------- */
.sp-top-larning{
	margin-top: 75px;
}
/* 詳細はこちらボタン */
.sp-top-btn-todetail-larning{
	padding: 30px;
	background: #D8F6FD;
}

/* トップページ > アクセス
 -------------------------------------------------- */
.sp-top-access{
	margin-top: 75px;
}
/* アクセス情報 */
.sp-top-access ul{
	padding: 20px 10px 0 10px;
}
.sp-top-access ul li{
	padding-top: 10px;
	font-size: medium;
	text-align: center;
	line-height: 150%;
	color: #494949;
}
.sp-top-access ul li.sp-top-access-data{
	font-weight: bold;
}
/* アクセスタイトル */
.sp-top-regttl{
	padding-top: 40px;
}
/* アクセス詳細 */
.sp-top-access-txt{
	padding: 30px 10px 0 10px;
}
.sp-top-access-txt p{
	font-size: medium;
	line-height: 150%;
	color: #494949;
}
/* 埋め込みマップ */
.sp-top-map iframe{
	width: 100%;
	height: 235px;
	margin-top: 30px;
}
/* マップの印刷はこちら */
.map-link-txt{
	text-align: center;
	padding-top: 5px;
}
.map-link-txt a{
	color: #019CFE;
}
/* トップページ > サブナビ
 -------------------------------------------------- */
.sp-top-subnavi{
	padding: 30px 15px 0 15px;
}
.sp-top-subnavi li{
	padding-top: 20px;
}

/* トップページ > その他のコンテンツ
 -------------------------------------------------- */
.sp-top-other{
	margin-top: 70px;
}
.sp-top-other ul{
	padding: 15px 17px 0 17px;
	letter-spacing: -.4em;
}
.sp-top-other ul li{
	display: inline-block;
	width: 100%;
	padding-top: 15px;
}
.sp-top-other ul li.sp-top-other-lft{
	width: 50%;
	padding-right: 7.5px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.sp-top-other ul li.sp-top-other-rit{
	width: 50%;
	padding-left: 7.5px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.sp-top-other ul li.sp-top-other-lft img{
}

/* トップページ > フッターナビ
 -------------------------------------------------- */
.sp-top-footnavi{
	margin-top: 40px;
}
.sp-top-footnavi li{
	margin-bottom: 1px;
	background: #DDF1FE;
}
.sp-top-footnavi li a{
	display: block;
	padding: 15px;
	background: url(../images/sp--sdmn-arrow.png) no-repeat #DEF1FE;
	background-position: right center;
	background-size: 5%;
	border-bottom: 1px solid #FFFFFF;
	color: #5C5C5A;
	text-decoration: none;
}

/* -------------------------------------------------
  投稿ナビゲーション
 -------------------------------------------------- */
.nav-single{
	display: none;
}



/* -------------------------------------------------
  下層コンテンツ共通
 -------------------------------------------------- */
/* メインビジュアル */
.sp-mainvis,
.mainvis{
	padding-top: 5px;
}
/* ページタイトル */
.contact h1,
.foundation h1,
.link h1,
.qa h1,
.privacy h1,
.h1{
	text-align: center;
	padding: 15px 0 10px 0;
	border-bottom: 2px solid #6E6E6E;
}
.h1 img,
.contact h1 img,
.foundation h1 img{
	width: auto;
	height: auto;
}
/* タイトル下リード */
.soya-lead,
.lead-strong,
.soya-lead-big,
.qa-catch{
	font-size: medium;
	line-height: 150%;
	padding: 15px 10px 0 10px;
	color: #303030;
}
/* タイトル下リード内改行削除 */
.soya-lead br,
.qa-catch br,
.lead-strong br,
.soya-lead-big br{
	display: none;
}
/* タイトル下リード 太字 */
.lead-strong{
	font-weight: bold;
}
/* コンテンツ内メニュー */
.sp-cnts-menu{
	padding-top: 20px;
}
/* コンテンツ内メニュータイトル */
.sp-cnts-menu-ttl{
	padding: 15px 0;
	background: #383838;
	color: #FFFFFF;
	font-size: x-large;
	text-align: center;
	border-bottom: 1px dotted #999999;
}
/* コンテンツ内メニュータイトル > リンク設定 */
.sp-cnts-menu-ttl > a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
/* コンテンツ内メニューアイテム > 表示設定 */
.sp-cnts-bluemenu{
	display: none;
}
/* コンテンツ内メニュー画像化により白背景になった青タイトル */
.sp-cnts-whitettl{
	padding: 10px;
	background: #FFFFFF;
	text-align: center;
	font-size: x-large;
}
/* コンテンツ内メニュー青タイトル */
.sp-cnts-bluettl{
	padding: 10px;
	background: #2E7EBB;
	text-align: center;
	font-size: x-large;
}

/* コンテンツ内メニュー青タイトル > 上部余白 */
.martp-minus{
	margin-top: -23px;
}
/* コンテンツ内メニュー青タイトル > リンク設定 */
.sp-cnts-bluettl a,
.sp-cnts-whitettl a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
/* コンテンツ内メニューアイテム */
.sp-cnts-menu ul{
}
.sp-cnts-menu .sp-cnts-menu-item{
	border-bottom: 1px dotted #9A9A9A;
	background: #F5F5F5;
}
/* コンテンツ内メニューアイテム > 上部ボーダー */
.sp-cnts-menu .sp-cnts-menu-bdrtop{
	border-top: 1px dotted #9A9A9A;
}
.sp-cnts-menu .sp-cnts-menu-item > a{
	display: block;
	font-size: large;
	padding: 10px 20px;
	background: url(../images/sp--cnts-menu-arrow.png) no-repeat;
	background-size: 7%;
	background-position: right center;
	color: #5C5C5A;
	text-decoration: none;
}
/* コンテンツ内下層メニュー */
.sp-cnts-menu-block{
	display: none;
}
/* コンテンツ内下層メニュー > アイテム */
.sp-cnts-menu-block > li{
	padding: 8px 10px 8px 30px;
	background: #F9F9F9;
	border-bottom: 1px dotted #CCCCCC;
}
/* コンテンツ内下層メニュー > リンク */
.sp-cnts-menu-block > li a{
	display: block;
	color: #5C5C5A;
	text-decoration: none;
	background: url(../images/sp--cnts-menu-arrow.png) no-repeat;
	background-position: right center;
	background-size: 5%;
}

/* コンテンツ内リード */
.sp-cnts-lead,
.soya-panorama-text{
	font-size: medium;
	line-height: 150%;
	padding: 15px 10px 0 10px;
	color: #303030;
}
/* コンテンツ内画像 */
.sp-cnts-catch{
	padding: 10px 10px 0 10px;
}
.sp-cnts-catch img{
	width: 100%;
}

/* コンテンツ内 > サブタイトル */
.soya-subttl,
.soya-panorama-subttl{
	margin-top: 15px;
	background: url(../images/soya--subttl-bg.png);
}
.soya-subttl p,
.soya-subttl li,
.soya-panorama-subttl{
	padding: 8px 0 5px 0;
	text-align: center;
	color: #FFFFFF;
	font-size: large;
	line-height: 100%;
}
.soya-subttl li a{
	color: #FFFFFF;
	text-decoration: none;
}
/* コメント非表示 */
#comments{
	display: none;
}


/* 別館
 -------------------------------------------------- */
/* コンテンツ内メニュー > 表示設定 */
.annex .entry-content .sp-cnts-menu{
	display: none;
}
/* マップ */
.sp-annex-map{
	width: 100%;
}
/* マップ > テーブル */
.sp-annex-map-tbl{
	display: table;
	width: 100%;
}
/* マップ > テーブル > セル */
.sp-annex-map-celll{
	display: table-cell;
	width: 45.7%;
	vertical-align: top;
}
.sp-annex-map-cellc{
	display: table-cell;
	width: 25%;
	vertical-align: top;
}
.sp-annex-map-cellr{
	display: table-cell;
	width: 29.3%;
	vertical-align: top;
}
/* マップ > テーブル > セル > 画像 */
.sp-annex-map-cell img{
	display: block;
	width: 100%;
	height: auto;
}

/* PC用マップ非表示設定 
.category-annex .field-map01{
	display: none;
}*/

/* 屋外展示場
 -------------------------------------------------- */
/* コンテンツ内メニュー > 表示設定 */
.field .entry-content .sp-cnts-menu{
	display: none;
}

/* マップ */
.sp-field-map{
	width: 100%;
}
/* マップ > テーブル */
.sp-field-map-tbl{
	display: table;
	width: 100%;
}
/* マップ > テーブル > セル */
.sp-field-map-cell{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
/* マップ > テーブル > セル > リンク設定 */
.sp-field-map-cell a{
	display: block;
}
/* マップ > テーブル > セル > 画像 */
.sp-field-map-cell img{
	display: block;
	width: 100%;
	height: auto;
}
/* マップ > テキストメニュー */
.sp-field-links{
	margin-top: 30px;
}
.sp-field-links-txt{
	line-height: 16px;
	font-size: 13px;
	color: #172d76;
	font-weight: bold;
}
.sp-field-links-txt li {
	padding: 0 0 10px 20px;
}
.sp-field-links hr{
	width: 100%;
	background-color: #fff;
	border-top: 1px dotted #D8D6D6;
	margin-top: 30px;
}

/* マップ > モーダルウインドウ */
.sp-fieldmap-modal{
	width: 100% ;
	margin: 0 ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	text-align: center;
	line-height: 0;
	font-size: 0;
}
/* マップ > モーダルウインドウ > 画像 */
.sp-fieldmap-modal img{
	margin: 0;
	padding: 0;
}
 
/* マップ > モーダルウインドウ > オーバーレイ */
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}


/* わくわくマリンキッズ[SP]
 -------------------------------------------------- */
.marine-main{
	padding-top: 10px;
}
.marine-main img{
	display: block;
}
/* 回答選択肢 */
.marine-answer{
	margin-top: -40px;
}
.marine-answer img{
	width: auto!important;
	height: auto!important;
}
/* キャッチ */
.marine-answer-catch img{
	display: block;
	margin-left: auto;
	margin-right: 0;
}
/* 回答 */
.marine-answer-01sp,
.marine-answer-02sp,
.marine-answer-03sp,
.marine-answer-04sp,
.marine-answer-05sp{
	background: #FDF7E8;
}
.marine-answer-01sp > div > .widget_sow-image,
.marine-answer-02sp > div > .widget_sow-image,
.marine-answer-03sp > div > .widget_sow-image,
.marine-answer-04sp > div > .widget_sow-image,
.marine-answer-05sp > div > .widget_sow-image{
	margin-bottom: 0!important;
}
.marine-answer-01sp img,
.marine-answer-02sp img,
.marine-answer-03sp img,
.marine-answer-04sp img,
.marine-answer-05sp img{
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
	width: auto;
	height: auto;
}
/* ページャー */
.marine .nav-single{
	display: none;
}

.mrks-number{
	background: #434444;
	color: #FFFFFF;
	margin-top: 15px;
	padding: 0 10px;
	line-height: 45px;
	font-size: 17px;
}
.marine-main-larning-lead p,
.marine-main-answer-lead p{
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	background: url(../images/sp--marin-bg.png);
	padding: 5px;
}
.marine-bana{
	padding-top: 40px;
}
.marine-bana li{
	padding-bottom: 15px;
}
.marine-answer-catch {
}
.marine-answer-catch{
	width: 40%;
	margin: 0 0 0 auto;
}


/* プライバシーポリシー
 -------------------------------------------------- */
.privacy-body{
	line-height: 150%;
	padding: 10px 10px 20px 10px;
}
/* 改行削除 */
.privacy-body br{
	display: none;
}

/* 宗谷とは > 画像リスト？
 -------------------------------------------------- */
/* キャッチ */
.soya-mess{
	padding-top: 20px;
	text-align: center;
}
.soya-dorone-img{
	position: relative;
	width: 100%;
	padding-bottom: 62.5%;
	height: 0;
}
.soya-dorone-img iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* 宗谷とは > 画像リスト？
 -------------------------------------------------- */
.soya-imglist{
	padding: 0 10px
}
.soya-imglist li{
	padding-top: 10px;
}
/* 画像下キャプション */
.soya-imglist-caption{
	padding-top: 5px;
	font-size: medium;
	text-align: center;
}
.soya-imglist li a{
	display: block;
	text-decoration: none;
	color: #303030;
}

/* 南極と宗谷
 -------------------------------------------------- */
/* リード下画像 */
.soya-about-img{
	margin-top: 10px;
}


/* 宗谷の歴史
 -------------------------------------------------- */
/* サブタイトル */
.soya-history-subttl{
	padding: 10px 0;
}
.soya-history-subttl .textwidget{
	padding: 0 10px;
}
/* 内部コンテンツ */
.soya-history-700{
	padding: 0 10px;
	font-size: normal;
	line-height: 150%;
}
/* 画像中央揃え */
.soya-history-700 img{
	display: block;
	margin: 0 auto;
}
/* キャプション */
.soya-history-700 .caption{
	margin-top: -20px;
	font-size: small;
	text-align: center;
}
/* メニュー非表示 */
.siteorigin-widget-tinymce .sp-cnts-menu{
	display: none;
}


/* 日本海事科学振興財団について
 -------------------------------------------------- */
.qa-catch{
	padding: 10px;
	line-height: 150%;
}
/* サブタイトル */
.qa-subttl{
	margin-top: 10px;
	background: url(../images/qa--subttl-bg.png);
	color: #FFFFFF;
	text-align: center;
	font-size: normal;
	font-weight: bold;
	line-height: 30px;
}
/* 表組み */
.foundation-table th,
.foundation-table td{
	display: block;
	line-height: 150%;
	padding: 0 10px;
}
.foundation-table th{
	padding-top: 10px;
	font-weight: bold;
}
.foundation-table td{
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}
/* 表組み 内側 */
.foundation-inner th{
	display: table-cell;
	width: 40%;
	vertical-align: top;
	padding: 10px 0 0 0;
}
.foundation-inner td{
	display: table-cell;
	width: 60%;
	vertical-align: top;
	border-bottom: none;
	padding: 10px 0 0 0;
}
/* 公開資料 */
.foundation-list{
	padding-top: 30px;
	padding-left: 30px;
}
.foundation-list > li{
	margin-bottom: 10px;
	background: url(../images/foundation-arrow.png) no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.foundation-list > li a{
	color: #2d2c2c;
}




/* 問い合わせ
 -------------------------------------------------- */
.contact-catch{
	padding: 10px;
	line-height: 150%;
}


/* 周辺スポット
 -------------------------------------------------- */
.spspot .entry-header{
	display: none;
}
.sp-spspot-catch{
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #CDCBCB;
}
/* 周辺スポット > リスト */
.sp-spspot-body li{
	display: table;
	width: 100%;
	border-bottom: 1px solid #CDCBCB;
}
/* 周辺スポット > 画像 */
.sp-spspot-img{
	display: table-cell;
	width: 40%;
	vertical-align: top;
}
.sp-spspot-img img{
	display: block;
	width: 90%;
	padding: 20px 0 20px 7px;
}
/* 周辺スポット > 画像 > リンク設定 */
.sp-spspot-img a{
	display: block;
}
/* 周辺スポット > 右テキスト */
.sp-spspot-txt{
	display: table-cell;
	width: 60%;
	vertical-align: middle;
}
/* 周辺スポット > 右テキスト > タイトル */
.sp-spspot-ttl{
	padding: 20px 7px 5px 0;
}
/* 周辺スポット > 右テキスト > タイトル > リンク設定 */
.sp-spspot-ttl a{
	color: #434343;
	font-size: large;
	font-weight: bold;
}
/* 周辺スポット > 右テキスト > 詳細テキスト */
.sp-spspot-info{
	padding: 0 7px 20px 0;
	line-height: 140%;
}


/* 宗谷船内
 -------------------------------------------------- */
/* 宗谷船内 > プリント用マップ */
.soya-map-print{
	display: none;
}
.soya-inboard-list{
	padding: 20px 10px 0 10px;
}
.soya-inboard-list > li,
.soya-detaillist > li{
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D9D9D9;
}
/* スライドショータイトル */
.soya-inboard-list-txt-ttl,
.annex-detailist-ttl{
	position: absolute;
	top: 0;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	background: #D9D9D9;
	line-height: 110%;
	font-size: normal;
	letter-spacing: -.1px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.soya-inboard-list-txt-ttl p,
.annex-detailist-ttl p{
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}

/* スライドショー */
.soya-inboard-list-img,
.annex-detaillist-image{
	padding-top: 50px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
/* スライドショー下リード */
.soya-inboard-list-txt-detail,
.annex-detailist-info{
	padding-top: 10px;
	line-height: 150%;
}

/* イメージマップ（船内マップ） */
.sp-soya-inboard-img{
	padding-top: 10px;
}


/* マップ */
.soya-inboard-img{
	display: none;
}
/* マップ > 画像設定 */
.sp-inboardmap{
	font-size: 0;
	line-height: 0;
}
.sp-inboardmap img{
	margin: 0;
	padding: 0;
}
.sp-inboardmap-tbl{
	display: table;
	width: 100%;
}
.sp-inboardmap-cell{
	display: table-cell;
	width:33.2%;
	vertical-align: top;
}
.sp-inboardmap-cellr{
	display: table-cell;
	width:33.6%;
	vertical-align: top;
}
.sp-inboardmap-cell img,
.sp-inboardmap-cellr img{
	width: 100%;
}
/* スライダー高さ */
.soya-inboard .soya-inboard-list-img,
.soya-inboard02 .soya-inboard-list-img,
.soya-inboard03 .soya-inboard-list-img{
	min-height: 350px;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}

/* コンテンツ内メニュー > 表示設定 */
.soya-inboard .entry-content .sp-cnts-menu,
.soya-inboard02 .entry-content .sp-cnts-menu,
.soya-inboard03 .entry-content .sp-cnts-menu{
	display: none;
}

/* 新着情報
 -------------------------------------------------- */
.news #content{
	padding: 0 10px;
	line-height: 150%;
}
.news #content a{
	color: #019CFE;
}
/* エントリータイトル */
.news .entry-header{
	padding: 10px 0;
}
.news .entry-header h1{
	padding-left: 10px;
	border-left: 5px solid #152A78;
	color: #152A78;
	font-weight: bold;
}
/* 見出し */
.news-midashi{
	font-weight: bold;
}
/* リード */
.news-lead{
}
.news-lead a{
}

/* 年カテゴリ非表示 */
.news .news-category-ttl{
	display: none;
}
/* カテゴリー別アーカイブタイトル 非表示 */
.news .archive-title{
	display: none;
}

/* カテゴリーリスト */
.news .category-news .entry-header{
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/* カテゴリーリスト > 画像 */
.news .category-news .entry-header .thmb-img{
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.news .category-news .entry-header .thmb-img img{
	width: 90%;
	height: auto;
}
/* カテゴリーリスト > タイトル */
.news .category-news .entry-header .entry-title{
	display: table-cell;
	width: 70%;
	vertical-align: top;
	font-size: normal;
}

/* カテゴリーリスト > 終了アイコン */
.entry-title .entry-date-out img{
	vertical-align: middle;
}
.exit_event_list{
	display: inline-block;
	vertical-align: middle;
}

/* 投稿ナビゲーション 非表示 */
.news #nav-below .assistive-text{
	display: none;
}
.news #nav-below .nav-next{
	text-align: right;
}
/* 投稿 > 画像 */
.news .so-widget-sow-image img{
	display: block;
	margin: 0 auto;
}
/* 投稿 > メタ情報 */
.news .entry-meta{
	display: none;
}


/* 活動報告
 -------------------------------------------------- */
.report #content{
	padding: 0 10px;
	line-height: 150%;
}
.report #content a{
	color: #019CFE;
}
/* エントリータイトル */
.report .entry-header{
	padding: 10px 0;
}
.report .entry-header h1{
	padding-left: 10px;
	border-left: 5px solid #152A78;
	color: #152A78;
	font-weight: bold;
}
/* 見出し */
.report-midashi{
	font-weight: bold;
}
/* リード */
.report-lead{
}
.report-lead a{
}

/* 年カテゴリ非表示 */
.report .report-category-ttl{
	display: none;
}
/* カテゴリー別アーカイブタイトル 非表示 */
.report .archive-title{
	display: none;
}

/* カテゴリーリスト */
.report .category-report .entry-header{
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/* カテゴリーリスト > 画像 */
.report .category-report .entry-header .thmb-img{
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.report .category-report .entry-header .thmb-img img{
	width: 90%;
	height: auto;
}
/* カテゴリーリスト > タイトル */
.report .category-report .entry-header .entry-title{
	display: table-cell;
	width: 70%;
	vertical-align: top;
	font-size: normal;
}
/* 投稿ナビゲーション 非表示 */
.report #nav-below .assistive-text{
	display: none;
}
/* 投稿 > 画像 */
.report .so-widget-sow-image img{
	display: block;
	margin: 0 auto;
}
/* 投稿 > メタ情報 */
.report .entry-meta{
	display: none;
}

/* 投稿 > 動画 */
.report .movie iframe{
	width: 100%!important;
	height: 260px!important;
}
/* 表組み（青） */
.single .bluetable{
	margin: 0 auto;
}
.single .bluetable .panel-grid-cell{
	padding-left: 0!important;
}
.single .bluetable .bluetitle .textwidget{
	background: #95E1FF;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
	text-align: center;
	font-size: 1.06em;
	font-weight: bold;
	padding: 0 5px;
}
.single .bluetable .panel-grid-cell:first-child + *{
	margin-top: -20px;
}
.single .overview{
	height: 40px;
	margin: 0 auto;
	background: url(../images/report--overview-bg.png) no-repeat;
	padding-left: 20px;
	font-size: 1.13em;
	font-weight: bold;
	line-height: 40px;
	color: #FFFFFF;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}

/* 表組み（PT2） */
.single .tablept02{
	margin: 0 auto;
	margin-top: -30px;
	border-left: 1px solid #4B4A4A;
	border-right: 1px solid #4B4A4A;
	border-bottom: 1px solid #4B4A4A;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
	background: #F6F1E6;
}
.single .tablept02 .panel-grid-cell{
	padding: 5px!important;
	margin-bottom: 0!important;
}
.single .tablept02 .panel-grid-cell:first-child{
	font-weight: bold;
}
.single .tablept02 .panel-grid-cell:first-child + *{
	background: #FFFFFF;
}
/* 写真 */
.single .photos{
	width: 100%;
	margin: 0 auto;
}

/* パターン１テキスト */
.single .textpt01{
	margin: 0 auto;
	margin-top: -15px;
}
/* ページビルダー設定 > キャプション */
.single .caption{
	margin-top: -25px;
	font-size: 0.88em;
}
/* ページビルダー設定 > 画像中央揃え */
.single .image1 img{
	margin: 0 auto;
}
/* ページビルダー設定 > 画像サイズ調整 */
.single .so-widget-sow-image img{
	width: 100%;
}

/* 書籍案内
 -------------------------------------------------- */
.magazine-datalist{
	line-height: 150%;
	margin-top: 20px;
	border-top: 1px dotted #CCC;
}
.magazine-datalist > li{
	display: table;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}
/* 書影 */
.magazine-datalist > li .magazine-datalist-img{
	display: table-cell;
	width: 40%;
	vertical-align: top;
}
.magazine-datalist > li .magazine-datalist-img img{
	width: 90%;
}
/* 書籍データ */
.magazine-datalist > li .magazine-datalist-info{
	display: table-cell;
	width: 60%;
	vertical-align: top;
}
/* 書籍タイトル */
.magazine-datalist-ttl{
	font-weight: bold;
}
.magazine-datalist-ttl span{
	display: table-cell;
	margin-bottom: 3px;
	padding: 3px 5px;
	background: #3A3839;
	color: #FFFFFF;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
}
.magazine-datalist-ttl span.new{
	background: #C60000;
}
/* 書籍価格 */
.magazine-datalist-price{
	font-size: small;
}
/* 書籍紹介 */
.magazine-datalist-data{
	padding-top: 10px;
	font-size: small;
}
/* 書籍PDF */
.magazine-datalist-pdf{
	padding-top: 10px;
	font-size: small;
}
.magazine-datalist-pdf span{
	padding: 3px 5px;
	background: #0197F5;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	color: #FFFFFF;
	font-size: x-small;
}
.magazine-datalist-pdf a{
	text-decoration: none;
}

/* 書籍リスト > 問い合わせ */
.mag-contact{
	width: 95%;
	margin: 28px auto 0 auto;
	padding: 2px;
	border: 3px solid #FFC1C1;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.mag-contact-inner{
	padding: 10px 5px;
	border: 1px solid #FFC1C1;
}
.mag-contact p{
	text-align: center;
	font-size: small;
	line-height: 180%;
}
.mag-contact p.mag-contact-att{
}




/* 電子書籍で見る宗谷
 -------------------------------------------------- */
/* メインビジュアル */
.soya-epub .mainvis{
	display: none;
}
/* メニュー下タイトル */
.soya-epub .h1{
	display: none;
}
/* リード */
.soya-epub-lead{
	padding-top :10px;
	text-align: center;
}
/* キャッチ */
.soya-epub-catch img{
	padding-top: 20px;
	display: block;
}
/* 電子書籍紹介 */
.soya-epub-intro{
	width: 100%;
	margin: 20px auto 0 auto;
	background: url(../images/soya-epub-intro-bg.png);
}
.soya-epub-intro-tbl{
	display: table;
	width: 95%;
	margin: 0 auto;
	padding: 20px 0;
}
/* 電子書籍紹介 > 書影 */
.soya-epub-intro .soya-epub-cover{
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
.soya-epub-intro .soya-epub-cover img{
	width: 90%;
}
/* 電子書籍紹介 > 右テキスト */
.soya-epub-intro .soya-epub-txt{
	display: table-cell;
	width: 55%;
	vertical-align: top;
	line-height: 120%;
	color: #2F2F2F;
}
/* 電子書籍紹介 > キャッチ */
.soya-epub-txt-catch{
	font-size: 1.13em;
	font-weight: bold;
}
/* 電子書籍紹介 > タイトル */
.soya-epub-txt-title{
	padding-top: 10px;
	font-size: 1.13em;
	font-weight: bold;
}
/* 電子書籍紹介 > 詳細 */
.soya-epub-txt-detail{
	padding-top: 10px;
	font-size: 0.94em;
}


/* 体験学習
 -------------------------------------------------- */
.workshop #content{
	padding: 0 10px;
	line-height: 150%;
}
.workshop #content a{
	color: #019CFE;
}
/* エントリータイトル */
.workshop .entry-header{
	padding: 10px 0;
}
.workshop .entry-header h1{
	padding-left: 10px;
	border-left: 5px solid #152A78;
	color: #152A78;
	font-weight: bold;
}
/* 見出し */
.workshop-midashi{
	font-weight: bold;
}
/* リード */
.workshop-lead{
}
.workshop-lead a{
}
/* 年カテゴリ非表示 */
.workshop .workshop-category-ttl{
	display: none;
}
/* カテゴリー別アーカイブタイトル 非表示 */
.workshop .archive-title{
	display: none;
}

/* カテゴリーリスト */
.workshop .category-workshop .entry-header{
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/* カテゴリーリスト > 画像 */
.workshop .category-workshop .entry-header .thmb-img{
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.workshop .category-workshop .entry-header .thmb-img img{
	width: 90%;
	height: auto;
}
/* カテゴリーリスト > タイトル */
.workshop .category-workshop .entry-header .entry-title{
	display: table-cell;
	width: 70%;
	vertical-align: top;
	font-size: normal;
}



/* 写真リスト */
.workshop-photolist{
	width: 100%;
}
.workshop-photolist > li{
	padding-top: 10px;
}
.workshop-photolist > li > img{
	width: 100%;
}
.workshop-photolist > li p{
	padding-top: 5px;
}
/* 投稿 > 画像 */
.workshop .so-widget-sow-image img{
	display: block;
	margin: 0 auto;
}
/* 投稿 > メタ情報 */
.workshop .entry-meta{
	display: none;
}
/* 投稿 > ナビゲーション */
.nav-single{
	display: block;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted #CCC;
	text-align: center;
	line-height: 150%;
}
.nav-single .assistive-text{
	display: none;
}
.nav-single a{
	color: #019CFE;
	text-decoration: none;
}

/* 船の科学館とは
 -------------------------------------------------- */
.about-datalist{
	padding: 10px 10px 0 10px;
}
.about-datalist li{
	padding-top: 10px;
	line-height: 150%;
}
/* 日付 */
.about-datalist li .date{
	background: #eee;
}
.about-datalist li .date-tbl{
	display: table;
	width: 100%;
	padding: 5px;
	font-weight: bold;
	-webkit-box-sizing: border-box; /* Safari */  
	-moz-box-sizing: border-box; /* Firefox */  
	-ms-box-sizing: border-box; /* Internet Explorer 8 */  
	box-sizing: border-box; /* Opera */
}
.about-datalist li .date .year{
	display: table-cell;
	width: 50%;
}
.about-datalist li .date .month{
	display: table-cell;
	width: 50%;
}
/* 内容 */
.about-datalist li .detail{
	padding: 5px 0 10px 0;
}
/* メニューリスト */


/* Q&A
 -------------------------------------------------- */
/* 設問 */
.sp-qa-q{
	padding: 8px 5px 5px 5px;
	border-bottom: 1px dotted #CCC;
	background: #E9E9E9;
	line-height: 150%;
	font-size: medium;
}
/* 設問 > リンク設定 */
.sp-qa-q > a{
	display: block;
}
/* 回答 */
.sp-qa-a{
	display: none;
	padding: 8px 15px 5px 15px;
	border-bottom: 1px dotted #CCC;
	line-height: 150%;
	font-size: medium;
}
.sp-qa-a span{
	display: block;
	text-align: right;
	font-size: 0.88em;
	color: #999;
}

/* -------------------------------------------------
  サイドメニュー（フッター上に表示）
 -------------------------------------------------- */
.sp-sdmn{
	padding-top: 35px;
}
/* リストアイテム */
.sp-sdmn > li > a{
	display: block;
	padding: 15px;
	background: url(../images/sp--sdmn-arrow.png) no-repeat #DEF1FE;
	background-position: right center;
	background-size: 5%;
	border-bottom: 1px solid #FFFFFF;
	color: #5C5C5A;
	text-decoration: none;
}

/* 投稿もの非表示 */
.sdmn-workshop,
.sdmn-report{
	display: none;
}






/* -------------------------------------------------
  フッター
 -------------------------------------------------- */
.sp-footer{
	margin-top: 30px;
	background: url(../images/sp--footerbg.png);
	background-size: cover;
	text-align: center;
	font-size: medium;
	color: #FFFFFF;
	line-height: 150%
}
.sp-footer a{
	color: #FFFFFF;
	text-decoration: none;
}
.sp-footer-logo{
	width: 45%;
	margin: 0 auto;
	padding-top: 50px;
}
.sp-footer-logomini{
	padding: 25px 0 20px;
}
.sp-footer-logo img,
.sp-footer-logomini img{
	width: auto;
	height: auto;
}
.sp-footer-txt1{
	padding-top: 20px;
}
.sp-footer-txt2{
	padding-top: 20px;
	font-size: small;
}
.sp-footer-copy{
	font-size: x-small;
	padding-bottom: 5px;
}
/* ページナビ */
.pagetop-area img{
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	width: 90%;
	margin-left: auto;
	margin-right: 0;
}

/* ローテーションバナー */
#ft-slide2{
	width: 80%;
	margin: 20px auto;
	position: relative;
}
#ft-slide2 img{
	width: 100%;
}
#ft-slide2 .flex-direction-nav .flex-prev{
	width: 10px;
	height: 20px;
	opacity: 1;
	top: 45px;
	left: -20px;
	background: url(../images/topflex-prev.png) no-repeat;
}
#ft-slide2 .flex-direction-nav .flex-next{
	width: 10px;
	height: 20px;
	opacity: 1;
	top: 45px;
	right: -20px;
	background: url(../images/topflex-next.png) no-repeat;
}
/* gifバナー */
.gifbanner{
	padding-top: 20px;
	text-align: center;
}




}/* /@media screen and (max-width: 640px) */

/* トップページ下部の投稿を非表示 */
.template-front-page .post,
.template-front-page .entry-page-image{
	display: none;
}

.error404 .entry-title{
	display: none;
}

/* フッター ページナビ */


#secondary .breadcrumbs{
	display: none;
}
@media screen and (max-width: 640px){
	/* SPのとりサイズ（第４回） */
	#panel-6614-6-0-9{
		width: 40%;
	}
}

/* 2018-06-15 */
.eo-fullcalendar, .eo-fullcalendar button {
    padding: 20px 50px;
}
/* 2018-06-15 */

/* イベントカレンダー */
.fc-sun {
	background-color: rgba(255, 235, 236, 0.81) !important;
}
.fc-sat {
	background-color: #dbffff !important;
}

td[data-date="2018-07-01"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-02"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-03"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-04"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-05"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-06"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-07"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-08"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-09"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-10"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-11"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-12"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-13"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-07-14"]{
	background-color: #d2d2d2 !important;
}

td[data-date="2018-08-31"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-08-27"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-08-28"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-08-29"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-08-30"]{
	background-color: #d2d2d2 !important;
}
td[data-date="2018-08-31"]{
	background-color: #d2d2d2 !important;
}

/* イベントカレンダー */

/*2020-04-02*/
.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 2em;
    color: #454545;
    margin: 30px;
    font-size: 1.5em;
    font-weight: 800;
    line-height: 2em;
}
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}

.box20 {
    position: relative;
    padding: 0.25em 1em;
    margin: 2em 0;
    top: 0;
    background: #efefef;
    font-size: 1.2em;
    font-weight: 800;
}
.box20:before, .box20:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.box20:before{
    border-left: dotted 2px #15adc1;
    border-top: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    left: 0;
}
.box20:after{
    border-top: dotted 2px #15adc1;
    border-right: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    right: 0;
}
.box20 p {
    margin: 0; 
    padding: 0;
}

.su-spoiler-style-fancy > .su-spoiler-title {
	padding: 20px 20px 20px 50px;
    font-size: 1.5em !important;
}

.su-spoiler-style-fancy > .su-spoiler-content {
    font-size: 1.2em;
}

.su-spoiler-icon {
	left: 17px !important;
    top: 20px !important;
    font-size: 24px !important;
}

/*2020-04-02*/

/*2020-05-14　うみふねクイズリスト*/
.lcp_catlist {
	color: #668ad8;/*文字色*/
	border: dashed 2px #668ad8;/*破線 太さ 色*/
	background: #f1f8ff; /*背景色*/
	padding: 0.5em 0.5em 0.5em 2em;
	margin: 30px;
}

.lcp_catlist li {
	line-height: 1.5;
	padding: 0.5em 0;
}
/*2020-05-14　うみふねクイズリスト*/

/*2020-08-14　おうちでできる*/

.title_a1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #bfebff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
  font-weight: 600;
  font-size: larger;
}
.title_a2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #ffcc9c;/*背景色*/
  border-bottom: solid 3px #fd8b21;/*下線*/
  font-weight: 600;
  font-size: larger;
}
.title_a3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #bbe2b3;/*背景色*/
  border-bottom: solid 3px #30b017;/*下線*/
  font-weight: 600;
  font-size: larger;
}
.prg_column{
	text-align: center;
}
.prg_column2{
	text-align: center;
	max-width: 400px;
}
.prg_div{
	margin-left: 10px;
	margin-right: 10px;
}
.text-outer{
  text-align: center;
  margin-bottom: 10px;
}
.text-inner{
  display: inline-block;
  text-align: left;
}

.text-outer2{
  text-align: center;
  margin-bottom: 10px;
  line-height: 150%;
}
.text-inner2{
  display: inline-block;
  text-align: left;
  padding: 10px;
}

/*2024-07-16修正*/
.su-spoiler-icon {
    line-height: 0px !important;
    font-size: 18px !important;
}
.su-spoiler-title {
    padding: 7px 7px 7px 44px !important;
    font-weight: normal !important;
    text-decoration: underline;
}
.su-spoiler-content > .foundation-list{
	padding: unset;
}
/*2024-07-16修正*/