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


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

body { 
	max-width:480px;
	margin:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h2サイトタイトル設定 */	
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
h2{
	width:96%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー部分設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
#top_box{
	width:auto;
	max-width:768px;
	min-height:65px;
	margin:0 auto;
	background:#F5F5F5;
	clear:both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* twitter hatena ボタン設定*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#bm_box{
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインバナー設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
#img{
	width:98%;
	margin:15px auto 10px;
	min-height:70px;
	background:url(img/banner.png) center no-repeat;	
	-moz-background-size:contain;
	background-size:contain; 
	border:none;
	box-shadow: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* nav_box */
#nav_box {
    position: relative;
}
/* menu icon */
#menu_icon {
    width:100% !important;
	height:50px;
	line-height:50px;
	color:#666666;
	font-weight:bold;
    display: block; /* show menu icon */
}
/* main nav */
#nav_box ul {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	line-height:50px;
	text-decoration:none;
	display:block;
	border-bottom:1px #CCCCCC solid;
	overflow:hidden;
    display: none; /* visibility will be toggled with jquery */
}
#nav_box ul li, #nav_box ul li.first, #nav_box ul li.last{
	width:100%;
	height:50px;
	line-height:50px;
    clear: both;
    float: none;
    margin:0;
	padding:0;
	border-top:1px #CCCCCC solid;
}
#nav_box ul li a,
#nav_box ul ul li a {
	width:100%;
	margin:0;
	padding:0;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	line-height:50px;
	text-decoration:none;
	background: url(img/back_navi.png) top repeat;
	display:block;
	overflow:hidden;
}
#nav_box ul li a:hover,
#nav_box ul ul li a:hover {
    color:#FFFFFF;
	text-decoration:none;
	background: url(img/back_navi.png) bottom repeat;
}
/* dropdown */
#nav_box ul ul {
    width:auto;
    position:static;
    display:block;
    border:none;
}
#nav_box ul ul li {
    margin:3px 0;
	padding:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインコンテンツ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#centerin_box{
	width:98%;
	margin:0 auto;
	overflow:hidden;
	background:none;
	clear:both;
}
#left_box{
	width:98%;
	height:auto!important;
	margin:0 1%;
	clear:both;
}
#right_box{
	width:98%;
	height:auto!important;
	margin:0 1%;
	clear:both;
}

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

#c_box, #l_box, #r_box{
	width:100%;
	margin:0;
	padding: 0;
}
#l_box p, #r_box p{
	font-size:12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 名前固定コンテンツ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.entry-title{
	margin: 15px auto 0;
}
.cate-title, .news{
	width:auto!important;
}
.side-title{
	width:auto!important;
}
.news-content{
	padding: 10px;
	background:#EEEEEE;
}
.news-content h3.red{
	margin-top:0;
	background:#EEEEEE;
}
.news-content ul li{
              max-width:95%;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フリースペース設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.freespace1{
	width:94%;
	padding:2% 1.8%;
	margin:0 1% 15px;
}
.freespace4{
	width:94%;
	padding:2% 1.8%;
	margin:0 1%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コピーライト部分設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
#bottom_m p{
	width:100%;
	height:auto;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	background:#333333;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 試食会用定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
.rank_s_mds{
	width:96%;
	padding:6px 2% 3px;
}
.rank_s_ny{
	width:96%;
	padding:6px 2% 3px ;
}
.pink_line{
             width:100%;
             background:none;
             display:block;
}
.pink_waku_v{
	display:block;
	padding:10px 20px;
	margin:0;
	display:block;
	text-align:left;
	border-style: solid;
	border-width: 4px;
	border-color: #FFBEBA;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px; 
	border-radius: 8px;
	background: #FFEEED;
	clear: both;	
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* TOPランキングボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
.rank_btn_green2 a{
	width:92%;
	font-size:18px;
              margin:0 2% 0;
	padding:10px 2% 8px;
              float:left;
}
.rank_btn_orange2 a{
	width:92%;
	font-size:18px;
              margin:0 2% 13px;
	padding:10px 2% 8px;
              float:left;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/*　キャラクターフキダシbox　*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
.character_box{
	min-height:200px;
	display:block;
	padding:0;
	margin:0 0 10px;
	clear:both;}

/* キャラクターアイコン */
.woman{	display:none;}

/* 大枠フキダシ */
.fkdsbox_red{
	width:100%;
	margin: 10px 0 ;
	padding:0;
	background:none;
	float:right;}

/* フキダシ */
.fkds_red{
	width:90%;
	padding:10px 2%;
	margin:0;
}
}
/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------*/