/* ************************************************
 *共通ファイルの読み込み
* ************************************************ */
@import url("bodik_common.css");

a {

  text-decoration: none;
}


/* ************************************************ 
*	topinfo
* *************************************************/	
.topinfo {
float: right;
position:relative;
margin: 0;
padding: 0;
}

#infonav {
width:400px;
text-align: right;
}

#infonav ul {
list-style: none;
margin: auto;
}

.info-navigation {
clear: both;
margin: 0 auto;
position: relative;
}

ul.info-navi,
div.info-navi > ul {
margin: 0;
padding: 0;
}

.info-navi li {
display: inline-block;
position: relative;
margin: 0 0;
}

.info-navi li a {
color: #fff;
display: block;
font-size: 100%;
text-decoration: none;
padding: 5px 12px;
background: #009B96;
}

.info-navi li:hover > a,
.info-navi li a:hover {
background-color: #57D5D2;
}


ul.info-navi ul a,
.info-navi ul ul a {
color: #fff;
margin: 0;
width: auto;
}

ul.info-navi ul a:hover,
.info-navi ul ul a:hover {
background-color: #57D5D2;
}

ul.info-navi li:hover > ul,
.info-navi ul li:hover > ul {
display: block;
}

.info-navi .current_page_item > a,
.info-navi .current_page_ancestor > a,
.info-navi .current-menu-item > a,
.info-navi .current-menu-ancestor > a {
color: #fff;
background: #57D5D2;
}

/* ************************************************ 
*	トップナビゲーション
* ************************************************ */	
.nav_wrap {
	width: 100%;
	background: #009B96;
}

#nav {
width:960px;
margin: 0 auto;
}

#nav ul {
list-style: none;
margin: auto;
}

.main-navigation {
clear: both;
margin: 0 auto;
position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}

.nav-menu li {
display: inline-block;
position: relative;
margin: 0 0;
}

.nav-menu li a {
color: #fff;
display: block;
font-size: 100%;
text-decoration: none;
padding: 12px 18px;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
background-color: #57D5D2;
}

.nav-menu .sub-menu,
.nav-menu .children {
background-color: #57D5D2;
display: none;
padding: 0;
position: absolute;
z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
color: #333;
margin: 0;
width: 100px;
}

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

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #fff;
background: #57D5D2;
}


/* ************************************************ 
*	Powerdエリア
* ************************************************ */	
#powerd {
	background: #009B96;
	clear:both;
	width:100%;
	margin: 0 auto;
	padding: 25px 0;
	color: #fff;
}

.powerd-inner {
margin: 0px auto;
max-width: 960px;
_width: 960px;
}

#pwbox{
margin: 0;
padding: 0;
}

#pwbox ul{
floate:left;
margin: 0;
padding: 0;
}

#pwbox li{
floate:left;
margin: 0;
padding: 3px 0px 2px 0px;
list-style: none;
}

#pwbox li a{
font-size:12px;
color:#fff;
margin: 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;
}

#pwbox li a:hover{
color:#fff;
}

#pwbox h2{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 0px dotted #fff;
}

#pwbox h3{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: 0px dotted #fff;
border-bottom: 0px dotted #fff;
}

#pwbox h4{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 0px dotted #fff;
}

#pwbox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

#pwbox ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

#pwbox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

#pwbox ul.sub-menu li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}


/* ************************************************ 
*	検索フォーム
* ************************************************ */

.search {
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
}

.search fieldset {
margin: 10px 0 0 0;
padding: 0;
border: 0;
}

.search input {
font: 14px arial, sans-serif; 
color: #333; 
width:80%;
padding: 12px;
vertical-align: middle;
background: #f5f5f5;
margin: 0;
border: 0;
box-shadow: none;
}

.search button {
width: 40px; 
height: 40px; 
cursor: pointer; 
vertical-align: top;
border: 0; 
margin: 0;
background: #009B96 url(images/search.png) no-repeat center; 
}

