@charset "utf-8";
/*
Theme Name: banyanoyu
Theme URI: http://banya-no-yu.com/
Description: 	番屋の湯のテーマファイル
Version: 1.9
Author: FUMIZOH by ReativeC
Author URI: http://reativec.co.jp/
*/

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-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, insert, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

body{
color:#000;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#fff;
-webkit-text-size-adjust:100%;
}
body {
background-image: url("../../uploads/2017/04/bg.gif")
}
html{
background: #fff;
overflow-x: hidden;
}


/* リンク設定
------------------------------------------------------------*/
a{color:#000;text-decoration:none;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
a:hover{color:#888;}
a:active, a:focus{outline:0;}

img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a:hover img {
	opacity: .5;
}


.logo img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.logo a:hover img {
	opacity: 1;
}

/* フォーム
------------------------------------------------------------*/
input, textarea{
vertical-align:middle;
max-width:90%;
line-height:24px;
height:24px;
padding:1px 5px;
border:1px solid #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background:#e9d7af;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
height:auto;
font-size:110%;
color:#6c4d31;
webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background:#d8ba72;
cursor:pointer;
color:#fff;
webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}


/* 全体
------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	padding:30px 1% 0;
	width:92%;
	position:relative;
}

.inner{
	margin:0 auto;
	width:100%;
}


/*************
/* ヘッダー
*************/
h1{
font-size:12px;
line-height:1.6;
font-weight:normal;
color:#000;
padding: 4px 0;
width:100%;
text-align: center;
/*margin: 0 auto 30px;*/
margin: 30px auto 0px;
}

#header{
overflow:hidden;
background-image: url(../../uploads/2017/04/bg.gif);
background-color: #000;
color:#fff;
padding:0;
width: 100%;
margin: 0 auto;
text-align:center;
}
#header .text {
color:#000;
padding:0;
width: 100%;
margin: 0px auto 30px;
text-align:center;
}

#header .text span {
font-size: 90%;
display: inline-block;
    padding-top: 5px;
}
#header .text span br {
display: none;
}
@media only screen and (max-width:569px){
	#header .text span br {
		display: inline;
	}
}
/*************
/* ロゴ
*************/
#header .logo{
padding:10px 0 10px;
}

.logo a{
font-size:20px;
font-weight:bold;
line-height:1;
color:#fff;
font-family:"Palatino Linotype", "Book Antiqua", Palatino,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.logo span{
font-size:12px;
font-weight:normal;
color:#000;
}

.info{
float:right;
padding:20px 0;
}

.tel strong {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 31px;
font-weight: 700;
color: #555;
-moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
-webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
-ms-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
}

.tel strong a{color:#555;text-decoration:none;}
.tel strong a:hover{color:#555;}
.tel strong a:active{color:#555;}



/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
width: 100% !important;
height: auto !important;
line-height:0;
position: relative;
zoom: 1;
margin:0 auto;
text-align:center;
background-color: #e9e0d1;
}

#mainBanner div.mainSlider{
width: 100%;
margin: 0 auto;
line-height:0;
text-align:center;
}

#mainBanner img{
width:100% !important;
height: auto !important;
position: relative;
zoom: 1;
margin:0 auto;
text-align:center;
}
.cobit19 {
	width: 50%;
	margin: 0 auto;
	border: 1px solid #f00;
	color: #f00;
	font-size: 130%;
	line-height: 20px;
	text-align: center;
	border-radius:20px;
	padding: 8px 20px;
}
.cobit19 a {
	font-size: 16px;
}
.top_message_wrap {
	border: 2px solid #f00;
	font-size:18px;
	max-width: 780px;
	margin: 0 auto;
	padding: 30px;
}
.top_message_title {
	color: #f00;
	font-weight:bold;
	font-size:30px;
	text-align: center;
	margin-bottom:20px
}
.top_message_text {
	text-align: center;
	margin-bottom:10px;
}
.top_message_text span {
	color: #f00;
	font-weight:bold;
}
.top_message_text br.br{
	display: inline;
}
.top_message_wrap a {
	color:#f00;
	text-decoration:underline;
}
/*************
/* お知らせ
*************/
.post ul.category-posts-internal {
	list-style: none;
	margin: 0 45px;
}
.post ul.category-posts-internal li {
	margin-bottom: 0px;
    padding: 20px 0px;
    background: none;
    border-bottom: 1px solid #b3b3b3;

}
.post ul.category-posts-internal li:last-child {
	margin-bottom: 20px;
}
/**************************
/* グリッド
**************************/
.gridWrapper{
clear:both;
padding:20px 0;
overflow:hidden;
}

.gridWrapper{
display:table;
border-collapse:separate;
border-spacing:20px 0;
margin: 0 -20px;
}

.grid{display:table-cell;}

#toppage .grid{
padding-bottom:5px;
color:#000;
background:#ccc;
}

