@charset "utf-8"; 

/*base.css*/


/*
【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト
2-1 ページ全体		#container
2-2 ヘッダ			#top
2-3 本文			#contents
 2-4 補助枠			.wrap 
 2-5 中央			.main 
 2-6 中央(3カラム）.wrap .main
 2-7 サイド			.side
  2-8 左			#left
  2-9 右			#right
2-10 フッタ			#foot

【3】ページ全体内
3-0 共通
3-1 スキップナビ	.skip
3-2 アンカーナビ	.jump
3-3 バナー枠		.bnr

【4】ヘッダ内
4-0 共通
4-1 サイトID		#siteid
4-2 タグライン		#tagline
4-3 ログイン		#login
4-4 グローバルナビ	#gnavi
4-5 サブナビ		#snavi

【5】本文内
5-0 共通
5-1 パン屑					#pan
5-2 ボックス				.box
 5-3 タイトル				.title
 5-4 内容					.content
 5-5 内容の部品				.unit
 5-6 コメント				.comment
 5-7 詳細リンク				.more
 5-8 切替ボタン				.sw
 5-9 ボタンエリア			.bt
 5-10 サムネイル枠			.photoframe

【6】中央（メイン）内
6-0 共通
6-2 ボックス				.main .box
 6-3 タイトル				.main .title
 6-4 内容					.main .content
 6-5 内容の部品				.main .unit
 6-6 コメント				.main .comment
 6-7 詳細リンク				.main .more
 6-8 切替ボタン				.main .sw
 6-9 ボタンエリア			.main .bt
 6-10 サムネイル枠　（指定なし）
6-22 ボックス(3カラム)		.wrap .main .box 
 6-23 タイトル(3カラム)		.wrap .main .title 
 6-24 内容(3カラム)			.wrap .main .content 
 6-25 内容の部品(3カラム)	.wrap .main .unit 
 6-26 コメント(3カラム)		.wrap .main .comment 
 6-27 詳細リンク(3カラム)	.wrap .main .more 
 6-28 切替ボタン(3カラム)	.wrap .main .sw 
 6-29 ボタンエリア(3カラム)	.wrap .main .bt 

【7】サイド内
7-0 共通
7-2 ボックス(サイド)		.side .box
 7-3 タイトル(サイド)		.side .title
 7-4 内容(サイド)			.side .content
 7-5 内容の部品(サイド)		.side .unit
 7-6 コメント(サイド)		.side .comment
 7-7 詳細リンク(サイド)		.side .more
 7-8 切替ボタン(サイド)		.side .sw
 7-9 ボタンエリア(サイド)	.side .bt
7-22 ボックス(左)			#left .box
 7-23 タイトル(左)			#left .title
 7-24 内容(左)				#left .content
 7-25 内容の部品(左)		#left .unit
 7-26 コメント(左)			#left .comment
 7-27 詳細リンク(左)		#left .more
 7-28 切替ボタン(左)		#left .sw
 7-29 ボタンエリア(左)		#left .bt
7-42 ボックス(右)			#right .box
 7-43 タイトル(右)			#right .title
 7-44 内容(右)				#right .content
 7-45 内容の部品(右)		#right .unit
 7-46 コメント(右)			#right .comment
 7-47 詳細リンク(右)		#right .more
 7-48 切替ボタン(右)		#right .sw
 7-49 ボタンエリア(右)		#right .bt
7-60 サイドメニュー	#smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー	#fmenu
8-2 コピーライト	#copy

【9】CSS読み込み（オプション）
9-1 MacIE用CSS


【各ページ固有クラス名】
※ body又はページ全体を囲むdiv要素に命名
トップ			.indextop
カテゴリ		.indextop2
地域			.indextop3
ランキング		.popular
新規ブログ		.newblog
タグ検索		.indextag
カレンダー		.indexcalendar
マップ			.map
アンケート結果	.survey
お問い合わせ	.inquiry
エラーページ	.error
プライバシー	.privacy
利用規約		.rule

フォトラバトップ	.indexptb
フォトラバカテゴリ	.ptbcategory
├本文と画像		.category0
├タイトルと画像	.category1
└タイトルのみ		.category2
フォトラバテーマ	.ptbtopic
├記事順			.ptbtopic0
└画像順			.ptbtopic1
*/




/*【1】初期設定*/
/*1-0 要素初期化*/
body {
	margin:0;
	padding:0;
	text-align: center;

}
p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	margin: 0;
}
p {
	margin:0 0 1em;
}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
strong { font-weight:bold;}
em { font-style:italic;}
a {}
a:link {
	color: #00f;
	text-decoration: none;
}
a:visited {
	color: #9c7443;
    text-decoration: none;
}
a:hover , a:active {
	color: #69f;
	text-decoration: none;
}
img { border:none;}
hr {
	display:none;
}

