@charset "UTF-8";

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

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

/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

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; }

h2,h3,h4,h5{
	text-align:center;
}

/*●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

a{
	color: #39f;
	-webkit-tap-highlight-color: #fc6;
}


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

#container{
	padding-top: 0;
	padding-bottom: 1.5em;
}


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

#top{
	top: 0;
	height: auto;
	padding:0;
}

#top-in{
	padding-bottom:4px;
}

/*●メニュー*/
#top-menu{
	float: none;
}

#top-menu li{
	text-align: left;
	display: block;
}

/*●h1エリア*/
#top-in #header-title{
	width:50%!important;
	margin:0 auto 0 auto;
	float:left;
}

#top-in #header-title h1{
	font-size:0.8em;
	text-align:left;
	line-height:1.3em;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{

}
/*●ヘッダの回り込み解除*/
#header #header-title,
#header-in #header-text{
	float: none;
	width: 100%;
}

#header .header-logo{ font-size: 2em; }

#header #header-left{
	width:55%;
	margin-left:auto!important;
	margin-right:auto!important;
}

#header #header-left img{
	width:100%;
}

#header-in #header-right{
	width:43%;
}

#header-in #function_area{
	float:right;
}


/*●TELボタン（スマホ用）*/
#header #header-tel{
	display:block;
	width:100%;
}

/*--------------------------------------------------------
3つ並びバナーエリア（TOPページ）
--------------------------------------------------------*/
#top-banner{
	width:100%;
}

#top-banner-in{
	width:96%;
	margin:0 auto 0 auto;	
}

#top-banner-in .wrap1,
#top-banner-in .wrap2,
#top-banner-in .wrap3{
	float:none;
	width:100%;
	margin:5px auto 5px auto;
}

/* メニュー */
#top-banner-in ul{
	top:45%;
	width:60%;
}

#top-banner-in ul li{
	margin-top:5px;
}

#top-banner-in ul li a{
	background: url(/assets/top_menu_head_off.png) 5px 5px no-repeat #00B2A3 ;
	font-size:1.3em;
	padding:1px 1px 1px 22px;
}

#top-banner-in ul li a:hover,
#top-banner-in ul li a:active{
	background: url(/assets/top_menu_head_on.png) 5px 5px no-repeat #F2A22D ;
}

/*--------------------------------------------------------
お知らせリスト（TOPページ）
--------------------------------------------------------*/

ul.info{
}

ul.info li{
}

ul.info .left{
	float:none;
}

ul.info .right{
	float:none;
}

ul.info .date{
	margin-right:10px!important;
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav {
	width:100%!important;/* 重要！消さない */
	height:0!important;
}

#global-nav-in { 
	background:none;
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}


/* スマホ用メニューボタン */
.btn-gnav{
	float:right;
	display:block;
	cursor: pointer;
	width:25px!important;
	height:25px!important;
  	background: url(/assets/icon-menu-white.png) center no-repeat;
  	-webkit-background-size: 25px 25px;
 	background-size: 25px 25px;
	margin: 0 6px 0 0;
}

/* ●開閉メニューの設定 */ 

/* クローズ時 */
#global-nav .menu-wrap{
	display:none;
	background:#EFEFEF;
	width:100%;
}

/* オープン時 */
#global-nav .showMenu{ 
	display: block!important;
	top:100%!important;/*メニューの出現位置*/
	right:0!important;/*メニューの出現位置*/
	z-index:999!important;
}

#global-nav #global-nav-in #menu{
	width: 88%!important;
	border:solid 1px #CCCCCC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/* メニューの書式 */
#global-nav #global-nav-in #menu li,
#global-nav #global-nav-in #menu li ul.sub-menu li,
#global-nav #global-nav-in #menu li ul.sub-menu li ul li{
	width: 100%!important;
	float:left!important;
	border: 0;
	padding:0;
	margin:0;
	background:#FFFFFF;
}

/* 親要素にのみボーダーを付ける */
#global-nav #global-nav-in #menu li{
  	border-bottom: 1px solid #e7e7e7;
}

#global-nav #global-nav-in #menu li a:link,
#global-nav #global-nav-in #menu li a:visited{
	display:block;
	margin:0;
	padding:0;
  	background: url(/assets/icon-gnav.png) right center no-repeat;
  	-webkit-background-size: 13px 13px;
 	background-size: 13px 13px;
	padding:6px 0 4px 10px;
	color:#333;
	border:none!important;
	text-align:left!important;
	font-size:1.2em;
}

#global-nav #global-nav-in #menu li a:hover,
#global-nav #global-nav-in #menu li a:active{
  	background: url(/assets/icon-gnav.png) right center no-repeat #EFEFEF;
	border:none!important;
	text-align:left!important;
}

/*●下層メニュー設定*/
#global-nav #global-nav-in #menu ul{
	position: static;
	width: auto;
	display:block!important;
}

