/* ----------------------
 レスポンシブ
-------------------------*/
.ie #wrapper{
 z-index: 0;
 width:expression(this.width >= 1000? "1000px" : "auto");
}

@media screen and (min-width: 1000px) {
#wrapper{
 width: 100%;
 margin: 0 auto;
}

#contents {
 width: 100%;
}

}/*  */
/* facebook */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }

.cycloneslider{
 margin-left: aoto !important;
 margin-right: auto !important;
}

/* google map レスポンシブ*/
.g_map {
position: relative;
padding-bottom: 280px;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.bn_box{
 width: 100%;
}

/*-----------------
 770まで基本
--------------------*/
@media screen and (min-width: 770px) {

body{
 margin: 0;
 padding: 0;
}

#wrapper{
 width: 100%;
 background: url(images/foot-bus.png) no-repeat 92% bottom;
}
#layout{
 padding: 0 15px 10px 15px;
 margin: 0 auto;
}
#contents{
 width: 100%;
 padding: 40px 0 130px 0;
}
#contents .inner{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}

#header{
 min-height: 140px;
}
#header .inner{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}
#main{
}
.entry{
 float: left;
 width: 100%;
}
.category_main,
.single_main{
 width: 100%;
 padding-top: 40px;
 min-height: 300px;
}

#side{
 max-width: 300px;
 float: left;
 padding-top: 0px;
}
/* 見出し */
#main h2{
 display: block;
}
.page .main h2{
 font-size: 150%;
 color: #009e9d;
 font-weight: bold;
 line-height: 1;
 border-left: 6px solid #009e9d;
 padding-left: 15px;
 padding-top: 3px;
}
.pc_none{
 display: none;
}
.bn_box .inner{
 margin-left: auto;
 margin-right: auto;
 width: 1100px !important;
 padding: 30px 0;
}

}
@media screen and (max-width: 769px) {/* 以下 */
body{
 margin: 0;
 padding: 0;
}

#wrapper{
 width: 100%;
 margin: 0 auto;
}

#layout{
 margin: 0 auto;
 width: 100%;
}
#contents {
 width: 96%;
 margin: 0 auto;

}
#header {
 display: table;
 text-align: center;
 width: 100%;
}
#side{
 float: none;
 display: table;
 margin: 0 auto;
 width: 100%;
}
#main{
 float: none;
 display: block;
 margin: 0 auto 15px auto;
 width: 100%;
}
#footer {
 
}

.home h2{
 margin-bottom: 15px;
}

/* boxセンター寄せ */
.t_center{
 text-align: center;
}

/* 見出し 700以下 */

#side h2,
#main h2{
 max-width: 100%;
}
.page .main h2{
 font-size: 140%;
 color: #009e9d;
 font-weight: bold;
 line-height: 1;
 border-left: 6px solid #009e9d;
 padding-left: 15px;
 padding-top: 3px;
}

/* 700以下で隠す */
.sp_none{
 display: none !important;
}
}

/* ----------------------
ヘッダー 770まで
-------------------------*/
@media screen and (min-width: 770px) {
#header h1 span{
 float: left;
 margin-right: 10px;
}
#header h1 a{
 float: left;
}

#header .toptext{
 width: 100%;
 background-color: #009e9d;
 color: #fff; 
}
#header .toptext .inner{
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px 0;
}
#header .toptext .inner p{
 text-align: left;
 width: 430px;
 float: left;
}
#header .company_name{
 width: 350px;
 float: left;
 margin-top: 25px;
}
#header .logo{
 text-align: center;
 float: left;
 margin: 25px 0px 0 0; 
}
#header .tel{
 text-align: center;
 float: right;
 margin: 35px 0px 0 0; 
}

#header h1{}
.pagehead{
 display: block;
 float: left;
 width: 100%;
 height: 100px;
}
.pagehead .inner{
 max-width: 1000px;
 height: 100px;
 margin-left: auto;
 margin-right: auto;
}
.pagehead h1{
 text-align: center;
 font-size: 25px;
 font-weight: bold;
 color: #0069ab;
 padding: 40px 0 0 0;
}
.slide_btn{
 display: none;
}

.head_menu{
 width: 100%;
 background-color: #0069ab; 
}
.head_menu ul{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 background: url(images/menu-bg.png) repeat-x left top; 
}
.head_menu li{
 float: left;
 border-right: 1px solid #fff;
}
.head_menu li:last-child{
 border-right: none;
}
.head_menu li a{
 height: 57px;
 width: 249px;
 display: block;
 text-decoration: none;
}
.head_menu li:last-child a{
 height: 57px;
 width: 250px;
 display: block;
 text-decoration: none;
}