#toppage .grid:nth-child(2n){background:#e9e0d1;}

#toppage .grid h3{
margin:10px 10px 5px;
font-size:14px;
border-bottom:1px solid #888;
color:#000;
}

#toppage .grid a{
display:block;
color:#000;
}

#toppage .grid a:hover{
color:#888;
}

.grid p{
padding:5px 10px;
}

.grid ul{margin-left:5px;}

.grid li{
padding:5px 0;
margin-left:0;
list-style:none;
border-top:1px solid #6c4d31;
}
.grid li:first-child{border-top:0;}
.grid li:last-child{border-bottom:0;}

.gridWrapper img{
max-width:100%;
height:auto;
}

/* フッター内のグリッド(3カラム) */
#footer .grid{
color:#fff;
background:transparent;
}


/*************
メイン コンテンツ
*************/
section.content{
margin-bottom:20px;
font-size:14px;
overflow:hidden;
}

/* アーカイブページ */
section.content .archive{
padding:20px 0 0;
border-top:1px solid #000;
border-bottom:1px solid #333;
}

section.content .archive:first-child{border-top:0;}
section.content .archive:last-child{border-bottom:0;}

section.content p{
margin-bottom:0;
padding-bottom: 0;
}
p.blog-naiyo{margin-bottom:25px !important;}

h3.heading, .post h3.access-map {
margin-bottom: 10px;
font-size: 12px;
font-weight: 900;
color: #333;
position: relative;
padding: .25em 0 .5em .75em;
border-left: 6px solid #d7c7ae;
margin-bottom: 30px;
}

#sidebar h3 {
margin-bottom: 10px;
font-size: 12px;
font-weight: 900;
color: #333;
position: relative;
padding: .25em 0 .5em .75em;
border-left: 6px solid #d7c7ae;
margin-bottom: 0;
}

h3.heading::before, .post h3.access-map::before, #sidebar h3::before {
position: absolute;
left: -6px;
bottom: 0;
content: '';
width: 6px;
height: 50%;
background-color: #6c4d31;
}

h3.heading::after, .post h3.access-map::after, #sidebar h3::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 1px solid #6c4d31;
}



.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

.border,ul.list img{border:4px solid #ebebeb;}


/*************
/* サイドバー
*************/
#sidebar article {
/* padding: 7px; */
margin-bottom: 20px;
/* border: 1px solid #ebebeb; */
overflow: hidden;
}

#sidebar ul{padding-top:10px;}

#sidebar #category-posts-2-internal .cat-post-date {
margin-bottom: 0;
text-align: right;
}

#sidebar #category-posts-2-internal li:first-child {
margin: 15px 0 0;
padding: 0 !important;
}

#sidebar #category-posts-2-internal .cat-post-item {
border-bottom: none;
list-style: none;
list-style-type: none;
margin: 0 5px 0 0;
padding: 5px 0 0 !important;
}

#sidebar ul#category-posts-2-internal{
padding-top: 0;
}

ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}


/* 検索ウィジェット
*************/
#searchform label.screen-reader-text{
display:none;
}
#searchform input, #searchform textarea {
vertical-align: middle;
max-width: 70%;
line-height: 24px;
height: 30px;
padding: 1px 5px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 115%;
color: #555;
}
#searchform input[type="submit"], #searchform input[type="reset"], #searchform input[type="button"] {
padding: 0.35em 10px;
background: #e9d7af;
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-appearance: none;
line-height: 1.5;
height: auto;
font-size: 120%;
font-weight: 700;
color: #6c4d31;
}

#searchform input[type="submit"]:hover, #searchform input[type="reset"]:hover, #searchform input[type="button"]:hover {
background:#d8ba72;
color:#fff;
}

