@charset "utf-8";

@media only screen and (max-width:320px) {
/* ↓どこで必要なのか明記した方が良い */
img{
	float:none!important;
	padding:0!important;
	display:block!important;
}
/* ↓上記のスタイル指定を部分的に回避するための記述 */
.wpp-list img{
	float:left!important;
}
/* 関連記事 */
.relatedPosts li {
    width: auto;
    float: none;
    text-align:left;
	overflow:hidden;
}
.relatedPosts li>p.img{
	width:70px;
	float:left;
}
.relatedPosts li>p.title{
	width: 74%;
	float:right;
}
}/* ■end mediaQuery */

/* ■最終的には[max-device-width]に変更 */
@media only screen and (max-width:800px) {

img{max-width:100%;}

/* ■リンクボタン */
.btn_base{width: 90%;}

/* ■ページ全体 */
body{
    -webkit-text-size-adjust: 100%;
    position:relative;
}
body.gnavi_space{
    padding-top: 49px;
}
#breadNav {
    display: none;
}

/* ■ヘッダー */
#titleArea,
#headerArea,
#gnaviArea,
#promoArea{width:100%;}

#headerArea {padding:0;}
#headerArea .logo,
#headerArea .info{
    float: none;
    margin: 10px 0;
}

/* ■ヘッダータイトル */
#promoArea .catchCopy{
	position: absolute;
	left: .5em;
	top: .5em;
}

/* ■グローバルナビ周辺 */
#gnaviFrame {
    position: absolute;
    width: 100%;
    height: 49px;
    top: 0;
    z-index: 9999;
}
#pcNavi {display: none;}
#spNavi {display: block;}
#spNavi div.header{
    height:49px;
    text-align:right;
    color:#fff;
    background: #000;
    overflow:hidden;
}
#spNavi div.header p{
    padding: 10px;
    font-size: 20px;
}
#spNavi div.header p.home{
    float:left;
}
#spNavi div.header p.toggle{
    float:right;
    cursor:pointer;
}
#spNavi div.header a{
    text-decoration:none;
    color:#fff;
}
#spNavi ul a {
    color:#fff;
    padding:15px 10px;
    display:block;
}
#spNavi ul {
    background:#111;
    display:none;
}
#spNavi>div>ul {
    float:right;
    width:90%;
}
#spNavi>div>ul>li {
    border-top:1px solid #333;
}
#spNavi>div>ul>li>ul>li {
    padding-left:1.5em;
    border-top:1px dotted #222;
}


/* ■コンテンツエリア */
#contentsFrame {
background: none;
}
#contentsArea {
width:100%;
padding: 15px 0 0;
}
#contentsArea2 {
overflow: hidden;
margin: 0 5px;
}

/* ■columnA */
#columnA #layoutContentsB{
float:none;
width:100%;
}
#columnA #mainArea{
float:none;
width: 100%;
}
#columnA #subAreaA{
float:none;
width:100%;
}

/* ■columnB */
#columnB #layoutContentsB{
float:none;
width:100%;
}
#columnB #mainArea{
float:none;
width:100%;
}
#columnB #subAreaA{
float:none;
width:100%;
}

/* ■columnC */
#columnC #layoutContentsA{
width:100%;
float:none;
}
#columnC #layoutContentsB{
float:none;
}
#columnC #mainArea{
float:none;
width:100%;
}
#columnC #subAreaA{
float:none;
width:100%;
}
#columnC #subAreaB{
width:100%;
}

/* ■サイドメニュー */
.widget_googlemap .menuBody{
    padding: 0 7%;
}

/* ■プレフッター */
#preFooterArea {
overflow:hidden;
margin-bottom: 0px;
}
#preFooterArea>div {
float:none;
width:100%;
margin-left:0px;
margin-bottom:10px;
}
#preFooterArea>div:first-child {
}

/* ■フッター */
#footerArea {
width:100%;
margin-bottom: 35px;
}
#footerMenu {
    padding: 0;
}
#footerMenu li{
display:block;
border-left:none;
padding-left:0px;
margin-left:0px;
border-bottom: 1px solid #fff;
}
#footerMenu li:first-child{
}

/* ■ページトップへ戻る */
#toTop {
left: 0;
right: 0;
}
#toTop a {
padding: 10px 0;
}
#toTopWrap .type02{
width: auto;
bottom: 0;
}
#toTopWrap .type01 a {
width: auto;
}
#toTopWrap .type02 a {
width: auto;
padding: 10px 0;
border-radius: 0;
}

/* ■bxSlider(jQスライダープラグイン) デフォルトCSS上書き */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {bottom: -5px!important;}

}/* ■end mediaQuery */