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

@media screen and (min-width: 960px) {

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

#contents {
 max-width: 960px;
}
#main{
}

#side{
}

#main_menu li {
}
}

@media screen and (max-width: 960px) {/* 960以下 */

}

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

body{
 margin: 0;
 padding: 0;
 background: #2d88c2 url(images/bg-2.png) repeat-y center top;
}

#layout{
 padding: 0 15px 10px 15px;
 margin: 0 auto;
}
#contents{
 max-width: 960px;
}

#header{
 max-height: 186pxpx;
}
#header .inner{
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
}

#main{
 width: 71%;
 float: right;
}
.entry{
 float: left;
 width: 100%;
}
.category_main,
.single_main{
 width: 70%;
 min-height: 450px;
}

#side{
 max-width: 245px;
 float: left;
 padding-top: 0px;
}
/* 見出し */
#main h2{
 display: block;
}

/* 700まで隠す */
.d_none{
 display: none;
}
}
/* ----------------------
 700以下　基本
------------------------- */
@media screen and (max-width: 699px) {/* 700以下 */

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 {
 display: none;
}

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

/* boxセンター寄せ */
.center_v{
 margin-left: auto !important;
 margin-right: auto !important;
}
.center_v img{
 display: table;
 margin: 0 auto;
}

.center_i{
 text-align: center;
 margin-left: auto !important;
 margin-right: auto !important;
}


/* 見出し 700以下 */

#side h2,
#main h2{
 max-width: 100%;
}

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

/* ----------------------
ヘッダー700まで
-------------------------*/
@media screen and (min-width: 700px) {/* 700まで */

#header{
}

.site-description{
 text-align: left;
}

.slide_btn{
 display: none;
}
}
/* -----------------
 ヘッダー 700以下
--------------------*/
@media screen and (max-width: 700px) {/* 700以下 */

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

ul.head_navi li{
 float: left;
}
.logo_sp{
 width: 100%;
 float: none;
 display: table;
 text-align: center;
 margin: 16px auto 12px auto;
}
/* pagehead sub_image */
.pagehead{
 background-color: #eee;
 height: 100px;
}
}


/* ----------------------
 main menu 基本
-------------------------*/
@media screen and (min-width: 700px) {/* 700まで */
#main_menu{
  display:inherit !important;
}
}

#main_menu{
 margin-top: 6px;
 margin-bottom: 20px;
 float: left;
 text-align: center;
 width: 100%;
}
#main_menu ul{
 display: block;
 float: ;
 width: 100%;
}

#main_menu ul li{
 list-style: none;
 display: block;
 text-align: left;
 float: none;
 margin: 0 auto;
 width: auto;
 position: relative;
 max-width: ;
 border-bottom: 1px dotted #fff;
 }
#main_menu ul .li_1{
 border-top: 1px dotted #fff;
}

#main_menu ul li a{
 line-height: 17px;
 padding-top: 13px;
 padding-left: 5px;
 padding-bottom: 11px;
 font-size: 16px;
 text-decoration: none;
 color: #555;
 display: block;
}

#main_menu ul li.current a img,
#main_menu ul li a:hover img{
 opacity: 0.5;
}


/* ---------------------
 side
------------------------ */
#side .link_menu{
 margin-top: 15px;
 margin-bottom: 25px;
}

.link_menu ul li{
 list-style: none;
 display: block;
 text-align: left;
 float: none;
 margin: 0 auto;
 width: auto;
 position: relative;
 max-width: ;
 border-bottom: 1px dotted #fff;
 }
.link_menu ul .li_1{
 border-top: 1px dotted #fff;
}

.link_menu ul li a{
 line-height: 17px;
 padding-left: 5px;
 padding-top: 9px;
 padding-bottom: 6px;
 text-decoration: none;
 display: block;
}
.link_menu ul li a:hover img{
 opacity: 0.7;
}

