@charset "UTF-8";

/*-----------------------------------
■レイアウト（タブレット・スマホ）
-----------------------------------*/
@media
only screen and (max-width : 700px){

/*外側*/
#top,
#global-nav,
#global-nav2,
#global-nav3,
#main,
#main-image,
#sidebar,
#footer,
#footer-menu,
#copyright,
#page-top,
#page-top-in{
	width: 100%;
	min-width: 100%;
	max-width: 980px;
	margin: 0;
	padding: 0;
}


#page-top{
	margin-top: 100px;
	padding-top: 100px;
}






/*内側*/
#top-in,
#global-nav-in,
#main-in,
#footer-in,
#copyright p{
	width: 100%;
	min-width:  95%!important;
	max-width: 95%!important;
	margin: auto!important;	
}










.contents{
	width: 100%;
	padding: 0!important;
}
.hentry{
	padding: 0.5em 15px;
}
.entry-content, .entry-summary{
	padding: 0;
}

/*コンテンツ配置*/
#sidebar{
	float: none;
}
#main-contents{
	float: none;
}



/*
img{
	height: auto;
	max-width: 100%;
}
*/













/*パソコン表示との切り替え*/
.pc{
	display: none;
}
.mobile{
	display: inline-block;
}


.fl-l_l{
	text-align: center;
	float: none!important;
}

.fl-r_l{
	text-align: center;
	float: none!important;
}

}

/*-----------------------------------
■タブレットサイズ以下向け
-----------------------------------*/

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







#top{
	clear: both;
	background: none;
}
#top-in h1{
	color: #000;
}

/*ヘッダー*/
#header{
	display: none;
	padding:0px;
	margin:0px;
}

/*グローバルナビゲーション非表示*/
#global-nav,
#global-nav2,
#global-nav3{
	display: none;
}
/*サイドバー回り込み*/
#sidebar{
	clear: both;
}
#main-image{
	height:auto;
	margin-bottom:2em;
}


/*--------------------レスポンシブヘッダー--------------------*/

#res-header{
	width: 100%;
	display: block;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	background : url(../parts/bg.jpg);
	background-repeat : repeat;
	background-position : center top;
	overflow: hidden;
	text-align : left;
}


/*ロゴ*/
#res-logo{
	float: left;
	padding:0px;
	margin: 0;
}

#res-logo img{
	max-width: 100%;
	padding:0px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 40px;
	text-align : left;
}


#res-nav-btn{
	float: right;
	height: auto;
	width: 60px;
	cursor: pointer;
}

#res-nav-btn img{
	width: 60px;
	padding:0px;
	margin: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 48px;
	float: right;
}

#header-h1{
	max-width: 220px;
	float: left;
	margin-top: 25px;
	margin-left: 40px;
}
#header-h1 li{
	float: left;
	padding: 0px 0px 0px 0px;
}


#res-header li#res-nav-btn{
	padding-right: 1px;
}

/* ■ レスポンシブアコーディオンメニュー ■ */
#res-nav{
	margin: 0;
}
#res-nav-menu{
	clear: both;
	margin: 0;
	display: none;
}
ul#contact-mo li#res-nav-menu{
	max-width: 100%!important;
}
#res-nav-ul{
	clear: both;
	width:100%;
	margin: 0;
	border-top: solid 1px #000;
	border-bottom: solid 2px #000793;
}
#res-nav-ul li{
	display: block!important;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 0!important;
	font-size:1.2em;
	font-weight: bold!important;
}

/*メニューのデザイン*/
#res-nav-ul li a{
	display: block;
	padding: 0.6em 2em 0.6em 3em!important;
	text-decoration: none;
}

#res-nav-ul li a:link,
#res-nav-ul li a:visited{
	background : url(images/icon/icon-arrow.png) 1em center / auto auto no-repeat scroll padding-box border-box #ffffff;
} /*すでに訪れたリンクの背景色*/
#res-nav-ul li a:hover,
#res-nav-ul li a:active{
	background : url(images/icon/icon-arrow.png) 1em center / auto auto no-repeat scroll padding-box border-box #eeeeee;
} /*マウスカーソルを乗せた時の背景色*/





/*■ページトップ■*/
#page-top{
	font-size: 1.1em;
	position: fixed;
	bottom: 0;
	z-index: 99;
	text-align: center;
	background: #eee;
	right: 0;
	border-top: 2px solid #000;
	padding: 0;
}
#page-top a{
	display: block;
	padding: 0;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#copyright{
	padding: 1em 0 6.0em;
}



/*-----------------------------------
■ フッター（#footer）
-----------------------------------*/
#footer{
	clear: both;
	overflow: hidden;
	color: #000000;
	margin-top: 0px;
	background-color : #f5f5f5;
	height: 100%;
}








#footer-in{
	padding: 30px 0px;
}

#footer-menu{
	float: none;
	width: auto;
	overflow: hidden;
	margin-bottom: 50px;
	font-size:26px;
	line-height: 120%;
	padding-top: 300px;
}


#footer_leftlist{
	margin-left: 50px;
}

#footer-menu{
	text-align : center;
	padding: auto;
	margin: auto;
}





