/*
Theme Name: おたる水族館 テーマver2.0
Theme URI: https://otaru-aq.jp/
Author: JET BEANS Inc.／ WEBPROMOTE Inc.
Author URI: http://www.jetbeans.com/
Description: おたる水族館のオリジナルテーマファイルセット
Version: 2.0
License: 
License URI: 
Tags: 
Text Domain:
*/


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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: 'Titillium Web', 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.6;
	color: #333333; /**色指定*/
	background-color: #ffffff;
	margin-top: 0px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.body_frontpage {
	margin-top: 0px;
}

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

/* ----------Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ----------for IE 5.5-7---------- */
.clearfix {
	zoom: 100%;
}
a {
	color: #475993;
	text-decoration:underline;
	outline: 0; /** text-indentを使用した際にFirefoxでリンク線が出ないようにする---------- */
}
a:visited {
	color: #475993;
}
a:focus {
	outline: thin dotted;
	color: #586DA0;
}
a:hover, a:active {
	text-decoration:underline; /**下線指定*/
	color: #586DA0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

h1, h2, h3, h4, h5, h6 {
	overflow: hidden;
	/*
	clear: both;
	margin: 0;
	*/
}
address {
	font-style: italic;
	margin-bottom: 24px;
}
abbr[title] {
	cursor: help;
}
b, strong {
	font-weight: 600;
}
cite, dfn, em, i {
	font-style: italic;
}
mark, ins {
	text-decoration: none;
}
p {
	text-align: left;
	color: #595858;
	line-height:180%;
}
code, kbd, tt, var, samp, pre {
	font-family: monospace, serif;
	font-size: 14px;/*20150715 フォントサイズ調整15→14*/
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.6;
}
pre {
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 100%;
	font-style: italic;
	font-weight: 300;
	line-height: 1.6;
}
blockquote cite, blockquote small {
	font-size: 14px;/*20150715 フォントサイズ調整16→14*/
	font-weight: 400;
	line-height: 1.6;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
big {
	font-size: 125%;
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
ul {
	list-style-type: none;
}
ol {

}
li > ul, li > ol {
	margin: 0 0 0 0px;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
a:hover img {
	filter: alpha(opacity=80); /**IE*/
	-moz-opacity: 0.80; /**FF*/
	opacity: 0.80;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}
legend {
	white-space: normal;
}
button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
button, input {
	line-height: normal;
}

/** Removing the inner shadow, rounded corners on iOS inputs---------- */
input,textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
 input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table,
table th,
table td {
	/*border: none;*/
	color: #595858;
}
table {
	font-size: 100%;
	border-collapse: collapse;
}
table caption,
table th,
table td {
	font-size: 100%;
	line-height: 1.6;
	font-weight: normal;
}

/* --------------------

レイアウト設定

-------------------- */

/* ----------ヘッダー---------- */

.header_area { /*section*/
	display: block;
	position:fixed;
	width:100%;
	height: 86px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	
	background-color: rgba(36,29,27,0.5);
	
	z-index: 9999;	
}

.header_outer {
	display: block;
	position:relative;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	top:0px;
}



.header_inner {
	display: block;
	position:relative;
	/*width: 1140px;*/
	width: 100%;
	margin: 0 auto;
}






/* -------------------- 

ヘッダー指定

-------------------- */

/* ---------- ロゴとサブメニューエリアの基本レイアウト---------- */

/* ---------- PC：メインロゴ ---------- */

.site_logo {
	position:relative;
	left:0;
	top:0px;
	width: 190px;
	height:86px;
	margin:0 auto;

}

p.site-title {
	position: relative;
	display: block;
	width: 190px;
	height:86px;
	margin: 0px 0px 0px 0px;
	padding-top: 17px;
}

p.site-title a {
	display: block;
	width: 190px;
	height:50px;
	text-decoration: none;
	background: url(img/logo_x2.png) no-repeat;
	background-size: 190px 50px;/*380px 100px*/
	background-position: center center;
}

p.site-title a b {
	visibility:hidden;
}

.container_header_submenu{
	display: inline-block;
	position:absolute;
	right:30px;
	top: 22px;
	text-align: left;	
	float: none;
	clear: both;
}

.container_header_submenu_inner{
	display: inline-block;
	position:relative;
	
}

/*ヘッダーメニューボタン欄　div　*/
.header_btn_box{
	display: inline-block;
}

.header_btn_grandmenu{

}

.header_btn_language{
	display: inline-block;
	position: relative;
	padding-right: 0px;
	margin-right: 0px;
	/*border-right: solid 1px #ffffff;*/
}

#header_btn_language_list{/*ul*/
	display: inline-block;
	visibility: visible;
	display: block;
	position: relative;
	
}

#header_btn_language_list > .header_btn_language_parent{
	display:inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 24px;
	padding: 0px 0px 0px 30px;
	background: url(img/icon_48_earth_white.png) no-repeat center left;
	background-size: 24px 24px;
	min-height: 24px;
}

/*b*/
#header_btn_language_list > .header_btn_language_parent > b{
	display: table-cell;
	vertical-align: middle;
	font-weight: 500;
}

/*liをhoverした時の処理*/
#header_btn_language_list > .header_btn_language_parent:hover{
	-webkit-transition:width 0.1s ease-in-out;
	-moz-transition:width 0.1s ease-in-out;
	-o-transition:width 0.1s ease-in-out;
	transition:width 0.1s ease-in-out;
}

/*aタグのサイズ等*/
#header_btn_language_list > .header_btn_language_parent > a{
	display:block;
	/*float:right;*/
}

#header_btn_language_list > .header_btn_language_parent{
	position:relative;
}

#header_btn_language_list > .header_btn_language_parent > a{
	pointer-events:none;
}


/*aタグをhoverした時のサイズ*/
#header_btn_language_list > .header_btn_language_parent:hover{
	display:block;
}





/*サブメニューを表示*/

#header_btn_language_child{
	display:none;
}

#header_btn_language_list li.header_btn_language_parent:hover #header_btn_language_child{
	display:block;
	position:absolute;
	margin:0;
	list-style-type:none;
	right:0;
}

#header_btn_language_list li.header_btn_language_parent:hover #header_btn_language_child{
	border-bottom:none;
	padding-top: 10px;
}

#header_btn_language_list li.header_btn_language_parent #header_btn_language_child li a{
	display:block;
	white-space: nowrap;
	padding:8px 14px 7px 14px;
	text-align:left;
	color: #646464;
	font-size: 15px;
	line-height: 100%;
	text-decoration:none;
	background-color: #ededed;
}

/*子リストのロールオーバーの背景色*/
#header_btn_language_list li.header_btn_language_parent #header_btn_language_child li a:hover{
	color: #ffffff;
	background-color:#879fc2;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#header_btn_language_list li.header_btn_language_parent #header_btn_language_child li a span::before{
	content:"";
	display: inline-block;
	vertical-align:middle;
	margin-right: 4px;
	width: 10px;
	height: 14px;
	background: url(img/btn_pickup_next.png) no-repeat center 2px;
	background-size: 9px 9px;
}












/* ----------- PC：サイト内検索ボックス----------- */


/* ----------テキストボックス＋ボタン---------- */

#search_box{
	display: none;
	/*
	display: inline-block;
	position: relative;
	
	float: right;
	*/
}

/*閉まっている検索枠エリアを開閉するためのボタン（div）*/
.btn_searchopen{
	display: none;
	/*
	cursor: pointer;
	display:block;
	width:32px;
	height:32px;
	background: url(img/icon_48_search_white.png) no-repeat center center;
	background-size: 20px 20px;
	*/
}

.btn_searchopen:hover {
	background-color: #586DA0;
}


.btn_searchopen span{
	display:none;
}

/*検索枠と検索ボタンをくくったdiv*/
.open_searchbox {
	display: block;
	overflow: hidden;
	position:relative;
	width: 90%;
	background-color:#ffffff;
	border: solid 2px #475993;
	margin-bottom: 20px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* ----------テキストボックス本体---------- */
.open_searchbox input[type="text"] {
	width: 74%;
	height: 42px;
	margin: 0px 0px 0px 0px;
	padding: 2px 8px;
	border: none;
	background-color: #ffffff;
	color: #333333;
	font-size:14px;
	float: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.open_searchbox .btn_search {
	width: 26%;
	height: 42px;
	margin: 0px 0px 0px 0px !important;
	padding: 5px 2px 2px 2px !important;
	border: none;
	background-color: #475993 !important;
	color: #ffffff !important;
	font-size:13px !important;
	float: left;
	
	border: 0px solid #d2d2d2;
	border-radius: 0px;
	box-shadow: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.open_searchbox .btn_search:hover {
	background-color: #586DA0 !important;
}

.link_home_sp {
	display: none;
}




/* --------------------

メインメニュー設定

-------------------- */





/* ---------- メインメニュー全体をくるんだdiv ---------- */

/*グランドメニュー全体　div*/
.grandmenu_box {
	top:0;
	left:0;
}

.grandmenu_outer{
	display: block;
	position:relative;

}

/*※ベースのstyleは「js/drawer/css/drawer.css」*/
.drawer-nav{
	padding: 0px 0px 0px 0px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*グランドメニューのリスト　ul*/
.drawer-menu{
	
}


.drawer-menu > ul > .drawer-menu_parent{
	display:block;
	padding: 0.8em 1em 0.8em 1em;
	margin-bottom: 0px;
	width: 90%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*liをhoverした時の処理*/
.drawer-menu > ul > .drawer-menu_parent:hover{
	background-color: #F3F3EE;
	
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*aタグのサイズ等*/
.drawer-menu > ul > .drawer-menu_parent > a{
	display:block;
	font-size: 16px;
	color: #646464;
	text-decoration: none;
	/*float:right;*/
}

.drawer-menu > ul > .drawer-menu_parent{
	position:relative;
}

.drawer-menu > .drawer-menu_parent > a{
	/*pointer-events:none;*/
}


/*aタグをhoverした時のサイズ*/
.drawer-menu > ul > .drawer-menu_parent:hover{
	display:block;
}





/*サブメニューを表示*/

.drawer-menu > ul .drawer-menu_child{
	display:none;
	
}

.drawer-menu > ul li.drawer-menu_parent:hover .drawer-menu_child{
	display:block;
	position:absolute;
	margin:0;
	list-style-type:none;
	left:70%;
	width: 20em;
	top:0px;
    margin: 0;
    padding: 0;
    list-style: none;
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    z-index: 3;	
}

.drawer-menu > ul li.drawer-menu_parent:hover .drawer-menu_child{
	border-bottom:none;
}

.drawer-menu_child li a{
	display:block;
	padding:6px 1em 8px 2em;
	text-align:left;
	color: #646464;
	line-height: 140%;
	text-decoration:none;
	background: url(img/btn_pickup_next.png) no-repeat 0.8em 11px;
	background-size: 10px 10px;
	background-color: #F3F3EE;
}

.drawer-menu_child li:first-Child a{
	padding-top: 14px;
	background: url(img/btn_pickup_next.png) no-repeat 0.8em 19px;
	background-size: 10px 10px;
	background-color: #F3F3EE;
}

.drawer-menu_child li:last-Child a{
	padding-bottom: 14px;
}



/*子リストのロールオーバーの背景色*/
.drawer-menu > ul li.drawer-menu_parent .drawer-menu_child li a:hover{
	color: #ffffff;
	background-color:#879fc2;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}












/* ----------コンテンツ（トップのみ）　section---------- */
.contents_area_frontpage {
	background-color: #ffffff;
	display: block;
	clear: both;
	
	min-height: 636px;
}

.contents_outer_frontpage {
	padding:0px 30px 0px 30px;
}

.contents_inner_frontpage {
	/*width: 1140px;*/
	margin: 0 auto;
}

/* ----------コンテンツ（下層ページ）　section---------- */
.contents_area {
	background-color: #ffffff;
	display: block;
	clear: both;
}

/*左と右をくくったdiv　100%（左にサイドタブ分110px）*/
.contents_outer {
	display: block;
	position: relative;
	overflow: hidden;
	padding:0px 30px 0px 30px;
}

/*左と右をくくったdiv　1140px*/
.contents_inner {
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
	width: 1140px;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	margin-bottom: 0px;
	background-color: #ffffff;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* ----------フッター---------- */

/*section*/
.footer_area {
	position: relative;
	width: 100%;
	left: 0%;
	/*padding-left: 50%;*//*675px + 110px*/
	/*min-width: 675px;*/
	/*float: right;*/
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	clear: both;
}

.footer_outer {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

.footer_inner {
	/*詳細設定は下部に記載*/
}


/* ----------メインコンテンツ（2カラムの左）---------- */

div#contents_main {
	width: 69%;
	min-width: 790px;
	float: left;
	margin:0px 0px 100px 0px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* ----------右サイドエリア（2カラムの右）---------- */
div#contents_side {
	width: 26%;
	min-width: 300px;
	float: right;
	margin:0px 0px 100px 0px;
}

.page_list {
	clear: both;
}



/* -----------------------

各パーツ設定

----------------------- */

/*==================================================*/

/*▼リニューアル前のstyleまるごと移植　ここから*/


/*子ページのある親ページ（カテゴリーの扉ページ）の子ページリスト*/
.category_list_box {
	display:block;
	overflow:hidden;
	margin:0px 0px 25px 0px;
}

/*このカテゴリーの各ページは〜〜〜という文言*/
.category_list_text {
	padding:0px 10px 0px 0px;
	float:none;
	clear:both;
}

.category_list_box ul {/* リスト全体と背景の設定 */
		
	list-style:none;
	position:relative;
	padding:10px 0px 0px 10px;
	clear:both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.category_list_box ul li {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	/*height:35px;*/
	width:32%;
	
	padding: 0px !important;
	background:none !important;
	background-color: aqua;
		
	margin-right:2%;
	margin-bottom: 15px;
	
	border: solid 1px #ededed;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	float:left;
}

.category_list_box ul li:nth-child(3n) {
	margin-right:0%;
}

.category_list_box ul li a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */

	width:100%;
	min-height:4em;
	vertical-align: middle;
	/*height:35px;*/
	padding:15px 15px 15px 34px;
	color: #666666;
	background:url(img/btn_pickup_next.png) no-repeat 10px center;
	background-size: 16px 16px;
	text-decoration:none;
	line-height:120%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.category_list_box ul li a:hover {
	background-color:#d3edf8;
}

/*汎用スタイル*/
*.no_shadow {
	-moz-box-shadow:none;
　/* Firefox用 */  
 -webkit-box-shadow:none;
　/* Safari,Google Chrome用 */
}





/*tableのtdにborderをつけたくない場合*/
table.table_border_none{
	border-bottom: none;
}

.table_border_none td{
	border:none;
}

/*画像に角丸と影を付ける*/
.img_shadow{
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/*1段落分をくくったDIV　下線付き*/
.div_1section_box_border_bottom{
	display:block;
	overflow:hidden;
	margin:0px 0px 40px 0px;
	padding:0px 0px 40px 0px;
	border-bottom: 1px solid #dedede;
}

/*1段落分をくくったDIV　下線　点線付き*/
.div_1section_box_border_dot_bottom{
	display:block;
	overflow:hidden;
	margin:0px 0px 40px 0px;
	padding:0px 0px 40px 0px;
	border-bottom: 1px dotted #dedede;
}

/*1段落分をくくったDIV　下線無し*/
.div_1section_box_noborder{
	display:block;
	overflow:hidden;
	margin:0px 0px 40px 0px;
	padding:0px 0px 5px 0px;
	clear:both;
}

/*画像の配置　回り込みあり　画像は左寄せ*/
.div_box_left{
	text-align:left;
	float:left;
	padding-right:20px;
	margin-bottom:10px;
}

/*画像の配置　回り込みあり　画像は右寄せ*/
.div_box_right{
	text-align:right;
	float:right;
	padding-left:20px;
	margin-bottom:10px;
}

/*画像の配置　回り込み無し　画像はセンター*/
.div_box_center{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

/*枠付きのリストのスタイル*/
.div_box_border{
	overflow:hidden;
	border: 1px solid #dedede;
	padding:15px 20px 15px 20px;
	margin:0px 0px 20px 0px;
	list-style:outside;
	color:#555555;
}

/*枠付きのリストのスタイルのリスト*/
.div_box_border li{
	margin-bottom:15px;
}

.border_list li:last-Child{
	margin-bottom:0px;
}


/*イベントスケジュール　　（2013/05/21　村岡追加）*/
li.event{
	padding-right:15px !important;
	float:left;
}

/*館内案内　　（2013/05/21　村岡追加）*/
li.maps{
	float:left;
	background: none!important;
	padding:0 14px 4px 0 !important;
}


/*テーブルのtdの一番上の項目の背景色*/
.table_td_gray{
	/*←リニューアル前*/
	/*background-color:#f1f2ee;*/
	
	/*←リニューアル後*/
	background-color:#B3D1D9 !important;
	color: #ffffff !important;
}

.table_td_gray td{
	color: #ffffff !important;
}

.table_td_gray a{
	color: #ffffff !important;
}

/*テーブルのtdの右の線*/
.table_td_border_right{
	border-right: 1px solid #bbbbbb;
}

/*テーブルの中、すべて中央揃え*/
.table_td_text_center td{
	text-align:center;
}


/*「水族館の仲間たち」オスのテキスト*/
.text_osu{
	font-size:115%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	color:#00a0e9;
}

/*「水族館の仲間たち」メスのテキスト*/
.text_mesu{
	font-size:115%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	color:#EA609E;
}

div#contents_section .text_osu img,
div#contents_main .text_osu img,
div#contents_section .text_mesu img,
div#contents_main .text_mesu img{
	width: 18px !important;
	height: 18px !important;
}


/*ちょっと大きめで強調したいテキスト水色*/
.text_blue_pointip{
	font-size:110%;
	font-weight:bold;
	color:#00a0e9;
}






/*「水族館の仲間たち」─「繁殖賞」のテキスト*/

.div_1section_box_hanshokusho{
	display:block;
	overflow:hidden;
	width:100%;
	border-bottom: 1px dotted #CCC;
	margin-top:5px;
	margin-bottom:20px;
}

.div_1section_box_hanshokusho p{
	display:block;
	margin-bottom:10px;
}


/*自然繁殖*/
.sectiontitle_title_hanshoku h3:first-child{
	font-size: 16px;
	line-height: 120%;
	padding:0px 0px 6px 13px;
	margin:0px 6px 6px 0px;
	background:url(../../../../img/all/icon_circle_12_green.png) no-repeat 0px 4px;
	/*background-size:10px auto;*/
	border-bottom: 0px dotted #CCC;
	float:left;
}

.sectiontitle_title_hanshoku p{
	display:block;
	padding:2px 4px 1px 4px;
	margin:0px 0px 0px 0px;
	font-size:86%;
	color:#FFF;
	background-color:#8EC31F;
	float:left;
}

/*人工保育*/
.sectiontitle_title_hoiku h3:first-child{
	font-size: 16px;
	line-height: 120%;
	padding:0px 0px 6px 13px;
	margin:0px 6px 6px 0px;
	background:url(../../../../img/all/icon_circle_12_blue.png) no-repeat 0px 4px;
	/*background-size:10px auto;*/
	border-bottom: 0px dotted #CCC;
	float:left;
}

.sectiontitle_title_hoiku p{
	display:block;
	padding:2px 4px 1px 4px;
	margin:0px 0px 0px 0px;
	font-size:86%;
	color:#FFF;
	background-color:#00A0E9;
	float:left;
}

/*人工授精*/
.sectiontitle_title_jyusei h3:first-child{
	font-size: 16px;
	line-height: 120%;
	padding:0px 0px 6px 13px;
	margin:0px 6px 6px 0px;
	background:url(../../../../img/all/icon_circle_12_purple.png) no-repeat 0px 4px;
	/*background-size:10px auto;*/
	border-bottom: 0px dotted #CCC;
	float:left;
}

.sectiontitle_title_jyusei p{
	display:block;
	padding:2px 4px 1px 4px;
	margin:0px 0px 0px 0px;
	font-size:86%;
	color:#FFF;
	background-color:#584C9D;
	float:left;
}



/*--------------------館内案内--------------------*/


.maps_list_a,
.maps_list_b,
.maps_list_c,
.maps_list_d,
.maps_list_e,
.maps_list_f,
.maps_list_g,
.maps_list_h,
.maps_list_i,
.maps_list_j,
.maps_list_k,
.maps_list_l,
.maps_list_m,
.maps_list_n{
	display:block;
	color:#FFF;
	background-color:#B5D032;
	padding:0px 2px 4px 2px;
	margin-right:6px;
	width:16px;
	height:16px;
	float:left;
	font-size:90%;
	text-align:center;
}

.maps_list_a{
	background-color:#B5D032;
}

.maps_list_b{
	background-color:#70B83E;
}

.maps_list_c{
	background-color:#10A944;
}

.maps_list_d{
	background-color:#13AB7D;
}

.maps_list_e{
	background-color:#169FB7;
}

.maps_list_f{
	background-color:#147EC2;
}

.maps_list_g{
	background-color:#2959A3;
}

.maps_list_h{
	background-color:#655B9F;
}

.maps_list_i{
	background-color:#181E60;
}

.maps_list_j{
	background-color:#9B1756;
}

.maps_list_k{
	background-color:#E43189;
}

.maps_list_l{
	background-color:#e565a5;
}

.maps_list_m{
	background-color:#777777;
}

.maps_list_n{
	background-color:#999999;
}




/*--------------------水族館クイズ--------------------*/

.quiz_1box{
	display:block;
	overflow:hidden;
	border: 1px solid #a8d9ef;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
	padding:10px;
	margin-bottom:25px;
	clear:both;
}

.quiz_q_text{
	font-size:116%;
	font-weight:bold;
	padding:5px 0px 12px 0px;
	color:#333333;
	background:url(../../../../img/quiz/img_seikai.png) no-repeat bottom right;
}

.quiz_btn {
	cursor:pointer;
}

.quiz_btn{
	padding:7px 8px 6px 8px;
	color:#ffffff;
	font-size:110%;
	font-weight:bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#77d8ed', endColorstr = '#76c5e9');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#77d8ed', endColorstr = '#76c5e9')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #77d8ed, #5caed3);
	background-image: -ms-linear-gradient(top, #77d8ed, #76c5e9);
	background-image: -o-linear-gradient(top, #77d8ed, #76c5e9);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#77d8ed), to(#76c5e9));
	background-image: -webkit-linear-gradient(top, #77d8ed, #76c5e9);
	background-image: linear-gradient(top, #77d8ed, #76c5e9);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	border: 1px solid #46abd9;
}

.quiz_btn:hover {
	color:#ffffff;
	background-color:#c6e8f8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#97d66d', endColorstr = '#83c25a');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#97d66d', endColorstr = '#83c25a')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #97d66d, #83c25a);
	background-image: -ms-linear-gradient(top, #97d66d, #83c25a);
	background-image: -o-linear-gradient(top, #97d66d, #83c25a);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#97d66d), to(#83c25a));
	background-image: -webkit-linear-gradient(top, #97d66d, #83c25a);
	background-image: linear-gradient(top, #97d66d, #83c25a);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	border: 1px solid #71a44f;
}

.quiz_a_text{
	margin:12px 8px 2px 8px;
}

.quiz_seikai{
	display:block;
	overflow:hidden;
	font-size:120%;
	font-weight:bold;
	color:#83c25a;
	padding:6px 0px 14px 0px;
}


/*↓スマホ用のスタイル設定*/
@media screen and (max-width: 479px) {
	
	/*画像の配置　回り込みあり　画像は左寄せ*/
.div_box_left{
	width:100%;
	text-align:left;
	float:none;
	padding-right:0px;
	margin-bottom:10px;
}

/*画像の配置　回り込みあり　画像は右寄せ*/
.div_box_right{
	width:100%;
	text-align:left;
	float:none;
	padding-left:0px;
	margin-bottom:10px;
}

/*画像の配置　回り込み無し　画像はセンター*/
.div_box_center{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.div_box_left img,
.div_box_right img,
.div_box_center img{
	width:100%;
	max-width:480px;
	height:auto;
}


}




/*※お問い合わせフォームのstyleは、プラグインの「plugins/trust-form/」のstyleを参照しています*/
/*以下は、リニューアル前に実装されていたフォーム関係のstyleです。*/
/* Form fields, general styles first */
button, input, 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"]:not(.open_searchbox input[type="submit"].btn_search ),
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	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;
}







/*▲リニューアル前のstyleまるごと移植　ここまで*/

/*==================================================*/

/*▼リニューアル後の新styleはここから*/



/* --------------------

カテゴリタイトル

-------------------- */

/*共通設定*/
.category_title_outer{
	width:100%;
	height:360px;
	padding:0px 0px 0px 0px;
	margin: 0 auto;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*色背景　基本*/
.category_title_outer_bg{
	width:100%;
	min-width: 1200px;
	height:360px;
	padding:0px 30px 0px 30px;
	margin: 0 auto;
	background: linear-gradient(-115deg, #6EB9EB, #335A9C);

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/*個別設定*/

/*タイトル画像*/
/*【その他】*/
.category_notfound .category_title_outer_bg,/*404*/
.category_title_outer_bg
{
	background:url(img/category_title_bg_etc.png) no-repeat center center;
	background-size: cover;
}

.category_search .category_title_outer_bg/*検索*/
{
	background:url(img/category_title_bg_etc.png) no-repeat center center;
	background-size: cover;
}

/*【固定ページ系】*/
/*ご利用案内*/
.category_guide .category_title_outer_bg{
	background:url(img/category_title_bg_guide.png) no-repeat center center;
	background-size: cover;
}

/*イベント案内*/
.category_events .category_title_outer_bg{
	background:url(img/category_title_bg_events.png) no-repeat center center;
	background-size: cover;
}

/*館内案内*/
.category_maps .category_title_outer_bg{
	background:url(img/category_title_bg_maps.png) no-repeat center center;
	background-size: cover;
}

/*水族館の仲間たち*/
.category_fishes .category_title_outer_bg{
	background:url(img/category_title_bg_fishes.png) no-repeat center center;
	background-size: cover;
}

/*水族館のスタッフ*/
.category_staff .category_title_outer_bg{
	background:url(img/category_title_bg_staff.png) no-repeat center center;
	background-size: cover;
}

/*おたる水族館について*/
.category_outline .category_title_outer_bg{
	background:url(img/category_title_bg_outline.png) no-repeat center center;
	background-size: cover;
}

/*よくある質問*/
.category_faq .category_title_outer_bg{
	background:url(img/category_title_bg_faq.png) no-repeat center center;
	background-size: cover;
}

/*サイトマップ*/
.category_sitemap .category_title_outer_bg{
	background:url(img/category_title_bg_sitemap.png) no-repeat center center;
	background-size: cover;
}

/*お問い合わせ*/
.category_inquiry .category_title_outer_bg{
	background:url(img/category_title_bg_inquiry.png) no-repeat center center;
	background-size: cover;
}

/*リンク*/
.category_links .category_title_outer_bg{
	background:url(img/category_title_bg_links.png) no-repeat center center;
	background-size: cover;
}

/*ちょいネタ*/
.category_choineta .category_title_outer_bg{
	background:url(img/category_title_bg_choineta.png) no-repeat center center;
	background-size: cover;
}

/*遊園地*/
.category_amusementpark .category_title_outer_bg{
	background:url(img/category_title_bg_amusementpark.png) no-repeat center center;
	background-size: cover;
}

/*ショップ*/
.category_shop .category_title_outer_bg{
	background:url(img/category_title_bg_shop.png) no-repeat center center;
	background-size: cover;
}

/*ここもスゴイ！おたる水族館の魅力！*/
.category_miryoku .category_title_outer_bg{
	background:url(img/category_title_bg_miryoku.png) no-repeat center center;
	background-size: cover;
}

/*おたる水族館の調査研究活動*/
.category_research .category_title_outer_bg{
	background:url(img/category_title_bg_research.png) no-repeat center center;
	background-size: cover;
}

/*フォトコンテスト*/
.category_photocon .category_title_outer_bg{
	background:url(img/category_title_bg_photocon.png) no-repeat center center;
	background-size: cover;
}

/*凍るど！プール（わくわくプール）*/
.category_water_tank .category_title_outer_bg{
	background:url(img/category_title_bg_water_tank.png) no-repeat center center;
	background-size: cover;
}

/*小樽市 鰊御殿（にしん ごてん）*/
.category_nishingoten .category_title_outer_bg{
	background:url(img/category_title_bg_nishingoten.png) no-repeat center center;
	background-size: cover;
}

/*浜の屋食堂*/
.category_hamanoya .category_title_outer_bg{
	background:url(img/category_title_bg_hamanoya.png) no-repeat center center;
	background-size: cover;
}

/*海鳥のレスキュー*/
.category_case-bird .category_title_outer_bg{
	background:url(img/category_title_bg_case-bird.png) no-repeat center center;
	background-size: cover;
}

/*アザラシのレスキュー*/
.category_case-seal .category_title_outer_bg{
	background:url(img/category_title_bg_case-seal.png) no-repeat center center;
	background-size: cover;
}

/*イルカのレスキュー*/
.category_case-dolphin .category_title_outer_bg{
	background:url(img/category_title_bg_case-dolphin.png) no-repeat center center;
	background-size: cover;
}



/*【投稿系】*/
/*News*/
.category_news .category_title_outer_bg{
	background:url(img/category_title_bg_news.png) no-repeat center center;
	background-size: cover;
}

/*イベント*/
.category_event .category_title_outer_bg{
	background:url(img/category_title_bg_event.png) no-repeat center center;
	background-size: cover;
}

.category_title_inner{ /*1140px*/
	display:block;
	width:1200px;
	height:360px;
	margin:0 auto;
}

.category_title_inner p{
	display: table-cell;
	width: 100%;
	height:360px;
	padding-top: 40px;
	vertical-align: middle;
	color:#ffffff;
	font-size:22px;
	font-weight:300;
	line-height:130%;
}



/* --------------------

ページタイトル（エントリータイトル）

-------------------- */

.title_outer,
.entry-header{
	display:block;
	width: 100%;
	padding:20px 20px 20px 20px;
	margin: 0 auto;
	margin-bottom:40px;
	background-color:#F3F3EE;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.title_inner{	
}

.title_inner h1,
.entry-header h1,
h1.entry-title{
	display: table-cell;
	width: 100%;
	color:#333333;
	font-size:22px;
	line-height:130%;
}


/* --------------------

パンくずリスト

-------------------- */

/*パンくずをくくったdiv*/
.topicpath_outer{/*100%（左右にパディング30px）*/
	padding: 0px 0px 0px 0px;
}


/* ----------パンくずリスト全体の設定---------- */

div.topicpath {
	display: block;
	width: 1200px;
	margin: 10px auto 20px auto;
	padding: 10px 30px 5px 30px;
	text-align: left;
	clear: both;

}

/* ----------パンくずリストそのものの設定---------- */

div.topicpath ul,
#breadcrumb ul {
	margin: 0;
	width: 1140px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
}

/* ----------リンクのないリスト（＝閲覧しているページ）---------- */	
div.topicpath li,
#breadcrumb li {
	color: #666666;
	list-style-type: none;
	padding:0px 4px 0px 4px;
	float: left;
	line-height: none;
}

/* ----------リンクのあるリスト（＝上位のページ）---------- */	
div.topicpath li a,
#breadcrumb li a {
	margin-right: 1px;
	color: #30356a; /**色指定*/
	padding-right: 0px;
	line-height: none;
	padding-top: 0px;
	text-decoration: none;
	
	
}

div.topicpath li::before,
#breadcrumb li::before {
	content:'>';
	padding-left: 2px;
	padding-right: 10px;
}

/* ----------HOMEの画像置き換え---------- */	
div.topicpath li .home a,
#breadcrumb li.top a {
	display: block;
	position: relative;
	font-size: 0px;
	width:16px;
	height:16px;
	margin-right: 1px;
	padding:0px 0px 0px 0px !important;
	background: url(img/icon_24_home.png) no-repeat center center;
	background-size: 16px 16px;
	
	margin-top: 2px;
}

div.topicpath li .home::before,
#breadcrumb li.top::before {
	content:none;
}












/* ---------- 記事掲載エリア ---------- */
div#contents_section{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 40px 0px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* ---------- H1 段落タイトル設定 ---------- */

div#contents_section h1 {
	font-size:22px;
	letter-spacing: 0.1em;
}


/* ---------- H2 段落タイトル設定 ---------- */

div#contents_section h2 {
	margin-bottom: 0.5em;
	clear: both;
	color:#475993;
	line-height: 1.3;
	font-weight:500;
	font-size:20px;
	letter-spacing: 0.1em;
}

/* ---------- H3  ---------- */

div#contents_section h3 {
	margin-bottom: 0.5em;
	font-weight:500;
	font-size:19px;
	letter-spacing: 0.1em;
}

/* ---------- H4/H5/H6 見出し設定 ---------- */

div#contents_section h4 {
	font-size:18px;
	font-weight:500;
}

div#contents_section h5 {
	font-size:17px;
	font-weight:500;
}

div#contents_section h6 {
	font-size:16px;
	font-weight:500;
}

/* ---------- 記事のpノーマル ---------- */

div#contents_section p {
	margin-bottom:0px;
}

div#contents_section .mb50,
div#contents_section table.mb50 {
	margin-bottom:50px;
}

div#contents_section .mb40,
div#contents_section table.mb40 {
	margin-bottom:40px;
}

div#contents_section .mb30,
div#contents_section table.mb30 {
	margin-bottom:30px;
}

div#contents_section .mb20,
div#contents_section table.mb20 {
	margin-bottom:20px;
}

div#contents_section .mb15,
div#contents_section table  {
	margin-bottom:15px;
}

div#contents_section .mb10,
div#contents_section table.mb10 {
	margin-bottom:10px;
}

div#contents_section .mb5,
div#contents_section table.mb5 {
	margin-bottom:5px;
}

div#contents_section .mb0,
div#contents_main .mb0,
div#contents_section table.mb0 {
	margin-bottom:0px;
}

