@charset "utf-8";
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/


a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; }

.slid_hide,
.disp_p { display:none; }
.disp_s { display:block; }

/***  ヘッダー  ***/
#head00s {
    width:100%;
    margin:0 auto;
    background:#333333;
    position: fixed;
    top:0;
    z-index: 10000;
}
#head01s{
    margin:0 8% 0 1%;
    width:50%;
}

#head02s1,
#head02s2,
#head02s3{
    width:12.0625%;
    margin:0 0.5%;
}

/***  スマホ用グランドナヴィゲーション  ***/
.slideout-header {
    position:fixed;
    top:0;
    left:0;
    z-index:3000;
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.slideout-menu {
    position: absolute;
    top:1em; left:0;
    background:rgba(255,255,255,0.9);
    width:94%;
    margin:0 3%;
    display:none;
}
.slideout-menu_in {text-align:center; }

.slideout-close{
    display: none;
}

.slideout-close img{
    width:100%;
}


.sm01_01{
    border-top:1px solid #525252;
    border-left:1px solid #525252;
    border-right:1px solid #525252;
}
.sm01_01>li h2 a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    width:90%;
    padding:0.7em 5%;
    border-bottom:1px solid #525252;
    color:#525252;
    position: relative;

}

.sm01_01>li h2 a::after{
    content: url(../img/common/sm_arrow.png);
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/*固定バナー背景*/
.back_kote{
	background:rgba(255,255,255,0.60);
	width:100%;
}
/*===============================
　　スマホ用下固定バナー
===============================*/
.kote_s{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:1000;
}
.kote_s ul{
	width:90%;
	margin:0;
    padding:0 5%;
}
.kote_s ul li{
	width:50%;
	margin:0.5em 0 0.4em 0;
	float:left;
}
.kote_s ul li img{
	width:96%;
	margin:0 2%;
}


/*===================
　フッター
===================*/
.foot01_01{
    width:100%;
    margin:0;
}
.foot01_01 ul li{
    float: left;
}
.foot01_01 ul li::after{
    content:'|';
    padding:0 1em;
}
.foot01_01 ul li:last-child::after{
    content:'';
    padding:0 1em;
}
.foot01_02 li{
    padding:0.7em 0;
    
}

#foot01 {
	width:92%;
	text-align:left;
	margin:0 auto;
	padding:0.5em 0 15em 0 ;
	display:block;
}

.line_foot{
	width:100%;
	background:url(../img/common/foot_line.png) repeat-x;
	height:7px;
}



/***  ページTOP  ***/
#page_tops {/*93 1100*/
    position: absolute;
    bottom:105%;
    right:0.2em;
    display:block;
    width:18%;
    z-index:50;
}
/**＝＝＝＝＝＝＝＝＝＝＝
　サブページ
　各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/


#title_sub{
	width:94%;
	margin:0 auto;
	padding:1.5em 0;
	text-align:center;
}
#title_sub_back{
	width:94%;
	margin:0 auto;
	text-align:center;
}



/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

a.telLink0 { display:inline-block; cursor: default; pointer-events: none; text-decoration:none; }

.disp_p { display:block; }
.disp_s { display:none; }

h1 { font-size:80%; padding:0; }

#pankuzu_line { width:100%; }

/***  ヘッダー  ***/
#head00 {  width:96.3158%; margin:0 auto; padding:1em 0; }
    
.head01 {/*530 1100*/
    width:48.181818%;
    margin:0 0 0 auto;
}
.head02 {/*200 1100*/
    width:18.18181818%;
    margin:0 1.81818%;/*0 20*/
}
    
.head02 ul li {/*95 200*/
    width:47.5%;
    margin:0 1.25%;
    float: left;
}

.head03{/*292 1100*/
	width:26.545454%;
	margin:0;
}


/***  PC&タブレット用メニュー  ***/
.back_navipc{
	background:#FFFFFF;
    box-shadow: 0 2px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.4);
    -moz-box-shadow:  0 2px 3px rgba(0,0,0,.4);
    -o-box-shadow:  0 2px 3px rgba(0,0,0,.4);
    position: relative;
    z-index: 2;
}
    
    
.back_nav{
	padding:1em 0 1.2em;
}

#p_navi { width:96.3158%; margin:0 auto; height:auto; } 
#p_navi  ul li {
	width:20%;/* 183px × 6メニュー*/
	float:left;
}
    
#p_navi  ul li img:hover{
    background: linear-gradient(rgba(234,176,3,.6), rgba(181,137,9,.6));
    border-radius: 3px;
}
    
#p_navi  ul li a:hover img{
	filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
} 

/*===============================
　　フッター
===============================*/
.foot01_01{
    width:90%;
    margin:0 auto;
}

/*===============================
　　右固定バナー
===============================*/
#page_banner{
    position: fixed;
	top:25%;
    right:0;
	width:13%;
	margin:0;
}

/*===============================
　　下固定バナー
===============================*/
.kote_block{
	width:100%;
	bottom:0;
	margin:0 auto;
	height:110px;
}


.fix {
    z-index: 100000;
    position: fixed;
    bottom: 0;
}

.kote{
	width:100%;
	margin:0;
	/*margin:0.5em auto 1em auto;*/
	position: fixed;
	bottom:0;
	z-index:1000;
	height:100px;
}
.kote ul li{/*1140 340*/
	width:29.824561%;
	padding:0 1.7%;
}

.kote ul li img{/**/
	width:100%;
	margin:0 3.5%;
}



/***  フッター  ***/
#foot01 { width:100%; }

/***  ページTOP  ***/
#page_top {/*93 1100*/
    position: absolute;
    bottom:115%;
    right:2em;
    display:block;
    width:8.4%;
    z-index:50;
}
    
/**＝＝＝＝＝＝＝＝＝＝＝
　サブページ
　各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/
#title_sub{ width:100%; padding:1em 0 2em;}
#title_sub_back{ width:100%; padding:0;}

.pan ul{
	width:80.72727272%;
}



}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media (min-width : 1140px) {
	
.disp_pt { display: block; }
.disp_t { display:none; }
h1 { font-size:93%; }

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

#pankuzu_line { width:1140px; }
#headover {width:1140px; margin:0 auto; }
#head00 {
	width:1100px;
	margin:0 auto;
	padding:0.5em 20px 1em;
}
.head01 {/*530 1100*/
    width:530px;
    margin:0 0 0 auto;
}
.head02 {/*200 1100*/
    width:200px;
    margin:0 20px;
}
    
.head02 ul li {/*200 1100*/
    width:95px;
    margin:0 2.5px;
    float: left;
}

.head03{/*292 1100*/
	width:292px;
	margin:0;
}



.back_nav{width:1100px; margin:0 auto; }

/***  PC&タブレット用メニュー  ***/
#p_navi { width:1100px;  margin:0 auto; } 
#p_navi li {
	width:183px;
}



/*===============================
　　下固定バナー
===============================*/
.kote_block{width:1140px;}

.kote{width:1140px;}

/*フッター*/
#foot01 {
	width:1140px;
	margin:0 auto;
	padding:0 0 130px 0;
}

/**** ページTOP **/


/**＝＝＝＝＝＝＝＝＝＝＝
　サブページ
　各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/
#title_sub{ width:1100px; padding:1em 0 2em 0;}
#title_sub_back{ width:1100px; padding:0;}


}

@media (min-width : 1600px) { 

}