@charset "utf-8";

/*
Theme Name:     ★hanaminosato子テーマ★
Template:       hanaminosato
*/
 
@import url("../hanaminosato/style.css");

body {
/* border-top: solid 5px #ff667e; */
}

#main {
margin:0 0 0 0;
padding: 0 0 0 0;
word-break:break-all;
}

#main2 {
margin: 0 0 20px 0;
padding: 0 0 0 0;
word-break:break-all;
}

.clear	{ clear: both; } 
.mT10	{ margin-top:10px; }
.mT20	{ margin-top:20px; }
.mB10	{ margin-bottom:10px; }
.mB20	{ margin-bottom:20px; }

#topcontrol { z-index:999; }

.row2 {
  margin-bottom: 0.5em;
}
.row2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}

/* ************************************************ 
*	イベントカレンダー
* ************************************************ */
table#wp-calendar{
border: 0px;
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
width:100%;
}

table#wp-calendar th{
margin: 0 0 0 0;
padding: 5px;
text-align: center;
background: #666666;
border: 1px solid #fff;
color:#fff;
}

table#wp-calendar tr{
margin: 0 0 0 0;
padding: 5px;
text-align: center;
}

table#wp-calendar td{
text-align: left;
vertical-align: top;
line-height: 170%;
text-align: center;
margin: 0 0 0 0;
padding: 5px;
border: 1px solid #fff;
background: #efefef;
color: #999;
}

table#wp-calendar caption {
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px;
  color: #fff;
  text-align: center;
  background: #ff667e;
}

table#wp-calendar #eo-widget-prev-month {
  background: #fff;
}
table#wp-calendar #eo-widget-next-month {
  background: #fff;
}
table#wp-calendar .pad {
  background: #fff;
}
.calendar-title {
text-align:center;
margin: 0px 0 20px 0;
padding: 0px 0px 0px 0px;
}


/* ************************************************ 
*	ヘッダー
* ************************************************ */
.header-inner {
padding: 0px 0 20px 0;
}
.logo {
float: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
.tel {
float: right;
text-align:right;
position:relative;
margin: 40px -132px 0px 0px;
padding: 0px 0px 0px 0px;
}
.policy {
float: right;
text-align:right;
margin: 7px 13px 0px 0px;
padding: 0px 0px 0px 0px;
}
.policy a {
color: #333;
font-size: 12px;
}
.policy a:hover {
color: #ff667e;
}


/* ************************************************ 
*	トップナビゲーション
* ************************************************ */	
#nav_bg {
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
background-color: #ff667e;
}

/* 上部固定用 */
#nav_bg.active{
position:fixed;
top:0;
left:0;
z-index:9999;
	width: 100%;
	height:60px;
background-color: rgba(255,102,126,0.95);
}
/* 上部固定用ここまで */

#nav {
margin: 0px auto 30px auto;
}


/* ナビゲーションの隙間を埋める */
.nav-menu li {
float: left;
position: relative;
margin: 0 0;
} 


.nav-menu li a {
color: #fff;
display: block;
font-size: 14px;
text-decoration: none;
padding: 20px 35px 20px 35px;
margin: 0px 0px 0px 0px;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
background-color: rgba(255,255,255,0.95);
color: #333;
}

.nav-menu .sub-menu,
.nav-menu .children {
background-color: rgba(255,255,255,0.7);
display: none;
padding: 0;
position: absolute;
z-index: 99999;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
background-color: #fff;
}


#nav-under-bread{
width:100%;
height: 30px; 
padding: 0px;
margin: -10px auto 0px auto;
}


/* ************************************************ 
*	パンくずリスト
* ************************************************ */	
.breadcrumbs {
margin: auto; 
max-width: 960px;
padding: 0px 0 10px 0;
_width: 960px;
text-align:left;
font-size: 80%;
overflow: hidden;
}
.breadcrumbs a{
color:#333;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.breadcrumbs a:hover{
color:#ff667e;
}