div#contents_section .mt0,
div#contents_main .mt0 {
	margin-top:0px;
}

div#contents_section .mt10,
div#contents_main .mt10 {
	margin-top:10px;
}

div#contents_section .mt20,
div#contents_main .mt20 {
	margin-top:20px;
}

div#contents_section .mt30,
div#contents_main .mt30 {
	margin-top:30px;
}

div#contents_section .mt40,
div#contents_main .mt10 {
	margin-top:40px;
}

div#contents_section .mt50,
div#contents_main .mt50 {
	margin-top:50px;
}

/*コメントタグをpダグで入れる場合に使用（<p class="comment">コメント</p>）*/
div#contents_section p.comment {
	display: none;
}

/*右にfloatさせる　主にpタグに指定*/
.float_left{
	float: left;
	padding-right: 10px;
}

.float_none{
	float:none;
	margin-right: 0px;
}

/* ---------- 文字装飾いろいろ ---------- */

/*サイズアップ*/
.fs_110{font-size:110% !important;}
.fs_120{font-size:120% !important;}
.fs_130{font-size:130% !important;}
.fs_140{font-size:140% !important;}
.fs_150{font-size:150% !important;}
.fs_160{font-size:160% !important;}
.fs_170{font-size:170% !important;}
.fs_180{font-size:180% !important;}
.fs_190{font-size:190% !important;}
.fs_200{font-size:200% !important;}

/*サイズダウン*/
.fs_95{font-size:95% !important;}
.fs_90{font-size:90% !important;}
.fs_85{font-size:85% !important;}
.fs_80{font-size:80% !important;}
.fs_75{font-size:75% !important;}
.fs_70{font-size:70% !important;}
.fs_60{font-size:60% !important;}

/*色*/
.fc_red{color:#ff3333}
.fc_blue{color:#475993}
.fc_skyblue{color:#6699cc}
.fc_green{color:#009900}
.fc_lightgreen{color:#99cc66}
.fc_orange{color:#ffcc33}
.fc_purple{color:#663399}
.fc_lightpurple{color:#cc99cc}
.fc_brown{color:#996633}
.fc_gray{color:#999999}
.fc_darkgray{color:#666666}
.fc_white{color:#ffffff}

/*左右中央揃え　text-alignの略*/
.ta_center{text-align: center !important;}
.ta_left{text-align: left !important;}
.ta_right{text-align: right !important;}


/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption {
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	
	max-width: 790px;
	height: auto;
}

/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

div#contents_main img{
	max-width: 790px;
	height: auto;
}


/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone{
	display: block;
	width: 100%!important;
	margin-bottom: 10px;
	clear: left;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
div.aligncenter {
	display: block;
	width: 100%!important;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	clear: left;
}

img.aligncenter {
	display: block;
	width:auto;
	text-align: center;
	margin:0 auto;
	margin-bottom: 10px;
	clear: left;
}

/* ----------写真を中央に配置---------- */
div#contents_main .aligncenter img {
	display: block;
	margin: 0 auto 0px auto!important;
}

/* ----------画像まわしこみを解除----------*/
div#contents_main .aligncenter {
	float: none;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
.alignright {
	text-align: right;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
.alignleft {
	text-align: left;
	float: left;
	padding-right: 20px;
	margin-bottom: 10px;
}

/* ----------写真を左に配置---------- */
div#contents_main .alignleft img {
	margin-bottom: 10px;
	float: none;
}

/* ----------写真を右側に配置---------- */
div#contents_main .alignright img {
	margin-bottom: 10px;
	float: none;
}

/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
div#contents_main .alignleft .wp-caption-text {
	display: block;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	color: #797979;
	clear: both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


div#contents_main .alignright .wp-caption-text {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	color: #797979;
	clear: both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*キャプションのスタイル（aligncenterの場合）*/
div#contents_main .aligncenter .wp-caption-text{
	text-align: center;
	font-size: 90%;
	line-height: 130%;
	color: #797979;
	clear: both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*imgにグレーの枠線*/
img.border_gray{
	border: #d8d8d8 solid 1px;
}


/* 右寄せで写真を縦に並べるカラム状のボックス */

.photo_column_right{
	float:right;
	margin-left:30px;
}


/* ---------- 記事内のテーブル設定 ---------- */

div#contents_section table {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100%;
}

div#contents_section table.table_90per {
	width: 90% !important;
}

div#contents_section table.table_80per {
	width: 80% !important;
}

div#contents_section table.table_70per {
	width: 70% !important;
}

div#contents_section table.table_60per {
	width: 60% !important;
}

div#contents_section table.table_50per {
	width: 50% !important;
}

div#contents_section table.table_40per {
	width: 40% !important;
}

div#contents_section table.table_30per {
	width: 30% !important;
}

div#contents_section table.table_20per {
	width: 20% !important;
}

div#contents_section table.table_10per {
	width: 10% !important;
}

div#contents_section  table tr {
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
}

div#contents_section  table th {
	padding: 8px 8px 8px 8px;
	background-color: #B3D1D9;
	color: #ffffff;
	/*white-space: nowrap;*/
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	font-weight: normal !important;
	text-align: left;
}

div#contents_section  table th a,
div#contents_section  table th p{
	color: #ffffff;
}

div#contents_section  table th a:hover{
	text-decoration: none;
}


div#contents_section .sub_td_bg {
	background-color: #f5f8e6;
}

div#contents_section .sub_td_bg_gray {
	background-color: #eeeded;
}

div#contents_section td {
	padding: 8px 8px 8px 8px;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
}

div#contents_section table.border-print td {
}

div#contents_section table.table_2column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 48%;
	float: left;
	margin-right: 2%;	
}


div#contents_section table.table_4column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 24%;
	float: left;
	margin-right: 1%;	
}






/*スマホレスポンシブ対応のテーブル*/
div#contents_section table.sp_responsive_table {
}

div#contents_section table.sp_responsive_table .sp_only {
	display: none;
}



/*横並びの画像をスマホでも横並びのまま表示するtable　のstyle*/
div#contents_section table.table_img_2column,
div#contents_section table.table_img_2column tr {
	max-width: 970px !important;
}

div#contents_section table.table_img_2column,
div#contents_section table.table_img_2column tr,
div#contents_section table.table_img_2column th,
div#contents_section table.table_img_2column td {
	border: 0px;
	border: none;
	padding: 0px 0px 0px 0px;
}

div#contents_section table.table_img_2column td:first-child {
	padding: 0px 10px 0px 0px;
}

div#contents_section table.table_img_2column td:last-child {
	padding: 0px 0px 0px 10px;
}

div#contents_section table.table_img_2column img{
	width: 100% !important;
	height: auto;
}


/*tableタグにこのclassが指定されているtableの中に入れ子になっているtableから罫線を取る*/
/*学科の教育科目のtableなど*/
.td_in_table td table,
.td_in_table td table th,
.td_in_table td table tr,
.td_in_table td table td{
	border: none !important;
	padding: 0px;
}

.td_in_table td table{
	margin-bottom: 0em;
	width: auto !important;
}

.td_in_table td table td{
	margin-bottom: 0em;
	width: 230px !important;
}

.td_in_table td table .td_bg_color_blue{
	background-color: #d8e1f1;
}


/*tdの上だけ、borderを太くする*/
div#contents_section table .border_top_3px{
	border-top: #d8d8d8 solid 3px !important;
}



/* -------------------- 水平線画像 -------------------- */

div#contents_main hr{
	display:block;
	width:100%;
	height:1px;
	margin:20px 0 20px 0;
	border:none;
	border-top:solid 1px #cccccc;
	color:#ffffff;
	background:#ffffff;
	clear:both;
	float:none;
}

div#contents_main hr.hr_dot{
	display:block;
	width:100%;
	height:1px;
	margin:20px 0 20px 0;
	border:none;
	border-top:dotted 1px #cccccc;
	color:#ffffff;
	background:#ffffff;
	clear:both;
	float:none;
}



/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

div#contents_section .box_gray,
div#contents_section .div_box_border {
	padding:20px 25px 20px 25px;
	margin:10px 0px 10px 0px;
	border: solid 1px #d2d2d2;
	
	overflow: hidden;
}

div#contents_section .box_gray_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 10px 0px;
	border: solid 1px #d2d2d2;
	line-height: 150%;
	
	overflow: hidden;
}

div#contents_section .box_white{
	padding:20px 25px 20px 25px;
	margin:10px 0px 10px 0px;
	border: solid 0px #d2d2d2;
	
	overflow: hidden;
}

div#contents_section .box_white_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 10px 0px;
	border: solid 0px #d2d2d2;
	line-height: 150%;
	
	overflow: hidden;
}

div#contents_section .box_gray5 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 10px 0px;
	border: solid 5px #d2d2d2;
	
	overflow: hidden;
}

div#contents_section .box_gray10 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 10px 0px;
	border: solid 10px #d2d2d2;
	
	overflow: hidden;
}

div#contents_section .box_gray.mb0,
div#contents_section .box_gray5.mb0,
div#contents_section .box_gray10.mb0{
	margin-bottom:0px !important;
}
div#contents_section .box_gray.mb10,
div#contents_section .box_gray5.mb10,
div#contents_section .box_gray10.mb10{
	margin-bottom:10px !important;
}
div#contents_section .box_gray.mb20,
div#contents_section .box_gray5.mb20,
div#contents_section .box_gray10.mb20{
	margin-bottom:20px !important;
}
div#contents_section .box_gray.mb30,
div#contents_section .box_gray5.mb30,
div#contents_section .box_gray10.mb30{
	margin-bottom:30px !important;
}
div#contents_section .box_gray.mb40,
div#contents_section .box_gray5.mb40,
div#contents_section .box_gray10.mb40{
	margin-bottom:40px !important;
}
div#contents_section .box_gray.mb50,
div#contents_section .box_gray5.mb50,
div#contents_section .box_gray10.mb50{
	margin-bottom:50px !important;
}

div#contents_section .box_gray h2,
div#contents_section .box_gray5 h2,
div#contents_section .box_gray10 h2,
div#contents_section .box_gray h3,
div#contents_section .box_gray5 h3,
div#contents_section .box_gray10 h3{
	margin-top:0px;
}

/* 背景が薄いグレーのボックス */

.box_bg_gray{
	background-color:#f6f6f6;
	padding:10px 20px;
}


/* 背景が薄い赤のボックス */

.box_bg_red{
	background-color:#ffeeee;
	padding:10px 20px;
}

/*「box_gray_XX」と併記して利用*/

/*inline-blockを追加する*/
.display_ib{
	overflow: hidden;
	/*display: inline-block*/
}

/*スマホではblock*/
.sp_display_b{
	/*display: block;*/
}



/* ---------- 記事内のol ---------- */

div#contents_section ol {
	margin-left: 0em !important;
	padding-left: 22px;
	padding-bottom: 8px;
	list-style-type: decimal;
}

div#contents_section ol li {
	padding: 2px 0px 6px 0px;
}


/* ---------- 記事内のul ---------- */

div#contents_section ul {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 0px;
}

div#contents_section ul li {
	padding: 2px 0px 4px 2px;
	padding-left:18px;
	background-image:url(img/icon_32_list.png) ;
	background-repeat:no-repeat;
	background-position:0 5px;
	background-size: 16px 16px;
}

div#contents_section  ul.float{
	float: none;
	clear: both;
}

div#contents_section  ul.float li {
	display: inline-block;
	padding: 2px 10px 4px 0px;
	float: left;
	background:none;
}

/*先頭のディスクを付けない場合、ulにこのclassを指定「no_disc」*/
div#contents_section ul.no_disc {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

div#contents_section ul.no_disc li {
	padding: 2px 0px 4px 2px;
	padding-left:2em;
	background:none !important;
	background-repeat:no-repeat;
	background-position:0 5px;
	font-size: 96%;
}

div#contents_section ul.no_disc li ul li {
	padding: 2px 0px 4px 2px;
	padding-left:2em;
}

/* ---------- 記事内のア、イ、ウ…のli ---------- */

div#contents_section .list_50on,
div#contents_section ul li .list_50on {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

div#contents_section .list_50on li,
div#contents_section  ul li .list_50on li {
	padding-left: 2.2em !important;
    text-indent: -2.2em !important;
    list-style:none !important;
	background: none !important;
}
/* ---------- 記事内のア、イ、ウ…のli ---------- */

div#contents_section .list_50on,
div#contents_section ul li .list_50on {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
}

div#contents_section .list_50on li,
div#contents_section ul li .list_50on li {
	padding-left: 2.2em !important;
    text-indent: -2.2em !important;
}

/* ---------- ulを半角2文字分で揃えるのli ---------- */

div#contents_section .list_1em,
div#contents_section ul li .list_1em {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

div#contents_section .list_1em li,
div#contents_section  ul li .list_1em li {
	padding-left: 1.0em !important;
    text-indent: -1.0em !important;
    list-style:none !important;
	background: none !important;
}


/* ---------- 記事内の注釈 ---------- */

div#contents_section .annotate {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 86%;
	color: #666;
}

/* ---------- Youtube等iframeを配置した場合の横幅 ---------- */

/*youtubeを囲んだdiv*/
.youtube_box {
  position: relative;
  padding-bottom: 56.25%;/*16:9のアスペクト比*/
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  z-index: 10;
}

/*固定ページ*/
div#contents_section .youtube_box iframe{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}

/*投稿系ページ*/
div#contents_main.blog_page_design #contents_section .youtube_box iframe,
div#contents_main.news_page_design #contents_section .youtube_box iframe,
div#contents_main.blog_list_design #contents_section .youtube_box iframe,
div#contents_main.news_list_design #contents_section .youtube_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
}

/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_2column img{
	width: 100%;
	height: auto;
}

/*左*/
.text_box_2column_left{
	display: block;
	overflow: hidden;
	position: relative;
	width: 49%;
	margin-right: 2%;
	float: left;
}

/*右*/
.text_box_2column_right{
	display: block;
	overflow: hidden;
	position: relative;
	width: 49%;
	margin-right: 0%;
	float: left;
}

/* ---------- div内で3列にならべるdiv ---------- */

/*3列全体　div*/
.text_box_3column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_3column img{
	width: 100%;
	height: auto;
}

/*左*/
.text_box_3column_left{
	display: block;
	overflow: hidden;
	position: relative;
	width: 32%;
	margin-right: 2%;
	float: left;
}

/*中央*/
.text_box_3column_center{
	display: block;
	overflow: hidden;
	position: relative;
	width: 32%;
	margin-right: 2%;
	float: left;
}

/*右*/
.text_box_3column_right{
	display: block;
	overflow: hidden;
	position: relative;
	width: 32%;
	margin-right: 0%;
	float: left;
}

/* ---------- div内で4列にならべるdiv ---------- */

/*4列全体　div*/
.text_box_4column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_4column img{
	width: 100%;
	height: auto;
}

/*左*/
.text_box_4column_1{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23.5%;
	margin-right: 2%;
	float: left;
}

/*中央*/
.text_box_4column_2{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23.5%;
	margin-right: 2%;
	float: left;
}

/*中央*/
.text_box_4column_3{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23.5%;
	margin-right: 2%;
	float: left;
}

/*右*/
.text_box_4column_4{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23.5%;
	margin-right: 0%;
	float: left;
}


/* ----------リンクとダウンロードファイルのアイコン---------- */

.icon_link {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_link.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_download {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_download.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_pdf {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_download.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_blank {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_blank.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_link:hover,
a.icon_pdf:hover,
a.icon_download:hover,
a.icon_blank:hover{
	text-decoration: underline;
	color: #586DA0;
}


div#contents_main .sp_only,
.sp_only {
	display:none;
}

div#contents_main .pc_only,
.pc_only {
}

div#contents_main .print_only,
.print_only {
	display:none;
}

/*PCの「p」だけマージンボトム20、スマホは0*/
div#contents_main .pc_only_mb20,
.pc_only_mb20 {
	margin-bottom:20px;
}




/* ---------- 記事内のオリジナル汎用ボタン* ---------- */

div#contents_main .button {
	display: inline-block;
	padding: 5px 30px 5px 10px;
	margin: 5px 5px 5px 0px;
	color: #ffffff;
	background: url(img/icon_32_link_white.png) no-repeat 97% 50%;
	background-size: 16px 16px;
	background-color: #475993;
	text-decoration: none;
}

div#contents_main .button:hover {
	background-color: #586DA0;
}

div#contents_main .button_blank {
	display: inline-block;
	padding: 5px 30px 5px 10px;
	margin: 5px 5px 5px 0px;
	color: #ffffff;
	background: url(img/icon_32_blank_white.png) no-repeat 97% 50%;
	background-size: 16px 16px;
	background-color: #475993;
	text-decoration: none;
}

div#contents_main .button_blank:hover {
	background-color: #586DA0;
}

div#contents_main .button_download,
div#contents_main .button_pdf {
	display: inline-block;
	padding: 5px 30px 5px 10px;
	margin: 5px 5px 5px 0px;
	color: #ffffff;
	background: url(img/icon_32_download_white.png) no-repeat 97% 50%;
	background-size: 16px 16px;
	background-color: #475993;
	text-decoration: none;
}

div#contents_main .button_download:hover,
div#contents_main .button_pdf:hover {
	background-color: #586DA0;
}





/*---------- 固定ページで使用する汎用タブ切り替え ----------*/

.general_tab{
	display:block;
	position:relative;
	width:100%;
	height:48px;
	border-bottom:solid 1px #d2d2d0 !important;
	margin-bottom:10px;
}