/* アーカイブウィジェット
*************/
#sidebar label.screen-reader-text{
display:none;
}

keygen, select, select[size="0"], select[size="1"] {
border-radius: 3px;
border-color: #ccc;
width: 92%;
height: 30px;
margin: 10px 10px 15px;
padding: 5px 10px;
}

select#archives-dropdown-2 {
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
white-space: pre;
font-size: 115%;
color: black;
background: #fff;
cursor: default;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-image: initial;
}

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

#footer{
clear:both;
padding:20px 0 0;
overflow:hidden;
background:#d7c7ae;
text-align:center;
}

#footer a {
color: #000;
}

#footer a:hover {
color: #888;
}

#footer-widget{
width:100%;
}

#footer-widget li{
padding:0 5px;
margin:20px 0 0;
list-style:none;
border-bottom:0;
display:inline-block;
border:0;
}

#footer-widget li img{
width: 250px;
}

#footer-widget ul#menu-footer-menu li{
padding:0 5px;
margin:20px 0 0;
list-style:none;
border-bottom:0;
border:0;
display: block;
font-size: 14px;
}

#footer .col3 ul{
margin:20px 0 5px 5px;
}

#footer .col3 li{
padding:0 15px;
margin-bottom:3px;
list-style:none;
border-bottom:0;
display:inline-block;
border:0;
}

#footer .gridWrapper {
display: table;
border-collapse: separate;
border-spacing: 20px 0;
margin: 0 -20px;
width:100%;
}
.footer-img1 img {
	margin-bottom: 20px;
}
.copyright-auto{
    background-color: #000;
}

#copyright{
clear: both;
font-size: 14px;
text-align: center;
padding: 10px 0;
margin: 0 auto;
color:#fff;
}


/*************
サブ（フッター前）コンテンツ
*************/

#sidebar li a{display:block}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{float:left}
.next{float:right;}

#pageLinks{
clear:both;
text-align:center;
}


/* タイポグラフィ
*****************************************************/
.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:15px;}

.post ul{margin:0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin:0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color:#000;
border-bottom:3px solid #3f4360;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color:#000;
border-bottom:2px solid #3f4360;
}

.post h3{
margin:10px 0;
font-size:120%;
font-weight:normal;
color:#000;
border-bottom:1px solid #3f4360;
}

.post blockquote{
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}

.post blockquote p{padding:5px 0;}

.post table{
border-collapse:collapse;
margin:10px 0;
}

.post table th,.post table td{
border-bottom:1px solid #efc79;
}

.post table tr:first-child th,.post table tr:first-child td{
border-top:#EFC793 4px solid
}

.post table th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#333;
background:#ccc;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter{
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}


/* 投稿記事のアイキャッチ*/
#post_image {
text-align: center !important;
padding: 0 0 15px !important;
width:100%;
}

#post_image img {
width: auto;
height: auto;
max-width: 100%;
}

/* PCメニュー
------------------------------------------------------------*/
@media only screen and (min-width:960px){
#insert{width:1200px;background:#fff;display:block;}
	#wrapper,.inner{
	max-width:1200px;
	padding:0;
	}

	#wrapper{padding-top:20px;padding-bottom:20px;width:98%;}

	.grid{width:295px;}
	.col3{max-width:1200px !important;}
	#sidebar .grid{
	width:100%;
	display:block;
	padding-bottom:30px;
	}

	#main{
	float:right;
	width: 75%;
	max-width:930px;
	padding-top:30px;
	padding-bottom:40px;
	}

	#main-page{
	/*float:right;*/
	max-width:1200px;
	padding-top:30px;
	padding-bottom:40px;
	}

	#sidebar{
	float:left;
	width: 25%;
	max-width:235px;
	padding-top:30px;
	overflow:hidden;
	}

	/* トップナビゲーション */
	#nav-back {
	background-color: #d7c7ae;
	width: 100%;
	}
        #mainNav{
	margin: 0 auto;
        max-width: 1200px;
        }

	nav div.panel{display:block !important;}

	a#menu{display:none;}

	ul#topnav{
	clear: both;
	border: none;
	display: table;
	table-layout: fixed;
	width: 100%;
	}

	ul#topnav li{
    /* float: left; */
    margin: 0;
    text-align: center;
    position: relative;
    font-weight: 700;
    display: table-cell;
	}

	ul#topnav li span{
	font-weight:300;
	}

	ul#topnav li a{
	font-size:14px;
	display:block;
	padding:15px 0;
	border-left:1px solid #988773;
	color: #000;
	}

	ul#topnav li:last-child a{
	font-size:14px;
	display:block;
	padding:15px 0;
	border-right:1px solid #988773;
	color: #000;
	}

	ul#topnav li.current-menu-item a,ul#topnav a:hover,ul#topnav li:last-child a:hover{
	color:#695d4f;
	}

	nav#mainNav ul li ul{
	display:none;
	}

	nav#mainNav ul li:hover ul{
	display:block;
	position:absolute;
	left:0;
	z-index:9999;
	}

	ul#topnav li li{
	margin:0;
	float:left;
	width:100%;
	border-top:1px solid #000;
	background: #333;
	}

	ul#topnav li.current-menu-item li a,ul#topnav li li a{
	width:auto;
	border:0;
	padding:10px;
	}

	ul#topnav li li:last-child a{
	width:auto;
	border:0;
	padding:10px;
	height:auto;
	border-bottom:1px solid #000;
	}

	ul#topnav li li.current-menu-item a,ul#topnav li li a:hover{
	color:#fff;
	}
}