/*1-1 汎用セレクタ*/
/*クリア*/
.clear { clear:both;}

/*アイコン画像*/
#container .ico { vertical-align:middle;}
/*アイコン画像（ポータル出力class名）*/
.portalicon { vertical-align:middle;}

/*ライン <div class="line-dot"><hr></div> */
.line-dot {
	background: url(../../img/2013/bg/bg_dot.gif) repeat-x 0 50%;
	width: 100%;
	height:10px;
	border: none;
}

/*カラー*/
.black {color:#000;}
.blue {color:#3333ff;}
.orange	{color:#ff9900;}
.red {color	:#f00;}

/*フォントサイズ*/
.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font12	{font-size: 12px;}
.font14	{font-size: 14px;}
.font16	{font-size: 16px;}
.font18	{font-size: 18px;}
.font24	{font-size: 24px;}
.font36	{font-size: 36px;}
.xsmall { font-size: 75%;}
.small { font-size: 86%;}
.large { font-size: 116.7%;}
.xlarge { font-size: 133.4%;}

/*文字揃え*/
.textright { text-align:right;}
.textleft { text-align:center;}
.textcenter { text-align:left;}

/*スペース
使用方法：
	<div class="space10"><hr></div>
*/
.space1 { height:1px;}
.space2 { height:2px;}
.space3 { height:3px;}
.space4 { height:4px;}
.space5 { height:5px;}
.space6 { height:6px;}
.space7 { height:7px;}
.space8 { height:8px;}
.space9 { height:9px;}
.space10 { height:10px;}
.space12 { height:12px;}
.space14 { height:14px;}
.space15 { height:15px;}
.space16 { height:16px;}
.space18 { height:18px;}
.space20 { height:20px;}
.space22 { height:22px;}
.space24 { height:24px;}
.space25 { height:25px;}
.space26 { height:26px;}
.space30 { height:30px;}



/*1-2　フォーム関連*/
form {
	margin:0;
	padding:0;
}
input.button	{
	border-top: 3px double #ccc;
	border-right: 3px double #666;
	border-bottom: 3px double #666;
	border-left: 3px double #ccc;
	color: #333;
	background :#E2E2E2 url(../../img/2013/bg/bg_btn.jpg) repeat-x;/*フォームボタン用（背景）*/
	font-family: "verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	padding: 3px;
}
input.text		{
	width : 105px;
	margin : 0px;
	padding : 4px;
	background : #F5F4F1 repeat-x;
}
select 			{
	border-top : 3px double #ccc;
	border-right : 3px double #666;
	border-bottom : 3px double #666;
	border-left : 3px double #ccc;
	color : #000;
	background : #F5F4F1 repeat-x;
	font-size : 12px;
	font-weight : normal;
	margin : 0px 3px 0px 3px;
	padding : 2px;
}
input.radio		{
	margin : 3px 0px 0px 0px;
	padding : 1px 1px 0px 1px;	
}




/*1-3 CSSハック*/
/*clearfix*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}




/*【2】画面レイアウト*/
/*2-1 全体*/
#container {
	z-index: 1;
	text-align: left;
	width: 988px;
	background-color: #FFFFFF;
	font-size: 62.5%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#Clog2 #container {
}


/*2-2 ヘッダ*/
#top {
    width: 988px;
    text-align: left;
    background-color: #FFFFFF;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 294px;
}

/*2-3 本文*/
#contents {
	width: 988px;
	text-align: left;
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	padding: 0px;
}

/*2-4 補助枠*/
.wrap {
	display: block;/*IE+float 横マージン膨張対策*/
	margin: 0;
	float: left;
	width: 988px;
}

/*2-5 中央*/
.main {
	float: right;
	width: 653px;
	display: inline;/*IE+float 横マージン膨張対策*/
	margin: 0 5px 0 0;
}

/*2-6 中央(３カラム）*/
.wrap .main {
	width: 485px;
	float: left;
	margin:0;
	padding: 0px;
}

/*2-7 サイド*/
.side {}

/*2-8 左*/
#left {
	width: 180px;
	float: left;
	display: inline;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;
}

/*2-9 右*/
#right {
	width: 300px;
	float: right;
}