/*タブ1つ分 div*/
.general_tab_menu{
	display:inline-block;
	position: relative;
	min-width:202px;
	height:48px;
	padding:12px 10px 8px 10px;
	margin-right:5px;
	margin-bottom:0px;
	float:left;
	list-style:none;
	text-align:center;
	font-size:100%;
	letter-spacing:0em;
	color:#31312f;
	/*background-color:#E8E8CE;*/
	background-color:#dfdfdf;
	border:solid 1px #d2d2d0;
	border-bottom:solid 0px #d2d2d0 !important;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.general_tab_menu:hover{
	/*background-color:#DBE5CA;*/
	background:#ececec;
	color:#0151a8;
	border:solid 1px #d2d2d0;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	filter:alpha(opacity=80) !important; /*IE*/
	-moz-opacity:0.80 !important; /*FF*/
	opacity:0.80 !important;
}


/*アクティブなタブ div*/
.general_tab_nowselect,
.general_tab_nowselect:hover{
	background:#ffffff;
	border:solid 1px #d2d2d0;
	border-bottom:solid 1px #884466;
	cursor:default;
	height:49px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.general_tab_nowselect:hover{
	color:#31312f;
	filter:alpha(opacity=100) !important; /*IE*/
	-moz-opacity:1.00 !important; /*FF*/
	opacity:1.00 !important;
}

/*タブで切り替えるコンテンツの中身*/
.general_tab_contents div{
	overflow:hidden;
}

/*切り替えられる中身はdiv「box_gray」で囲む*/
.general_tab_contents .box_gray{
	margin-top:0px !important;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
	display:none;
}






/*お知らせ一覧や検索結果などの下のページネーション　A*/

/*ページネーション（ソースはネット共通のもの）*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Quotes style*/
.wp-pagenavi,
.pagination {
	padding: 3px;
	margin: 20px 3px 20px 3px;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span,
.pagination a {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #aaa;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.pagination a:hover,
.pagination a:active {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
	background-color: #a0a0a0;
	color: #FFF;
}

.wp-pagenavi span.current,
.pagination span.current {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #5f87ae;
	font-weight: bold;
	background-color: #5f87ae;
	color: #ffffff;
}

.wp-pagenavi span.disabled,
.pagination span.disabled {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}



/*お知らせ一覧や検索結果などの下のページネーション　B*/

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 1044618 2014-12-14 23:43:29Z emartin24 $
 * Copyright 2014 Studio Fuel (http://www.studiofuel.com)
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ffffff; border:1px solid #dcdcdc; color:#666; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#dcdcdc; color:#cccccc;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #5f87ae; margin-right:4px; padding:4px 8px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

ol.wp-paginate li {
	line-height: 3em;
  /*white-space: nowrap;*/
}

/* Fonts */
.wp-paginate.font-arial {font-family: Arial, sans-serif;}
.wp-paginate.font-georgia {font-family: Georgia, serif;}
.wp-paginate.font-inherit {font-family: inherit;}
.wp-paginate.font-initial {font-family: initial;}
.wp-paginate.font-tahoma {font-family: Tahoma, sans-serif;}
.wp-paginate.font-times {font-family: "Times New Roman", serif;}
.wp-paginate.font-trebuchet {font-family: "Trebuchet MS", sans-serif;}
.wp-paginate.font-verdana {font-family: Verdana, sans-serif;}


/* Theme: Modern Grey Buttons */
.wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current {
  background: #f8f8f8;
  border:1px solid #efecee;
  border-radius: 4px;
  color: #000;
  padding: 3px 6px;
}
  .wp-paginate.wpp-modern-grey a:hover {
    background: #eee;
  }
  .wp-paginate.wpp-modern-grey .current {
    opacity: .3;
  }

/* Theme: Blue CTA Buttons */
.wp-paginate.wpp-blue-cta a, .wp-paginate.wpp-blue-cta .current {
  background: #3784fd;
  border:2px solid #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #c1c1c1, -1px -1px 1px #c1c1c1, inset 0 -10px 10px rgba(0, 0, 0, .2);
  color: #fff;
}
.wp-paginate.wpp-blue-cta .current {
	opacity: .6;
}

/* Theme: Pink Neon Buttons */
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
  background: #54d3f4;
  border:1px solid #eee;
  border-radius: 6px;
  color: #000;
}
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
  background: #ff4ecd;
}
.wp-paginate.wpp-neon-pink .current {
	opacity: .6;
} 




/* -----------------------

News、ブログページの基本パーツ設定

----------------------- */


/*ニュース記事欄　div*/
.news_list_box{
	display:block;
	position:relative;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 0px #ededed;
	float: none;
	clear: both;
}

/*リストの表示枠　1ジャンル分 スクロールバーなし*/
.news_list{/*dl*/
	display:block;
	position:relative;
	overflow: hidden !important;
	height: auto !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom:0px;
}

/*日付*/
.news_list dt{
	display:block;
	position:relative;
	padding:0px 20px 0px 20px !important;
	margin:0px 0px 5px 0px !important;
	font-size:14px;
	color: #848485;
	width: 100%;
}

/*タイトルリンクのリンク範囲*/
.news_list dd{
	display:block;
	position:relative;
	text-align:left;
	/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
	float:none;
	padding:0px 20px 14px 20px !important;
	margin:0px 0px 14px 0px;
	line-height:150%;
	font-size: 17px;
	border-bottom: solid 1px #ededed;
}

.news_list dd a{
	color:#333333;
	text-decoration:none;
}

.news_list dd a:hover{
	color:#555555;
	text-decoration:underline;
}

/*「お知らせはありません」のddのクラス*/
.nonlist{
	margin-top:0 !important;
	padding:0px 0px 8px 0em !important;
}



/*記事ジャンル span　共通設定*/
.genre_new,
.genre_event,
.genre_oshirase,
.genre_kaisaichuu,
.genre_boshuuchuu{
	display: inline-block !important;
	margin: -3px 3px 0px 0px;
	padding: 4px 6px 3px 6px;
	line-height: 100% !important;
	background-color: #fd4f21;
	color: #ffffff;
	height:auto;
	min-width: 50px;
	font-size: 11px;
	line-height:100%;
	text-align: center;
	vertical-align: middle;	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.genre{
	display: inline-block !important;
	margin: -3px 3px 0px 0px;
	padding: 4px 6px 3px 6px;
	line-height: 100% !important;
	height:auto;
	min-width: 50px;
	font-size: 11px;
	line-height:100%;
	text-align: center;
	vertical-align: middle;	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/*ジャンルアイコンの壱番右のアイコンの右側にマージンをつける*/
.news_list dt > span:last-Child,
.pickup_text_box .pickup_date > span:last-Child{
	margin-right: 10px;
}


/*NEW*/
.genre_new{
	background-color: #fd4f21;
	min-width: 20px;
}

/*イベント*/
.genre_event{
	background-color: #DA930F;
}

/*お知らせ*/
.genre_oshirase{
	background-color: #6BAF69;
}

/*開催中*/
.genre_kaisaichuu{
	background-color: #4096CB;
}

/*募集中*/
.genre_boshuuchuu{
	background-color: #D5839C;
}


/*「続きを見る」のリンク*/
.more-link{
	display:inline-block;
	overflow:hidden;
	width:auto;
	margin:10px 0px 10px 0px;
	padding:6px 14px 6px 14px;
	border: solid 0px #d2d2d2;
	background-color: #F3F3EE;
	text-decoration: none;
}

.more-link:hover{
	border: solid 0px #d2d2d2;
	background-color: #E8E8E2;
}



/*News、Blog記事単体ページ下部の記事間リンクナビゲーション*/
.nav-single {
	position: relative;
	display: block;
	overflow: hidden;
	float: none;
	margin: 0px 0px 30px 0px;
	padding-top: 20px;
	border-top: 1px solid #D2D2D2;
}

.nav-previous, .nav-next {
	position: relative;
	display: block;
	width: 45%;
	margin-bottom: 15px;
	vertical-align: top;
	font-size: 90%;
}

.nav-previous {
	float: left;
	padding-left: 1.5em;
}

.nav-next {
	width: auto;
	float: right;
	padding-right: 1.5em;
}

.nav-previous .meta-nav {
	position: absolute;
	top: 0;
	left: 0;
}

.nav-next .meta-nav {
	position: absolute;
	top: 0;
	right: 0;
}



/*News、Blogの各記事フッター内に表示される「記事一覧へ」リンク*/
.to_news_list{
	display:inline-block;
	overflow:hidden;
	width:auto;
	margin:10px 0px 10px 0px;
	padding:6px 14px 6px 14px;
	border: solid 0px #d2d2d2;
	background-color: #F3F3EE;
	text-decoration: none;
}

.to_news_list:hover{
	border: solid 0px #d2d2d2;
	background-color: #E8E8E2;
}





/* -----------------------

サイドメニューのスタイル

----------------------- */
/*（News、blogのみ配置300px）*/

div#contents_side .side_box {
	padding: 0px;
	padding:20px 20px 20px 20px;
	margin-bottom: 20px;
	background-color: #F3F3EE;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----------PC：タイトル---------- */

/*サイドのh2*/
div#contents_side .side_title_box {
	display:block;
	overflow:hidden;
	width:100%;
	padding:0px 10px 20px 10px;
	border-bottom: solid 1px #ffffff;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 {
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 b {

}

div#contents_side .side_title_box h2 a {
	font-size: 18px;
	color: #333333;
	text-decoration: none;
}


/*ニュース、イベント、ブログなどのタイトルの共通設定　ul*/
div#contents_side .news_current_list,/*ニュース、お知らせ*/
div#contents_side .blog_current_list,/*ブログ*/
div#contents_side .event_current_list,/*イベント（利用するか未定）*/
div#contents_side .category_link_list,/*ニュース、お知らせ、ブログの「カテゴリ」リンク*/
div#contents_side .archive_link_list,/*ニュース、お知らせ、ブログの「アーカイブ」リンク*/
div#contents_side .entry_current_list,/*固定ページの子ページリンク*/
div#contents_side .other_link_list{/*上記以外のリンク（固定設置のリンク）*/
	display: block;
	clear: both;
}



div#contents_side .news_current_list li,
div#contents_side .blog_current_list li,
div#contents_side .event_current_list li,
div#contents_side .category_link_list li,
div#contents_side .archive_link_list li,
div#contents_side .entry_current_list li,
div#contents_side .other_link_list li{
	display: block;
	clear: both;
	border-bottom: solid 1px #ffffff;	
}

div#contents_side .news_current_list li:last-Child,
div#contents_side .blog_current_list li:last-Child,
div#contents_side .event_current_list li:last-Child,
div#contents_side .category_link_list li:last-Child,
div#contents_side .archive_link_list li:last-Child,
div#contents_side .entry_current_list li:last-Child,
div#contents_side .other_link_list li:last-Child{
	border-bottom: solid 0px #ffffff;
}

/*カテゴリの子ページリンク*/
div#contents_side .news_current_list a,
div#contents_side .blog_current_list a,
div#contents_side .event_current_list a,
div#contents_side .category_link_list a,
div#contents_side .archive_link_list a,
div#contents_side .entry_current_list a,
div#contents_side .other_link_list a{
	display:block;
	overflow:hidden;
	width:100%;
	padding:8px 10px 8px 10px;
	color: #595858;
	text-decoration: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#contents_side .news_current_list a:hover,
div#contents_side .blog_current_list a:hover,
div#contents_side .event_current_list a:hover,
div#contents_side .category_link_list  a:hover,
div#contents_side .archive_link_list  a:hover,
div#contents_side .entry_current_list  a:hover,
div#contents_side .other_link_list  a:hover{
	background-color: #E8E8E2;
	text-decoration: none;
}

/*カテゴリの子ページリンク*/
div#contents_side .news_current_list li a .date,
div#contents_side .blog_current_list li a .date,
div#contents_side .event_current_list li a .date,
div#contents_side .category_link_list li a .date,
div#contents_side .archive_link_list li a .date,
div#contents_side .entry_current_list li a .date,
div#contents_side .other_link_list li a .date{
	color:#9B9B9B;
	display:block;
	width:100%;
	text-decoration: none;
}





div#contents_side li.side_link_map a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 58px;
	background: url(img/side_link_icatch_map.png) no-repeat 4px center;
	background-size: 48px 48px;
}

div#contents_side li.side_link_miryoku a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 58px;
	background: url(img/side_link_icatch_miryoku.png) no-repeat 4px center;
	background-size: 48px 48px;
}

div#contents_side li.side_link_fishes a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 58px;
	background: url(img/side_link_icatch_fishes.png) no-repeat 4px center;
	background-size: 48px 48px;
}

/*祝津マリンランド*/
div#contents_side li.side_link_amusementpark a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_amusementpark_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

/*おたる水族館ショップ*/
div#contents_side li.side_link_shop a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_shop_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

/*お食事どころ レストランニュー三幸*/
div#contents_side li.side_link_sanko a{
	padding:8px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_restaurant_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

div#contents_side li.side_link_sanko a span{
	font-size: 11px;
	line-height: 110%;
}

/*お食事どころ 浜の屋食堂*/
div#contents_side li.side_link_hamanoya a{
	padding:8px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_hamanoya_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

div#contents_side li.side_link_hamanoya a span{
	font-size: 11px;
	line-height: 110%;
}

/*授乳室のご案内*/
div#contents_side li.side_link_nursing a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_nursing_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

/*電動カート*/
div#contents_side li.side_link_cart a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_cart_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

/*ベビーカー貸出*/
div#contents_side li.side_link_babycar a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_babycar_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

/*車椅子貸出*/
div#contents_side li.side_link_wheelchair a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_wheelchair_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}



/* -----------------------

検索結果一覧（Google検索利用）

----------------------- */

/*Googleのスクリプトから書き出されるiframeのID名*/
#cse-search-results{
}

#cse-search-results iframe{
	vertical-align: bottom;/*←効いてない…*/
}

#cse-search-results iframe{
	min-height: 94em;
	height: auto;
	vertical-align: bottom;/*←効いてない…*/
}



.gsc-webResult{
	padding: 0px !important;
}

.gsc-control-cse{
	padding: 0px !important;
}

div#contents_section .gsc-control-cse table {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 0px !important;
	border-left: #d8d8d8 solid 0px !important;
	width: 100%;
}

div#contents_section .gsc-control-cse table tr {
	border-bottom: #d8d8d8 solid 0px !important;
	border-right: #d8d8d8 solid 0px !important;
}

div#contents_section .gsc-control-cse table th,
div#contents_section .gsc-control-cse table td {
	padding: 8px 0px 8px 0px;
	/*white-space: nowrap;*/
	border-bottom: #d8d8d8 solid 0px !important;
	border-right: #d8d8d8 solid 0px !important;
	font-weight: normal !important;
}


/*検索結果1つ分のくくり　div*/
div#contents_section .gsc-result{
	border-bottom: #d8d8d8 solid 0px !important;
}

div#contents_section .gsc-result:hover{
	border-color: #ffffff !important;
}

/*検索結果のページ名のリンク色　a*/
div#contents_section .gs-result .gs-title{
	text-decoration:none !important;
	color: #190BB4;
}

div#contents_section .gs-result .gs-title:hover{
	text-decoration: underline !important;
}

/*検索結果のURLの色*/
div#contents_section .gs-visibleUrl{
	color: #008000;/*#00591E*/
}

/*「結果はありません」の調整*/

/*「結果はありません」の黄色い枠*/
div#contents_section .gs-no-results-result .gs-snippet,
div#contents_section .gs-error-result .gs-snippet{
padding : 5px;
margin : 0px;
border : 1px solid rgb(255,204,51);
background-color : rgb(255,244,194);
}

/*「結果はありません」の黄色い枠の位置調整*/
div#contents_section .gs-webResult,
div#contents_section .gs-promotion{
margin-left: 0px;
}

div#contents_section .gsc-webResult.gsc-result:hover{
border-top: 1px solid #ffffff;
border-color: #d2d6dc;
background-color: #ffffff;
-webkit-box-shadow: 0 0px 0px #ffffff;
-moz-box-shadow: 0 0px 0px #ffffff;
box-shadow: 0 0px 0px #ffffff;
}



/* -----------------------

フッター

----------------------- */

/*------------- フッター -------------*/

/*「footer_outer」と併記して色分けする3つ*/
.footer_outer.partner {
	padding: 0px 30px 0px 30px;
	background-color: #EDEDE6;
}

