@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media only screen and (max-width :641px) {
/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

html { overflow-y: scroll; overflow-x: hidden; }
html,
body { width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
textarea,
input { max-width: 95%; }
input[type="submit"],
input[type="image"],
input[type="reset"],
input[type="button"],
input[type="file"] { max-width: none; }
/*●画像サイズの調整*/
img { height: auto; max-width: 100%; }
body {}
#wrapper,
h1 { width: 100% !important; background:none !important; }

/*
.photo_img, .photo_left, .photo_right,
.img_photo, .img_left, .img_right { float:none !important; display:block; text-align:center; }
*/

/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top_main { background-image:none;}
#in_main { background-image:none; padding:20px 0 20px 30px;}
/*--------------------------------------------------------
header
--------------------------------------------------------*/
#header_side_btn,#header_font,.header_bg,.header_line{display:none;}

#header,
#header *{ position:static !important; top:auto !important; left:auto !important; width:auto !important; height:auto !important;}
#header{text-align:center; height:auto !important; width:auto !important; }

#header{padding:5px 10px;}
#header #logo_box{padding-bottom:10px;}
#header .logo{float:left; width:40% !important; padding-top:2px;}
#header .logo img{width:100% !important; height:auto !important;}

#header #sp_btn{float:right; width:50px; height:50px; display:block !important;}

#header #header_lang{background:#00B7BE; padding:10px 0; text-align:center;}
#header #header_lang .header_line{display:none;}
#header #header_lang p{display:inline; height:20px;}
#header #header_lang p a{padding:4px 10px; margin:0 10px; display:block; border:1px solid #A6E6E8; display:inline;}
#header #header_lang p a img{vertical-align:top; height:20px;}

#header #navi,#header #sp_navi_box{display:none;}
#header #sp_navi{display:block;border-left:1px solid #ddd;}
#header #sp_navi { overflow: hidden; clear: both; }
#header #sp_navi:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
/*\*/
* html #header #sp_navi { height: 1em; overflow: visible; }
/**/

#header #sp_navi li{ width:50% !important; float:left; display:block;}
#header #sp_navi li a{background: url(../../img/link_btn_yazirushi.png) no-repeat 96% 50%; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; padding:5px 30px 5px 10px; background-size:auto 50%; display:block; text-align:left;}

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#top_main{padding:0 0 10px 0 !important;}


#contents,
#contents #main,
#contents #side { width: 100%; float: none !important; border:none; }
#contents #main{padding:0 10px 10px 10px; width:auto !important;}
#contents #main { overflow: hidden; clear: both; }
#contents #main:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
/*\*/
* html #contents #main { height: 1em; overflow: visible; }
/**/
#contents { margin: 0px 0 20px 0 ; }

#top #top_main_navi{width:100% !important; margin:0 !important;}
#top #top_main_navi li{ width:46% !important; display:block; padding-bottom:0px; margin:0 2% 2% 2% !important;}
#top #top_main_navi li img{width:100% !important; height:auto !important;}
#top #top_main_navi li .main_navi_txt{display:none;}

#top #news dl{padding:0 10px 10px 10px; }
#top #news dl dt{ position:inherit !important;}
#top #news dl dd{ padding-left:0px; margin-left:0 !important;}



/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer #footer_navi{padding:15px 0;}
#footer #footer_end_box { width: 100% !important; }
#footer #footer_end_box p { float: none !important; width: 100%; padding: 5px 0px; text-align:center; display:block; }


}

@media not screen and (1) { .page-top { position: static; } }*//* Opera10以上 */


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/