#footer-menu ul{
	/* float: none; */
	overflow: hidden;
	width: 250px;
	display: block;
}

#footer-menu li{
	float: none;
	width: 250px;
	padding: 10px 0px;
	font-size:20px;
	color : #666666;
	text-align : left;
	line-height: 100%;
}


#footer-menu li a:link,
#footer-menu li a:visited{
	color: #000000;
	text-decoration: none;
}
#footer-menu li a:hover,
#footer-menu li a:active{
	 
	color: #2067e0;
	text-decoration: underline;
}













#footer-menu-utage{
	width: 250px;
	padding: 30px 0px 0px 0px;
	margin-left: 50px;
	clear:both;
}














#footer-right{
	width: 600px;
	padding : 0px;
	margin : 0px;
	margin-left: auto;
	margin-right: auto;
	text-align : center;
	padding-top: 50px;
	padding-bottom: 100px;
	font-size:26px;
	font-weight: bold;
}

#footer-right p{
	width: 600px;
	padding : 0px;
	margin : 0px;
	text-align : left;
	line-height : 150%;
	font-size:20px;
	margin-left: 30px;
}

#footer-right img{
	padding : 10px;
	margin : 0px;
	padding-left: 0px;
	text-align : center;
}


#footer-right div{
	width: 600px;
	padding : 0px;
	margin : 0px;
	text-align : left;
	line-height : 150%;
	font-size:20px;
	margin-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}







/* =スマホ限定追加要素
--------------------------------------------------------*/
@media
only screen and (max-width : 640px){
#res-nav-btn{
	width: 70px;
	margin: 5px;
}

.hentry{
	margin: 0 0 2em 0;
}
#main-contents h2{
	font-size: 1.5em;
	color: #000793;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ebebeb;
}
#main-contents h3{
	font-size: 1.15em!important;
}
#main-contents h4{
	font-size: 1.13em;
}
#main-contents h5{
	font-size: 1.1em!important;
}
#main-contents h6{
	font-size: 1.0em!important;
}




/*バナーエリア*/
#top-banner ul{
	width: auto;
}
#top-banner li{
	width: 48%;
	margin: 0 1% 0;
}




/*バナーエリア*/
#top-banner{
	padding: 2em 0 3em;
}
#top-banner ul{
	width: 500px;
}
#top-banner li{
	width: 220px;
}












/*--------------------/レスポンシブヘッダー--------------------*/


/*バナー２つ*/
#banner-top li{
	float:none;
	width: 100%!important;
	margin-bottom: 20px;
}




/*バナーエリア*/
#top-banner{
	padding: 2em 0 3em;
}
#top-banner ul{
	width: 500px;
}
#top-banner li{
	width: 220px;
}







}
/*-----------------------------------
■ 消さない
-----------------------------------*/






/*-----------------------------------
■ トップ商品　設定
-----------------------------------*/








.centerbox90{
	width: 100%;
	margin: auto;
	text-align: center;
}


.leftbox001{
	float:none;
	width: 90%!important;
	font-size: 1.0em;
	margin: auto;
	margin-top: 10px;
	text-align: left;
}


.rightbox001{
	float:none;
	width: 90%!important;
	margin-bottom: 0px;
	padding: 0px;
	margin: auto;
	text-align: left;
	font-size: 1.0em;
}





.page-buttom980{
	max-width : 640px;
	margin: 0px;
	margin-left: 8px;
	margin-right: auto;
	text-align: center;
	clear:both;
}

.page-buttom20{
	width : 20%;
	padding : 20px;
	padding-left : 12px;
	padding-right : 12px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 1px;
	background-color: #34506b;
	color: #ffffff;
	float: left;
}

.page-buttom20 a{
	font-size:20px;
	color: #ffffff;
}


.page-buttom20 a:hover{
	color: #000793;
}

.page-buttom20b{
	width : 50%;
	padding : 20px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 50px;
	background-color: #34506b;
	color: #ffffff;
	float: left;
}

.page-buttom20b a{
	font-size:20px;
	color: #ffffff;
}


.page-buttom20b a:hover{
	color: #000793;
}











.index_photo100{
	width: 100%;
	padding : 0px;
	margin : 0px;
	margin-left: auto;
	margin-right: auto;
	text-align : center;
	padding-bottom: 0px;
	margin-top: 50px;
	margin-bottom: 0px;
}

.index_photo100 img{
	max-width: 100%;
	padding : 0px;
	margin : 0px;
	margin-left: auto;
	margin-right: auto;
	text-align : center;
}



#bgindex_waku100{
	max-width: 1920px;
	height: 600px;
	padding : 0px;
	margin : 0px;
	margin-left: auto;
	margin-right: auto;
	text-align : center;
	padding-bottom: 0px;
	margin-top: 50px;
	margin-bottom: 0px;
	background: url("../parts/index/index001.jpg") no-repeat top center;
}

#bgindex_waku980{
	max-width: 980px;
	padding : 0px;
	margin : 0px;
	margin-left: auto;
	margin-right: auto;
	text-align : center;
	padding-bottom: 0px;
	margin-top: 0px;
}