.footer_outer.footer_contents {
	padding: 0px 30px 0px 30px;
	background: linear-gradient(-115deg, #6EB9EB, #335A9C);
}

.footer_outer.copyright {
	padding: 0px 30px 0px 30px;
	background-color: #394777;
}



/*パートナー企業バナー欄の中身を包んだ大枠　div*/
.footer_outer.partner .footer_inner {
	width: 1140px;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	overflow:hidden;
	text-align: left !important;
	position: relative;
}

/*バナーを囲んだdiv*/
.footer_partner_banner_box{
	display: block;
	position: relative;
	overflow:hidden;
	text-align: center;
}

.footer_partner_banner_box a{
	margin: 5px 10px 5px 10px;
	
}

.footer_partner_banner_box a img{
	border: solid 1px #e9e9e9;
}



/*住所やリンクなどのフッターコンテンツ欄の中身を包んだ大枠　div*/
.footer_outer.footer_contents .footer_inner {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
    position: relative;
    overflow:hidden;
	width: 1140px;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	text-align: left !important;
}

/*左のアドレス欄　div*/
.footer_address_box{
	display: inline-block;
	position: relative;
	width: 270px;
	margin-right: 40px;
	margin-bottom: 20px;
	text-align: center;
}

/*真ん中のリンク欄　div*/
.footer_contents_box{
	display: inline-block;
	position: relative;
	width: 490px;
	margin-right: 40px;
	margin-bottom: 20px;
}

/*右のお問い合わせ欄とシェアボタン欄*/
.footer_contact_box{
	display: inline-block;
	position: relative;
	text-align: center;
	width: 300px;
	margin-bottom: 20px;
}




/*「footer_address_box」の中身*/
/*ロゴ画像代替　div*/
.footer_logo{
	display: block;
	width: 190px;
	height:50px;
	text-decoration: none;
	background: url(img/logo_x2.png) no-repeat;
	background-size: 190px 50px;/*380px 100px*/
	background-position: center center;
	margin-bottom: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_logo span{
	display: none;
}


/*p*/
.footer_address{
	display: block;
	width: 100%;
	padding: 10px 5px 15px 5px !important;
	color: #ffffff;
	border-bottom: solid 1px #ffffff;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*p*/
.footer_parking{
	display: inline-block;
	padding: 15px 5px 15px 52px !important;
	color: #ffffff;
	font-size: 14px;
	background: url(img/icon_64_parking_white.png) no-repeat left center;
	background-size: 48px 48px;

	text-align: center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_parking b{
	font-size: 20px;
}





/*「footer_contents_box」の中身*/
/*ul*/
.footer_link{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin-bottom: 5px;
}

.footer_link li{
	letter-spacing: normal;
	display: inline-block;
	padding: 0px 5px 6px 0px !important;
	color: #ffffff;
	width: 33.3333%;
	font-size: 13.5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_link li a{
	color: #ffffff;
	text-decoration: none;
}

.footer_link li a:hover{
	color: #ffffff;
	text-decoration: underline;
}


/*SNSフォローリンクボタン枠　div*/
.follow_box{
	display: block;
	position: relative;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.follow_box p{
	display: inline-block;
	font-size: 13px;
	color: #ffffff;
	padding-right: 6px;
	vertical-align: middle;
}

a.icon_follow_fb{
	display: block;
	width: 32px;
	height: 32px;
	background: url(img/icon_32_sns_fb_white.png) no-repeat center center;
}

a.icon_follow_tw{
	display: block;
	width: 32px;
	height: 32px;
	background: url(img/icon_32_sns_tw_white.png) no-repeat center center;
}

a.icon_follow_ig{
	display: block;
	width: 32px;
	height: 32px;
	background: url(img/icon_32_sns_ig_white.png) no-repeat center center;
}


a.icon_follow_fb:hover,
a.icon_follow_tw:hover,
a.icon_follow_ig:hover{
	filter:alpha(opacity=80) !important; /*IE*/
	-moz-opacity:0.80 !important; /*FF*/
	opacity:0.80 !important;
}

a.icon_follow_fb b,
a.icon_follow_tw b,
a.icon_follow_ig b{
	display: none;
}


/*div*/
.supportdog_box{
}

.supportdog_box img{
	float: left;
	margin-right: 10px;
	max-width: 36px;
}

.supportdog_box p{
	color: #ffffff;
	font-size: 13.5px;
}



/*お問い合わせ欄の中身*/

/*お問い合わせ欄のみ*/
.footer_contact_box_inner{
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}


/*「お問い合わせはこちら」のタイトル　p（他でも流用可）*/
.title-border {
	display: flex;
	align-items: center;
}

.title-border:before,
.title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}

.title-border:before {
	margin-right: 1rem;
}

.title-border:after {
	margin-left: 1rem;
}


/*「お問い合わせはこちら」のタイトルの白バージョン　p（他でも流用可）*/
.title-border_white {
	display: flex;
	align-items: center;
	color: #ffffff;
}

.title-border_white:before,
.title-border_white:after {
	border-top: 1px solid #ffffff;
	content: "";
	flex-grow: 1;
}

.title-border_white:before {
	margin-right: 1rem;
}

.title-border_white:after {
	margin-left: 1rem;
}


/*TELのp*/
.footer_contact_box p.contact_tel{
	display: inline-block;
	text-align: center;
	color: #FFED00;
	font-size: 32px;
	padding: 0px 0px 0px 42px;
	background: url(img/icon_64_tel.png) no-repeat left center;
	background-size: 32px 32px;
	margin-bottom: 0px !important;
}

.footer_contact_box p.contact_tel span{
	display: none;
}

.footer_contact_box p.contact_tel a{
	color: #FFED00;
	text-decoration: none;
}

/*FAXのp*/
.footer_contact_box p.contact_fax{
	text-align: center;
	color:#ffffff;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
}

/*「お問い合わせフォーム」のaタグ*/
.footer_contact_box a.contact_mail{
	display:block;
	width: 100%;
	text-align: center;
	color:#ffffff;
	font-weight: 500;
	font-size: 16px;
	width: 100%;
	border: solid 1px #ffffff;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_contact_box a.contact_mail span:after{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(img/icon_64_mail_white.png) no-repeat center center;
	background-size: 24px 24px;
	vertical-align: text-bottom;
	margin-left: 10px;
	margin-right: 10px;	
}

.footer_contact_box a.contact_mail:hover{
	background-color: #6ab8f0;
}


/*シェアボタン欄*/

.sns_box{
	display: block;
	position: relative;
	margin-bottom: 20px;
	right: 11%;
}

.share_list{
	list-style:none !important;margin:0!important;padding:0!important;
}

.share_list li{
	background:none!important;display:inline!important;margin:0!important;padding:0!important;
}

.share_list li img{
	padding-right:5px;
	width: 35px;
}

.share_list li a{
	font-size:12px;
	/*font-weight:bold;*/
	text-decoration:none;
	line-height: 100%;
}

.share_list li a{
	/*border:solid 1px #ffffff;*/
	padding:4px 5px 5px 5px!important;
	
}

.share_list li a:hover{	
}

.share_list li a span.no_view{
	display: none;
}



/*コピーライト欄　div*/
.footer_outer.copyright .footer_inner{
	display:block;
	position: relative;
	width: 100%;
	padding:30px 30px 30px 30px;
	line-height:120%;
	font-size: 13px;
	float: none;
	clear: both;
}

.copyright p{
	text-align: center;
	color:#FFFFFF;
}


/* ----------ページTOPへボタン---------- */
#pagetop_wrapper {
	position:fixed;
	display: block;
	width: 100%;
	height: 115px;
	bottom: 0px;
	padding: 0px 0px 0px 0px;
	pointer-events: none;
}


.pagetop {
	display: block;
	width: 100%;
	height: 110px;
	border-bottom: solid 5px #394777;
}

.pagetop a {
	display: block;
	width: 120px;
	height: 110px;
	float: right;
	margin-right: 30px;
	background:url(img/btn_pagetop.png);
	background-position: 98% bottom;
	background-repeat: no-repeat;
	
	pointer-events: visible;
}

.pagetop a:hover {
	background:url(img/btn_pagetop_hover.png);
	background-position: 98% bottom;
	background-repeat: no-repeat;
}

.pagetop a b {
	display:none;
}






/*========== トップページのコンテンツ「.contents_area_frontpage」の中身 ==========*/


/*メインビジュアル*/
.contents_outer_frontpage.main_visual{
	background-color: #ffffff;
	padding: 0px 0px 0px 0px !important;
}

/*ピックアップ*/
.contents_outer_frontpage.pickup{
	background-color: #ffffff;
	padding: 0px 0px 60px 0px !important;
}

/*水族館についてはこちらから*/
.contents_outer_frontpage.contents_link{
	padding: 0px 0px 0px 0px !important;
	border-top: solid 1px #435386;
	outline: solid 14px #EDEDE6;
	background-color: #EDEDE6;

}

/*お知らせ、イベント、FB*/
.contents_outer_frontpage.news_all{
	background-color: #ffffff;
}

/*オフィシャルブログ*/
.contents_outer_frontpage.blog{
	background-color: #ffffff;
}

/*その他の施設*/
.contents_outer_frontpage.other{
	background-color: #ffffff;
}



/* --------------------

トップのメインビジュアル欄

-------------------- */

/*メインビジュアル*/
.contents_outer_frontpage.main_visual .contents_inner_frontpage{
	display: block;
	position: relative;
}


/* Meta Slider全体　div */
.meta_slider{
	display: block;
	position: relative;
	overflow:hidden;
}

.metaslider{
	margin:auto;
}

/*PC表示*/
.metaslider_pc{
	display:block;
}

/*スマホ非表示*/
.metaslider_sp{
	display:none;
}


/*メインビジュアルに重ねるナビゲーション全体　div*/
.main_navi_contents_all_box{
	display: block;
	position: absolute;
	width: 100%;
	bottom:40px;/*ナビゲーションドット分空ける*/
	
	background-color: rgba(36, 29, 27, 0.5);
}

.main_navi_contents_all_box_inner{
	display: block;
	position: relative;
	overflow:hidden;
	width: 100%;
	max-width: 1220px;
	min-width: 1140px;
	margin: 0 auto;
	padding: 20px 30px 20px 30px;
}

/*左側　div*/
.main_navi_contents_left{
	display: block;
	position: relative;
	overflow:hidden;
	width: 46%;
	
	float: left;
}

/*右側　div*/
.main_navi_contents_right{
	display: block;
	position: relative;
	overflow:hidden;
	width: 54%;
	padding-top: 1.1vw;
	float: right;
}

/*左側の中身*/
.main_navi_contents_left_inner{
}

/*「本日の営業時間」タイトル欄　div*/
.main_navi_contents_left_title{
	display: block;
	position: relative;
	overflow:hidden;
	padding: 0px 0px 0px 44px;
	background: url(img/icon_48_clock_white.png) no-repeat left center;
	background-size: 36px 36px;
	min-height: 36px;
	margin-bottom: 10px;
}

.main_navi_contents_left_title p{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 22px;
}

.main_navi_contents_left_title p span{
	font-size: 14px;
	margin-left: 20px;
}


/*営業時間表示欄　div*/
.main_navi_contents_left_hours{
	display: block;
	position: relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
}

.main_navi_contents_left_hours p{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
}

.main_navi_contents_left_hours p span.season_text{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 16px;
	padding-bottom: 1px;
	border-bottom: solid 3px #ffffff;
	margin-right: 14px;
	margin-bottom:10px;
}

.main_navi_contents_left_hours p span.time_text{
	display: inline-block;
	vertical-align: middle;
	color: #FFED00;
	font-size: 30px;
}

.main_navi_contents_left_hours p span.closingtime_text{
	display: inline-block;
	vertical-align: bottom;
	color: #FFED00;
	font-size: 17px;
}

/*リンクボタン欄　div*/
.main_navi_contents_left_link{
	display: block;
	position: relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
}

.main_navi_contents_left_link p{
	color: #ffffff;
	display: inline-block;
	margin-right: 4px;
}

.main_navi_contents_left_link p a{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 14px;
	padding: 5px 15px 5px 15px;
	border: solid 1px #ffffff;
	text-decoration: none;
	margin-bottom: 6px;
}

.main_navi_contents_left_link p a:hover{
	background-color: rgba(255,255,255,0.3);
}

.main_navi_contents_left_link p a span{
	color: #ffffff;
	margin-left: 14px;
} 



/*右側の中身*/
.main_navi_contents_right p,
.main_navi_contents_right div{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
}

/*料金　a*/
.main_navi_contents_right a.main_navi_link_fee{
	display: inline-block;
	position: relative;
	overflow:hidden;
	width: 110px;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_fee.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 10px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 17px;
	line-height: 120%;
}

.main_navi_contents_right a.main_navi_link_fee span{
	display: block;
	font-size: 13px;
	text-align: center;
}

/*ショータイム　a*/
.main_navi_contents_right a.main_navi_link_showtime{
	display: inline-block;
	position: relative;
	overflow:hidden;
	width: 110px;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_showtime.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 10px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 17px;
	line-height: 120%;
}

/*ボタンの横幅サイズは、*/
/*小さくなるほうにあわせるなら、min-width:8.1vw　※ウィンドウ幅に従って、ボタン幅も可変*/
/*大きいほうにあわせるなら、max-width:110px*/
/*ただし、これら両方を両立させるにはビューポートの追加が必要*/


.main_navi_contents_right a.main_navi_link_showtime span{
	display: block;
	font-size: 13px;
	text-align: center;
}

/*アクセス　a*/
.main_navi_contents_right a.main_navi_link_access{
	display: inline-block;
	position: relative;
	overflow:hidden;
	width: 110px;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_access.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 10px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 17px;
	line-height: 120%;
}

.main_navi_contents_right a.main_navi_link_access span{
	display: block;
	font-size: 13px;
	text-align: center;
}

/*バス時刻表　a*/
.main_navi_contents_right a.main_navi_link_bus{
	display: inline-block;
	position: relative;
	overflow:hidden;
	width: 110px;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_bus.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 10px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 17px;
	line-height: 120%;
}

.main_navi_contents_right a.main_navi_link_bus span{
	display: block;
	font-size: 13px;
	text-align: center;
}

.main_navi_contents_right a.main_navi_link_fee:hover,
.main_navi_contents_right a.main_navi_link_showtime:hover,
.main_navi_contents_right a.main_navi_link_access:hover,
.main_navi_contents_right a.main_navi_link_bus:hover{
	background-color: rgba(255,255,255,0.3);
}


/*div*/
.main_navi_contents_right_mini_link_box{
	display: inline-block;
	position: relative;
	overflow:hidden;
	margin-left: 1.2vw;
}

.main_navi_contents_right_mini_link_box p{
	display: block;
	position: relative;
	overflow:hidden;
	line-height: 100%;
}

/*a*/
.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_whatsnew{
	display: block;
	position: relative;
	overflow:hidden;
	color: #ffffff;
	font-size: 13px;
	padding: 6px 15px 5px 15px;
	border: solid 1px #ffffff;
	text-decoration: none;
	margin-bottom: 6px;
	text-align: center;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_whatsnew span{
	display: block;
	font-size: 10px;
	text-align: center;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_facebook{
	display: block;
	position: relative;
	overflow:hidden;
	color: #ffffff;
	font-size: 10px;
	padding: 6px 15px 5px 15px;
	border: solid 1px #ffffff;
	text-decoration: none;
	margin-bottom: 6px;
	text-align: center;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_facebook span::before{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 2px;
	background: url(img/icon_64_fb_white.png) no-repeat center top;
	background-size: 12px 12px;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_whatsnew:hover,
.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_facebook:hover{
	background-color: rgba(255,255,255,0.3);
}



/* --------------------

トップの「ピックアップ」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.pickup .title_box{
	
	padding: 30px 0px 20px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.pickup .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 26px;
	padding:30px 20px 0px 20px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_pickup.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.pickup .title_box h2:before,
.contents_outer_frontpage.pickup .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}




/*ピックアップのスライド欄　div*/
.pickup_slide_box{
	
}

/*PICKUPのコンテンツ表示枠*/
.pickup_box{
	display:block;
	width:100%;
	max-width: 1520px;
	padding:0px 4% 0px 4%;
	margin: 0 auto;
	margin-bottom: 22px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*カルーセル全体*/
/*PC用*/
.slider.pickup_pc_only{
	display:block;
	margin: 0 auto;
	width: 100%;
}

/*スマホ用*/
.slider.pickup_sp_only{
	display: none;
}

.pickup_1box{
	display:block;
	margin:15px 15px 15px 0px;
	cursor: pointer;
}

/*1記事分のリンクエリア*/
.pickup_1box a{
	display:block;
	width:100%;
	overflow: hidden;
	text-decoration: none;
}

.pickup_1box a:hover{
	/*background-color: #F5F5F1;*/
}

/*1記事分のimgを格納したdiv*/
.pickup_img_box{
	display:block;
    position: relative;
	overflow: hidden;
	width:100%;
	/*height:200px;*/
	/*padding:15px 15px 10px 15px;*/
	/*margin:15px 15px 10px 15px;*/
    
	transition-duration: 0.3s;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

.pickup_img_box::after{
    content: "";
    display: block;
    padding-top: 75%;
    box-sizing: border-box;
}

/*1記事分のimg*/
.pickup_1box img{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
	width: 100%;
	height: auto;
	transition-duration: 0.3s;
}

.pickup_1box a:hover img{
	transform: translate(50%,-50%) scale(1.02);	/*画像の拡大率*/
	transition-duration: 0.3s;
}

/*写真の下のテキスト欄（日付+タイトル）　div*/
.pickup_text_box{
	display:block;
	width:100%;
	position:relative;
    margin-top: 10px;
	padding:3px 15px 7px 15px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

/*日付　p*/
.pickup_date{
	display:block;
	position:relative;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	font-size:15px;
	color:#848485;
}

/*タイトル　p*/

.pickup_text{
	display:inline-block;
	overflow:hidden;
	padding:5px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	line-height:140%;
	font-size:15.5px;
	color:#403D3C;
	font-weight: 500;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    width: 4%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev
{
    left: -4%;
	background:url(img/btn_pickup_before.png) no-repeat center 40%;
}
[dir='rtl'] .slick-prev
{
    right: -4%;
    left: auto;
}

.slick-next
{
    right: -4%;
	background:url(img/btn_pickup_next.png) no-repeat center 40%;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -4%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	/*background-color: #F5F5F1;*/
}

/*「READ MORE」ボタン欄　div*/
.pickup_link_box{
	text-align: center;
}

.pickup_link_box a{
	display: inline-block;
	min-width: 200px;
	padding: 12px 30px 12px 30px;
	color: #ffffff;
	font-size: 13.5px;
	background-color: #475993;
	text-decoration: none;
	transition-duration: 0.2s;
}

.pickup_link_box a:hover{
	background-color: #586DA0;
	transition-duration: 0.2s;
}



/* --------------------

トップの「水族館についてはこちらから」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.contents_link .title_box{
	
	padding: 30px 0px 20px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.contents_link .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 26px;
	padding:30px 20px 0px 20px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_information.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.contents_link .title_box h2:before,
.contents_outer_frontpage.contents_link .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}

/*タイトルから下のコンテンツ欄*/
.contents_outer_frontpage.contents_link .contents_box{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 40px 0px;
	text-align: center;
}

/*リンク大エリア　div*/
.contents_link_a_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: -.40em;
}

.contents_link_a_box .bg-scale{
	display:block;
	position: relative;
    overflow: hidden;
	letter-spacing: normal;
	width: 32.6%;
	margin: 0px 1.1% 0px 0px;
	font-size: 0px;
	float: left;
}

.contents_link_a_box .bg-scale:last-Child{
	margin: 0px 0px 0px 0px;
}


/*館内マップ　div*/
.frontpage_contents_link_maps.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(img/top_information_img_1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/*水族館の魅力　div*/
.frontpage_contents_link_miryoku.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(img/top_information_img_2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/*水族館の仲間たち　div*/
.frontpage_contents_link_fishes.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(img/top_information_img_3.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.bg-scale:hover:after {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.bg-scale .inner {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.bg-scale .inner p{
	height: 100%;
}

.bg-scale .inner a{
	display: block;
	position: relative;
    overflow: hidden;
	text-align: center;
	width: 100%;
	padding-bottom: 74%;
	letter-spacing: normal;
}

.bg-scale .inner a b{
	line-height: 100%;
}

/*館内MAP*/
.frontpage_contents_link_maps.bg-scale a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:13%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 20px;
	font-size: 1.6vmax;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}

.frontpage_contents_link_maps.bg-scale a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 36%;
	max-width: 74px;
	padding-bottom: 29.5%;
	max-height: 74px;
	background: url(img/icon_128_map_white.png) no-repeat center bottom;
	background-size: contain;
}

/*水族館の魅力*/
.frontpage_contents_link_miryoku.bg-scale a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:13%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 20px;
	font-size: 1.6vmax;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}

.frontpage_contents_link_miryoku.bg-scale a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 36%;
	max-width: 74px;
	padding-bottom: 29.5%;
	max-height: 74px;
	background: url(img/icon_128_miryoku_white.png) no-repeat center bottom;
	background-size: contain;
}

/*水族館の仲間たち*/
.frontpage_contents_link_fishes.bg-scale a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:13%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 20px;
	font-size: 1.6vmax;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}

.frontpage_contents_link_fishes.bg-scale a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 36%;
	max-width: 74px;
	padding-bottom: 29.5%;
	max-height: 74px;
	background: url(img/icon_128_fishes_white.png) no-repeat center bottom;
	background-size: contain;
}



/*リンク中エリア　div*/
.contents_link_b_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: center;
	letter-spacing: -.40em;
}

/*各リンク1個分　div*/
.contents_link_b_box .frontpage_contents_link_middle{
	display:block;
	position: relative;
    overflow: hidden;
	letter-spacing: normal;
	width: 24.25%;
	margin: 0px 1.0% 0px 0px;
	font-size: 0px;
	margin-bottom: 12px;
	float: left;
}

.contents_link_b_box .frontpage_contents_link_middle:nth-Child(4n){
	margin: 0px 0px 0px 0px;
}


.contents_link_b_box .frontpage_contents_link_middle p{
}

.contents_link_b_box .frontpage_contents_link_middle a{
	display: block;
	position: relative;
    overflow: hidden;
	text-align: center;
	width: 100%;
	padding-bottom: 64%;
	letter-spacing: normal;
}

.contents_link_b_box .frontpage_contents_link_middle a b{
	line-height: 100%;
}


/*祝津マリンランド*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a{
	background-color: #9FD2D5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_amusementpark.png) no-repeat center bottom;
	background-size: contain;
}

/*おたる水族館ショップ*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a{
	background-color: #A4D8C5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
	
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	/*margin-bottom: 7%;*/
	margin-bottom: 1.5%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_shop.png) no-repeat center bottom;
	background-size: contain;
}
.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a b span{
	font-size: 12px;
	font-size: 0.9vmax;
}
/*お食事どころ レストランニュー三幸*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a{
	background-color: #9CD0EC;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:1%;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
	line-height: 120%;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 1.5%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_restaurant.png) no-repeat center bottom;
	background-size: contain;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a b span{
	font-size: 12px;
	font-size: 0.9vmax;
}


/*お食事どころ 浜の屋食堂*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a{
	background-color: #9FD2D5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a > b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:1%;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
	line-height: 120%;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a > b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 1.5%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_hamanoya.png) no-repeat center bottom;
	background-size: contain;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a > b > span{
	font-size: 12px;
	font-size: 0.9vmax;
}

/*授乳室のご案内*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a{
	background-color: #A4D8C5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_nursing.png) no-repeat center bottom;
	background-size: contain;
}

/*電動カート*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a{
	background-color: #9CD0EC;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_cart.png) no-repeat center bottom;
	background-size: contain;
}

/*ベビーカー貸出*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a{
	background-color: #9FD2D5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_babycar.png) no-repeat center bottom;
	background-size: contain;
}

/*車椅子貸出*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a{
	background-color: #A4D8C5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 18px;
	font-size: 1.2vmax;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_wheelchair.png) no-repeat center bottom;
	background-size: contain;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a:hover{
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	filter:alpha(opacity=80) !important; /*IE*/
	-moz-opacity:0.80 !important; /*FF*/
	opacity:0.80 !important;
}

/*英語表記*/
.bg-scale a b span.en,
.contents_link_b_box a b span.en{
	display: block;
	padding-top: 5px;
	font-size: 12px;
	font-size: 0.9vmax;
}

.contents_link_b_box a b span.en{
	color: #888888;
}



/* --------------------

トップの「お知らせ、イベント、FB」欄

-------------------- */

/*お知らせ、イベント、FBすべて　div*/
.contents_outer_frontpage.news_all .contents_box {
	display: -webkit-flex;
	display: flex;
	padding: 30px 0px 0px 0px;
	margin: 0 auto;
	max-width: 1140px;
}


/*上段：お知らせ、下段：イベント を内包した大枠のdiv*/
.contents_outer_frontpage.news_all .contents_box .news_box{
	-webkit-flex: 1;
	flex: 1;
	margin-right: 5%;
}

/*facebookプラグインを配置する大枠のdiv*/
.contents_outer_frontpage.news_all .contents_box .fb_tl_box{
	display: block;
	right:0;
	max-width: 500px;
	height: 720px;
	width: 42%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
    height: 100% !important;
}


/*タイトル欄*/
.contents_outer_frontpage.news_all .news_box_inner.list_news .title_box,
.contents_outer_frontpage.news_all .news_box_inner.list_event .title_box{
	display: block;
	position: relative;
	width: 65%;
	text-align: left;
	margin-bottom: 20px;
	
	float: left;
}

.contents_outer_frontpage.news_all .news_box_inner.list_news .title_box h3,
.contents_outer_frontpage.news_all .news_box_inner.list_event .title_box h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	/*font-size: 1.7vmax;*/
	line-height: 120%;
	height: 36px;
	color: #403D3C;
	font-weight: normal;
}

.contents_outer_frontpage.news_all .news_box_inner.list_news .title_box h3{
	padding:0px 0px 0px 44px;
	background: url(img/icon_64_news.png) no-repeat left center;
	background-size: 36px 36px;

}

.contents_outer_frontpage.news_all .news_box_inner.list_event .title_box h3 {
	padding:0px 0px 0px 53px;
	background: url(img/icon_64_event_w80.png) no-repeat left center;
	background-size: 45px 36px;

}




/*記事一覧へのリンク欄　div*/
.body_frontpage .news_link_box{
	display:block;
	position:relative;
	width: 30%;
	margin-bottom: 20px;
	
	float: right;	
}

/*一覧ボタン*/
.body_frontpage .news_link_box a{
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 100%;
	color: #475993;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	border: solid 1px #475993;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.body_frontpage .news_link_box a:hover{
	color: #ffffff;
	background-color: #586DA0;
}




/*ニュース記事欄　div*/
.body_frontpage .news_list_box{
	display:block;
	position:relative;
	overflow-y: auto;
	height: 220px;
	margin: 0px 0px 40px 0px;
	padding: 30px 30px 30px 30px;
	border: solid 1px #ededed;
	float: none;
	clear: both;
}

/*リストの表示枠　1ジャンル分 スクロールバーなし*/
.body_frontpage .news_list{/*dl*/
	display:block;
	position:relative;
	overflow: hidden !important;
	height: auto !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom:0px;
}

/*日付*/
.body_frontpage .news_list dt{
	display:block;
	position:relative;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 5px 0px !important;
	font-size:14px;
	color: #848485;
	width: 100%;
}

/*タイトルリンクのリンク範囲*/
.body_frontpage .news_list dd{
	display:block;
	position:relative;
	text-align:left;
	/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
	float:none;
	padding:0px 0px 14px 1px !important;
	margin:0px 0px 14px 0px;
	line-height:150%;
	font-size: 14px;
	
	border-bottom: solid 1px #ededed;
}

.body_frontpage .news_list dd a{
	color:#333333;
	text-decoration:none;
}

.body_frontpage .news_list dd a:hover{
	color:#555555;
	text-decoration:underline;
}

/*「お知らせはありません」のddのクラス*/
.body_frontpage .nonlist{
	margin-top:0 !important;
	padding:0px 0px 8px 0em !important;
}




/*記事ジャンル span　共通設定*/
.body_frontpage .genre_new,
.body_frontpage .genre_event,
.body_frontpage .genre_oshirase,
.body_frontpage .genre_kaisaichuu,
.body_frontpage .genre_boshuuchuu{
	display: inline-block !important;
	margin: -3px 3px 0px 0px;
	padding: 4px 6px 3px 6px;
	line-height: 100% !important;
	background-color: #fd4f21;
	color: #ffffff;
	height:auto;
	min-width: 50px;
	font-size: 11px;
	line-height:100%;
	text-align: center;
	vertical-align: middle;
	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/*ジャンルアイコンの壱番右のアイコンの右側にマージンをつける*/
.news_list dt > span:last-Child,
.pickup_text_box .pickup_date > span:last-Child{
	margin-right: 10px;
}



/*NEW*/
.genre_new,
.body_frontpage .genre_new{
	background-color: #fd4f21;
	min-width: 20px;
}

/*イベント*/
.genre_event,
.body_frontpage .genre_event{
	background-color: #DA930F;
}

/*お知らせ*/
.genre_event,
.body_frontpage .genre_oshirase{
	background-color: #6BAF69;
}

/*開催中*/
.genre_event,
.body_frontpage .genre_kaisaichuu{
	background-color: #4096CB;
}

/*募集中*/
.genre_event,
.body_frontpage .genre_boshuuchuu{
	background-color: #D5839C;
}












/* --------------------

トップの「オフィシャルブログ」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.blog .title_box{
	padding: 30px 0px 20px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.blog .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 26px;
	padding:30px 20px 0px 20px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_blog.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.blog .title_box h2:before,
.contents_outer_frontpage.blog .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}

/*タイトルから下のコンテンツ欄*/
.contents_outer_frontpage.blog .contents_box{
	display: block;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	text-align: center;
}

.contents_outer_frontpage.blog .contents_box p{
	display: inline-block;
	width: 720px;
	margin: 0px 25px 0px 25px;
}


.contents_outer_frontpage.blog .contents_box p a{
	text-decoration: none;
}

.contents_outer_frontpage.blog .contents_box p a:hover{
	text-decoration: underline;
}





/* --------------------

トップの「その他の施設」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.other .title_box{
	
	padding: 30px 0px 20px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.other .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 26px;
	padding:30px 20px 0px 20px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_facility.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.other .title_box h2:before,
.contents_outer_frontpage.other .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}

/*タイトルから下のコンテンツ欄*/
.contents_outer_frontpage.other .contents_box{
	display: block;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	text-align: center;
}

.contents_outer_frontpage.other .contents_box p{
	display: inline-block;
	width: 200px;
	margin: 0px 25px 20px 25px;
	text-decoration: none;
	font-size: 14px;
}

.contents_outer_frontpage.other .contents_box p img{
	margin-bottom: 3px;
}

.contents_outer_frontpage.other .contents_box p a{
	text-decoration: none;
}

.contents_outer_frontpage.other .contents_box p a:hover{
	text-decoration: underline;
}






/*========== 下層のコンテンツ「#contents_section」の中身 ==========*/

/*====================
	
「ここもスゴイ！おたる水族館の魅力！」　directory：miryoku

====================*/

/*上部タイトル欄　div*/
.miryoku_title_box{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(img/miryoku_title_bg_left.png),url(img/miryoku_title_bg_right.png);
	background-position: 0px 40px, 98% 60px;
	background-repeat: no-repeat, no-repeat;
	background-color: #E0EFFB;
	min-height: 500px;
}

.miryoku_title_box_inner{
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 60px;
}

.miryoku_title_box_inner h1{
	display: block;
	position: relative;
	overflow: hidden;
	width: 500px;
	height: 140px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-align: center;
	background: url(img/miryoku_title.png) no-repeat center top;
}

.miryoku_title_box_inner h1 span{
	display: none;
}

.miryoku_title_box_inner p{
	display: block;
	position: relative;
	overflow: hidden;
	width: 440px;
	margin: 0 auto;
	text-align: center;
}


/*北海道の大自然にある水族館　h2*/
div#contents_section h2.miryoku_h2_1{
	font-size: 28px;
	text-align: center;
	color: #333333;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
}

/*4列カラムの調整　隙間無しパターンA　div*/
.text_box_4column.miryoku_4column_a .text_box_4column_1,
.text_box_4column.miryoku_4column_a .text_box_4column_2,
.text_box_4column.miryoku_4column_a .text_box_4column_3,
.text_box_4column.miryoku_4column_a .text_box_4column_4{
	width: 25%;
	margin-right: 0%;
}

.text_box_4column.miryoku_4column_a .text_box_4column_4{
	margin-right: 0%;
}


/*4列カラムの調整　隙間ありパターンB　div*/
.text_box_4column.miryoku_4column_b .text_box_4column_1,
.text_box_4column.miryoku_4column_b .text_box_4column_2,
.text_box_4column.miryoku_4column_b .text_box_4column_3,
.text_box_4column.miryoku_4column_b .text_box_4column_4{
	width: 24.25%;
	margin-right: 1%;
}

.text_box_4column.miryoku_4column_b .text_box_4column_4{
	margin-right: 0%;
}


/*ここもスゴイ！おたる水族館の魅力！　h2*/
div#contents_section h2.miryoku_h2_2{
	display: block;
	position: relative;
	font-size: 28px;
	text-align: center;
	color: #333333;
	letter-spacing: 0.2em;
	margin-bottom: 60px;
}

div#contents_section h2.miryoku_h2_2::after{
	content:"";
	position: relative;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 140px;
	height: 30px;
	background: url(img/miryoku_title_after.png) no-repeat center center;
}


/*====================
	
「イルカショー」　directory：events/yukisanpo

====================*/

div#contents_section h2.yukisanpo_h2{
	display: block;
	position: relative;
	font-size: 23px;
	text-align: center;
	color: #5B9BB0;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	line-height: 160%;
}

div#contents_section h2.yukisanpo_h2::before{
	content:"";
	position: relative;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 110px;
	height: 70px;
	background: url(img/yukisanpo_dolphin_mark.png) no-repeat center center;
}


.yukisanpo_section_1,
.yukisanpo_section_2,
.yukisanpo_section_3,
.yukisanpo_section_4{
	display: block;
	position: relative;
	overflow: hidden;
	float: none;
	clear: both;
}

.yukisanpo_section_2{
	margin-bottom: 80px;
}


.yukisanpo_section_1 .yukisanpo_section_right{
	width: 310px;
	float: right;
}

.yukisanpo_section_1 .yukisanpo_section_left{
	width: 460px;
	float: left;
}

.yukisanpo_section_2 .yukisanpo_section_right{
	width: 460px;
	float: right;
}

.yukisanpo_section_2 .yukisanpo_section_left{
	padding-top: 70px;
	width: 310px;
	float: left;
}

.yukisanpo_section_3 .yukisanpo_section_right{
	position: absolute;
	width: 460px;
	top:0px;
	right:0px;
}

.yukisanpo_section_3 .yukisanpo_section_left{
	width: 600px;
	float: left;
}

.yukisanpo_section_4 .yukisanpo_section_right{
	width: 460px;
	float: right;
}

.yukisanpo_section_4 .yukisanpo_section_left{
	padding-top: 70px;
	width: 310px;
	float: left;
}


a.yukisanpo_button{
	display:inline-block;
	white-space: nowrap;
	padding:25px 25px 25px 25px;
	text-align:center;
	display: inline-block;
vertical-align: middle;
	color: #ffffff;
	font-size: 20px;
	line-height: 100%;
	font-weight: 600;
	text-decoration:none;
	background-color: #5B9BB0;
	min-width: 620px;
}

a.yukisanpo_button:hover{
	color: #ffffff;
	background-color: #79BACC;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a.yukisanpo_button span::after{
	content:"";
	display: inline-block;
	position: relative;
	vertical-align:middle;
	margin-left: 10px;
	margin-top: -10px;
	width: 24px;
	height: 24px;
	background: url(img/icon_32_arrow_white.png) no-repeat center 2px;
	background-size: 24px 24px;
	
}


/*====================
	
「お問い合わせ」　directory：inquiry

====================*/

/*※プラグインの「plugins/trust-form/」のstyleを参照しています*/
/*サイト全体にかかるtableのstyleから「div#trust-form.contact-form table」を除外する（:not）*/

/*必須項目の「※」の色*/
.required{
	color: red;
}



/*=========================iPad用スタイルここから=========================*/

@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px) {
 
body {
	width: 1366px;
}


/*フッター調整*/
/*↓ビューポートが適切なら下記は不要
	
.footer_outer.partner .footer_inner,
.footer_outer.footer_contents .footer_inner{
	width: 100%;
}

.footer_address_box{
	display: block;
	width: 35%;
	margin-right: 0px;
	float: left;
}

.footer_contents_box{
	display: block;
	width: 65%;
	margin-right: 0px;
	padding-left: 20px;
	float: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

.footer_contact_box{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_contact_box a.contact_mail{
	max-width: 480px;
	margin: 0 auto;
}


.contents_area{
}

div#contents_section{
	display: block;
	position: relative;
	overflow: hidden;
}
*/


/*sp_onlyはiPadも兼用*/
div#contents_main .sp_only,
.sp_only {
	display: none !important;
}

div#contents_main .pc_only,
.pc_only {
	display:inline-block !important;
}

div#contents_main .print_only,
.print_only {
	display:none;
}







}/*iPad用スタイルここまで*/