/*2-10 フッタ*/
#foot {
	clear: both;
	width: 100%;
	text-align: center;
	background-color: #F9F9F9;
	margin: 0;
}
#foot h2 {
	border:none;
}
#foot_s {
	width: 988px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.foot_box {
	height: auto;
	width: 988px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.partner {
	font-size: 12px;
	line-height: 24px;
	height: auto;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}


/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-2 アンカーナビ*/
.jump {
	text-align:center;
}

/*3-3 バナー枠*/
.bnr {	text-align:center; margin:0;}
.bnr p {	text-align:center; margin:0;}
.bnr a {}
.bnr a img { margin:0 auto; border:none;}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {
    width: 988px;
    float: left;
    display: block;/*IE6+float 横マージン膨張対策*/
    margin: 0;
    padding: 0px;
    height: 200px;
    background-image: url(../../img/2013/common/header.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent: -9999px;
}
#siteid p {
	display:inline;
}

/*4-2 タグライン*/
#tagline {
	width: 588px;
	display: block;
	float: left;
	padding: 5px 0 0;
}
#headerlink {
	width:400px;
	float:right;
	height: 24px;
	line-height: 24px;
	text-align: right;
}


/*4-3 ログインメニュー*/
#login {
	width: 180px;
	float: none;
	font-size:1.2em;
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}

/*4-4 グローバルナビ*/
#gnavi {
	clear: both;
	height: 36px;
	margin: 0px;
	padding: 0px;
	background-color:#FF9900;
}
#gnavi ul {
	padding:0;
	margin: 0px;
}
#gnavi li {
	border-right:#FFF dotted 1px;
	width:140px;
	text-align:center;
	float:left;
	display:inline;
	margin:0;
	font-size: 1.4em;
	font-weight:bold;
	line-height: 36px;
	padding: 0px;
}
#gnavi li a {
	display:block;
	padding:0;
}
#gnavi li a:link ,
#gnavi li a:visited {
	text-decoration:none;
	color:#ffffff;
}
#gnavi li a:hover ,
#gnavi li a:active {
	text-decoration:none;
	background-color:#FC3;
}

/*4-5 サブナビ*/
#snavi {}

/*【5】本文内*/
/*5-0 共通*/

/*5-1 パン屑*/
#pan {
	clear: both;
	width: 988px;
	font-size: 1.2em;
	height: 24px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin: 0;
}
#pan p ,
#pan h1 ,
#pan h2 {
	display:inline;
	margin:0;
	white-space:normal;
}
#pan a {
	background:url(../../img/2013/bg/bg_pan.gif) no-repeat 100% 50%;
	padding:0 20px 0 0;
}
/*5-2 ボックス*/
.box {
	font-size: 1.2em;
	margin:0 0 20px;
}
/*clearfix(S)*/
.box {
	zoom:1;/*for IE 5.5-7*/
}
.box:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*clearfix(E)*/