/* ************************************************ 
*	スライド
* ************************************************ */	
#top-slide{
width:100%;
padding: 0px;
margin: 15px auto 20px auto;
}

/* スライドショーpager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #ff667e;}
.cycle-pager > * { cursor: pointer;}


/* ************************************************ 
*	コンテンツ本文
* ************************************************ */
.top-title {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 18px;
font-weight:normal;
letter-spacing: 0.05em;
font-style:normal;
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom: solid 1px #ccc;
color: #333;
}

.top-gallery-midashi{
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 18px;
font-weight:normal;
letter-spacing: 0.05em;
font-style:normal;
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom: solid 1px #ccc;
color: #333;
}


/* ギャラリーレイアウト */	
.item-text {
padding: 0;
}

.item-title {
line-height: 85%;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
}

.item-title a {
font-size:14px;
font-weight: normal;
color:#444;
}

.item-title a:hover {
color:#ff667e;
}



/* ************************************************ 
*	お知らせページ
* ************************************************ */
#main-news {
margin:0 0 0 0;
padding: 0 0 0 0;
word-break:break-all;
}

#main-news p {
font-size: 14px; 
color: #444;
line-height: 190%;
padding: 10px 0px 10px 0px;
}

#main-news .news-title {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin: 28px 0px 20px 0px;
padding: 18px 0px 15px 0px;
font-size: 21px;
font-weight: bold;
color: #333;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


#main-news .news-title a {
color:#333;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

#main-news .news-title a:hover {
color:#45AAB8;
}


/* ************************************************ 
*	ブログ
* ************************************************ */
.blog-imgtitle {
text-align:center;
margin: 0px 0 20px 0;
padding: 0px 0px 0px 0px;
}

.blog-title {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin: 0px 0px 20px 0px;
padding: 7px 0px 5px 0px;
font-size: 21px;
font-weight: bold;
color: #333;
border-top: none;
border-bottom: 3px solid #ff667e;
}

.blog-title a:hover {
color:#ff667e;
}

#blog-foot {
font-size:75%;
text-align: left;
margin:40px 0 0 0;
padding: 2px 5px 2px 10px;
font-weight:normal;
color:#999;
background:#f7f7f7;
border-bottom:0px dotted #ccc;
}


/* ブログ記事部分 */	
p {
font-size: 14px; 
color: #444;
line-height: 190%;
padding: 10px 0px 10px 0px;
}

p a {
color:#ff667e;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

p a:hover {
color:#444;
}

p a:active, a:focus {
outline: 0;
}


/* ************************************************ 
*	BLOG　WORKS
* ************************************************ */
.blogworks-title {
text-align:center;
margin: 20px 0 10px 0;
padding: 0px 0px 30px 0px;
}


/* ************************************************ 
*	BLOG　WORKS ページャー 
* ************************************************ */
#next {
font-size:85%;
font-weight:lighter;
text-align: center;
padding-top: 30px;
padding-bottom: 60px;
}


/* ************************************************ 
*	各ページタイトル
* ************************************************ */
.pagetitle {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin: 0 0 0 0;
padding: 0 0 0 15px;
color:#fff;
}
.pagetitle_back {
background: url("../hanaminosato/images/pagetitlebackimg.jpg");
margin: 0 0 40px 0;
padding: 40px 0 40px 0;
border-radius: 5px; /* CSS3 */
 -webkit-border-radius: 5px; /* Firefox */
 -moz-border-radius: 5px; /* Safari,Chrome */
}