/*=========================スマホ用スタイルここから=========================*/

@media screen and ( max-width: 767px ) {

body {
	color: #333333; /*色指定*/
	background-color: #ffffff !important;
	line-height: 1.4;
	min-width: 320px !important;
	width: 320px !important;
	width: 100% !important;
	margin-top: 0px !important;
	-webkit-text-size-adjust: 100%;
}


	

/* --------------------

レイアウト設定

-------------------- */

/* ----------ヘッダー---------- */

.header_area{ /*section*/
	display: block;
	position:absolute !important;
	width:100% !important;
	height:58px !important;
	margin:0 auto;
	margin-bottom:0px;
	padding:0px !important;
	top:0;
	left:0;
	margin-top: 0px !important;
	background-color: rgba(36,29,27,0.5);
	
	pointer-events: visible;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	z-index: 9999;
}


.header_outer{
	display: block;
	position:relative;
	/*overflow: hidden;*/
	width: 100%;
	/*height:98px;*//*ヘッダーそのものの高さ58px、プラス検索が開く分40pxをプラス*/
	margin: auto;
	padding: 0px !important;
	margin: 0px !important;
	
	background: none;
}

.header_inner{
	display: block !important;
	position:relative !important;
	width: 100% !important;
	height:58px;
	margin: auto;
	text-align: right;
	
	background: none;
}





/* -------------------- 

ヘッダー指定

-------------------- */

/* ---------- ロゴとサブメニューエリアの基本レイアウト---------- */

/* ---------- PC：メインロゴ ---------- */

.site_logo {
	position:relative;
	left:0;
	top:0px;
	width: 137px;
	height:36px;
	margin:0 auto;

}

p.site-title {
	position: relative;
	display: block;
	width: 137px;
	height:36px;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
}

p.site-title a {
	display: block;
	width: 137px;
	height:36px;
	text-decoration: none;
	background: url(img/logo_x2.png) no-repeat;
	background-size: 137px 36px;/*380px 100px*/
	background-position: center center;
}

p.site-title a b {
	visibility:hidden;
}




.container_header_submenu{
	display: block;
	position:absolute;
	width: 100%;
	right:0px;
	top: 0px;
	text-align: left;	
	float: none;
	clear: both;
	min-height: 58px;
	pointer-events: none;
}

.container_header_submenu_inner{
	display: block;
	position:absolute;
	width: 100%;
	right:0px;
	top: 0px;
	text-align: right;
}




/*ヘッダーメニューボタン欄　div　*/
.header_btn_box{
	padding-right: 0px;
	padding-top: 0px;
	pointer-events: visible;
}



.header_btn_grandmenu{
	display: inline-block;
	
}

.header_btn_language{
	display: inline-block;
	position: relative;
	padding-right: 0px;
	padding-top: 17px;
	margin-right: 10px;
	min-height: 10px;
	border-right: solid 0px #ffffff;
	width:auto;
	height:auto;
	vertical-align: middle;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	
}



#header_btn_language_list{/*ul*/
	display: inline-block;
	visibility: visible;
	display: block;
	position: relative;
	
	
	
}


#header_btn_language_list > .header_btn_language_parent{
	display: inline-block;
	width:auto;
	height:auto;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	/*background: url(img/icon_48_earth_white.png) no-repeat center center;*/
	/*background-size: 22px 22px !important;*/
	background: none;
	font-size: 13px;
	
	
	
}

/*b*/
#header_btn_language_list > .header_btn_language_parent > b{
	display: table-cell;
	vertical-align: middle;
	
}

/*liをhoverした時の処理*/
#header_btn_language_list > .header_btn_language_parent:hover{
	-webkit-transition:width 0.1s ease-in-out;
	-moz-transition:width 0.1s ease-in-out;
	-o-transition:width 0.1s ease-in-out;
	transition:width 0.1s ease-in-out;
}

/*aタグのサイズ等*/
#header_btn_language_list > .header_btn_language_parent > a{
	display:block;
	/*float:right;*/
}

#header_btn_language_list > .header_btn_language_parent{
	position:relative;
}

#header_btn_language_list > .header_btn_language_parent > a{
	pointer-events:none;
}


/*aタグをhoverした時のサイズ*/
#header_btn_language_list > .header_btn_language_parent:hover{
	display:block;
}





/*サブメニューを表示*/

#header_btn_language_child{
	display:none;
}

#header_btn_language_list li.header_btn_language_parent:hover #header_btn_language_child{
	display:block;
	position:absolute;
	margin:0;
	list-style-type:none;
	top:20px;
	right: 0px;
	height: 300px;
}

#header_btn_language_list li.header_btn_language_parent:hover #header_btn_language_child{
	border-bottom:none;
}

#header_btn_language_list li.header_btn_language_parent #header_btn_language_child li a{
	display:block;
	white-space: nowrap;
	padding:6px 14px 7px 14px;
	text-align:left;
	color: #646464;
	font-size: 15px;
	line-height: 100%;
	text-decoration:none;
	background-color: #ededed;
}

/*子リストのロールオーバーの背景色*/
#header_btn_language_list li.header_btn_language_parent #header_btn_language_child li a:hover{
	color: #ffffff;
	background-color:#879fc2;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#header_btn_language_list li.header_btn_language_parent #header_btn_language_child li a span::before{
	content:"";
	display: inline-block;
	vertical-align:middle;
	margin-right: 4px;
	width: 10px;
	height: 14px;
	background: url(img/btn_pickup_next.png) no-repeat center 2px;
	background-size: 9px 9px;
}












/* ----------- PC：サイト内検索ボックス----------- */


/* ----------テキストボックス＋ボタン---------- */

#search_box{
	display: none;
	/*
	display: inline-block;
	position: relative;
	
	padding-right: 5px;
	padding-top: 12px;
	pointer-events: visible;
	*/
}

/*閉まっている検索枠エリアを開閉するためのボタン（div）*/
.btn_searchopen{
	display: none;
	/*
	cursor: pointer;
	display:block;
	width:32px;
	height:32px;
	background: url(img/icon_48_search_white.png) no-repeat center center;
	background-size: 20px 20px;
	*/
}

.btn_searchopen:hover {
	background-color: #586DA0;
}

.btn_searchopen span{
	display:none;
}

/*検索枠と検索ボタンをくくったdiv*/
.open_searchbox {
	display:block;
	position: relative;
	width: 90%;
	background-color:#ffffff;
	border: solid 2px #475993;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* ----------テキストボックス本体---------- */
div#search_box input[type="text"] {
	width: 74%;
	height: 42px;
	margin: 0px 0px 0px 0px;
	padding: 2px 8px;
	border: none;
	background-color: #ffffff;
	color: #333333;
	font-size:14px;
	float: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn_search {
	width: 26%;
	height: 42px;
	margin: 0px 0px 0px 0px;
	padding: 5px 2px 2px 2px;
	border: none;
	background-color: #475993;
	color: #ffffff;
	font-size:13px;
	float: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn_search:hover {
	background-color: #586DA0;
}

.link_home_sp {
	display: none;
}





/* --------------------

メインメニュー設定

-------------------- */





/* ---------- メインメニュー全体をくるんだdiv ---------- */

/*グランドメニュー全体　div*/
.grandmenu_box {
	top:0;
	left:0;
}

.grandmenu_outer{
	display: block;
	position:relative;

}

/*※ベースのstyleは「js/drawer/css/drawer.css」*/
.drawer-nav{
	padding: 0px 0px 0px 0px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*グランドメニューのリスト　ul*/
.drawer-menu{
	
}


.drawer-menu > ul > .drawer-menu_parent{
	display:block;
	padding: 0.8em 1em 0.8em 1em;
	margin-bottom: 0px;
	width: 90%;
	line-height: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

/*liをhoverした時の処理*/
.drawer-menu > ul > .drawer-menu_parent:hover{
	background-color: #F3F3EE;
	
	-webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

/*aタグのサイズ等*/
.drawer-menu > ul > .drawer-menu_parent > a{
	display:block;
	font-size: 18px;
	color: #646464;
	text-decoration: none;
	/*float:right;*/
	margin-bottom: 4px;
}

.drawer-menu > ul > .drawer-menu_parent{
	position:relative;
}

.drawer-menu > ul > .drawer-menu_parent.parent1 > a,
.drawer-menu > ul > .drawer-menu_parent.parent2 > a,
.drawer-menu > ul > .drawer-menu_parent.parent5 > a{
	pointer-events:none;
	background: url(img/icon_32_anchor.png) no-repeat right center;
	background-size: 16px 16px;
}


/*aタグをhoverした時のサイズ*/
.drawer-menu > ul > .drawer-menu_parent:hover{
	display:block;
}





/*サブメニューを表示*/

.drawer-menu > ul .drawer-menu_child{
	display:none;
	
}

.drawer-menu > ul li.drawer-menu_parent:hover .drawer-menu_child{
	display:none;
	position:relative;
	margin:0;
	list-style-type:none;
	left:0%;
	width: 100%;
	top:0px;
    margin: 0;
    padding: 0;
    list-style: none;
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
    z-index: 3;	
}

.drawer-menu > ul li.drawer-menu_parent:hover .drawer-menu_child{
	border-bottom:none;
}

.drawer-menu_child li a{
	display:block;
	padding:6px 1em 6px 2em;
	text-align:left;
	color: #646464;
	line-height: 140%;
	text-decoration:none;
	background: url(img/btn_pickup_next.png) no-repeat 0.8em 11px;
	background-size: 10px 10px;
	background-color: #F3F3EE;
}

.drawer-menu_child li:first-Child a{
	padding-top: 6px;
	background: url(img/btn_pickup_next.png) no-repeat 0.8em 11px;
	background-size: 10px 10px;
	background-color: #F3F3EE;
}

.drawer-menu_child li:last-Child a{
	padding-bottom: 6px;
}



/*子リストのロールオーバーの背景色*/
.drawer-menu > ul li.drawer-menu_parent .drawer-menu_child li a:hover{
	color: #ffffff;
	background-color:#879fc2;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}












/* ----------コンテンツ（トップのみ）　section---------- */
.contents_area_frontpage {
	background-color: #ffffff;
	display: block;
	clear: both;
}

.contents_outer_frontpage {
	padding:0px 0px 0px 0px;
}

.contents_inner_frontpage {
	width: 100%;
	margin: 0 auto;
}

/* ----------コンテンツ（下層ページ）---------- */
.contents_area { /*section*/
	background-color: #ffffff;
	display: block;
	clear: both;
	padding:0px 0px 0px 0px !important;
}

/*左と右をくくったdiv　100%（左右にパディング30px）*/
.contents_outer {
	padding:0px 0px 0px 0px !important;
}

/*左と右をくくったdiv　1100px*/
.contents_inner {
	display:block;
	overflow:hidden;
	width: 300px !important;
	width: 100% !important;
	margin: 0 auto;
	padding:0px 0px 0px 0px !important;
	background-color: #ffffff;
}

/* ----------フッター---------- */

/*section*/
.footer_area {
	position: relative;
	width: 100%;
	left: 0%;
	/*padding-left: 50%;*//*675px + 110px*/
	/*min-width: 675px;*/
	/*float: right;*/
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	clear: both;
}

.footer_outer {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

.footer_inner {
	/*詳細設定は下部に記載*/
}


/* ----------メインコンテンツ（固定ページ用1カラム）--------- */

div#contents_main{
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
	width:100% !important;
	float: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 10px 20px 10px;
	box-sizing: border-box;
	float: none;
	overflow: hidden;
}

/* ----------メインコンテンツ（2カラムの左）---------- */

div#contents_main {
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
	width:100% !important;
	min-width: 300px;
	float: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 10px 0px 10px;
	box-sizing: border-box;
}

/* ----------右サイドエリア（2カラムの右）---------- */
div#contents_side {
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
	width:100% !important;
	float: none !important;
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	box-sizing: border-box;
}

.page_list {
	clear: both;
}




/* --------------------

カテゴリタイトル

-------------------- */

/*共通設定*/
.category_title_outer{
	width:100%;
	height:160px;
	padding:0px 0px 0px 0px;
	margin: 0 auto;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*色背景　基本*/
.category_title_outer_bg{
	width:100%;
	min-width: 300px;
	height:160px;
	padding:0px 10px 0px 10px;
	margin: 0 auto;
	background: linear-gradient(-115deg, #6EB9EB, #335A9C);

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/*個別設定*/

/*個別設定*/

/*タイトル画像*/
/*【その他】*/
.category_notfound .category_title_outer_bg,/*404*/
.category_title_outer_bg
{
	background:url(img/category_title_bg_etc.png) no-repeat center center;
	background-size: cover;
}

.category_search .category_title_outer_bg/*検索*/
{
	background:url(img/category_title_bg_etc.png) no-repeat center center;
	background-size: cover;
}

/*【固定ページ系】*/
/*ご利用案内*/
.category_guide .category_title_outer_bg{
	background:url(img/category_title_bg_guide.png) no-repeat center center;
	background-size: cover;
}

/*イベント案内*/
.category_events .category_title_outer_bg{
	background:url(img/category_title_bg_events.png) no-repeat center center;
	background-size: cover;
}

/*館内案内*/
.category_maps .category_title_outer_bg{
	background:url(img/category_title_bg_maps.png) no-repeat center center;
	background-size: cover;
}

/*水族館の仲間たち*/
.category_fishes .category_title_outer_bg{
	background:url(img/category_title_bg_fishes.png) no-repeat center center;
	background-size: cover;
}

/*水族館のスタッフ*/
.category_staff .category_title_outer_bg{
	background:url(img/category_title_bg_staff.png) no-repeat center center;
	background-size: cover;
}

/*おたる水族館について*/
.category_outline .category_title_outer_bg{
	background:url(img/category_title_bg_outline.png) no-repeat center center;
	background-size: cover;
}

/*よくある質問*/
.category_faq .category_title_outer_bg{
	background:url(img/category_title_bg_faq.png) no-repeat center center;
	background-size: cover;
}

/*サイトマップ*/
.category_sitemap .category_title_outer_bg{
	background:url(img/category_title_bg_sitemap.png) no-repeat center center;
	background-size: cover;
}

/*お問い合わせ*/
.category_inquiry .category_title_outer_bg{
	background:url(img/category_title_bg_inquiry.png) no-repeat center center;
	background-size: cover;
}

/*リンク*/
.category_links .category_title_outer_bg{
	background:url(img/category_title_bg_links.png) no-repeat center center;
	background-size: cover;
}

/*ちょいネタ*/
.category_choineta .category_title_outer_bg{
	background:url(img/category_title_bg_choineta.png) no-repeat center center;
	background-size: cover;
}

/*遊園地*/
.category_amusementpark .category_title_outer_bg{
	background:url(img/category_title_bg_amusementpark.png) no-repeat center center;
	background-size: cover;
}

/*ショップ*/
.category_shop .category_title_outer_bg{
	background:url(img/category_title_bg_shop.png) no-repeat center center;
	background-size: cover;
}

/*ここもスゴイ！おたる水族館の魅力！*/
.category_miryoku .category_title_outer_bg{
	background:url(img/category_title_bg_miryoku.png) no-repeat center center;
	background-size: cover;
}

/*おたる水族館の調査研究活動*/
.category_research .category_title_outer_bg{
	background:url(img/category_title_bg_research.png) no-repeat center center;
	background-size: cover;
}

/*フォトコンテスト*/
.category_photocon .category_title_outer_bg{
	background:url(img/category_title_bg_photocon.png) no-repeat center center;
	background-size: cover;
}

/*凍るど！プール（わくわくプール）*/
.category_water_tank .category_title_outer_bg{
	background:url(img/category_title_bg_water_tank.png) no-repeat center center;
	background-size: cover;
}

/*小樽市 鰊御殿（にしん ごてん）*/
.category_nishingoten .category_title_outer_bg{
	background:url(img/category_title_bg_nishingoten.png) no-repeat center center;
	background-size: cover;
}

/*浜の屋食堂*/
.category_hamanoya .category_title_outer_bg{
	background:url(img/category_title_bg_hamanoya.png) no-repeat center center;
	background-size: cover;
}

/*海鳥のレスキュー*/
.category_case-bird .category_title_outer_bg{
	background:url(img/category_title_bg_case-bird.png) no-repeat center center;
	background-size: cover;
}

/*アザラシのレスキュー*/
.category_case-seal .category_title_outer_bg{
	background:url(img/category_title_bg_case-seal.png) no-repeat center center;
	background-size: cover;
}

/*イルカのレスキュー*/
.category_case-dolphin .category_title_outer_bg{
	background:url(img/category_title_bg_case-dolphin.png) no-repeat center center;
	background-size: cover;
}



/*【投稿系】*/
/*News*/
.category_news .category_title_outer_bg{
	background:url(img/category_title_bg_news.png) no-repeat center center;
	background-size: cover;
}

/*イベント*/
.category_event .category_title_outer_bg{
	background:url(img/category_title_bg_event.png) no-repeat center center;
	background-size: cover;
}

.category_title_inner{ /*1140px*/
	display:block;
	width:100%;
	height:160px;
	margin:0 auto;
}

.category_title_inner p{
	display: table;
	width: 100%;
	height:160px;
	padding-top: 90px;
	vertical-align: middle;
	color:#ffffff;
	font-size:18px;
	font-weight:300;
	line-height:130%;
}



/* --------------------

ページタイトル（エントリータイトル）

-------------------- */

.title_outer,
.entry-header{
	display:block;
	width: 100%;
	padding:10px 10px 10px 10px;
	margin: 0 auto;
	margin-bottom:30px;
	background-color:#F3F3EE;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.title_inner{	
}

.title_inner h1,
.entry-header h1,
h1.entry-title{
	display: table-cell;
	width: 100%;
	color:#333333;
	font-size:18px;
	line-height:130%;
}


/* --------------------

パンくずリスト

-------------------- */

/*パンくずをくくったdiv*/
.topicpath_outer{/*100%（左右にパディング30px）*/
	padding: 0px 0px 0px 0px;
}


/* ----------パンくずリスト全体の設定---------- */

div.topicpath {
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 5px 10px 5px 10px;
	text-align: left;
	clear: both;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;

}

/* ----------パンくずリストそのものの設定---------- */

div.topicpath ul,
#breadcrumb ul {
	margin: 0;
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	text-align: left;
	overflow: hidden;
}

/* ----------リンクのないリスト（＝閲覧しているページ）---------- */	
div.topicpath li,
#breadcrumb li {
	color: #666666;
	list-style-type: none;
	padding:0px 4px 0px 4px;
	float: left;
	line-height: none;
}

/* ----------リンクのあるリスト（＝上位のページ）---------- */	
div.topicpath li a,
#breadcrumb li a {
	margin-right: 1px;
	color: #30356a; /**色指定*/
	padding-right: 4px;
	line-height: none;
	padding-top: 0px;
	text-decoration: none;
}

div.topicpath li::before,
#breadcrumb li::before {
	content:'>';
	padding-left: 2px;
	padding-right: 10px;
}

/* ----------HOMEの画像置き換え---------- */	
div.topicpath li .home a,
#breadcrumb li.top a {
	display: block;
	position: relative;
	font-size: 0px;
	width:16px;
	height:16px;
	margin-right: 1px;
	padding:0px 0px 0px 0px !important;
	background: url(img/icon_24_home.png) no-repeat center center;
	background-size: 16px 16px;
	
	margin-top: 2px;
}

div.topicpath li .home::before,
#breadcrumb li.top::before {
	content:none;
}







/* ---------- 記事掲載エリア ---------- */
div#contents_section{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 40px 0px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* ---------- H1 段落タイトル設定 ---------- */

div#contents_section h1 {
	font-size:19px;
	letter-spacing: 0.1em;
}


/* ---------- H2 段落タイトル設定 ---------- */

div#contents_section h2 {
	margin-bottom: 0.5em;
	clear: both;
	color:#475993;
	line-height: 1.3;
	font-weight:500;
	font-size:18px;
	letter-spacing: 0.1em;
}

/* ---------- H3  ---------- */

div#contents_section h3 {
	margin-bottom: 0.5em;
	font-weight:500;
	font-size:17px;
	letter-spacing: 0.1em;
}

/* ---------- H4/H5/H6 見出し設定 ---------- */

div#contents_section h4 {
	font-size:16.5px;
	font-weight:500;
}

div#contents_section h5 {
	font-size:16px;
	font-weight:500;
}

div#contents_section h6 {
	font-size:16px;
	font-weight:500;
}


/* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
.sp_none{
	display: none !important;
}

/* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
.sp_none{
	display: none !important;
}

/* ---------- 記事のpノーマル ---------- */

.sp_mb4{
	margin-bottom: 4px !important;
}

.sp_mb5{
	margin-bottom: 5px !important;
}

.sp_mb6{
	margin-bottom: 6px !important;
}

.sp_mb7{
	margin-bottom: 7px !important;
}

.sp_mb8{
	margin-bottom: 8px !important;
}

.sp_mb9{
	margin-bottom: 9px !important;
}

.sp_mb10{
	margin-bottom: 10px !important;
}

.sp_mb15{
	margin-bottom: 15px !important;
}

.sp_mb20{
	margin-bottom: 20px !important;
}

.sp_mb25{
	margin-bottom: 25px !important;
}

.sp_mb30{
	margin-bottom: 30px !important;
}

/*スマホのみ左右中央揃えの指定　text-alignの略*/
.sp_ta_center{text-align: center !important;}
.sp_ta_left{text-align: left !important;}
.sp_ta_right{text-align: right !important;}





/* ---------- 記事のpノーマル ---------- */

/* ---------- 白ベタエリア　div ---------- */

/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption {
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	
	max-width: 480px;
	height: auto;
}

/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

div#contents_main img{
	max-width: 480px;
	height: auto;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone{
	display: block;
	width: 100%!important;
	margin-bottom: 10px;
	clear: left;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
/* ----------写真を中央に配置---------- */

/* ----------画像まわしこみを解除----------*/
div#contents_main .aligncenter {
	float: none;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/

/*メディアライブラリから挿入した時の、imgのclass*/
.aligncenter {
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	width: 100% !important;
	height: auto;
	text-align: center;
	
	float: none;
}

.alignright {
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	width: 100% !important;
	height: auto;
	text-align: center;
	
	float: none;
}

.alignleft {
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	width: 100% !important;
	height: auto;
	text-align: center;
	
	float: none;
}

.alignnone {
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	width: 100% !important;
	height: auto;
	text-align: center;
	
	float: none;
}

img.aligncenter,
img.alignright,
img.alignleft,
img.alignnone{
	text-align: center;
	margin: 0 auto;
	max-width: 480px !important;
}



/* ----------写真を左に配置---------- */
div#contents_main .alignleft img {
	display: block;
	float: none;
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}

/* ----------写真を右側に配置---------- */
div#contents_main .alignright img {
	display: block;
	float: none;
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}

/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
.wp-caption-text {
	display: block;
	text-align: left;
	font-size: 90%;
	line-height: 140%;
	color: #797979;
	clear: both;
}

/*キャプションのスタイル（aligncenterの場合）*/
div#contents_main .aligncenter .wp-caption-text{
	display: block;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	color: #797979;
	clear: both;
}

div#contents_section img,
div#contents_main img {
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}

/* 右寄せで写真を縦に並べるカラム状のボックス */

.photo_column_right{
	float:none;
	 margin-left:0px;
}


/*スマホで、画像が大きすぎる場合、max-widthを指定して中央に配置　p このclassが指定されたpタグでくくったimgに適用される*/

/*width:150px*/
div#contents_section .img_width_150,
div#contents_main .img_width_150{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

div#contents_section .img_width_150 img,
div#contents_main .img_width_150 img{
	max-width: 150px !important;
}

div#contents_section .img_width_150 img.alignright,
div#contents_main .img_width_150 img.alignright,
div#contents_section .img_width_150 img.alignleft,
div#contents_main .img_width_150 img.alignleft{
	float: none !important;
}

/*width:180px*/
div#contents_section .img_width_180,
div#contents_main .img_width_180{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

div#contents_section .img_width_180 img,
div#contents_main .img_width_180 img{
	max-width: 180px !important;
}

div#contents_section .img_width_180 img.alignright,
div#contents_main .img_width_180 img.alignright,
div#contents_section .img_width_180 img.alignleft,
div#contents_main .img_width_180 img.alignleft{
	float: none !important;
}