/* 5-3 タイトル*/
.title {
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	text-align:left;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #F90;
	border-bottom-color: #F90;
	margin-bottom: 10px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 22px;
	background-image: url(../../img/2013/common/icon_sq.gif);
	background-repeat: no-repeat;
	background-position: 10px 11px;
}
/* 5-4 内容*/
.content {
	padding: 1px 5px 5px;
}
/* 5-5 内容の部品*/
.unit {}
/* 5-6 コメント*/
.comment {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
/* 5-7 詳細リンク*/
.more {
	text-align:right;
	margin: 0;
}
.more a:link ,
.more a:visited {
	/*text-decoration:underline;*/
}
.more a {
    display: inline-block;
    color: #ffffff !important;
    background-color: #ff9900;
    padding: 0.2rem 1rem;
    text-decoration: none !important;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
}
.more a:hover ,
.more a:active {
	text-decoration:none;
}
/* 5-8 切替ボタン*/
.sw {}
/* 5-9 ボタンエリア*/
.bt {
	text-align: center;
}
/* 5-10 サムネイル枠*/
.photoframe {}
.photoframe ul {
	padding:0 0 0 2px;
}
.photoframe li {
	float:left;
	padding:0 0 5px;
}
.photoframe li a {
	border:none;
}
.photoframe li a:link {	color:#00f;}
.photoframe li a:visited { color:#90f;}
.photoframe li a:hover ,
.photoframe li a:active {	color:#39f;}
.photoframe li img {
	display:block;
	border:1px solid #ccc;
}
.photoframe li span {
	display:block;
	height:1.2em;
	line-height:1.2;
	overflow:hidden;
	text-align: center;
	font-size: 10px;
	color: #764306;
}

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link {	color: #693e08;}
.main a:visited {}
.main a:hover , .main a:active {
	color: #9c7443;
}

/*6-2 中央（メイン）ボックス*/
.main .box {}
/* 6-3 中央（メイン）タイトル*/
.main .title {
	
}
/* 重要なお知らせ*/

.notice{
	border: 2px solid red;
	padding: 0.5rem;
	text-align: center;
	margin-bottom: 0.5rem;
}
.notice a{
	color: red;
	font-weight: 900;
	font-size: 0.8rem;
}

/* 6-4 中央（メイン）内容*/
.main .content {}


/* 6-5 中央（メイン）内容の部品*/
.main .unit {
	font-size: 90%;
    line-height: 2.2;
}
/* 6-6 中央（メイン）コメント*/
.main .comment {}
/* 6-7 中央（メイン）詳細リンク*/
.main .more {}
/* 6-8 中央（メイン）切替ボタン*/
.main .sw {}
/* 6-9 中央（メイン）ボタンエリア*/
.main .bt {
	margin: 5px 0 0;
}

/*6-22 中央（メイン）ボックス(3カラム)*/
.wrap .main .box {}
/* 6-23 中央（メイン）タイトル(3カラム)*/
.wrap .main .title {
	
}
/* 6-24 中央（メイン）内容(3カラム)*/
.wrap .main .content {
}
/* 6-25 中央（メイン）内容の部品(3カラム)*/
.wrap .main .unit {}
/* 6-26 中央（メイン）コメント(3カラム)*/
.wrap .main .comment {}
/* 6-27 中央（メイン）詳細リンク(3カラム)*/
.wrap .main .more {}
/* 6-28 中央（メイン）切替ボタン(3カラム)*/
.wrap .main .sw {}
/* 6-29 中央（メイン）ボタンエリア(3カラム)*/
.wrap .main .bt {}


/*【7】サイド内*/
/*7-0 共通*/
.side a {}
.side a:link {	color: #764306;}
.side a:visited {}
.side a:hover , .side a:active {
	color: #0000FF;
}

/*7-2 サイドボックス*/
.side .box {}
/* 7-3 サイドタイトル*/
.side .title {
}
/* 7-4 サイド内容*/
.side .content {}
/* 7-5 サイド内容の部品*/
.side .unit {}
/* 7-6 サイドコメント*/
.side .comment {}
/* 7-7 サイド詳細リンク*/
.side .more {}
/* 7-8 サイド切替ボタン*/
.side .sw {}
/* 7-9 サイドボタンエリア*/
.side .bt {}

/*7-22 ボックス(左)*/
#left .box {}
/* 7-23 タイトル(左)*/
#left .title {
	
}
/* 7-24 内容(左)*/
#left .content {
}
/* 7-25 内容の部品(左)*/
#left .unit {}
/* 7-26 コメント(左)*/
#left .comment {}
/* 7-27 詳細リンク(左)*/
#left .more {}
/* 7-28 切替ボタン(左)*/
#left .sw {}
/* 7-29 ボタンエリア(左)*/
#left .bt {}

/*7-42 ボックス(右)*/
#right .box {}
/* 7-43 タイトル(右)*/
#right .title {
}
/* 7-44 内容(右)*/
#right .content {
}
/* 7-45 内容の部品(右)*/
#right .unit {}
/* 7-46 コメント(右)*/
#right .comment {}
/* 7-47 詳細リンク(右)*/
#right .more {}
/* 7-48 切替ボタン(右)*/
#right .sw {}
/* 7-49 ボタンエリア(右)*/
#right .bt {}

/*7-60 サイドメニュー*/
.side #smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu {
	font-size: 12px;
	background-color:#EBEBEB;
	border: 1px solid #bebebe;
	padding: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width: 900px;
}
/*8-2 コピーライト*/
#copy {
	font-style: normal;
	font-size: 14px;
	padding:12px 0 4px;
}



/*【9】CSS読み込み（オプション）*/
/* 9-1 MacIE用CSS （MacIE用パスフィルター）*/
  /*\*//*/
  @import "macie.css";
  /**/


/* じゃんぐる公園オリジナル */

.ad01 {
	width:485px;
	text-align:center;
	float: left;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
}
.rec_shop_box {
	height: auto;
	width: auto;
	margin-bottom: 10px;
	overflow: hidden;
}
.rec_shop_box a img{
    object-fit: cover;
}


.rss_list {
	font-size: 12px;
	color: #444444;
}
.rss_list table {
width:100%!important;
	font-size: 12px;
	color: #444444;
}
.rss_list table td:first-child{
}
.rss_list table td:first-child a{
font-weight:900;
}
.rss_list table td:last-child{
}