@media only screen and (max-width:959px){
	#header{padding:0px 0 0 !important;max-width: 100% !important;}
	#header .logo,#header .info{padding:10px;color:#000;}
	#header h1{color:#000;margin: 20px auto 0px;}
	#header .text {margin: 0px auto 20px;}
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background:#333;
	position: relative;
	z-index: 1000000;
	}

	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	padding-top:2px;
	margin-bottom: -4px;
	border-bottom: 1px solid #000;
	}

	nav#mainNav a#menu span{padding-left:10px;}
	nav#mainNav a span:before{content: url("../../uploads/2017/03/menubtn.png");}
	nav#mainNav a.menuOpen span:before{content: url("../../uploads/2017/03/menubtn2.png");}

	nav#mainNav a#menu:hover{cursor: pointer;}

	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	border-bottom:1px dashed #000;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display:block;
	padding:15px 10px;
	text-align:left;
	color:#fff;
	}

	nav#mainNav ul li li:first-child a:hover{border-top:1px dashed #000;}

	nav#mainNav ul li li{
	float:left;
	}

	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #000;}

	nav#mainNav ul li li:last-child {
	float:left;
	border-bottom:0;
	}

 	nav#mainNav ul li a span{display:none;}

	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#000;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
	padding-left:40px;
	background:url(images/sub1.png?20170117) no-repeat 20px -62px;
	}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{background:#fff1cd url(images/sub1.png?20170117) no-repeat 20px -62px;}

	nav#mainNav ul li li:last-child a{background:url(images/subLast.png?20170117) no-repeat 20px -65px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#fff1cd url(images/subLast.png?20170117) no-repeat 20px -65px;}

	.top-info img {
	margin: 0 auto;
	text-align: center;
	max-width: 98% !important;
	}

	.gridWrapper{display:block;}

	.grid{
	display:block;
	width:100%;
	}

	#toppage .grid{
	width: 47%;
	padding-bottom: 5px;
	color: #fff;
	background: #e9e0d1;
	margin: 0.6em 0.459em;
	display: inline-table;
	text-align: left;
	}

	#toppage .grid img{
	width:100%;
	text-align: center;
	}

	#main{
	float:right;
	width:100%;
	padding-top:30px;
	padding-bottom:40px;
	}

	#sidebar {
	float: left;
	width: 100%;
	padding-top: 30px;
	overflow: hidden;
	}

	#sidebar .grid{display:inline-table;margin-bottom: 30px;}

	#footer .grid{
	display:block;
	width:100%;
	margin:0 0 20px;
	text-align:center;
	}

	#searchform {text-align: center;}
	#searchform input, #searchform textarea {
	vertical-align: middle;
	max-width: 100%;
	line-height: 24px;
	height: 30px;
	margin-bottom: 20px;
	padding: 1px 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 115%;
	color: #555;
	}

	#pl-5 #pgc-5-0-0 .textwidget p{
	font-size:14px !important;
	line-height:160% !important;
	padding:0 !important;
	margin-top: -20px;
	}
	.cobit19 {
		width: 80%;
	}


}