/*width:200px*/
div#contents_section .img_width_200,
div#contents_main .img_width_200{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

div#contents_section .img_width_200 img,
div#contents_main .img_width_200 img{
	max-width: 200px !important;
}

div#contents_section .img_width_200 img.alignright,
div#contents_main .img_width_200 img.alignright,
div#contents_section .img_width_200 img.alignleft,
div#contents_main .img_width_200 img.alignleft{
	float: none !important;
}

/*width:250px*/
div#contents_section .img_width_250,
div#contents_main .img_width_250{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

div#contents_section .img_width_250 img,
div#contents_main .img_width_250 img{
	max-width: 250px !important;
}

div#contents_section .img_width_250 img.alignright,
div#contents_main .img_width_250 img.alignright,
div#contents_section .img_width_250 img.alignleft,
div#contents_main .img_width_250 img.alignleft{
	float: none !important;
}

/*width:300px*/
div#contents_section .img_width_300,
div#contents_main .img_width_300{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

div#contents_section .img_width_300 img,
div#contents_main .img_width_300 img{
	max-width: 300px !important;
}

div#contents_section .img_width_300 img.alignright,
div#contents_main .img_width_300 img.alignright,
div#contents_section .img_width_300 img.alignleft,
div#contents_main .img_width_300 img.alignleft{
	float: none !important;
}

/*スマホで画像の最大の横幅を規制して、center揃え　imgを囲んでいるdivやpタグにつけるclass*/
div#contents_section .sp_width_80,
div#contents_section .sp_width_100,
div#contents_section .sp_width_120,
div#contents_section .sp_width_160,
div#contents_section .sp_width_180,
div#contents_section .sp_width_210,
div#contents_section .sp_width_220,
div#contents_section .sp_width_240,
div#contents_section .sp_width_270,
div#contents_section .sp_width_300{
	width: 100% !important;
	float: none !important;
	text-align: center;
	margin: 0 auto !important;
}

div#contents_section .sp_width_80 img{
	max-width: 80px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_100 img{
	max-width: 100px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_120 img{
	max-width: 120px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_160 img{
	max-width: 160px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_180 img{
	max-width: 180px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_210 img{
	max-width: 210px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_220 img{
	max-width: 220px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_240 img{
	max-width: 240px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_270 img{
	max-width: 270px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
div#contents_section .sp_width_300 img{
	max-width: 300px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}



/* ---------- 記事内のテーブル設定 ---------- */

/*レスポンシブさせたくないtableには「no_responsive_table」というclassを記述する*/
/*.gsc-table-result　は、Googleの検索結果のテーブル*/
/*.gcsc-branding　は、Googleの検索結果の下のpowered byのテーブル*/
/*.table_img_2column は、横並びの画像をスマホでも横並びのまま表示するtableのclass*/



div#contents_section table:not(.no_responsive_table):not(.table_img_2column):not(.sp_change_table)  {
	border: none !important;
	/*border-top: #d8d8d8 dotted 1px !important;*/
}

/*あえて幅をせまく調整したテーブルでも、スマホでは横幅100%にする*/
div#contents_section table.table_90per,
div#contents_section table.table_80per,
div#contents_section table.table_70per,
div#contents_section table.table_60per,
div#contents_section table.table_50per,
div#contents_section table.table_40per,
div#contents_section table.table_30per,
div#contents_section table.table_20per,
div#contents_section table.table_10per {
	width: 100% !important;
}




div#contents_section table:not(.no_responsive_table):not(.table_img_2column):not(.sp_change_table) tr {
	display: block;
	border: none !important;
	/*border-bottom: #d8d8d8 dotted 1px !important;*/
	padding:4px 0px 4px 0px;
	margin-bottom: 10px !important;
	width:100% !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



div#contents_section table:not(.no_responsive_table):not(.table_img_2column):not(.sp_change_table) th {
	padding: 4px 4px 4px 4px !important;
	margin-bottom: 4px !important;
	background-color: #B3D1D9;
	/*white-space: nowrap;*/
	overflow: hidden;
	display: block;
	border: none !important;
	width:100% !important;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



div#contents_section table:not(.no_responsive_table):not(.table_img_2column):not(.sp_change_table) td {
	border-left: none !important;
	word-wrap: break-word;
	overflow: hidden;
	display: block;
	padding: 4px 4px 4px 4px !important;
	margin-bottom: 0px !important;
	border: none !important;
	width:100% !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#contents_section table:not(.no_responsive_table):not(.table_img_2column):not(.sp_change_table) tr td:first-child {
	background-color: #f3f7f8;
	padding: 4px 4px 4px 4px !important;
	margin-bottom: 4px !important;
}

/*レスポンシブさせないテーブルのフォントはちょっと小さくする*/
div#contents_section table.no_responsive_table tr {
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#contents_section table.no_responsive_table th {
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
	white-space:normal !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#contents_section table.no_responsive_table td {
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



div#contents_section th img,
div#contents_section td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}


/*横並びの画像をスマホでも横並びのまま表示するtable　のstyle罫線無し**/

div#contents_section table.table_img_2column {
	border: none !important;
	display: block;
	max-width: 100%;
}

div#contents_section table.table_img_2column tr {
	font-size:96% !important;
	line-height:150% !important;
	border: none !important;
}

div#contents_section table.table_img_2column th {
	font-size:96% !important;
	line-height:150% !important;
	white-space:normal !important;
	border: none !important;
}

div#contents_section table.table_img_2column td {
	font-size:96% !important;
	line-height:150% !important;
	border: none !important;
}

div#contents_section table.table_img_2column img{
	margin-bottom: 0px !important;
}



div#contents_section table.table_2column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100% !important;
	float: none !important;
	margin-right: 0% !important;	
}

div#contents_section table.table_4column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100% !important;
	float: none !important;
	margin-right: 0% !important;	
}


/*スマホレスポンシブ対応のテーブル*/
div#contents_section table.sp_responsive_table th {
	display: none !important;
}

div#contents_section table.sp_responsive_table td {
	text-align: left;
}

div#contents_section table.sp_responsive_table .sp_only {
	display:inline-block !important;
}

/*スマホのみ、tr（の上辺）に罫線を追加するスタイル*/
div#contents_section .tr_line_solid_sponly {
	border-top: #d8d8d8 solid 1px !important;
}

div#contents_section .tr_line_dotted_sponly {
	border-top: #d8d8d8 dotted 1px !important;
}


/*桁数を指定して揃える　半角で5文字分*/
div#contents_section span.digit5{
	display:inline;
	width:auto !important;
	text-align: left;
}

/*桁数を指定して揃える　半角で6文字分*/
div#contents_section span.digit6{
	display:inline;
	width:auto !important;
	text-align: left;
}




/* ---------- 記事内のテーブル設定（レスポンシブさせない） ---------- */

/*tableをスクロールありで表示させる場合、これで囲む　div*/
div#contents_section .table_scroll_box{
	width: auto !important;
	overflow-x:scroll !important;
}

div#contents_section .table_scroll_box table {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px !important;
	border-left: #d8d8d8 solid 1px !important;
}

div#contents_section .table_scroll_box table tr {
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 1px !important;
	word-wrap:normal !important;
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
}

div#contents_section .table_scroll_box table th {
	padding: 10px 10px 10px 10px;
	background-color: #E5E5E5;
	/*white-space: nowrap;*/
	display: table-cell;
	word-wrap:normal !important;
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 1px !important;
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
}

div#contents_section .table_scroll_box table td {
	padding: 10px 10px 10px 10px;
	display: table-cell;
	word-wrap:normal !important;
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 1px !important;
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
}

/*tableタグにこのclassが指定されているtableの中に入れ子になっているtableから罫線を取る*/
div#contents_section .table_scroll_box table.td_in_table td table,
div#contents_section .table_scroll_box table.td_in_table td table th,
div#contents_section .table_scroll_box table.td_in_table td table tr,
div#contents_section .table_scroll_box table.td_in_table td table td{
	border: none !important;
	padding: 0px;
}

div#contents_section .table_scroll_box table.td_in_table th{
	width: 30% !important;
	padding: 4px 4px 4px 4px !important;
}

div#contents_section .table_scroll_box table.td_in_table td{
	padding: 4px 4px 4px 4px !important;
}

div#contents_section .table_scroll_box table.td_in_table td table{
	width: 100% !important;
}

div#contents_section .table_scroll_box table.td_in_table td table tr{
	border: none !important;
	padding:0px 0px 0px 0px;
	width:100% !important;
}

div#contents_section .table_scroll_box table.td_in_table td table td{
	border-left: none !important;
	word-wrap: break-word;
	overflow: hidden;
	display: block;
	padding: 0px 0px 0px 0px !important;
	border: none !important;
	width:100% !important;
}


/* -------------------- 一番上の項目行を、スマホのレスポンシブにあわせて左の列に可変させるテーブル -------------------- */

/*一番上の項目行を左の列に可変テーブル*/
div#contents_section table.sp_change_table {
	display: block;
	border-left: #d8d8d8 solid 0px !important;
}
 
div#contents_section table.sp_change_table thead {
    display: none;
}

div#contents_section table.sp_change_table tbody {
    display: block;
}

div#contents_section table.sp_change_table tbody tr {
	display: block;
	position: relative;
	width: 100%;
	border: none;
	padding: none;
	margin-bottom: 5px;
	
	border-top: #d8d8d8 solid 1px !important;
	border-left: #d8d8d8 solid 1px !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#contents_section table.sp_change_table tbody tr:first-Child {
	border-top: #d8d8d8 solid 0px !important;
}

div#contents_section table.sp_change_table tbody tr th,
div#contents_section table.sp_change_table tbody tr td {
    display: flex;
    overflow: hidden;
    
    padding: 0px 0px 0px 0px !important;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#contents_section table.sp_change_table tbody tr th:before,
div#contents_section table.sp_change_table tbody tr td:before {
	display: block;
    width: 30%;
    content: attr(label);
    float: left;
    line-height: 140%;
    text-align: center;
    
    padding: 6px 10px 6px 10px !important;
    border-right: #d8d8d8 solid 1px !important;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

div#contents_section table.sp_change_table tbody tr th,
div#contents_section table.sp_change_table tbody tr th p{
	color: #ffffff;
}


/*左の列が不要な場合はtd、またはtdに「no_change」を付ける*/
div#contents_section table.sp_change_table tbody tr th.no_change:before,
div#contents_section table.sp_change_table tbody tr td.no_change:before {
	content: none;
}

div#contents_section table.sp_change_table tbody tr th.no_change,
div#contents_section table.sp_change_table tbody tr td.no_change {
	padding: 6px 10px 6px 10px !important;
}


div#contents_section table.sp_change_table tbody tr th .inner,
div#contents_section table.sp_change_table tbody tr td .inner {
	display: block;
	width: 70%;
    
    padding: 6px 10px 6px 10px !important;
	line-height: 140%;
    
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#contents_section table.sp_change_table tbody tr th {

}

div#contents_section table.sp_change_table tbody tr th p,
div#contents_section table.sp_change_table tbody tr td p,
div#contents_section table.sp_change_table tbody tr th .inner p,
div#contents_section table.sp_change_table tbody tr td .inner p {
	line-height: 140%;
}



/* -------------------- 水平線画像 -------------------- */

div#contents_main hr{
	clear:both;
	width:100%;
	height:1px;
	margin:15px 0 15px 0;
	border:none;
	border-top:solid 1px #cccccc;
	color:#ffffff;
	background:#ffffff;
}

/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

div#contents_section .box_gray,
div#contents_section .box_gray_compact,
div#contents_section .box_gray5,
div#contents_section .box_gray10,
div#contents_section .box_white,
div#contents_section .box_white_compact {
	padding:10px 10px 10px 10px !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


div#contents_section .box_gray img,
div#contents_section .box_gray5 img,
div#contents_section .box_gray10 img,
div#contents_section .box_white img,
div#contents_section .box_white_compact img {
	width: 100%;
	height: auto !important;
}


/* 背景が薄いグレーのボックス */

div#contents_section .box_bg_gray{
	background-color:#f6f6f6;
	padding:10px 20px;
}


/*「box_gray_XX」と併記して利用*/

/*inline-blockを追加する*/
.display_ib{
	overflow: hidden;
	display: inline-block
}

/*スマホではblock*/
.sp_display_b{
	display: block !important;
}


/* ---------- 記事内のol ---------- */

/* ---------- 記事内のul ---------- */


div#contents_section  ul.float{
	float: none;
	clear: both;
}

div#contents_section  ul.float li {
	width: 100% !important;
	display: block !important;
	padding: 2px 10px 4px 0px;
	float: none !important;
	background:none;
}


/* ---------- 記事内のア、イ、ウ…のli ---------- */

/* ---------- 記事内の注釈 ---------- */



/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_2column img{
	width: 100%;
	height: auto;
}

/*左*/
.text_box_2column_left{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/*右*/
.text_box_2column_right{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/* ---------- div内で3列にならべるdiv ---------- */

/*3列全体　div*/
.text_box_3column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_3column img{
	width: 100%;
	height: auto;
}

/*左*/
.text_box_3column_left{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/*中央*/
.text_box_3column_center{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/*右*/
.text_box_3column_right{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/* ---------- div内で4列にならべるdiv ---------- */

/*4列全体　div*/
.text_box_4column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_4column img{
	width: 100%;
	height: auto;
}


/*左*/
.text_box_4column_1{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/*中央*/
.text_box_4column_2{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/*中央*/
.text_box_4column_3{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/*右*/
.text_box_4column_4{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/* ---------- リンクアイコン設定 ---------- */

/* ----------リンクとダウンロードファイルのアイコン---------- */

/* ----------リンクとダウンロードファイルのアイコン---------- */

.icon_link {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_link.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_download {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_download.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_pdf {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_download.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_blank {
	margin: 6px 0px 6px 0px;
	padding: 1px 8px 2px 18px;
	background: url(img/icon_32_blank.png) no-repeat 0px 5px;
	background-size: 16px 16px;
	text-decoration: underline;
}

a.icon_link:hover,
a.icon_pdf:hover,
a.icon_download:hover,
a.icon_blank:hover{
	text-decoration: underline;
	color: #586DA0;
}

div#contents_main .sp_only,
.sp_only {
	display:inline-block !important;
}

div#contents_main .pc_only,
.pc_only {
	display: none !important;
}

div#contents_main .print_only,
.print_only {
	display:none;
}

/*PCの「p」だけマージンボトム20、スマホは0*/
div#contents_main .pc_only_mb20,
.pc_only_mb20 {
	margin-bottom:0px !important;
}

/* ---------- 記事内のオリジナル汎用ボタン* ---------- */

div#contents_main .button {
	display: block;
	padding: 4px 30px 4px 10px;
	margin: 3px 0px 3px 0px;
	color: #ffffff;
	background: url(img/icon_32_link_white.png) no-repeat 98% 50%;
	background-size: 16px 16px;
	background-color: #475993;
	text-decoration: none;
}

div#contents_main .button:hover {
	background-color: #586DA0;
}

div#contents_main .button_blank {
	display: block;
	padding: 4px 30px 4px 10px;
	margin: 3px 0px 3px 0px;
	color: #ffffff;
	background: url(img/icon_32_blank_white.png) no-repeat 98% 50%;
	background-size: 16px 16px;
	background-color: #475993;
	text-decoration: none;
}

div#contents_main .button_blank:hover {
	background-color: #586DA0;
}

div#contents_main .button_download,
div#contents_main .button_pdf {
	display: block;
	padding: 4px 30px 4px 10px;
	margin: 3px 0px 3px 0px;
	color: #ffffff;
	background: url(img/icon_32_download_white.png) no-repeat 98% 50%;
	background-size: 16px 16px;
	background-color: #475993;
	text-decoration: none;
}

div#contents_main .button_download:hover,
div#contents_main .button_pdf:hover {
	background-color: #586DA0;
}




/*ページ上部に設置するページ内アンカーボタン　ul*/
.button_anchor_box{
	display: block;
	overflow: hidden;
	list-style: none;
	margin-bottom: 20px;
	vertical-align: top;
}

#contents_section .button_anchor_box p{
	display: block !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	width: 100% !important;
}

.button_anchor_box a{
	display: block !important;
	width: 100% !important;
	padding: 4px 28px 4px 6px !important;
	margin: 0px 4px 4px 0px !important;
	background: none;
	background: url(img/icon_16_anchor.png) no-repeat 96% 50%;
	font-size: 90% !important;
	background-color: #ffffff;
	border: solid 1px #d2d2d2;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none !important;
	text-decoration: none;
}

.button_anchor_box a:hover{
	display: block !important;
	width: 100% !important;
	padding: 4px 28px 4px 6px !important;
	margin: 0px 4px 4px 0px !important;
	font-size: 90% !important;
	color: #ffffff;
	cursor: pointer;
	background: url(img/icon_16_anchor_white.png) no-repeat 96% 50%;
	background-color: #30356c;
	filter: alpha(opacity=80); /*IE*/
	-moz-opacity: 0.80; /*FF*/
	opacity: 0.80;
}



/*---------- 固定ページで使用する汎用タブ切り替え ----------*/

.general_tab{
	display:block;
	position:relative;
	width:100%;
	height:33px !important;
	border-bottom:solid 1px #d2d2d0 !important;
	margin-bottom:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*タブ1つ分 div*/
.general_tab_menu{
	display:inline-block;
	position: relative;
	min-width:60px !important;
	height:31px !important;
	padding:6px 4px 6px 4px;
	margin-top:2px !important;
	margin-right:2px;
	margin-bottom:0px !important;
	float:left;
	list-style:none;
	text-align:center;
	font-size:80%;
	letter-spacing:0em;
	color:#31312f;
	/*background-color:#E8E8CE;*/
	background-color:#dfdfdf;
	border:solid 1px #d2d2d0;
	border-bottom:solid 0px #d2d2d0 !important;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.tab_menu_3column{
	width: 30% !important;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	
}

.tab_menu_4column{
	width: 24% !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tab_menu_5column{
	width: 19% !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tab_menu_100per{
	width: 100% !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.general_tab_menu:hover{
	/*background-color:#DBE5CA;*/
	background:#ececec;
	color:#0151a8;
	border:solid 1px #d2d2d0;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	filter:alpha(opacity=80) !important; /*IE*/
	-moz-opacity:0.80 !important; /*FF*/
	opacity:0.80 !important;
}


/*アクティブなタブ div*/
.general_tab_nowselect,
.general_tab_nowselect:hover{
	background:#ffffff;
	border:solid 1px #d2d2d0;
	border-bottom:solid 1px #884466;
	cursor:default;
	height:31px;
}

.general_tab_nowselect:hover{
	color:#31312f;
	filter:alpha(opacity=100) !important; /*IE*/
	-moz-opacity:1.00 !important; /*FF*/
	opacity:1.00 !important;
}

/*タブで切り替えるコンテンツの中身*/
.general_tab_contents div{
	overflow:hidden;
	width: 100% !important;
}

/*切り替えられる中身はdiv「box_gray」で囲む*/
.general_tab_contents .box_gray{
	margin-top:0px !important;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
	/*これはJSのほうでdisplay:none;にするのでここには記載しない*/
}


/*お知らせ一覧や検索結果などの下のページネーション　A*/

/*ページネーション（ソースはネット共通のもの）*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Quotes style*/
.wp-pagenavi,
.pagination {
	padding: 3px;
	margin: 20px 3px 20px 3px;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span,
.pagination a {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #aaa;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.pagination a:hover,
.pagination a:active {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
	background-color: #a0a0a0;
	color: #FFF;
}

.wp-pagenavi span.current,
.pagination span.current {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #5f87ae;
	font-weight: bold;
	background-color: #5f87ae;
	color: #ffffff;
}

.wp-pagenavi span.disabled,
.pagination span.disabled {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}



/*お知らせ一覧や検索結果などの下のページネーション　B*/

.navigation{
	margin-bottom: 40px;
}

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 1044618 2014-12-14 23:43:29Z emartin24 $
 * Copyright 2014 Studio Fuel (http://www.studiofuel.com)
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ffffff; border:1px solid #dcdcdc; color:#666; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#dcdcdc; color:#cccccc;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #5f87ae; margin-right:4px; padding:4px 8px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

ol.wp-paginate li {
	line-height: 3em;
  /*white-space: nowrap;*/
}

/* Fonts */
.wp-paginate.font-arial {font-family: Arial, sans-serif;}
.wp-paginate.font-georgia {font-family: Georgia, serif;}
.wp-paginate.font-inherit {font-family: inherit;}
.wp-paginate.font-initial {font-family: initial;}
.wp-paginate.font-tahoma {font-family: Tahoma, sans-serif;}
.wp-paginate.font-times {font-family: "Times New Roman", serif;}
.wp-paginate.font-trebuchet {font-family: "Trebuchet MS", sans-serif;}
.wp-paginate.font-verdana {font-family: Verdana, sans-serif;}


/* Theme: Modern Grey Buttons */
.wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current {
  background: #f8f8f8;
  border:1px solid #efecee;
  border-radius: 4px;
  color: #000;
  padding: 3px 6px;
}
  .wp-paginate.wpp-modern-grey a:hover {
    background: #eee;
  }
  .wp-paginate.wpp-modern-grey .current {
    opacity: .3;
  }

/* Theme: Blue CTA Buttons */
.wp-paginate.wpp-blue-cta a, .wp-paginate.wpp-blue-cta .current {
  background: #3784fd;
  border:2px solid #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #c1c1c1, -1px -1px 1px #c1c1c1, inset 0 -10px 10px rgba(0, 0, 0, .2);
  color: #fff;
}
.wp-paginate.wpp-blue-cta .current {
	opacity: .6;
}

/* Theme: Pink Neon Buttons */
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
  background: #54d3f4;
  border:1px solid #eee;
  border-radius: 6px;
  color: #000;
}
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
  background: #ff4ecd;
}
.wp-paginate.wpp-neon-pink .current {
	opacity: .6;
} 








/* -----------------------

News、ブログページの基本パーツ設定

----------------------- */

/*ニュース記事欄　div*/
.news_list_box{
	display:block;
	position:relative;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 0px #ededed;
	float: none;
	clear: both;
}

/*リストの表示枠　1ジャンル分 スクロールバーなし*/
.news_list{/*dl*/
	display:block;
	position:relative;
	overflow: hidden !important;
	height: auto !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom:0px;
}

/*日付*/
.news_list dt{
	display:block;
	position:relative;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 5px 0px !important;
	font-size:14px;
	color: #848485;
	width: 100%;
}

/*タイトルリンクのリンク範囲*/
.news_list dd{
	display:block;
	position:relative;
	text-align:left;
	/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
	float:none;
	padding:0px 0px 14px 0px !important;
	margin:0px 0px 14px 0px;
	line-height:150%;
	font-size: 16px;
	border-bottom: solid 1px #ededed;
}

.news_list dd a{
	color:#333333;
	text-decoration:none;
}

.news_list dd a:hover{
	color:#555555;
	text-decoration:underline;
}

/*「お知らせはありません」のddのクラス*/
.nonlist{
	margin-top:0 !important;
	padding:0px 0px 8px 0em !important;
}



/*記事ジャンル span　共通設定*/
.genre_new,
.genre_event,
.genre_oshirase,
.genre_kaisaichuu,
.genre_boshuuchuu{
	display: inline-block !important;
	margin: -3px 3px 0px 0px;
	padding: 4px 6px 3px 6px;
	line-height: 100% !important;
	background-color: #fd4f21;
	color: #ffffff;
	height:auto;
	min-width: 50px;
	font-size: 11px;
	line-height:100%;
	text-align: center;
	vertical-align: middle;
	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/*ジャンルアイコンの壱番右のアイコンの右側にマージンをつける*/
.news_list dt > span:last-Child,
.pickup_text_box .pickup_date > span:last-Child{
	margin-right: 10px;
}


/*NEW*/
.genre_new{
	background-color: #fd4f21;
	min-width: 20px;
}

/*イベント*/
.genre_event{
	background-color: #DA930F;
}

/*お知らせ*/
.genre_oshirase{
	background-color: #6BAF69;
}

/*開催中*/
.genre_kaisaichuu{
	background-color: #4096CB;
}

/*募集中*/
.genre_boshuuchuu{
	background-color: #D5839C;
}


/*「続きを見る」のリンク*/
.more-link{
	display:block;
	overflow:hidden;
	width:auto;
	text-align: center;
	font-size: 15px;
	margin:10px 0px 10px 0px;
	padding:4px 10px 4px 10px;
	border: solid 0px #d2d2d2;
	background-color: #F3F3EE;
	text-decoration: none;
}

.more-link:hover{
	border: solid 0px #d2d2d2;
	background-color: #E8E8E2;
}



/*News、Blog記事単体ページ下部の記事間リンクナビゲーション*/
.nav-single {
	position: relative;
	display: block;
	overflow: hidden;
	float: none;
	margin: 0px 0px 30px 0px;
	padding-top: 20px;
	border-top: 1px solid #D2D2D2;
}

.nav-previous, .nav-next {
	position: relative;
	display: block;
	width: 45%;
	margin-bottom: 15px;
	vertical-align: top;
	font-size: 90%;
}

.nav-previous {
	float: left;
	padding-left: 1.5em;
}

.nav-next {
	width: auto;
	float: right;
	padding-right: 1.5em;
}

.nav-previous .meta-nav {
	position: absolute;
	top: 0;
	left: 0;
}

.nav-next .meta-nav {
	position: absolute;
	top: 0;
	right: 0;
}



/*News、Blogの各記事フッター内に表示される「記事一覧へ」リンク*/
.to_news_list{
	display:block;
	overflow:hidden;
	width:auto;
	text-align: center;
	font-size: 15px;
	margin:10px 0px 10px 0px;
	padding:4px 10px 4px 10px;
	border: solid 0px #d2d2d2;
	background-color: #F3F3EE;
	text-decoration: none;
}

.to_news_list:hover{
	border: solid 0px #d2d2d2;
	background-color: #E8E8E2;
}




/* -----------------------

サイドメニューのスタイル

----------------------- */
/*（News、blogのみ配置300px）*/

div#contents_side .side_box {
	padding: 0px;
	padding:10px 10px 10px 10px;
	margin-bottom: 20px;
	background-color: #F3F3EE;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----------PC：タイトル---------- */

/*サイドのh2*/
div#contents_side .side_title_box {
	display:block;
	overflow:hidden;
	width:100%;
	padding:0px 0px 10px 0px;
	border-bottom: solid 1px #ffffff;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 {
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 b {

}

div#contents_side .side_title_box h2 a {
	font-size: 18px;
	color: #333333;
	text-decoration: none;
}


/*ニュース、イベント、ブログなどのタイトルの共通設定　ul*/
div#contents_side .news_current_list,/*ニュース、お知らせ*/
div#contents_side .blog_current_list,/*ブログ*/
div#contents_side .event_current_list,/*イベント（利用するか未定）*/
div#contents_side .category_link_list,/*ニュース、お知らせ、ブログの「カテゴリ」リンク*/
div#contents_side .archive_link_list,/*ニュース、お知らせ、ブログの「アーカイブ」リンク*/
div#contents_side .entry_current_list,/*固定ページの子ページリンク*/
div#contents_side .other_link_list{/*上記以外のリンク（固定設置のリンク）*/
	display: block;
	clear: both;
}



div#contents_side .news_current_list li,
div#contents_side .blog_current_list li,
div#contents_side .event_current_list li,
div#contents_side .category_link_list li,
div#contents_side .archive_link_list li,
div#contents_side .entry_current_list li,
div#contents_side .other_link_list li{
	display: block;
	clear: both;
	border-bottom: solid 1px #ffffff;	
}

div#contents_side .news_current_list li:last-Child,
div#contents_side .blog_current_list li:last-Child,
div#contents_side .event_current_list li:last-Child,
div#contents_side .category_link_list li:last-Child,
div#contents_side .archive_link_list li:last-Child,
div#contents_side .entry_current_list li:last-Child,
div#contents_side .other_link_list li:last-Child{
	border-bottom: solid 0px #ffffff;
}

/*カテゴリの子ページリンク*/
div#contents_side .news_current_list a,
div#contents_side .blog_current_list a,
div#contents_side .event_current_list a,
div#contents_side .category_link_list a,
div#contents_side .archive_link_list a,
div#contents_side .entry_current_list a,
div#contents_side .other_link_list a{
	display:block;
	overflow:hidden;
	width:100%;
	padding:8px 10px 8px 10px;
	color: #595858;
	text-decoration: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#contents_side .news_current_list a:hover,
div#contents_side .blog_current_list a:hover,
div#contents_side .event_current_list a:hover,
div#contents_side .category_link_list  a:hover,
div#contents_side .archive_link_list  a:hover,
div#contents_side .entry_current_list  a:hover,
div#contents_side .other_link_list  a:hover{
	background-color: #E8E8E2;
	text-decoration: none;
}

/*カテゴリの子ページリンク*/
div#contents_side .news_current_list li a .date,
div#contents_side .blog_current_list li a .date,
div#contents_side .event_current_list li a .date,
div#contents_side .category_link_list li a .date,
div#contents_side .archive_link_list li a .date,
div#contents_side .entry_current_list li a .date,
div#contents_side .other_link_list li a .date{
	color:#9B9B9B;
	display:block;
	width:100%;
	text-decoration: none;
}





div#contents_side li.side_link_map a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 58px;
	background: url(img/side_link_icatch_map.png) no-repeat 4px center;
	background-size: 48px 48px;
}

div#contents_side li.side_link_miryoku a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 58px;
	background: url(img/side_link_icatch_miryoku.png) no-repeat 4px center;
	background-size: 48px 48px;
}

div#contents_side li.side_link_fishes a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 58px;
	background: url(img/side_link_icatch_fishes.png) no-repeat 4px center;
	background-size: 48px 48px;
}

div#contents_side li.side_link_amusementpark a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_amusementpark_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

div#contents_side li.side_link_shop a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_shop_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}

div#contents_side li.side_link_nursing a{
	padding:16px 10px 8px 60px;
	vertical-align: middle;
	min-height: 52px;
	background: url(img/icon_128_nursing_gray.png) no-repeat 7px center;
	background-size: 42px 42px;
}


/* -----------------------

検索結果一覧（Google検索利用）

----------------------- */

/*Googleのスクリプトから書き出されるiframeのID名*/
#cse-search-results{
	overflow: hidden;
	width:100%;
	padding:0px 0px 0px 0px;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-color:#ffffff;
}