.head_menu li.current a,
.head_menu li a:hover{
 background: rgba(255,255,255,1);
}

}/* pc end */
.pagehead{
 background-color: #d0edff;
}

/* ---------------------------
 ヘッダー SP以下
------------------------------*/
@media screen and (max-width: 769px) {
#header h1 span{
 float: left;
 width: 24%; 
 margin-right: 2%;
}
#header h1 a{
 float: left;
 width: 70%;
}

#header .inner{
 width: 94%;
 margin-left: auto;
 margin-right: auto;
 padding: 15px 0 10px;
}

#header h1{
 display: table;
 float: none;
 clear: both;
 margin-left: auto;
 margin-right: auto;
}

ul.head_navi li{
 float: left;
}
.logo{
 max-width: 80%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
}
.pagehead{
 width: 100%;
 height: 100px;
}
.pagehead h1{
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: #0069ab;
 padding: 40px 0 0 0;
}
}

/* ----------------------
 main menu 700まで
-------------------------*/
@media screen and (min-width: 770px) {
.menu_outer{
 display: none;
}
}
/* ---------------------------
 main_manu toggle menu 以下
------------------------------ */
@media screen and (max-width: 769px) {/* 以下 */

.slide_btn{
 float: left;
 display: block;
 line-height: 40px;
 background-color:#555;
 width: 100%;
}
.toggle_menu_title{
 text-shadow: 1px 1px 0px #000;
 font-weight: bold;
 color: #fff;
 line-height: 40px;
 font-size: 110%; 
 margin-left: 15px;
 float: left;
}

.slide_btn .toggle_menu_title:before {
  content: "メニューを開く";
}
.slide_btn.act .toggle_menu_title:before {
  content: "メニューを閉じる";
}
 
.slide_btn:hover{
 color: #555;
 cursor:pointer;
 background-color: #0069ab;
}
.slide_btn .nav_icon{
 cursor:pointer;
 margin: 7px 10px 0 0;
 height: 25px;
 width: 25px;
 background: url(images/nav_icon.png) no-repeat center center;
 float: right;
}
.slide_btn.act .nav_icon{
 cursor:pointer;
 margin: 7px 10px 0 0;
 height: 25px;
 width: 25px;
 background: url(images/batsu_icon.png) no-repeat center center;
 float: right;
}
#main_menu{
 display: none;
}

#main_menu{
 background-repeat: repeat;
 text-align: center; 
 width: 100%;
 float: left;
 height: auto;
 margin: 0 auto;
 }
#main_menu ul li{
 float: left;
 background-color: #fff;
 width: 100%;
 }
#main_menu li{
 list-style: none;
}
#main_menu ul li a{
 text-align: center;
 float: none;
 list-style: none;
 display: block;
}
#main_menu ul li a {
 font-size: 120%;
 line-height: 35px;
 padding: 10px 0;
 display: block;
 font-weight: bold;
 text-decoration: none;
 margin: 0 auto;
 color: #333;
 border-bottom: 2px solid #ccc; 
 }
#main_menu ul li.current a,
#main_menu ul li a:hover{
 display: block;
 color: #fff;
 background-color: #0069ab;
 border-bottom: 2px solid #ccc; 
}
 
#main_menu ul li span{
 display: block;
 font-size: 90%;
 font-weight: normal;
}
#main_menu li a:hover{
 display: block;
}
 
.b_none_sp a{
 border-bottom: none !important;
}

#main_menu ul .li_end{
 display: none;
}
}

/* ---------------------------
ドロップダウンメニュー 
------------------------------*/           
@media screen and (min-width: 770px) {/* まで */

}/*  */
@media screen and (max-width: 769px) {/* 以下 */
ul.sub-menu {
 display: none;
}

ul.sub-menu li{
 width: 100% !important;
 display: inline;
 clear: left;
 margin: 0 !important;
}

ul.sub-menu li a {
 font-size: 120%;
 line-height: 35px;
 padding: 10px 0 10px 0;
 display: block;
 font-weight: bold;
 text-decoration: none;
 margin: 0 auto;
 color: #333;
 background-color: #e9e9e9;
 border-bottom: 2px solid #ccc; 

} 
ul.sub-menu li a:hover {
 color: #fff;
 background-color: #ccc;
}

li.menu-item-has-children {
 background: url(images/icon-plus.png) no-repeat 96% center;
} 
}/*  */

