/* スマートフォン対応 */
@charset "UTF-8";

@media
only screen and (max-width : 640px){

/* 会員メニュー */
.cc{
max-width:100%;
height:auto;
}

/* アーカイブ */

.archive_post .meta{
width:auto;
float:none;
margin-bottom:1em;
}

.archive_post .post_info{
margin-top:1em;
width:100%;
float:none;
}

.archive_post .post_info .arrow_link{
display:none;
}

.archive_post .post_info .excerpt{
display:none;
}

.archive_post .date{
float:none;
}

.archive_post .title{
margin-top:0.5em;
float:none;
width:auto;

}
.archive_post{
width:98%;
margin:0 1%;
}


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

/* サブページ */
#bread_crumb{
width:100%;
height:7em;
}
#right_col{
float:none;
width:98%;
margin:0 1%;
}

.comment_headline{
line-height:150% !important;
}


#related_post ul li{
float:none;
}
#related_post ul li.post2 .image img, #related_post ul li.post4 .image img{
margin:0;
}

#related_post ul li.post2 .meta, #related_post ul li.post4 .meta{
float:left;
}

#bookmark_area{
margin-right:1%;
margin-left :1%;

}
.post{
margin-right:1%;
margin-left :1%;
}


#headline h2{
height:auto;
line-height:100%;
margin-bottom:1em;
}

.single_post .date{
float:none;
margin:0 1%;
}

.single_post .title_area{
float:none;
width:98%;
margin:0 1%;
}

.single_post .title{
margin:1em 0;
}

#left_col{
width:100%;
float:none;
}
.single_post{
width:100%;
}

#content{

background:url("")!important;

}


/* フッター */

.sub_page #footer_menu li{
font-size:1.2em;
line-height:150%;
}


.sub_page .f_in,
.sub_page .f_b{
bottom:auto;
position:relative;
}

.sub_page .f_b img{
max-width:100%;
width:auto !important;
}

.sub_page #footer_wrap{
width:100%;
min-width:0%;
}

.sub_page #footer{
width:100%;
}

.sub_page #footer_widget_area{
margin:0;
}

.sub_page .footer_widget{
height:auto;
display:block;
float:none;
width:auto;
margin:0px;
padding:10px;
}


/* レース */

/*
#index_bottom .image .ibe_outer img{
max-width:100%;
height:auto;
}

#index_bottom ul li .image{
width:40%;
padding:1%;
}

#index_bottom ul li .meta{
width:50%;
padding:1%;
}
#index_bottom ul{

margin:0;
}

#index_bottom ul li{
width:100%;
}
*/


/* 最新記事一覧 */

/*
#archive_button{
display:none;
}
*/

/* 右コンテンツ */

/*
#index_recommend ul li .image{
width:36%;
float:left;
}

#index_recommend ul li .image img{
max-width:100%;
height:auto;
border:none;
}
#index_recommend ul li .meta{
width:63%;
}
#index_recommend li{
width:48%;
padding:1%;
float:left;
}

#index_recommend{
float:none;
width:100%;
}
*/



/* メインコンテンツ */

.sub_page #main_content{
width:100%;
}

/*
#index_latest ul{
margin:0;
}
#index_latest ul li{
width:48%;
padding:1%;
border:none;
}


#index_latest ul li .image img{
width:100%;
height:auto;
}



#index_latest{
float:none;
width:100%;
}
*/

/* スライドショー */

/*
.flexslider .left .date,
.flexslider .left .year,
.flexslider .left .title,
.flexslider .left .link
{
margin:10px;
}

.flexslider .left .title{
font-size:1em;
height:3em;
}



.flexslider .left,.flexslider .image{
float:none;
}

.flexslider .image{
margin-top:1em;
}

.flexslider .left .link{
position:relative;
bottom:auto;
left:auto;
font-size:15px;
}


.flex-direction-nav{
display:none;
}

.flexslider .slides{
border:0;
position:relative;
top:auto;
left:auto;
width:100%;
}


.flexslider{
width:100%;
height:auto;
}

.flexslider .slides li,.flexslider .slides{
height:auto;
}

.slides{
padding-bottom:3em;
}


.flex-control-nav{
width:100%;
}


.flexslider .ibe_outer{
width:100% !important;
height:100% !important;
}

.flexslider .image img{
width:100%;
height:auto;
}

.ibe_inner{
display:none;
}
*/

/* トップページ */

#logo{
width:217px;
margin-right:auto;
margin-left :auto;

}
.sub_page #container,
.sub_page #header{
height:auto;
}


.sub_page #top_line{
margin:1em 0;
position:relative;
top:auto;
}

.sub_page .social_link{
position:relative;
right:auto !important;
top:auto !important;
width:312px;
margin-right:auto;
margin-left :auto;
}

.sub_page .social_link ul{
}

.sub_page .search_area{
text-align:center;
margin:0 auto;
position:relative;
right:auto !important;
top:auto !important;
}

.sub_page #logo{
position:relative;
left:auto !important;
top:auto !important;

}

.sub_page #header{
background:url("") no-repeat scroll 265px top rgba(0, 0, 0, 0);
width:100%;
}

body.sub_page{

background:url("") repeat-x scroll left top rgba(0, 0, 0, 0) !important;

}


.sub_page #global_menu{
display:none;
}


/*
#global_menu{
width:100%;
position:relative;
bottom:auto !important;
right:auto !important;
}

#global_menu .menu li{
width:20% !important;
}

#global_menu .menu .sub-menu li{
width:100% !important;
}


*/

.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }



}