/* ---------------------------
 main_manu toggle menu 700以下
------------------------------ */
@media screen and (max-width: 700px) {/* 700以下 */

.slide_btn{
 float: left;
 display: block;
 background-color:#005495;
 width: 100%;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}
.toggle_menu_title{
 text-shadow: 1px 1px 0px #000;
 font-weight: bold;
 color: #fff;
 line-height: 45px;
 font-size: 110%;
 margin-left: 15px;
 float: left;
}

.toggle_menu_title:before {
  content: "メニューを開く";
}
.toggle_menu_title.act:before {
  content: "メニューを閉じる";
}

.slide_btn:hover{
 color: #fff;
 cursor:pointer;
 background-color: #0098db;
}
.nav_icon{
 cursor:pointer;
 margin: 10px 10px 0 0;
 height: 25px;
 width: 25px;
 background: url(images/nav_icon.png) no-repeat center center;
 float: right;
}

#main_menu{
 display: none;
}

#main_menu{
 text-align: center;
 width: 100%;
 float: left;
 height: auto;
 margin: 0 auto 0px 0;
 }
#main_menu ul{
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
}

/* ----------------------
 * footer @700まで
 *-----------------------*/
@media screen and (min-width: 700px) {/* 700まで */

#footer{
 padding-top: 20px;
 border-top: 1px solid #bfbfbf;
 background-color: #fff;
}

#f_navi{
 width: 100%;
 float: left;
 margin-bottom: 30px;
}
#f_navi ul{
 margin-left: 6px;
 border-left: 1px dashed #555;
}
#f_navi h3{
 color: #0098db;
 text-align: left;
 font-weight: bold;
}

#f_navi h3 a{
 color: #0098db;
 text-decoration: none;
}
#f_navi h3 a:hover{
 color: #0098db;
 text-decoration: underline;
}

#f_navi .ul_1,
#f_navi .ul_2,
#f_navi .ul_3,
#f_navi .ul_4{
 min-height: 120px;
}
#f_navi .ul_1{
 float: left;
 width: 20%;
}

#f_navi .ul_2{
 float: left;
 width: 17.5%;
}

#f_navi .ul_3{
 float: left;
 width: 21.5%;
}
#f_navi .ul_4{
 float: left;
 width: 17%;
}
#f_navi .ul_5{
 float: right;
 width: 24%;
}

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

#f_navi ul li,
#f_navi ul li a{
 clear: both;
 float: none !important;
}

/*------------------- address @700*/
#footer .inner{
 width: 98%;
 margin-left: auto;
 margin-right: auto;
 color: #444;
}


/* ----------------- カテゴリー@700 */
.main_inner{
 display: table;
 width: 100%;
 float: left;

}

.category-item{
 width: 96%;
 min-height: 150px;
 border: 1px solid #ccc;
 float: left;
 padding: 2%;
 margin-bottom: 10px;
}

.category_entry img{
 max-width:100% !important;
 height: auto !important;
 clear: both;
 width: auto\9;
}

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

}/* 700end */

@media screen and (min-width: 501px) {/* ページ設定500まで */

}

@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;
}
.t_left.f-none {
	float: none;
}
}
@media screen and (max-width: 700px) {/* 700以下 */

/* -----------------
 foot 700以下
-------------------- */
#back-top{
 float: left;
 margin-bottom: 0;
 width: 96%;
 margin-left: 2%;
}

#footer .inner{
 display: none;
}

#f_navi{
 display: table;
 text-align: center;
 margin: 0 auto;
}
.center_box_foot{
 text-align: center;
 max-width: 300px;
 margin-left: auto;
 margin-right: auto;
}

.copy{
 height: auto;
 margin-top: 0;
 min-height: auto;
 font-size: 70%;
 text-align: center;
}
.copy p{
  display: block;
 line-height: 30px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

/* ギャラリー */

.gallery-caption{
 font-size: 12px;
}
/* カテゴリー700以下 */
img.attachment-thumbnail{ padding: 4px;border: 1px solid #ccc;margin-right: 10px;}
}
}

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