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


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

body { 
	height:480px;
	margin:0;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.site-title {
	width: 80%;
	margin:0 20% 0 0;
	min-height: 45px;
	text-decoration: none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビゲーション */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.menubtn {
	display: block;
	line-height: 40px;
	margin-top: 10px;
	background:#444444 url(img/a_navi.png) no-repeat 15px 12px;
	color: #fff;
	text-align: left;
}
.menubtn span {
	padding-left:35px;
}
.togmenu {
	display:none;
}
#g-navi-in ul li a {
	float: left;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
/* 
────────────────────────────────────────────── */
#g-navi-in ul {
	position: absolute;
	max-width:480px;
	top: 90px;
	right: 0px;
	left: 0px;
	text-align:center;
	z-index:9999;

}
#g-navi-in ul li { 
	list-style-type: none;
	float: left;
	min-width:100%;
	margin: 0 auto;
	padding:0;
	border-right: solid 1px #CCC;
	display:inline;
	position: relative;
	background: #EEEEEE;
}

#g-navi-in ul li a {
	width:100%;
	float: left;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 10px 0;
}
#g-navi-in ul li a:hover {
	text-decoration: underline; 
	color: #E2041B;
}
/* ----------------------------------------- */

#g-navi-in ul.sub-menu{
	width: 100%;
	margin: 0;
	display: none;
	position: absolute;
	top: 40px;
	left:0;
	min-height:40px;
	z-index: 99999;
	list-style:none;
}

#g-navi-in ul.sub-menu li{
	padding:0;
	margin:0 0 10px;
	border:none;
	list-style-type:none;
}

#g-navi-in ul.sub-menu li a{
	width: 100%;
	padding:5px 0;
	margin:0;
	float:left;
	display:block;
	border-top:1px #EEE solid;
	background:url(img/clear.png) repeat;
	font-weight: bold;
}


/* サイト説明文
────────────────────────────────────────────── */

.banner-in p {
	font-size:14px;
	max-height:140px;
	overflow:hidden;
	margin: -20% 40% 0 10px;
	padding: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテイナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#container3, #containerk3, #container2l, #containerk2l, #container2r, #containerk2r {
	width: 98%;
}
#container, #containerk1 {
	width: 98%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メイン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#container3 #main, #containerk3 #main {
	width: 100%;
	margin:0;
}
#container2l #main, #containerk2l #main {
	width: 100%;
	margin: 0;
}
#container2r #main, #containerk2r #main {
	width:100%;
	margin: 0;
}
#container #main, #containerk1 #main {
	width: 100%;
	margin:0;
}
#main-left {
	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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイドメニュー　*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#side1 {
	width: 100%;
}
#side2 {
	width: 100%;
}

/* 追尾型サイドバー
─────────────────────────── */

#container3 #fix_box1, #container3 #fix_box2,
#containerk3 #fix_box1, #containerk3 #fix_box2,
#container2l #fix_box1, #containerk2l #fix_box1,
#container2r #fix_box2, #containerk2r #fix_box2,
#containerk1 #fix_box1, #containerk1 #fix_box2{
	max-width: 480px;
	width:100%;
	margin: 0px 0px 10px;
    	padding: 0px;
    	z-index: 9999;
}

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

#wp-calendar {
    display:none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッターBOX設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
#f_box_matome{
	width:98%;
}

/* フッターウィジェット
─────────────────────────── */

#footer_box .mini_box{
	min-width:98%;
	max-width:98%;
	margin:10px 1% 0;
}
#footer_box .title{
	width:98%;
	margin: 4px 1% 0;
}
#f_box_matome .mini_box .textwidget{
	width:98%;
	margin: 4px 1% 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コピーライト部分設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#footer {
	width: 100%;
	height: auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキング */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#main .rankingvera .ra-img {
	width:100%;
	margin:10px 0;
	padding:0;
	clear:both;
}

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

#main .rankingverc .rc-img {
	width:80%;
	position: relative;
	margin: 0 7% 10px;
	padding: 10px 3%;
	border-top: 1px solid #DDDCCC;
	border-right: 1px solid #DDDCCC;
	border-bottom: 2px solid #DDDCCC;
	border-left: 1px solid #DDDCCC;
	background:#FFF;
}
#main .rankingverc .rc-img img{
	width:100%;
}

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

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