/* ************************************************ 
*	各ページ見出し
* ************************************************ */
.midashi {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:21px;
font-weight:normal;
margin: 25px 0 0 0;
padding: 5px 0 5px 0;
border-bottom:3px double #ff667e;
}
.midashi2 {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:16px;
font-weight:normal;
margin: 20px 0 0 0;
padding: 0 0 2px 0;
border-bottom:2px solid #ff667e;
}
.midashi3 {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:16px;
font-weight:bold;
margin: 20px 0 0 0;
padding: 0 0 2px 0;
border-bottom:1px solid #ff667e;
}
.midashi4 {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:18px;
font-weight:bold;
margin: 20px 0 0 0;
padding: 0 0 2px 0;
border-bottom:1px dotted #999;
text-align:center;
}
.midashi5 {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight:normal;
margin: 5px 0 0 0;
padding: 0 0 2px 0;
border-bottom:1px dotted #999;
text-align:left;
list-style-position: inside;
}
.midashi6 {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:16px;
font-weight:bold;
margin: 20px 0 0 0;
padding: 0;
}
.midashi6 span{
font-size:14px;
font-weight:normal;
}


/* ************************************************ 
*	トップ画像タイトル
* ************************************************ */
.top-imgtitle{
margin: 0 0 15px 0;
padding: 10px 0 3px 0;
border-top:1px solid #333;
border-bottom:1px solid #333;
}


/* ************************************************ 
*	トップお知らせボックス
* ************************************************ */
#topnewsbox{
margin: 0 0 30px 0;
padding: 0 0 0 0;
}

#topnewsbox ul{
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
}

#topnewsbox li{
float:left;
margin: 0 0 15px 0;
padding: 0px 0px 4px 0px;
list-style: none;
border-bottom:1px solid #999;
width: 100%;
}

#topnewsbox li a{
font-size:13px;
color:#444;
margin: 1px 0 0 0;
padding: 5px 0px 4px 0px;
list-style: none;
}

#topnewsbox li a:hover{
color:#ff667e;
}

#topnewsbox .img-box{
margin: 0 15px 5px 0;
padding: 0 0 0 0;
float:left;
width: 150px;
height: 100px;
overflow: hidden;
}
#topnewsbox .text-box{
margin: 0 0 0 0;
padding: 0 0 0 0;
float:left;
}



/* ************************************************ 
*	トップイベントボックス
* ************************************************ */
#topeventbox{
margin: 0 0 30px 0;
padding: 0 0 0 0;
}

#topeventbox ul{
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
}

#topeventbox li{
float:left;
margin: 0 0 15px 0;
padding: 0px 0px 4px 0px;
list-style: none;
width: 100%;
}

#topeventbox li a{
font-size:15px;
color:#444;
margin: 1px 0 0 0;
padding: 5px 0px 4px 0px;
list-style: none;
}

#topeventbox li a:hover{
color:#ff667e;
}

#topeventbox .img-box{
margin: 0 0 5px 0;
padding: 0 0 0 0;
float:left;
width: 100%;
height: 205px;
overflow: hidden;
}
#topeventbox .text-box{
margin: 0 0 0 0;
padding: 0 0 0 0;
float:left;
}


/* ************************************************ 
*	トップページ施設一覧
* ************************************************ */
.shisetsu-title {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin: 0px 0px 10px 0px;
padding: 5px 0px 3px 0px;
font-size: 18px;
font-weight: normal;
color: #fff;
text-align: center;
background: #ff667e;
}
.shisetsu-name {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
font-weight: bold;
}
.shisetsu-ad {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 170%;
}
.shisetsu-box {
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
border-bottom:1px solid #999;
}
.shisetsu-box-left {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
width:47.5%;
}
.shisetsu-box-right {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
width:47.5%;
}



/* ************************************************ 
*	花見の里について
* ************************************************ */
.rinen {
margin: 10px 0 20px 0;
padding: 0 0 0 0;
text-align:center;
}
.keiei {
margin: 10px 0 40px 0;
padding: 0 0 0 0;
line-height:200%;
}
table#about {
width: 100%;
margin:10px 0 40px 0;
padding:0 0 0 0;
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table#about th {
text-align: left;
padding: 12px 0px 10px 5px;
border-bottom: 1px solid #999;
white-space: nowrap;
vertical-align: top;
width: 15%;
}
table#about td {
text-align: left;
padding: 12px 0px 10px 0px;
border-bottom: 1px solid #999;
white-space: normal;
vertical-align: top;
width: 80%;
}


