/*
Template Name: スマートフォン用スタイルシート
*/
@media screen and (max-width:480px){


/*===============================================
●style.css 画面の横幅が480px以下
===============================================*/

body { 
	height:480px;
	margin:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1サイトキーワード h2サイトタイトル 設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2 {
	width: 98%;
	font-size: 18px;
	line-height: 20px;
}

/* twitter hatena ボタン設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#btn_box {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
.menubtn {
	display: block;
	line-height: 40px;
	background:#444444 url(img/a_navi.png) no-repeat 15px 12px;
	color: #fff;
	text-align: left;
}
.menubtn span {
	padding-left:35px;
}
.togmenu {
	display:none;
}
#top_navigation ul{
	width:100%;
}

#top_navigation ul li{
	width:100%;
	font-size:12px;
}

/* ----------------------------------------- */

#top_navigation ul.sub-menu li a{
	width:100%;
}

#top_navigation ul.sub-menu li a:hover{
	width:100%;
}


#top_navigation ul.sub-menu li{
	width:100%;
}

#top_navigation .menu ul ul a {
	width:100%;
}

#top_navigation .menu ul ul a:hover{
	width:100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナー設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#banner_in {
	width: 92%;
	height:auto;
	margin: 0 1%;
	padding:0;
	background:#FFF;
}

#banner_in img{
	width:100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイト説明文設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#site_dis p {
	width: 96%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* パンくずリスト設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

p.breadcrumb {
	width: 96%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 本体設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
#contents_in{
	width:98%;
	margin: 7px 1% 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインコンテンツ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper3, #wrapper2r, #wrapper2l, #wrapper,#wrapperk3, #wrapperk2r, #wrapperk2l, #wrapperk1 {
	width: 98%;
}

/* 3カラム ----------------------------------------- */

#wrapper3 #left_contents_frame, #wrapperk3 #left_contents_frame {
	width: 100%;
}
#wrapper3 #c_c_m, #wrapperk3 #c_c_m {
	width: 100%;
	margin: 0;
}

#wrapper3 #l_c_m, #wrapperk3 #l_c_m {
	width: 100%;
}
#wrapper3 #r_c_m, #wrapperk3 #r_c_m {
	width: 100%;
}

/* 2カラム左 ----------------------------------------- */

#wrapper2l #c_c_m, #wrapperk2l #c_c_m {
	width: 100%;
	margin: 0;
}

#wrapper2l #l_c_m, #wrapperk2l #l_c_m {
	width: 100%;
}

/* 2カラム右 ----------------------------------------- */

#wrapper2r #c_c_m, #wrapperk2r #c_c_m {
	width: 100%;
}

#wrapper2r #r_c_m, #wrapperk2r #r_c_m {
	width: 100%;
}


/* 1カラム ----------------------------------------- */

#wrapper #c_c_m, #wrapperk1 #c_c_m {
	width: 100%;
	margin: 0;
}

/* アイキャッチ画像設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.econtent img.attachment-200x200, .econtent-none img.attachment-200x200 { 
	width:50%;
	float: left;
	margin: 0 10px 10px 0;
}
.econtent-i img.attachment-200x200, .econtent-none-i img.attachment-200x200 { 
	width:50%;
	float: right;
	margin: 0 0 10px 10px;
}


/* 日付の設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.date_time { 
	width: 60%;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}
.no_day { 
	width: 50%;
	margin: 0;
	text-align: right;
	float: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カレンダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#wp-calendar caption{
	display:none;
}

#wp-calendar {
    display:none;
}

/* 追尾型サイドバー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#fix_box1, #fix_box2{
	max-width: 480px;
	width:100%;
	margin: 10px 0 0;
	padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* topに戻るボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#top_return{
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mini_box {
	width: 100%;
	margin: -2px 0 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキング */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.rankingvera .ra-img {
	width: 80%;
	margin:10px 10%;
	padding:0;
	clear:both;
}

.rankingverb .rb-img{
	width:80%;
	margin:0 10%;
	padding: 0;
}

.rankingverc td.c_photo {
	width:100%;
	margin: 0;
	clear:both;
}
.rankingverc .rc-img {
	width:90%;
	margin: 0 2% 10px;
	padding: 10px 3%;
}

.box_in_ranking_black p a img {
	width:80%;
	text-align:center;
	margin:0 10%;
	padding: 0;
}

}
/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------*/