/* ----------------------
 * side 
 *-----------------------*/
#side li a{
 display: block;
 padding: 12px 0 12px 20px;
 color: #009e9d;
 border: 1px solid #dbdbdb;
}

#side li.current a,
#side li a:hover{
 background-color: #c2e8e8;  
}

/* ----------------------
 * footer 
 *-----------------------*/
 
@media screen and (min-width: 770px) { /* まで */
#footer{
 overflow: hidden;
 padding-top: 30px; 
 padding-bottom: 30px;
 background: #0069ac url(images/foot-bg.png) repeat-x top;
}
.address_sp{
 display: none;
}
#page-top{
 width: 100px;
 height: 30px;
 position: fixed;
 bottom: 50px;
 right: 10px;
}
.address_group{
 width: 100%;
}
#f_navi{
 width: 200px;
 float: right;
 margin-right: 70px;
 margin-top: 10px;
}
#f_navi ul{
 padding-top: 0;
 border-left: 2px solid #fff;
 float: left;
 width: 100%;
}


#f_navi li {
 display: inline;
 list-style: none;
 vertical-align: center;
 text-align: left;
 margin-right: 15px; 
}  
#f_navi li a {
 font-size: 12px;
 padding-left: 15px;  
 text-decoration: none;
 } 
#f_navi li a:hover {
 text-decoration: underline;  
 }  

#f_navi ul li{
 text-align: left;
 display: block;
}

#f_navi ul li,
#f_navi ul li a{
 float: none;
}
#footer .shaoku{
 float: left;
 border: 1px solid #fff;
 height: 141px; 
}
#footer .address{
 width: auto;
 float: left;
 text-align: left;
 color: #fff;
}
#footer .address p{
 padding-left: 15px;
}
#footer .address h3{
 font-size: 120%;
 font-weight: bold;
 padding: 0 0 5px 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #fff;
}
#footer .mail{
 margin-top: 5px;
}

#footer .inner{
 overflow: hidden; 
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 color: #fff;
}
.copy .inner{
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
}
.logofoot{
 float: left;
 margin-top: 15px;
 margin-bottom: 5px;
}
.copyright{
 margin: 10px auto 10px auto;
}

/* ------- ギャラリー */
.gallery{
 padding-left: 2%; 
}
}/* 700end */

/* -----------------
 footer SP
-------------------- */
@media screen and (max-width: 769px) {/* 以下 */
#footer{
 overflow: hidden;
 padding-top: 30px; 
 padding-bottom: 30px;
 background: #0069ac url(images/foot-bg.png) repeat-x top;
}
#footer{
 box-sizing: border-box;
}
#footer .address{
 color: #fff;
}
#footer .address h3{
 font-size: 120%;
 font-weight: bold;
 padding: 0 0 5px 0;
 margin-bottom: 15px;
 border-bottom: 1px solid #fff;
}
#footer .shaoku{
 width: 220px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
 text-align: center;
 border: 1px solid #fff;
 height: 141px; 
}

#back-top{
 float: left;
 margin-bottom: 0;
 width: 96%;
 margin-left: 2%;
}

#f_navi{
 display: none;
}
.copy{
 margin-top: 0;
 min-height: 30px;
 font-size: 70%; 
 text-align: center;
 padding: 10px 0;
}
.copy p{
 width: 94%;
 line-height: 1.5;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
/* ギャラリー */
.gallery-caption{
 font-size: 12px;
}
}
@media screen and (max-width: 500px) {/* ページ設定500以下 */

/* 投稿画像センター寄せ */
.img-center,
.center-img{
 float: none !important;
 display: table !important;
 margin-left: auto !important;
 margin-right: auto !important;
 margin-bottom: 10px !important;
 clear: both;
}

.t_left{
 float: left;
 text-align: left !important;
}
}

/* -----------------
 カテゴリーページ
-------------------- */

img.attachment-thumbnail{
 padding: 4px;border: 1px solid #ccc;
}

@media screen and (min-width: 770px) {/* pcまで */
.post_thmb{
 float: left;
 margin-right: 15px;
}
}
@media screen and (max-width: 769px) {/* sp以下 */
.post_thmb{
 float: none;
 text-align: center; 
}

@media screen and (max-width: 400px) {/* 400以下 */
body{
 font-size: 90%;
 line-height: 150%;
}
}