#global-nav #global-nav-in #menu ul li:last-child{ border-bottom: 0; }
/* 下層メニューを右にずらす設定 */
#global-nav #global-nav-in #menu ul li a{ 
	width: auto;
	padding-left: 7%!important;
}

#global-nav #global-nav-in #menu ul li ul li a{ 
	width: auto;
	padding-left: 12%!important;
	border:none!important;
}

/*--------------------------------------------------------
パンくずナビ
--------------------------------------------------------*/
#breadcrumbs{
	margin-bottom: 0.6em;
	font-size: 1.2em;
}

#breadcrumbs li a{
	text-decoration:underline;
}

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

#main-image .catch-copy{ font-size: 1.4em; }


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

/*●最新情報の回り込みを解除*/
#main-contents dl.news dt,
#main-contents dl.news dd.cat,
#main-contents dl.dl-style01 dt{ float: none; }

#main-contents dl.news dt{ margin-bottom: 0.4em; }

#main-contents dl.news dt,
#main-contents dl.dl-style01 dt{
	padding-right: 1em;
	padding-left: 1em;
}

#main-contents dl.news dd.cat{
	display: inline-block;
	width: auto;
	margin: 0 1em 0.5em;
	padding: 0.3em 1em;
}

#main-contents dl.news dd,
#main-contents dl.dl-style01 dd{ 
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 1em;
}

/*●Tableをブロック表示に*/

#main-contents table{
	border:solid 1px #CCCCCC;
}

#main-contents table,
#main-contents table thead,
#main-contents table tbody,
#main-contents table tfoot,
#main-contents table tr,
#main-contents table th,
#main-contents table td{ display: block; }

#main-contents table th,
#main-contents table td{
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	border:none;
}

#main-contents table th{
	padding-top:2px!important;
	padding-bottom:2px!important;
}

#main-contents table{ /zoom : 1; }
#main-contents table:after{ content : ''; display : block; clear : both; height:0; }


.box-wrap .box-l,
.box-wrap .box-r{
	float: none;
	width: 100%;
}


/*Youtube動画*/
#main-contents .v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

#main-contents .v-wrap iframe,
#main-contents .v-wrap object,
#main-contents .v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

/*折り畳み
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
	display: block;
	margin-bottom: 1em;
	padding: 1em;
	padding-left: 2.5em!important;
	background: url(/assets/arrow_white.png) 1em center no-repeat #666;
	color: #fff;
	cursor: pointer;
}*/

/* 通常時：メニューを隠す
.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; } */

/* ボタンクリック時：メニューを表示 */
.sub-column .showSubConts,
.sub-column .showSidebar{
	display: block!important;
}

.col1 .sub-column .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img,
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: none;
	padding-right: 0;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: block;
	margin-right: 0;
}

.sub-column dl.search-box{ width: 100%; }

.sub-column dl.search-box dt{
	margin-right: 0;
	margin-bottom: 0.4em;;
	width: 100%;
}

.sub-column dl.search-box dt,
.sub-column dl.search-box dd{ float: none; }

/*--------------------------------------------------------
サイドバー　メルマガフォーム
--------------------------------------------------------*/

.sub-column #mailmag_form{
}

.sub-column #mailmag_form #input1{
	position:absolute;
	top:140px;
	left:30%;
}

.sub-column #mailmag_form #input2{
	position:absolute;
	top:180px;
	left:30%;
}


.sub-column #mailmag_form #submit_btn{
	position:absolute;
	top:230px;
	left:55px;
}

.sub-column #mailmag_form input[type="text"]{
	width:240px;
	height:24px;
	background:#FFF;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:none;
	border-right:none;
}

.sub-column #mailmag_form input[type="submit"]{

}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer{
	margin-top:30px!important;
}

#footer .footer-menu ul{
	float: none;
	width: 100%;
}

#footer .area01,
#footer .area02{
	float: none;
	width: 100%;
	margin-bottom: 2em;
}

.footer-menu li{
	margin-bottom: 5px;
	margin-left:5px;
	float:none;
}


.copyright{ padding-bottom: 40px; }

.copyright span{ display: block; }

/*●フリーエリア*/
#footer_free{
	width:90%;
	margin:0 auto 0 auto;
}

/*------------------------------------------------------------
WordPress用
-------------------------------------------------------------*/

img.alignleft,
img.alignright{
	float: none;
	display: block;
	padding: 0;
	margin: auto;
}

/*--------------------------------------------------------
追従メニュー
--------------------------------------------------------*/

#float_menu{
	width: 100%;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding:2px 10px 0px 10px;
}

#float_menu ul{
	width:96%;
}

/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.page-top a{
	display: block;
	border: 0;
	border-top: 1px solid #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.page-top a:link,
.page-top a:visited,
.page-top a:hover,
.page-top a:active{
	background: url(/assets/bg-pagetop.gif) 14px center no-repeat #333;
	color: #fff;
}

.page-top:not(\*|*){ position: static; }/* Opera9以下 */

}

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


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