/* ************************************************ 
*	ご利用方法
* ************************************************ */
.service-title {
margin: 10px 0 -10px 0;
padding: 0 0 0 0;
line-height:200%;
font-weight:bold;
}
.service {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
line-height:200%;
}
.service2 {
margin: 10px 0 30px 0;
padding: 0 0 0 0;
line-height:200%;
}


/* ************************************************ 
*	施設紹介
* ************************************************ */
.introduction-imgbox {
margin: 15px 0 0 0;
padding: 0 0 0 0;
}
.introduction-pictitle {
margin: -10px 0 0 0;
padding: 0 0 2px 0;
text-align:center;
border-bottom:1px dotted #666;
font-weight:bold;
font-size: 14px;
}
.introduction-pictext {
margin: 10px 0 30px 0;
padding: 0 0 0 0;
line-height:160%;
}


/* ************************************************ 
*	募集案内
* ************************************************ */
.recruit {
margin: 10px 0 0 0;
padding: 0 0 0 0;
}


/* ************************************************ 
*	アクセス
* ************************************************ */
.mapbox {
margin: 10px 0 30px 0;
padding: 0 0 0 0;
}
.mapbox2 {
margin: 10px 0 30px 0;
padding: 0 0 0 0;
height:400px;
}


/* ************************************************ 
*	プライバシーポリシー
* ************************************************ */
.privacy-textbox {
margin: 5px 0 30px 1.1em;
padding: 0 0 0 0;
}
.privacy-textbox2 {
margin: 5px 0 5px 1.1em;
padding: 0 0 0 0;
}
.privacy-list {
margin: 0 0 30px 1.5em;
padding: 0 0 0 0;
}
.privacy-endbox {
margin: 0 0 30px 0;
padding: 0 0 0 0;
text-align:right;
}


/* ************************************************ 
*	フッター
* ************************************************ */
#footer {
background: #efefef;
clear:both;
width:100%;
font-size: 80%;
margin: 0px auto 0px auto;
padding: 30px 0;
}
#footerlink {
font-size:12px;
color:#fff;
text-align:center;
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#footerlink a{
font-size:12px;
color:#fff;
text-align:center;
position: relative;
margin: 0 0 0 0;
padding: 0 5px 0 5px;
}
#footerlink a:hover{
color:#45AAB8;
}
#copyright {
font-size:10px;
color:#444;
text-align:center;
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#copyright a{
color:#444;
}
#copyright a:hover {
color: #ff667e;
}


/* ************************************************ 
*	ウィジット
* ************************************************ */
.widget{
margin: 0 0 30px 0;
}

#topbox li a{
font-size:13px;
color:#444;
margin: 0 0 0 0;
padding: 3px 0px 2px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#topbox li a:hover{
color:#45AAB8;
}


/* ************************************************ 
*	サイドバー　新着表示
* ************************************************ */
#sidebar {
width: 100%;
margin: 0px 0px 40px 0px;
padding: 0 0 0 0;
}

#sidebox-new {
color:#666;
margin: 0 0 50px 0 ;
padding: 0 0 0 0 ;
}
#sidebox-archives {
margin: 0 0 50px 0 ;
padding: 0 0 0 0 ;
}