#logininfo {
}
.title_log {
	background-image:url(../../img/2013/common/login_top.jpg);
	width:180px;
	height:38px;
}
.content_mob {
	border-right:1px solid #E7CEA4;
	background-color:#FFE3B5;
	padding: 3px;
}
.content_log_b {
	background-image:url(../../img/2013/common/login_btm.jpg);
	width:180px;
	height:10px;
	font-size:8px;
}
.sidebnr {
	text-align:center;
	margin-bottom:20px;
}
.box_kinoutop_com {
	background-image:url(../../img/2013/common/title_kino.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:74px;
	margin:0;
	padding:0;
}
.box_kinoumdl_com {
	background-color:#E6EBEE;
}
.box_kinoumdl_com img {
	padding: 5px;
}
.box_kinoumdl_com ul {
	padding-bottom:10px;
}
.box_kinoumdl_com ul li {
	font-size:10px;
	padding-top: 5px;
	padding-right: 5px;
	clear: both;
}
.ttl_kinou_com a,
.ttl_kinou_com a:link,
.ttl_kinou_com a:visited{
	color:#FE9901;
	font-weight: bold;
	text-decoration:none;
}
.box_ad_side {
	margin-bottom:20px;
}
h1#ttl_page {
	width:988px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	background-color:#E6EBEE;
	text-align:center;
	font-size:18px;
	line-height:40px;
	margin-bottom:20px;
	padding: 0px;
	float: none;
	display: block;
	height: 40px;
	clear: both;
}


/* 広告タグ 20140917 */
.sp3pas_ad_space{
	margin-bottom:20px;
}

/* Funbiz PDFリンクボックス */
.funbizPdf{
	border:4px solid #FF8C00;
	min-height:252px;
}
.funbizPdf a img{
	border:0;
}
.funbizPdf a img:hover{
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

.funbizPdfBtn01{
	float:left;
}
.funbizPdfBtn02{
	float: right;
}
.funbizPdfBtn03{
	float:left;
}
.funbizPdfBtn04{
	float: right;
}

/* Funbiz PDFリンクボックス2018 */
.top-funbiz{
	background: url(../../img/top-funbiz-2018/pic--01.png) left top no-repeat;
	width: 475px;
	padding: 79px 5px 5px 6px;
	list-style: none;
		box-shadow:0 0 6px rgba(0, 0, 0, 0.2);
		background-color: darkorange;
}
.top-funbiz ul {
    margin-bottom: -4px;
}
.top-funbiz li{
	display: block;
	width: 95px;
	float: left;
}

.top-funbiz a img{
	vertical-align: bottom;
}
.top-funbiz a img:hover{
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

#addrest {
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.21);
    background-image: url(http://www.junglekouen.com/img/bnr_bg.png);
    background-size: cover;
    background-position: 50%;
}
#sumai {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.21);
}

/*-------------------2019--------------------*/
#Clog2 #container.responsive_2019,#Clog2 #container.responsive_2019 #top,#Clog2 #container.responsive_2019 #top #siteid{
	width: 100%;
}
#container.responsive_2019 #top #siteid {
    background-image: url(../../img/2018/j_header2.png);
    background-position: 50% 50%;
    background-size: contain;
    background-color: #fbfae6;
    background-repeat: no-repeat;
}

#Clog2 #container.responsive_2019 .brand {
    /*display: block;*/
    display:none;
    position: absolute;
    top: 1rem;
    left: calc(50% - 150px);
}
#Clog2 #container.responsive_2019 .brand img{
	max-height: 200px; width: auto;
}

#Clog2 #container.responsive_2019 #top{
    height: auto;
    margin-bottom: 0;
	box-shadow: 0 30px 30px #e6fbff;
}
#Clog2.indextop #container.responsive_2019 #top{
    height: auto;
    margin-bottom: 1rem;
	box-shadow: 0 30px 30px #e6fbff;
}
#Clog2.indextop #container.responsive_2019 #top #pan{display: none;}
#container.responsive_2019 #pan {
    background-color: #e7fbff;
    clear: both;
    width: auto;
    padding-left: 1rem;
}
#Clog2 #container.responsive_2019 #top #gnavi .clearfix{margin: 0 auto; max-width: 988px;}

#container.responsive_2019 #headerlink{
    width: auto;
    float: none;
    background-color: #ff9900;
    color: #fff;
}
#container.responsive_2019 #tagline { width: auto; padding-left: 1em;}
#container.responsive_2019 #headerlink a {color: #fff;    padding-right: 1em;}
/*-------------------------------*/
/*--- Caution ---*/
/*------------------------------*/
.coution { border:2px solid red; padding: 0.5em; text-align: center; margin-bottom: 1rem; background-color: #ffffff; font-size:1.2rem;}
.coution a {color:red; text-decoration: none;}