@media only screen and (max-width:640px) {
	img.alignleft,img.alignright,.alignleft,.alignright {
		float:none;display:block;margin:0 auto 10px;
	}
	#toppage .grid {
		width: 96%;
		padding-bottom: 5px;
		color: #fff;
		background: #fff;
		margin: 0.6em 0.459em;
		display: inline-table;
		text-align: left;
   }
   .tel strong {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:30px;
		font-weight:900;
		color:#555;
			-moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
			-webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
			-ms-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.35);
	}
	#pl-5 #pgc-5-0-0 .textwidget p {
		font-size:14px !important;
		line-height:160% !important;
		padding:0 !important;
		margin-top: -25px;
	}

	.cobit19 {
		width: 93%;
		padding: 6px 10px;

	}
	.cobit19 a {
		font-size: 13px;
	}
	.top_message_wrap {
		font-size:16px;
	}
	.top_message_title {
		font-size:26px;
	}
	.top_message_text {
		text-align: left;
	}
	.top_message_text br.br{
		display: none;
	}
	.post ul.category-posts-internal {
	    list-style: none;
	    margin: 0 20px;
	}
}

@media only screen and (max-width:480px) {
	#mainBanner h2,#mainBanner h3 {
		font-size:80%;
	}
	#header .logo, #header .info {
		float:none;text-align:center;
	}
		/*#header h1 {display: none;}*/
}


.contents_title {
 font-size: 20px;
 color: #D1AD5A;
 font-weight: bold;
 margin-bottom: 20px;
}
.l_contents_title {
 font-size: 20px;
 color: #9A2521;
 font-weight: bold;
 margin-bottom: 20px;
}
.m_contents_title {
 font-size: 20px;
 color: #38498C;
 font-weight: bold;
 margin-bottom: 20px;
}
.m_floor_number {
 font-size: 38px;
 color: #38498C;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.l_floor_number {
 font-size: 38px;
 color: #9A2521;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.floor_number {
 font-size: 38px;
 color: #000000;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fl_text {
 color: #ffffff;
 margin-bottom: 10px;
}
.fs14 {font-size: 14px;}
.bold {
 font-weight: bold;
}
.color1 {
 color: #c30d23;
}
.textlink {
 color: #c30d23;
 text-decoration: underline;
}
.exhibition_time_wrap {
	background-color: #fff;
    padding: 20px 40px;
}
.exhibition_time_wrap span.time_icon {
	display: inline-block;
	background-color: #f39800;
	border-radius: 5px;
	padding: 0px 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 10px;
}
.exhibition_time_wrap .time {
	color: #f39800;
	font-weight: bold;
	font-size: clamp(28px, 3vw, 32px);
}
.exhibition_time_wrap .time span {
	font-size: clamp(18px, 3vw, 22px);
	margin-right: 5px;
}

.capybara_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
    display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
	align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 900px;
    border: 5px solid #E95383;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 40px;
}
.capybara_wrap div.left {
	width: 42%;
	order: 1;
}
.capybara_wrap div.right {
	width: 55%;
	order: 2;
}