/* ************************************************ 
*	レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px) {

.nav-menu li a {
text-align: center;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
padding: 12px 15px 10px 15px;
margin: 0 0 0 0;
width: 220px;
background-color: rgba(255,255,255,0.8);
text-align:left;
border-bottom: solid 1px #ccc;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
padding: 12px 15px 10px 15px;
width: 220px;
background-color: rgba(239,239,239,0.6);
border-bottom: solid 1px #ccc;
}
li.item {
height: 200px;
margin-bottom: 10px;
}
}


/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.breadcrumbs { width: 728px; }
#nav {
text-align: center;
}
.nav-menu li a {
text-align: center;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
padding: 12px 10px 10px 10px;
margin: 0 0 0 0;
width: 180px;
background-color: rgba(255,255,255,0.8);
text-align:left;
border-bottom: solid 1px #ccc;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
padding: 12px 10px 10px 10px;
width: 180px;
background-color: rgba(239,239,239,0.6);
border-bottom: solid 1px #ccc;
}
li.item { height:160px; margin-bottom: 10px; }
.item-img { margin: 0 0 5px 0; height: 111px; overflow: hidden; }
.cycle-slideshow { overflow: hidden; width: 728px; height: 425px; margin-bottom:-20px;}
.item-text {
font-size:12px;
color:#444;
}
table#about th {
width: 20%;
}
table#about td {
width: 75%;
}
#topeventbox .img-box{
height: 155px;
overflow: hidden;
}
}


/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.wrapper {
padding: 0px 10px;
}
.contact { float: none; text-align:center; margin-top: 0px; }
.tel {
float: none;
text-align:center;
position:relative;
margin: 10px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
.policy {
float: none;
text-align:center;
margin: 10px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
.cycle-slideshow { overflow: hidden; width: 300px; height: 175px; margin-bottom:-10px;}
#nav_bg {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
background-color: #fff;
}
#nav-under-bread{ display: none; }
.breadcrumbs { width: 300px; }
.nav-menu li {
width:100%;
padding: 0px 0px 0px 0px;
}
.nav-menu li a {
text-align:left;
border-bottom: solid 1px #ccc;
color: #333;
padding: 15px 0px 13px 15px;
margin: 0px 0px 0px 0px;
}

.nav-menu .sub-menu,
.nav-menu .children {
display: inline-block;
padding: 0;
position: relative;
float:left;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
padding: 15px 0 13px 25px;
margin: 0 0 0 0;
width: 298px;
color: #333;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
padding: 15px 0 13px 25px;
width: 298px;
background-color: #efefef;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a {
color: #333;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
border-bottom: solid 1px #cccccc;
background-color: #efefef;
}
li.item {
margin-bottom: 0px;
}
#topnewsbox li{
margin: 0 0 30px 0;
padding: 0px 0px 5px 0px;
}
#topnewsbox .img-box{
margin: 0 0px 0px 0;
padding: 0 0 0 0;
float:none;
text-align:center;
width: 100%;
height: 100%;
}
#topnewsbox .text-box{
margin: 5px 0 0 0;
padding: 0 0 0 0;
}
#topeventbox .img-box{
height: auto;
}
.shisetsu-box-left {
float:left;
width:100%;
}
.shisetsu-box-right {
float:left;
width:100%;
margin: 0px 0px -10px 0px;
padding: 0px 0px 0px 0px;
}
table#about th {
display:block;
margin:0px;
padding: 5px 0px 0px 0px;
width: 100%;
text-align: left;
border-bottom:none;
}
table#about td {
display:block;
margin:0px 0px 15px 0px;
width: 100%;
padding: 0px 0px 0px 0px;
}
.pagetitle_back {
margin: 0 0 40px 0;
padding: 20px 0 20px 0;
}
.introduction-pictext {
margin: 10px 0 30px 0;
padding: 0 0 0 0;
}
  .row2 .half,
  .row2 .third,
  .row2 .twothird {
    margin-left: 0;
    width: 100%;
  }
.row2 {
  margin-bottom: 0em;
}
/* 上部固定用 */
#nav_bg.active{
position:static;
z-index:9999;
position: relative;
display: inline-block;
margin: -50px 0 0 0;
background-color: #fff;
}
/* 上部固定用ここまで */
}


/* Mobile (Landscape) 画面の横幅が480px〜767pxまで */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.breadcrumbs { width: 420px; }
.cycle-slideshow { overflow: hidden; width: 420px; height: 245px; margin-bottom:-10px;}
ul.nav-menu ul a,
.nav-menu ul ul a {
width: 418px;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
width: 418px;
}
}