#cse-search-results iframe{
	vertical-align: bottom;/*←効いてない…*/
	width:100%;
	height: auto;
	padding:10px 0px 10px 0px;
	box-sizing: border-box;
}

div#contents_section .gsc-above-wrapper-area{
	border-bottom: 1px solid #ffffff;
}

/*プロデュースバイの文字が記載されたテーブル　table*/
.gcsc-branding{
	
}

/*プロデュースバイの文字をくくったdiv*/
.gcsc-branding-text{
	
}

/*googleロゴ*/
div#contents_section table td .gcsc-branding-img-noclear,
div#contents_section table td .gcsc-branding-img-noclear img{
	max-width:51px;
	width:51px !important;
	height: auto;
}

/*検索結果のページネーション1つ1つを囲んだdiv*/
.gsc-cursor-page{
	font-size: 14px;
}

/* -----------------------

フッター

----------------------- */

/*------------- フッター -------------*/

/*「footer_outer」と併記して色分けする3つ*/
.footer_outer.partner {
	padding: 0px 15px 0px 15px;
	background-color: #EDEDE6;
}

.footer_outer.footer_contents {
	padding: 0px 15px 0px 15px;
	background: linear-gradient(-115deg, #6EB9EB, #335A9C);
}

.footer_outer.copyright {
	padding: 0px 15px 0px 15px;
	background-color: #394777;
}



/*パートナー企業バナー欄の中身を包んだ大枠　div*/
.footer_outer.partner .footer_inner {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	overflow:hidden;
	text-align: left !important;
	position: relative;
}

/*バナーを囲んだdiv*/
.footer_partner_banner_box{
	display: block;
	position: relative;
	overflow:hidden;
	text-align: center;
}

.footer_partner_banner_box a{
	display: inline-block;
	position: relative;
	overflow:hidden;
	text-align: center;
	margin: 2px 2px 2px 2px;
	width: 30%;
	
}

.footer_partner_banner_box a img{
	border: solid 1px #e9e9e9;
	width: 100%;
	height: auto;
}



/*住所やリンクなどのフッターコンテンツ欄の中身を包んだ大枠　div*/
.footer_outer.footer_contents .footer_inner {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
    position: relative;
    overflow:hidden;
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	text-align: left !important;
}

/*左のアドレス欄　div*/
.footer_address_box{
	display: inline-block;
	position: relative;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: center;
}

/*真ん中のリンク欄　div*/
.footer_contents_box{
	display: inline-block;
	position: relative;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}

/*右のお問い合わせ欄*/
.footer_contact_box{
	display: inline-block;
	position: relative;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}



/*「footer_address_box」の中身*/
/*ロゴ画像代替　div*/
.footer_logo{
	display: block;
	width: 190px;
	height:50px;
	text-decoration: none;
	background: url(img/logo_x2.png) no-repeat;
	background-size: 190px 50px;/*380px 100px*/
	background-position: center center;
	margin-bottom: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_logo span{
	display: none;
}


/*p*/
.footer_address{
	display: block;
	width: 100%;
	padding: 10px 5px 10px 5px !important;
	color: #ffffff;
	border-bottom: solid 0px #ffffff;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*p*/
.footer_parking{
	display: inline-block;
	padding: 0px 5px 0px 52px !important;
	color: #ffffff;
	font-size: 14px;
	background: url(img/icon_64_parking_white.png) no-repeat left center;
	background-size: 48px 48px;

	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_parking b{
	font-size: 20px;
}





/*「footer_contents_box」の中身*/
/*ul*/
.footer_link{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	border-top: solid 1px #ffffff;
	padding-top: 15px;
	padding-bottom: 0px;

}

.footer_link li{
	letter-spacing: normal;
	display: inline-block;
	padding: 0px 5px 6px 0px !important;
	color: #ffffff;
	width: 50%;
	font-size: 13.5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_link li a{
	color: #ffffff;
	text-decoration: none;
}

.footer_link li a:hover{
	color: #ffffff;
	text-decoration: underline;
}

/*SNSフォローリンクボタン枠　div*/
.follow_box{
	display: block;
	position: relative;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 15px;
	margin-bottom: 20px;
	text-align: center;
}

.follow_box p{
	display: inline-block;
	font-size: 13px;
	color: #ffffff;
	padding-right: 6px;
	vertical-align: middle;
}

a.icon_follow_fb{
	display: block;
	width: 32px;
	height: 32px;
	background: url(img/icon_32_sns_fb_white.png) no-repeat center center;
}

a.icon_follow_tw{
	display: block;
	width: 32px;
	height: 32px;
	background: url(img/icon_32_sns_tw_white.png) no-repeat center center;
}

a.icon_follow_ig{
	display: block;
	width: 32px;
	height: 32px;
	background: url(img/icon_32_sns_ig_white.png) no-repeat center center;
}


a.icon_follow_fb:hover,
a.icon_follow_tw:hover,
a.icon_follow_ig:hover{
	filter:alpha(opacity=80) !important; /*IE*/
	-moz-opacity:0.80 !important; /*FF*/
	opacity:0.80 !important;
}

a.icon_follow_fb b,
a.icon_follow_tw b,
a.icon_follow_ig b{
	display: none;
}



/*div*/
.supportdog_box{
}

.supportdog_box img{
	float: left;
	margin-right: 10px;
	max-width: 36px;
}

.supportdog_box p{
	color: #ffffff;
	font-size: 13.5px;
}



/*お問い合わせ欄の中身*/

/*お問い合わせ欄のみ*/
.footer_contact_box_inner{
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}

/*「お問い合わせはこちら」のタイトル　p（他でも流用可）*/
.title-border {
	display: flex;
	align-items: center;
}

.title-border:before,
.title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}

.title-border:before {
	margin-right: 1rem;
}

.title-border:after {
	margin-left: 1rem;
}


/*「お問い合わせはこちら」のタイトルの白バージョン　p（他でも流用可）*/
.title-border_white {
	display: flex;
	align-items: center;
	color: #ffffff;
}

.title-border_white:before,
.title-border_white:after {
	border-top: 1px solid #ffffff;
	content: "";
	flex-grow: 1;
}

.title-border_white:before {
	margin-right: 1rem;
}

.title-border_white:after {
	margin-left: 1rem;
}


/*TELのp*/
.footer_contact_box p.contact_tel{
	display: inline-block;
	text-align: center;
	color: #FFED00;
	font-size: 22px;
	padding: 0px 0px 0px 28px;
	background: url(img/icon_64_tel.png) no-repeat left center;
	background-size: 22px 22px;
	margin-bottom: 0px !important;
}

.footer_contact_box p.contact_tel span{
	display: none;
}

.footer_contact_box p.contact_tel a{
	color: #FFED00;
	text-decoration: none;
}

/*FAXのp*/
.footer_contact_box p.contact_fax{
	text-align: center;
	color:#ffffff;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
}

/*「お問い合わせフォーム」のaタグ*/
.footer_contact_box a.contact_mail{
	display:block;
	width: 100%;
	text-align: center;
	color:#ffffff;
	font-weight: 500;
	font-size: 16px;
	width: 100%;
	border: solid 1px #ffffff;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_contact_box a.contact_mail span:after{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(img/icon_64_mail_white.png) no-repeat center center;
	background-size: 24px 24px;
	vertical-align: text-bottom;
	margin-left: 10px;
	margin-right: 10px;	
}

.footer_contact_box a.contact_mail:hover{
	background-color: #6ab8f0;
}


/*シェアボタン欄*/

.sns_box{
	display: block;
	position: relative;
	margin-bottom: 60px;
}

.share_list{
	list-style:none !important;margin:0!important;padding:0!important;
}

.share_list li{
	background:none!important;display:inline!important;margin:0!important;padding:0!important;
}

.share_list li img{
	padding-right:5px;
}

.share_list li a{
	font-size:12px;
	/*font-weight:bold;*/
	text-decoration:none;
	line-height: 100%;
}

.share_list li a{
	background-color: #ffffff;
	/*border:solid 1px #ffffff;*/
	padding:4px 5px 5px 5px!important;
	
}

.share_list li a:hover{	
}

.share_list li a span.no_view{
	display: none;
}







/*コピーライト欄　div*/
.footer_outer.copyright .footer_inner{
	display:block;
	position: relative;
	width: 100%;
	padding:30px 10px 30px 10px;
	line-height:120%;
	font-size: 13px;
	float: none;
	clear: both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.copyright p{
	text-align: center;
	color:#FFFFFF;
}


/* ----------ページTOPへボタン---------- */
#pagetop_wrapper {
	position:fixed;
	display: block;
	width: 100%;
	height: 115px;
	bottom: 0px;
	padding: 0px 0px 0px 0px;
	pointer-events: none;
	z-index: 99;
}


.pagetop {
	display: block;
	width: 100%;
	height: 110px;
	border-bottom: solid 5px #394777;
}

.pagetop a {
	display: block;
	width: 120px;
	height: 110px;
	float: right;
	margin-right: 10px;
	background:url(img/btn_pagetop.png);
	background-position: 99% bottom;
	background-repeat: no-repeat;
	
	pointer-events: visible;
}

.pagetop a:hover {
	background:url(img/btn_pagetop_hover.png);
	background-position: 99% bottom;
	background-repeat: no-repeat;
}

.pagetop a b {
	display:none;
}





/*========== トップページのコンテンツ「.contents_area_frontpage」の中身 ==========*/

/*メインビジュアル*/
.contents_outer_frontpage.main_visual{
	background-color: #ffffff;
	padding: 0px 0px 0px 0px !important;
}

/*ピックアップ*/
.contents_outer_frontpage.pickup{
	background-color: #ffffff;
	padding: 0px 0px 30px 0px !important;
}

/*水族館についてはこちらから*/
.contents_outer_frontpage.contents_link{
	padding: 0px 0px 0px 0px !important;
	border-top: solid 1px #435386;
	outline: solid 14px #EDEDE6;
	background-color: #EDEDE6;

}

/*お知らせ、イベント、FB*/
.contents_outer_frontpage.news_all{
	background-color: #ffffff;
}

/*オフィシャルブログ*/
.contents_outer_frontpage.blog{
	background-color: #ffffff;
}

/*その他の施設*/
.contents_outer_frontpage.other{
	background-color: #ffffff;
}



/* --------------------

トップのメインビジュアル欄

-------------------- */

/*メインビジュアル*/
.contents_outer_frontpage.main_visual .contents_inner_frontpage{
	display: block;
	position: relative;
}


/* Meta Slider全体　div */
.meta_slider{
	display: block;
	position: relative;
	overflow:hidden;	
}

.metaslider{
	margin:auto;
}

/*PC非表示*/
.metaslider_pc{
	display:none;
}

/*スマホ表示*/
.metaslider_sp{
	display:block;
}

/*メインビジュアルスライドのナビゲーションドット*/
.flex-control-nav{
	display: none;
}

.metaslider .flexslider{
	margin-bottom: 0px;
}


/*メインビジュアルに重ねるナビゲーション全体　div*/
.main_navi_contents_all_box{
	display: block;
	position: relative;
	width: 100%;
	bottom:auto;/*ナビゲーションドット分空ける*/
	top:0px;	
	background:none;
}

.main_navi_contents_all_box_inner{
	display: block;
	position: relative;
	overflow:visible;
	width: 100%;
	max-width: 1220px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0% 0px 0px 0px;
}

/*左側　div*/
.main_navi_contents_left{
	display: block;
	position: absolute;
	overflow:visible;
	width: 100%;
	float: none;
	bottom:0px;
	top:0px;
	left:0;	
	padding-top: 122.6%;
	margin-top: -122.6%;
}

/*右側　div*/
.main_navi_contents_right{
	display: block;
	position: relative;
	overflow:hidden;
	width: 100%;
	padding: 15px 15px 0px 15px;
	float: none;
	background-color: #ffffff;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




/*左側の中身*/
.main_navi_contents_left_inner{
	display: block;
	position: absolute;
	width: 100%;
	height: 180px;
	margin-top:-180px;
	padding: 3% 20px 0px 20px;
	background-color: rgba(36, 29, 27, 0.5);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and ( max-width: 345px ) {
	
	.main_navi_contents_left_inner{
		height: 190px;
		margin-top:-190px;
	}
	
}



/*「本日の営業時間」タイトル欄　div*/
.main_navi_contents_left_title{
	display: block;
	position: relative;
	overflow:hidden;
	padding: 4px 0px 0px 30px;
	background: url(img/icon_48_clock_white.png) no-repeat left center;
	background-size: 24px 24px;
	min-height: 24px;
	margin-bottom: 0px;
}

.main_navi_contents_left_title p{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 16px;
}

.main_navi_contents_left_title p span{
	font-size: 11px;
	margin-left: 10px;
}


/*営業時間表示欄　div*/
.main_navi_contents_left_hours{
	display: block;
	position: relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	margin-bottom: 8px;
}

.main_navi_contents_left_hours p{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
}

.main_navi_contents_left_hours p span.season_text{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 14px;
	padding-bottom: 1px;
	border-bottom: solid 2px #ffffff;
	margin-right: 14px;
	margin-bottom: 3px;
}

.main_navi_contents_left_hours p span.time_text{
	display: inline-block;
	vertical-align: middle;
	color: #FFED00;
	font-size: 18px;
	clear: both;
}

.main_navi_contents_left_hours p span.closingtime_text{
	display: inline-block;
	vertical-align: bottom;
	color: #FFED00;
	font-size: 11px;
}

/*リンクボタン欄　div*/
.main_navi_contents_left_link{
	display: block;
	position: relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.main_navi_contents_left_link p{
	color: #ffffff;
	display: inline-block;
	margin-right: 3px;
}

.main_navi_contents_left_link p a{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 11px;
	padding: 2px 8px 2px 8px;
	border: solid 1px #ffffff;
	text-decoration: none;
	margin-bottom: 3px;
}

.main_navi_contents_left_link p a:hover{
	background-color: rgba(255,255,255,0.3);
}

.main_navi_contents_left_link p a span{
	color: #ffffff;
	margin-left: 4px;
}


@media screen and ( max-width: 345px ) {
	
	.main_navi_contents_left_link p{
	color: #ffffff;
	display: block;
	margin-right: 0px;
	}

	.main_navi_contents_left_link p a{
	display: block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 11px;
	padding: 2px 8px 2px 8px;
	border: solid 1px #ffffff;
	text-decoration: none;
	margin-bottom: 3px;
	}
	
}






/*右側の中身*/
.main_navi_contents_right p,
.main_navi_contents_right div{
	display: block;
	vertical-align: middle;
	color: #ffffff;
	margin-bottom: 6px;
}

/*1、2個目*/
.main_navi_contents_right > p{
	background: linear-gradient(0deg, #468bc6, #5ba6e0);
	width: 49%;
	float: left;
	margin-right: 2%
}

/*3、4個目*/
.main_navi_contents_right > p:nth-child(3),
.main_navi_contents_right > p:nth-child(4){
	background: linear-gradient(0deg, #306eab, #4388c3);
	width: 49%;
	float: left;
	margin-right: 2%
}

/*2、4個目*/
.main_navi_contents_right > p:nth-child(2),
.main_navi_contents_right > p:nth-child(4){
	margin-right: 0%
}


/*料金　a*/
.main_navi_contents_right a.main_navi_link_fee{
	display: block;
	position: relative;
	overflow:hidden;
	width: 100%;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_fee.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 0px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	line-height: 120%;
}

.main_navi_contents_right a.main_navi_link_fee span{
	display: block;
	font-size: 12px;
	text-align: center;
}

/*ショータイム　a*/
.main_navi_contents_right a.main_navi_link_showtime{
	display: block;
	position: relative;
	overflow:hidden;
	width: 100%;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_showtime.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 0px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	line-height: 120%;
}

/*ボタンの横幅サイズは、*/
/*小さくなるほうにあわせるなら、min-width:8.1vw　※ウィンドウ幅に従って、ボタン幅も可変*/
/*大きいほうにあわせるなら、max-width:110px*/
/*ただし、これら両方を両立させるにはビューポートの追加が必要*/


.main_navi_contents_right a.main_navi_link_showtime span{
	display: block;
	font-size: 12px;
	text-align: center;
}

/*アクセス　a*/
.main_navi_contents_right a.main_navi_link_access{
	display: block;
	position: relative;
	overflow:hidden;
	width: 100%;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_access.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 0px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	line-height: 120%;
}

.main_navi_contents_right a.main_navi_link_access span{
	display: block;
	font-size: 12px;
	text-align: center;
}

/*バス時刻表　a*/
.main_navi_contents_right a.main_navi_link_bus{
	display: block;
	position: relative;
	overflow:hidden;
	width: 100%;
	padding: 55px 4px 10px 4px;
	background: url(img/icon_main_x2_bus.png) no-repeat center 6px;
	background-size: 48px 48px;
	margin-bottom: 0px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	line-height: 120%;
}

.main_navi_contents_right a.main_navi_link_bus span{
	display: block;
	font-size: 12px;
	text-align: center;
}

.main_navi_contents_right a.main_navi_link_fee:hover,
.main_navi_contents_right a.main_navi_link_showtime:hover,
.main_navi_contents_right a.main_navi_link_access:hover,
.main_navi_contents_right a.main_navi_link_bus:hover{
	background-color: rgba(255,255,255,0.3);
}


/*div*/
.main_navi_contents_right_mini_link_box{
	display: block;
	position: relative;
	overflow:hidden;
	margin-left: 0vw;
	width: 100%;
}

.main_navi_contents_right_mini_link_box p{
	display: block;
	position: relative;
	overflow:hidden;
	width: 49%;
	margin-right: 2%;
	line-height: 100%;
	background: linear-gradient(0deg, #265d9e, #2e6aa8);
	float: left;
}

.main_navi_contents_right_mini_link_box p:nth-child(2){
	margin-right: 0%;
}

/*a*/
.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_whatsnew{
	display: block;
	width: 100%;
	vertical-align: middle;
	position: relative;
	overflow:hidden;
	color: #ffffff;
	font-size: 13px;
	padding: 15px 5px 15px 5px;
	border: solid 0px #ffffff;
	text-decoration: none;
	margin-bottom: 0px;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_whatsnew span{
	display: inline-block;
	font-size: 10px;
	text-align: center;
	margin-left: 6px;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_facebook{
	display: block;
	width: 100%;
	vertical-align: middle;
	position: relative;
	overflow:hidden;
	color: #ffffff;
	font-size: 13px;
	padding: 15px 15px 15px 15px;
	border: solid 0px #ffffff;
	text-decoration: none;
	margin-bottom: 0px;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_facebook span::before{
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 2px;
	background: url(img/icon_64_fb_white.png) no-repeat center top;
	background-size: 14px 14px;
}

.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_whatsnew:hover,
.main_navi_contents_right .main_navi_contents_right_mini_link_box a.main_navi_link_facebook:hover{
	background-color: rgba(255,255,255,0.3);
}



/* --------------------

トップの「ピックアップ」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.pickup .title_box{
	
	padding: 20px 0px 10px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.pickup .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 20px;
	padding:30px 0px 0px 0px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_pickup.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.pickup .title_box h2:before,
.contents_outer_frontpage.pickup .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}




/*ピックアップのスライド欄　div*/
.pickup_slide_box{
	
}

/*PICKUPのコンテンツ表示枠*/
.pickup_box{
	display:block;
	width:100%;
	max-width: 1520px;
	padding:0px 0% 0px 0%;
	margin: 0 auto;
	margin-bottom: 22px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*カルーセル全体*/
/*スマホ用*/
.slider.pickup_sp_only{
	display:block;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*PC用*/
.slider.pickup_pc_only{
	display: none;
}

.pickup_1box{
	display:block;
	margin:0px 0px 0px 0px;
	cursor: pointer;
	overflow: hidden;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*1記事分のリンクエリア*/
.pickup_1box a{
	display:block;
	width:100%;
	overflow: hidden;
	text-decoration: none;
}

.pickup_1box a:hover{
	/*background-color: #F5F5F1;*/
}




/*1記事分のimgを格納したdiv*/
.pickup_img_box{
	display:block;
	overflow: hidden;
	width:100%;
	/*height:200px;*/
	/*padding:15px 15px 10px 15px;*/
	margin:15px 0px 0px 0px;
	transition-duration: 0.3s;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

/*1記事分のimg*/
.pickup_1box img{
	/*width: 100%;*/
	width: calc(100% - 30px);
	height: auto;
	transition-duration: 0.3s;
}

.pickup_1box a:hover img{
	transform: translate(50%,-50%) scale(1.02);/*画像の拡大率*/
	transition-duration: 0.3s;
}

/*写真の下のテキスト欄（日付+タイトル）　div*/
.pickup_text_box{
	display:block;
	width:100%;
	position:relative;
	padding:3px 15px 7px 15px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

/*日付　p*/
.pickup_date{
	display:block;
	position:relative;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	font-size:15px;
	color:#848485;
}

/*タイトル　p*/

.pickup_text{
	display:inline-block;
	overflow:hidden;
	padding:5px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	line-height:140%;
	font-size:15.5px;
	color:#403D3C;
	font-weight: 500;
}

/* Arrows */
.slick-prev,
.slick-next
{
	display: none;
	/*
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    width: 4%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    */
}

.slick-prev
{
    left: -4%;
	background:url(img/btn_pickup_before.png) no-repeat center 40%;
}
[dir='rtl'] .slick-prev
{
    right: -4%;
    left: auto;
}

.slick-next
{
    right: -4%;
	background:url(img/btn_pickup_next.png) no-repeat center 40%;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -4%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	/*background-color: #F5F5F1;*/
}

/*「READ MORE」ボタン欄　div*/
.pickup_link_box{
	text-align: center;
}

.pickup_link_box a{
	display: inline-block;
	min-width: 200px;
	padding: 12px 30px 12px 30px;
	color: #ffffff;
	font-size: 13.5px;
	background-color: #475993;
	text-decoration: none;
	transition-duration: 0.2s;
}

.pickup_link_box a:hover{
	background-color: #586DA0;
	transition-duration: 0.2s;
}




/* --------------------

トップの「水族館についてはこちらから」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.contents_link .title_box{
	
	padding: 30px 0px 20px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.contents_link .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 19px;
	padding:34px 0px 0px 0px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_information.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.contents_link .title_box h2:before,
.contents_outer_frontpage.contents_link .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}

/*タイトルから下のコンテンツ欄*/
.contents_outer_frontpage.contents_link .contents_box{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}

/*リンク大エリア　div*/
.contents_link_a_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	letter-spacing: -.40em;
}

.contents_link_a_box .bg-scale{
	display:block;
	position: relative;
    overflow: hidden;
	letter-spacing: normal;
	width: 100%;
	margin: 0px 0% 6px 0px;
	font-size: 0px;
	float: left;
}

.contents_link_a_box .bg-scale:last-Child{
	margin: 0px 0px 0px 0px;
}


/*館内マップ　div*/
.frontpage_contents_link_maps.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(img/top_information_img_1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/*水族館の魅力　div*/
.frontpage_contents_link_miryoku.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(img/top_information_img_2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/*水族館の仲間たち　div*/
.frontpage_contents_link_fishes.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(img/top_information_img_3.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.bg-scale:hover:after {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.bg-scale .inner {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.bg-scale .inner p{
	height: 100%;
}

.bg-scale .inner a{
	display: block;
	position: relative;
    overflow: hidden;
	text-align: center;
	width: 100%;
	padding-bottom: 74%;
	letter-spacing: normal;
}

.bg-scale .inner a b{
	line-height: 100%;
}

/*館内MAP*/
.frontpage_contents_link_maps.bg-scale a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:13%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 3vmax;
	font-size: 18px !important;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}

.frontpage_contents_link_maps.bg-scale a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 36%;
	max-width: 74px;
	padding-bottom: 29.5%;
	max-height: 74px;
	background: url(img/icon_128_map_white.png) no-repeat center bottom;
	background-size: contain;
}

/*水族館の魅力*/
.frontpage_contents_link_miryoku.bg-scale a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:13%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 3vmax;
	font-size: 18px !important;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}

.frontpage_contents_link_miryoku.bg-scale a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 36%;
	max-width: 74px;
	padding-bottom: 29.5%;
	max-height: 74px;
	background: url(img/icon_128_miryoku_white.png) no-repeat center bottom;
	background-size: contain;
}

/*水族館の仲間たち*/
.frontpage_contents_link_fishes.bg-scale a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:13%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 3vmax;
	font-size: 18px !important;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}

.frontpage_contents_link_fishes.bg-scale a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 36%;
	max-width: 74px;
	padding-bottom: 29.5%;
	max-height: 74px;
	background: url(img/icon_128_fishes_white.png) no-repeat center bottom;
	background-size: contain;
}



/*リンク中エリア　div*/
.contents_link_b_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	padding: 0px 10px 0px 10px;
	margin: 0 auto;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: -.40em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*各リンク1個分　div*/
.contents_link_b_box .frontpage_contents_link_middle{
	display:block;
	position: relative;
    overflow: hidden;
	letter-spacing: normal;
	width: 49%;
	font-size: 0px;
	margin-right: 2%;
	margin-bottom: 6px;
	float: left;
}

.contents_link_b_box .frontpage_contents_link_middle:nth-Child(4n){
	margin: 0px 2.0% 0px 0px;
	margin-right:0px;
}

.contents_link_b_box .frontpage_contents_link_middle:nth-Child(2n){
	margin-right:0px !important;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_2,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_4,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_6,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_8,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_10,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_12{
	margin-right:0px !important;
}



.contents_link_b_box .frontpage_contents_link_middle p{
}

.contents_link_b_box .frontpage_contents_link_middle a{
	display: block;
	position: relative;
    overflow: hidden;
	text-align: center;
	width: 100%;
	padding-bottom: 64%;
	letter-spacing: normal;
}

.contents_link_b_box .frontpage_contents_link_middle a b{
	line-height: 100%;
}


/*祝津マリンランド*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a{
	background-color: #9FD2D5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_amusementpark.png) no-repeat center bottom;
	background-size: contain;
}

/*おたる水族館ショップ*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a{
	background-color: #A4D8C5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
	
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	/*margin-bottom: 7%;*/
	margin-bottom: 1.5%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_shop.png) no-repeat center bottom;
	background-size: contain;
}
.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a b span{
	font-size: 1vmax;
	font-size: 12px;
}
	
/*お食事どころ レストランニュー三幸*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a{
	background-color: #9CD0EC;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:1%;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
	line-height: 120%;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 1.5%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_restaurant.png) no-repeat center bottom;
	background-size: contain;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a b span{
	font-size: 1vmax;
	font-size: 12px;
}


/*お食事どころ 浜の屋食堂*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a{
	background-color: #9FD2D5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a > b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:1%;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
	line-height: 120%;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a > b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 1.5%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_hamanoya.png) no-repeat center bottom;
	background-size: contain;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a > b > span{
	font-size: 1vmax;
	font-size: 12px;
}

/*授乳室のご案内*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a{
	background-color: #A4D8C5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_nursing.png) no-repeat center bottom;
	background-size: contain;
}

/*電動カート*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a{
	background-color: #9CD0EC;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_cart.png) no-repeat center bottom;
	background-size: contain;
}

/*ベビーカー貸出*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a{
	background-color: #9FD2D5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_babycar.png) no-repeat center bottom;
	background-size: contain;
}

/*車椅子貸出*/
.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a{
	background-color: #A4D8C5;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:3%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 2vmax;
	font-size: 14px !important;
	font-weight: 600;
	color: #595858;
	text-decoration: none;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 7%;
	width: 36%;
	max-width: 64px;
	padding-bottom: 36.5%;
	max-height: 64px;
	background: url(img/icon_128_wheelchair.png) no-repeat center bottom;
	background-size: contain;
}

.contents_link_b_box .frontpage_contents_link_middle.middle_link_1 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_2 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_3 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_4 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_5 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_6 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_7 a:hover,
.contents_link_b_box .frontpage_contents_link_middle.middle_link_8 a:hover{
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	filter:alpha(opacity=80) !important; /*IE*/
	-moz-opacity:0.80 !important; /*FF*/
	opacity:0.80 !important;
}

/*英語表記*/
.bg-scale a b span.en,
.contents_link_b_box a b span.en{
	display: block;
	padding-top: 3px;
	font-size: 1vmax;
	font-size: 12px;
}

.contents_link_b_box a b span.en{
	color: #888888;
}



/* --------------------

トップの「お知らせ、イベント、FB」欄

-------------------- */

/*お知らせ、イベント、FBすべて　div*/
.contents_outer_frontpage.news_all .contents_box {
	display: block;
	padding: 20px 10px 0px 10px;
	margin: 0 auto;
	max-width: 1140px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*上段：お知らせ、下段：イベント を内包した大枠のdiv*/
.contents_outer_frontpage.news_all .contents_box .news_box{
	width: 100%;
	margin-right: 0%;
}

/*facebookプラグインを配置する大枠のdiv*/
.contents_outer_frontpage.news_all .contents_box .fb_tl_box{
	display: block;
	overflow: hidden;
	right:auto;
	margin: 0 auto;
	max-width: 500px;
	height: 440px;
	width: 100%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
    height: 100% !important;
}


/*タイトル欄*/
.contents_outer_frontpage.news_all .news_box_inner.list_news .title_box,
.contents_outer_frontpage.news_all .news_box_inner.list_event .title_box{
	display: block;
	position: relative;
	width: 65%;
	text-align: left;
	margin-bottom: 20px;
	
	float: left;
}

.contents_outer_frontpage.news_all .news_box_inner.list_news .title_box h3,
.contents_outer_frontpage.news_all .news_box_inner.list_event .title_box h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 17px;
	/*font-size: 1.7vmax;*/
	line-height: 120%;
	height: 36px;
	color: #403D3C;
	font-weight: normal;
}

.contents_outer_frontpage.news_all .news_box_inner.list_news .title_box h3{
	padding:0px 0px 0px 44px;
	background: url(img/icon_64_news.png) no-repeat left center;
	background-size: 36px 36px;

}

.contents_outer_frontpage.news_all .news_box_inner.list_event .title_box h3 {
	padding:0px 0px 0px 53px;
	background: url(img/icon_64_event_w80.png) no-repeat left center;
	background-size: 45px 36px;

}




/*記事一覧へのリンク欄　div*/
.body_frontpage .news_link_box{
	display:block;
	position:relative;
	width: 30%;
	margin-bottom: 20px;
	
	float: right;	
}

/*一覧ボタン*/
.body_frontpage .news_link_box a{
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	width: 100%;
	color: #475993;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	border: solid 1px #475993;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.body_frontpage .news_link_box a:hover{
	color: #ffffff;
	background-color: #586DA0;
}




/*ニュース記事欄　div*/
.body_frontpage .news_list_box{
	display:block;
	position:relative;
	overflow-y: auto;
	height: 220px;
	margin: 0px 0px 40px 0px;
	padding: 10px 10px 10px 10px;
	border: solid 1px #ededed;
	float: none;
	clear: both;
}

/*リストの表示枠　1ジャンル分 スクロールバーなし*/
.body_frontpage .news_list{/*dl*/
	display:block;
	position:relative;
	overflow: hidden !important;
	height: auto !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom:0px;
}

/*日付*/
.body_frontpage .news_list dt{
	display:block;
	position:relative;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 5px 0px !important;
	font-size:14px;
	color: #848485;
	width: 100%;
}

/*タイトルリンクのリンク範囲*/
.body_frontpage .news_list dd{
	display:block;
	position:relative;
	text-align:left;
	/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
	float:none;
	padding:0px 0px 14px 1px !important;
	margin:0px 0px 14px 0px;
	line-height:150%;
	font-size: 14px;
	
	border-bottom: solid 1px #ededed;
}

.body_frontpage .news_list dd a{
	color:#333333;
	text-decoration:none;
}

.body_frontpage .news_list dd a:hover{
	color:#555555;
	text-decoration:underline;
}

/*「お知らせはありません」のddのクラス*/
.body_frontpage .nonlist{
	margin-top:0 !important;
	padding:0px 0px 8px 0em !important;
}




/*記事ジャンル span　共通設定*/
.body_frontpage .genre_new,
.body_frontpage .genre_event,
.body_frontpage .genre_oshirase,
.body_frontpage .genre_kaisaichuu,
.body_frontpage .genre_boshuuchuu{
	display: inline-block !important;
	margin: -3px 3px 0px 0px;
	padding: 4px 6px 3px 6px;
	line-height: 100% !important;
	background-color: #fd4f21;
	color: #ffffff;
	height:auto;
	min-width: 50px;
	font-size: 11px;
	line-height:100%;
	text-align: center;
	vertical-align: middle;
	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/*ジャンルアイコンの壱番右のアイコンの右側にマージンをつける*/
.news_list dt > span:last-Child,
.pickup_text_box .pickup_date > span:last-Child{
	margin-right: 10px;
}



/*NEW*/
.genre_new,
.body_frontpage .genre_new{
	background-color: #fd4f21;
	min-width: 20px;
}

/*イベント*/
.genre_event,
.body_frontpage .genre_event{
	background-color: #DA930F;
}

/*お知らせ*/
.genre_event,
.body_frontpage .genre_oshirase{
	background-color: #6BAF69;
}

/*開催中*/
.genre_event,
.body_frontpage .genre_kaisaichuu{
	background-color: #4096CB;
}

/*募集中*/
.genre_event,
.body_frontpage .genre_boshuuchuu{
	background-color: #D5839C;
}












/* --------------------

トップの「オフィシャルブログ」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.blog .title_box{
	padding: 30px 0px 20px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.blog .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 18px;
	padding:30px 10px 0px 10px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_blog.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.blog .title_box h2:before,
.contents_outer_frontpage.blog .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}

/*タイトルから下のコンテンツ欄*/
.contents_outer_frontpage.blog .contents_box{
	display: block;
	position: relative;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 40px 0px;
	text-align: center;
}

.contents_outer_frontpage.blog .contents_box p{
	display: inline-block;
	width: auto;
	margin: 0px 0px 0px 0px;
}


.contents_outer_frontpage.blog .contents_box p a{
	text-decoration: none;
}

.contents_outer_frontpage.blog .contents_box p a:hover{
	text-decoration: underline;
}

.contents_outer_frontpage.blog .contents_box p a img{
	width: 100%;
	max-width: 480px;
	height: auto;
}





/* --------------------

トップの「その他の施設」欄

-------------------- */

/*タイトル欄*/
.contents_outer_frontpage.other .title_box{
	
	padding: 30px 0px 20px 0px !important;
	text-align: center;
}

.contents_outer_frontpage.other .title_box h2 {
	display: inline-block;
	align-items: center;
	font-size: 18px;
	padding:30px 10px 0px 10px;
	color: #403D3C;
	font-weight: normal;
	background: url(img/top_title_e_x2_facility.png) no-repeat center top;
	background-size: 125px 30px;/*250px 60px*/

}

.contents_outer_frontpage.other .title_box h2:before,
.contents_outer_frontpage.other .title_box h2:after {
	margin-right: 0.5rem;
	content: "─";
	color: #403D3C;
	font-weight: normal !important;
}

/*タイトルから下のコンテンツ欄*/
.contents_outer_frontpage.other .contents_box{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 40px 0px;
	text-align: center;
}

.contents_outer_frontpage.other .contents_box p{
	display: block;
	width: 49%;
	margin: 0px 2% 6px 0%;
	text-decoration: none;
	font-size: 14px;
	float: left;
}

.contents_outer_frontpage.other .contents_box p:nth-Child(2n){
	margin-right: 0px;
}

.contents_outer_frontpage.other .contents_box p img{
	margin-bottom: 3px;
	width: 100%;
	height: auto;
}

.contents_outer_frontpage.other .contents_box p a{
	text-decoration: none;
}

.contents_outer_frontpage.other .contents_box p a:hover{
	text-decoration: underline;
}






/*========== 下層のコンテンツ「#contents_section」の中身 ==========*/


/*子ページのある親ページ（カテゴリーの扉ページ）の子ページリスト*/
.category_list_box {
	display:block;
	overflow:hidden;
	margin:0px 0px 25px 0px;
}

/*このカテゴリーの各ページは〜〜〜という文言*/
.category_list_text {
	padding:0px 10px 0px 0px;
	float:none;
	clear:both;
}

.category_list_box ul {/* リスト全体と背景の設定 */
		
	list-style:none;
	position:relative;
	padding:10px 0px 0px 10px;
	clear:both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.category_list_box ul li {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	/*height:35px;*/
	width:100%;
	
	padding: 0px !important;
	background:none !important;
	background-color: aqua;
		
	margin-right:0%;
	margin-bottom: 5px;
	
	border: solid 1px #ededed;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	float:left;
}

.category_list_box ul li:nth-child(3n) {
	margin-right:0%;
}

.category_list_box ul li a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */

	width:100%;
	min-height:4em;
	vertical-align: middle;
	/*height:35px;*/
	padding:15px 15px 15px 34px;
	color: #666666;
	background:url(img/btn_pickup_next.png) no-repeat 10px center;
	background-size: 16px 16px;
	text-decoration:none;
	line-height:120%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.category_list_box ul li a:hover {
	background-color:#d3edf8;
}




/*====================
	
「ここもスゴイ！おたる水族館の魅力！」　directory：miryoku

====================*/

/*上部タイトル欄　div*/
.miryoku_title_box{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(img/miryoku_title_bg_left.png),url(img/miryoku_title_bg_right.png);
	background-position: -5% 10px, 105% 10px;
	background-repeat: no-repeat, no-repeat;
	background-size: 32%, 24%;
	background-color: #E0EFFB;
	min-height: 200px;
}

.miryoku_title_box_inner{
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 10%;
	padding-bottom: 20px;
}

.miryoku_title_box_inner h1{
	display: block;
	position: relative;
	overflow: hidden;
	width: 98%;
	height: auto;
	max-height: 420px;
	padding-bottom: 20%;
	margin: 0 auto;
	margin-bottom: 26%;
	text-align: center;
	background: url(img/miryoku_title.png) no-repeat center top;
	background-size: contain;
}

.miryoku_title_box_inner h1 span{
	display: none;
}

.miryoku_title_box_inner p{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.miryoku_title_box_inner p br{
	display: none;
}


/*北海道の大自然にある水族館　h2*/
div#contents_section h2.miryoku_h2_1{
	font-size: 22px;
	text-align: center;
	color: #333333;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
}

/*4列カラムの調整　隙間無しパターンA　div*/
.text_box_4column.miryoku_4column_a .text_box_4column_1,
.text_box_4column.miryoku_4column_a .text_box_4column_2,
.text_box_4column.miryoku_4column_a .text_box_4column_3,
.text_box_4column.miryoku_4column_a .text_box_4column_4{
	width: 25%;
	margin-right: 0%;
}

.text_box_4column.miryoku_4column_a .text_box_4column_4{
	margin-right: 0%;
}


/*4列カラムの調整　隙間ありパターンB　div*/
.text_box_4column.miryoku_4column_b .text_box_4column_1,
.text_box_4column.miryoku_4column_b .text_box_4column_2,
.text_box_4column.miryoku_4column_b .text_box_4column_3,
.text_box_4column.miryoku_4column_b .text_box_4column_4{
	width: 24.25%;
	margin-right: 1%;
}

.text_box_4column.miryoku_4column_b .text_box_4column_4{
	margin-right: 0%;
}


/*ここもスゴイ！おたる水族館の魅力！　h2*/
div#contents_section h2.miryoku_h2_2{
	display: block;
	position: relative;
	font-size: 22px;
	text-align: center;
	color: #333333;
	letter-spacing: 0.2em;
	margin-bottom: 60px;
}

div#contents_section h2.miryoku_h2_2::after{
	content:"";
	position: relative;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 140px;
	height: 30px;
	background: url(img/miryoku_title_after.png) no-repeat center center;
}



/*====================
	
「イルカショー」　directory：events/yukisanpo

====================*/

div#contents_section h2.yukisanpo_h2{
	display: block;
	position: relative;
	font-size: 18px;
	text-align: left;
	color: #5B9BB0;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	line-height: 160%;
}

div#contents_section h2.yukisanpo_h2::before{
	content:"";
	position: relative;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 110px;
	height: 70px;
	background: url(img/yukisanpo_dolphin_mark.png) no-repeat center center;
}


.entry_yukisanpo div#contents_section .box_white {
	padding:0px 0px 0px 0px !important;
}


.yukisanpo_section_1,
.yukisanpo_section_2,
.yukisanpo_section_3,
.yukisanpo_section_4{
	display: block;
	position: relative;
	overflow: hidden;
	float: none;
	clear: both;
}

.yukisanpo_section_1{
	margin-bottom: 60px;
}

.yukisanpo_section_2{
	margin-bottom: 60px;
}

.yukisanpo_section_3{
	margin-bottom: 60px;
}


/*オススメマーク*/
div#contents_section img.yukisanpo_dolphin_mark{
	max-width: 90px !important;
}

.yukisanpo_section_1 .yukisanpo_section_right{
	width: 100%;
	float: none;
}

.yukisanpo_section_1 .yukisanpo_section_left{
	width: 100%;
	float: none;
}

.yukisanpo_section_2 .yukisanpo_section_right{
	width: 100%;
	float: none;
}

.yukisanpo_section_2 .yukisanpo_section_left{
	padding-top: 0px;
	width: 100%;
	float: none;
}

.yukisanpo_section_3 .yukisanpo_section_right{
	position: relative;
	width: 100%;
	top:0px;
	right:0px;
}

.yukisanpo_section_3 .yukisanpo_section_left{
	width: 100%;
	float: none;
}

.yukisanpo_section_4 .yukisanpo_section_right{
	width: 100%;
	float: none;
}

.yukisanpo_section_4 .yukisanpo_section_left{
	padding-top: 0px;
	width: 100%;
	float: none;
}


a.yukisanpo_button{
	display:inline-block;
	white-space: nowrap;
	padding:15px 15px 15px 15px;
	text-align:center;
	display: inline-block;
vertical-align: middle;
	color: #ffffff;
	font-size: 16px;
	line-height: 100%;
	font-weight: 600;
	text-decoration:none;
	background-color: #5B9BB0;
	min-width: 280px;
}

a.yukisanpo_button:hover{
	color: #ffffff;
	background-color: #79BACC;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a.yukisanpo_button span::after{
	content:"";
	display: inline-block;
	position: relative;
	vertical-align:middle;
	margin-left: 5px;
	margin-top: -6px;
	width: 16px;
	height: 16px;
	background: url(img/icon_32_arrow_white.png) no-repeat center center;
	background-size: 16px 16px;
	
}


.sns_box{
	position:fixed;
	bottom:0%;
	left:1%;
	z-index:100;
	margin:5px 0;
}

 .sns_box li,.sns_box li a{border:solid 1px #ededed; background: none;border: none;}
 .sns_box img{
	 width: 30px;
 }


}/*@media screen and ( max-width: 768px )ここまで*/














/*プリント用調整（PC画面をA4に最適化）*/
@page {
	margin: 10mm 10mm !important;
}/*@pageここまで*/

@media print {
	
	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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		/*zoom: 0.99;*/
	}
	
	html, body{
		zoom: 0.97;
		overflow: visible !important;
	}
	
	.header_area { /*section*/
		position:relative !important;
	}

	
	body,
	.footer_area{
		background-color: #ffffff !important;
		min-width: 1200px !important;
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	.header_area{
		background-color: #475993;
	}
	
	.contents_area_frontpage,
	.contents_area{
		/*background-color: #CDD9DE !important;*/
		background-color: #ffffff !important;
		min-width: 1200px !important;
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	.header_outer,
	.contents_outer_frontpage,
	.contents_outer{
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	.contents_top_international{
		background-color: #207785 !important;
	}
	
	.contents_area{
		overflow: hidden;
	}
	
	.box_white{
		overflow: hidden;
	}
	
	/*ページトップのリンクタブを非表示*/
	#pagetop_wrapper,
	.pagetop,
	.pagetop a {
		display: none;
	}

	/*footerの背景色*/
	.footer_area { /*section*/
	}

	div#contents_main .print_only,
	.print_only {
		display:block !important;
	}
	
	
}/*@media printここまで*/

/* 190607 news */
#campaign_img_190607{
	position: relative;
}
#campaign_img_190607::before{
	content: "";
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: 116%;
}
#campaign_img_190607::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url("/wordpress/wp-content/uploads/2019/06/1全員2X2-883x1024.jpg") no-repeat center / cover;
}
@media screen and (max-width:767px) {
	#campaign_img_190607{
		max-width: 480px;
	}
}
@media screen and (min-width:768px) {
	#campaign_img_190607{
		width: 625px;
	}
}

/* 190902 slide */
div#contents_section .slide1909 ul li.ms-image {
	padding-left: 0;
}
.slide1909 .flex-control-nav {
    padding-left: 0!important;
}
@media screen and (max-width:767px) {
    div#contents_section .slide1909 ul li.ms-image img{
        max-width: 100%!important;
    }
    .slide1909 .flex-control-nav {
        display: block!important;
    }
}

/* 200824 トップページ　水族館についてはこちら　追加スタイル　ここから */
/*おたる水族館 企画ツアー*/
.frontpage_contents_link_tour.bg-scale a b{
	position: absolute;
	padding: 0% 10px 10px 10px; 
	top:13%;
	bottom:0;
	left: 0;
	right: 0;
	font-size: 20px;
	font-size: 1.6vmax;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}
.frontpage_contents_link_tour.bg-scale a b::before{
	content: "";
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 36%;
	max-width: 74px;
	padding-bottom: 29.5%;
	max-height: 74px;
	background: url(img/icon_128_tour_white.png) no-repeat center bottom;
	background-size: contain;
}
/*おたる水族館 企画ツアー　div*/
.frontpage_contents_link_tour.bg-scale:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background: url(img/top_information_img_4_3.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
@media screen and (min-width:768px) {
	.contents_link_a_box.contents_link_a_box--pc_column_4 .bg-scale{
		width: 49.4%;
		margin-top: 1.1%;
	}
	.contents_link_a_box.contents_link_a_box--pc_column_4 .bg-scale:last-child{
		margin-top: 1.1%;
		margin-right: 1.1%;
	}
	.contents_link_a_box.contents_link_a_box--pc_column_4 .bg-scale:nth-of-type(1),
	.contents_link_a_box.contents_link_a_box--pc_column_4 .bg-scale:nth-of-type(2){
		margin-top: 0;
	}
	.contents_link_a_box.contents_link_a_box--pc_column_4 .bg-scale:nth-of-type(2n){
		margin-right: 0;
	}
	.bg-scale .inner a{
		padding-bottom: 49%;
	}
	.frontpage_contents_link_maps.bg-scale a b,
	.frontpage_contents_link_miryoku.bg-scale a b,
	.frontpage_contents_link_fishes.bg-scale a b,
	.frontpage_contents_link_tour.bg-scale a b{
		top:-5%;
	}
}
@media screen and (max-width:767px) {
	.frontpage_contents_link_tour.bg-scale a b{
		font-size: 3vmax;
		font-size: 18px !important;
	}
}
/* 200824 トップページ　水族館についてはこちら　追加スタイル　ここまで */