.capybara_name {
	font-size: 250%;
	margin-bottom:20px;
	font-weight:bold;
	text-align:center;
	line-height: 1.0em;
}
.capybara_name span {
	font-size: 50%;
	font-weight:bold;
	text-align:center;
}
.capybara_notes {
	border: 1px solid #e30214;
	background-color: #FFF5F5;
	color: #e30214;
}
.capybara_nickname {
	font-size: 200%;
	margin-bottom:30px;
	font-weight:bold;
	padding-bottom:20px;
	text-align:center;
	border-bottom:1px solid #ccc;
	line-height: 1.5em;
}
.capybara_nickname span {
	font-size: 64%;
	font-weight:bold;
	text-align:center;
}
.capybara_girl {
	color:#e95383;
	font-size:170%;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.capybara_boy {
	color:#036eb8;
	font-size:150%;
}
.capybara_info {
	font-size: 180%;
	font-weight:bold;
	text-align:left;
	line-height: 2em;
}


@media only screen and (max-width:800px) {
	.capybara_wrap {

	}
	.capybara_wrap div.left {
		width: 100%;
		order: 2;
	}
	.capybara_wrap div.right {
		width: 100%;
		order: 1;
		margin-bottom: 30px;
	}
}
.price_wrap {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	display: flex;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	justify-content: space-between;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;	
}
.price_wrap div.price_box {
	width: 47.5%;
	margin: 0 0 20px 0;
}
@media only screen and (max-width:950px) {
	.price_wrap div.price_box {
		width: 80%;
	}
}
@media only screen and (max-width:650px) {
	.price_wrap div.price_box {
		width: 100%;
	}
}


ul.car-camping_list  {
	list-style: none;
	margin: 0px 0 10px 0;
}

ul.car-camping_list  li {
	text-align: left;
	text-indent: -1.1em;
	padding: 0 0 0 1.4em;
	margin: 0;
	background: none;
}

ul.car-camping_list  li:before {
	content: '';
	display: inline-block;
	position: relative;
	bottom: 3px;
	width: 6px;
	height: 6px;
	margin-right: 10px;
	border-radius: 100%;
	background-color: #000;
}

.page-contents-title {
	font-size: 22px;
}

#footer .inner {
    margin: 0 auto;
    width: 95%;
}
.footer_info_wrap {
	display: grid;
	grid-template-columns: 1.8fr 1fr 1fr;
	gap: 30px;

}
.footer_info_wrap .info_box {
	display: grid;
	grid-template-columns: 50% 1fr;
	gap: 20px;
	text-align: left;
	font-size: 15px;
}
.footer_info_wrap .info_box img {
	max-width: 100%;
	height: auto;
}
.footer_info_wrap .info_box .photo {
	min-width: 0;
	max-width: 245px;
}

.footer_info_wrap .info_box .photo img,
.footer_info_wrap .logo_box img {
	display: block;
	width: 100%;
	height: auto;
}
.footer_info_wrap .info_box .name {
	margin-bottom: 10px;
}
.footer_info_wrap .info_box p {
	margin-bottom: 10px;
}
#footer .footer_info_wrap .info_box .tel_btn a {
	display: block;
	font-size: 13px;
	text-align: center;
	padding: 5px 10px;
	background: #dd3333;
	border: 1px solid;
    border-color: #b01d1d #a81c1c #9a1a1a #a81c1c;
    border-radius: 0.25em;
    color: #fff;
}
.footer_info_wrap .nav_box {
	text-align: left;
	border-right: 1px solid #988773 ;
	border-left: 1px solid #988773 ;
	padding: 0 30px;
}
.footer_info_wrap .nav_box ul {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.footer_info_wrap .nav_box ul li {
	text-align: left;
    padding: 7px 5px 6px 15px;
    margin: 0;
    border-bottom: 0;
    background: url("../../uploads/2017/03/bullet2.png") no-repeat 0 8px;
    background-position: 3px 15px;
    border-top: 1px solid #988773;
    display: block;
    font-size: 14px;
}
.footer_info_wrap .nav_box ul li:last-child {
    border-bottom: 1px solid #988773;
}
.footer_info_wrap .nav_box ul li a {
    color: #000;
}
.footer_info_wrap .nav_box p {
    font-size: 12px;
}

.footer_info_wrap .logo_box {
	text-align: left;
	min-width: 0;
}
.footer_info_wrap .logo_box p {
    font-size: 12px;
    margin-bottom: 20px;
}
@media only screen and (max-width:959px) {
	#footer .inner {
	    max-width: 530px;
	    width: 90%;
	}
	.footer_info_wrap {
		grid-template-columns: 1fr;
		gap: 30px;

	}
	.footer_info_wrap .nav_box {
		border-right: none;
		border-left: none;
		padding: 0 0px;
	}
	.footer_info_wrap .logo_box img {
		max-width: 290px;
		margin: 0 auto;
	}
}
@media only screen and (max-width:580px) {
	.footer_info_wrap .info_box {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.footer_info_wrap .info_box .photo {
		max-width: none;
		width: 100%;
		text-align: center;
	}
	.footer_info_wrap .info_box .photo img {
		max-width: 245px;
		margin: 0 auto;
	}
}
@media only screen and (max-width:420px) {
	.footer_info_wrap .logo_box img {
		margin-bottom: 40px;
	}
}