.search_txt {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 83%;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */


/* PC 画面の横幅が960px以上 */

@media only screen and (min-width: 960px) {
iframe { width:100%; height:100%; max-width:960px;}
}


/* Tablet (Portrait) 画面の横幅が768px～959pxまで */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 728px;}
.header-inner { width: 728px; margin:auto; padding-top: 50px;}
#nav { float: none; width: 728px; background: #009B96; margin-bottom:-10px; padding: 0;}
li.item { height:240px; margin-bottom: 40px; }
.item-img { margin: 0 0 5px 0; height: 151px; overflow: hidden; }
.twothird { width: 460px; margin-right:10px; }
.cycle-slideshow { overflow: hidden; width: 728px; height: 265px; margin-bottom:-20px;}
.footer-inner { width: 728px;}
.pawerd-inner { width: 728px;}
iframe { width: 100%; height:100%; max-width: 728px; }
}


/* Mobile (Portrait) 画面の横幅が767pxまで */

@media only screen and (max-width: 767px) {
.wrapper { width: 300px; }
.header-inner { width: 300px; margin:auto; padding-top: 50px;}
.logo { text-align:center; padding-bottom: 10px; }
#header h1, #header .logo { float: none; margin-bottom: 0px;}
#nav { float: none; text-align:center; width: 300px; background: #009B96; margin-bottom:-10px; margin-top:30px; padding: 0;}
.nav-menu li a { color: #fff; display: block; font-size: 12px; padding: 10px 10px; text-decoration: none;}
#top-slide{ width:100%; padding: 0px; margin: 40px auto 20px auto;}
.cycle-slideshow { overflow: hidden; width: 300px; height: 109px; margin-bottom:-10px;}
li.item { height:270px; margin-bottom: 40px; }
.item-img { margin: 0 0 5px 0; height: 200px; overflow: hidden; }
p { font-size: 15px; }
.footer-inner { width: 300px;}
.powerd-inner { width: 300px;}
iframe { width: 100%; height:100%; max-width:300px; }

#sidebar { margin-top: 20px; }

#infonav {
width:100%;
text-align: center;
}

.topinfo {
clear: both;
float: none;
position:relative;
margin: 0;
padding: 0;
}

#infonav {
width:100%;
text-align: center;
}

.search {
	text-align: right;
	width: 100%;
}

.search button {
width: 40px; 
height: 40px; 
cursor: pointer; 
vertical-align: top;
border: 0; 
margin: 0;
background: #009B96 url(images/search.png) no-repeat center; 
}

li.group {
	width: 90%;
}



/* ************************************************ 
*	トップ-投稿サムネイル付き-
* ************************************************ */	

dl.topblog_list {
	width: 100%;
	float:none;
	padding: 0;
	margin: 0;
}

dl.topblog_list dd.more {
	font-size: 85%;
	margin: 5px 0 10px 0;
	padding: 0;
}	

/* ************************************************ 
*	 投稿サムネイル付き
* ************************************************ */	

dl.catblog_list {
	clear: both;
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px dotted #ccc;
}
dl.catblog_list dt {
    float:none;
    clear: none;
    width:100%;
    padding: 0;
}

dl.catblog_list dd {
    margin-left:0;  
    padding: 0;
}

dl.catblog_list dd.tit {
	font-size: 138.5%;
	margin: 10px 0;
	margin-left:0;  
  padding: 0;
}

}


/* Mobile (Landscape) 画面の横幅が480px～767pxまで */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width: 420px; }
.header-inner { width: 420px; margin:auto; padding-top: 50px;}
.logo { text-align:center; padding-bottom: 10px; }
#nav { float: none; width: 420px; background: #009B96; margin-bottom:-10px; padding: 0; }
.nav-menu li a { color: #fff; display: block; font-size: 93%; padding: 10px 10px; text-decoration: none;}
.cycle-slideshow { overflow: hidden; width: 420px; height: 157px; margin-bottom:-10px;}
.footer-inner { width: 420px;}
.powerd-inner { width: 420px;}
li.item { height: 340px; margin-bottom: 40px; }
.item-img { margin: 0 0 5px 0; height: 280px; overflow: hidden; }
iframe { width:100%; height:100%; max-width:420px; }

#infonav {
width:100%;
text-align: center;
}

.topinfo {
clear: both;
float: none;
position:relative;
margin: 0;
padding: 0;
}

#infonav {
width:100%;
text-align: center;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"]
{
    background-color: #fff;
    color: #000;
    width: 90%;
}

.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 90%;
}	

}