@charset "utf-8";
/** 全サイズ共通設定 **/
/** バックグランド・カラー　設定 **/


/*=================================================================================*/
/** 768px未満　スマホサイズ画面 ＜これが基本＞ **/
/***  ヘッダー  ***/
.disp_p { display:none; }
.disp_s { display:block; }

h1{ width:96%; margin:0 2%; text-align:center; padding-top:0.5em; }

#head00 { width:96%; margin:0 2%; }
#head01 { width:96%; margin:0 2%; }

#head02{
	width:90%;
	margin:0 5%;
}

.head02_01{
	width:80%;
	margin:0 10%;
}
.head02_02{
	width:38%;
	margin:0.2em 2% 0 0;
}

#head03{
	width:90%;
	margin:0 5%;
}

.head03_01{
	width:38%;
	margin:0 2% 0 0;
}


.head03_01 p{
	width:100%;
	margin:0 0 0.2em 0;
}

.head03_02{
	width:60%;
	margin:0.4em 0 0 0;
}
.head03_03{
	width:70%;
	margin:0.4em 15% 0 15%;
}

.head03_03 img{
	width:100%;
	margin:0;
}

/***  スマホ用グランドナヴィゲーション  ***/
.slideout-menu-up,
.slideout-menu-down{
	padding:0.8em 0;
	width:100%;
	background: url(../img/common/bg_01.png)repeat;
	border:1px solid #AAAAAA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.slideout-menu-down img{
	width:auto !important;
	margin:0 auto;
}
.slideout-menu-up img{
	margin:0 auto;
	width:auto !important;
}
.slideout-header {
	width:100%;
	position:relative;
	z-index: 400;
	box-sizing:border-box;
	border-bottom:#D6D6D6 solid 1px;
}

.slideout-menu {
	position: absolute;
	top:3em;
	width: 100%;
	height: auto;
	background:rgba(255,255,255,0.8);
}
.slideout-menu .smenu {
	list-style: none;
	border-bottom:#D6D6D6 solid 1px;
}

.slideout-menu .smenu li {
	width: 50%;
	border-top:#D6D6D6 solid 1px;
}

.slideout-menu .bo-right {
	border-right:#D6D6D6 solid 1px;
}

.slideout-menu ul li img {
	position:relative;
	margin:0 auto;
}

.slideout-menu ul li a {
	display: block;
}

.slideout-menu ul li img,
.slideout-header img {
	width:100%;
}

/***  フッダー  ***/
#foot01 {
	width:94%;
	text-align:center;
	margin:0 auto;
	padding:3em 0 1em 0;
}

.foot01_01 { width:48%; margin:0 1%; }
.foot01_01 ul { list-style:none; }
.foot01_01 li {
	background:url(../img/common/arro_01.png) no-repeat 0 0.6em;
	width:100%;
	padding-bottom:0.5em;
	padding-left:10%;
}

.foot01_01 .pc{
	background:url(../img/common/arro_02.png) no-repeat 0 0.5em; 
	width:100%;
	padding-bottom:0.5em;
	padding-left:10%;
}
.foot01_01 a { text-decoration:none; color:#444444; }
.foot01_01 a:hover { text-decoration:underline; }


.foot01_02{
	width:50%;
	margin:0;
	float:left;
}
.foot01_03{
	width:50%;
	margin:0;
	float:left;
}

/***  ページTOP  ***/
#page_top {
	display:block;
	position:fixed;
	bottom:0.5%;
	right:1%;
	width:20%;
	z-index:50;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
.disp_p { display:block; }
.disp_s { display:none; }
#head00 {
	width:96%;
	margin:0 2% 0 2%;
}
#head01 { width:96%; margin:0 2%; }
#head02{width:25%; margin:0;}/*240px*/
#head03{width:72.9166%; margin:0 0 0 2%;}

.head02_01{
	width:83.3333%;
	margin:0 16.6667% 0 0;
	float:none;
}
.head02_02{
	width:61.6666%;
	margin:0;
	float:none;
}

.head03_01{
	width:20%;
	margin:0;
}

.head03_01 p{
	width:100%;
	margin:0;
	float:none;
}

.head03_02{
	width:34.2857%;
	margin:0 0 0 12.85%;
}
.head03_03{
	width:30%;
	margin:0 1%;
}

.head03_03 img{
	width:100%;
	margin:0;
}

/*==================================
	プルダウンメニュー
====================================*/
#navi01{
	width:100%;
}
/*===============
メインナビゲーション
================*/
.a_color > a{
	display:block;
	background-color:rgba(217,199,146,0.4);
}
.a_color:hover{
	background:none !important;
}

#navi01 li{
	width:24.71%;
	float:left;
	position:static;/*relativeが効かない*/
}
#navi01 li img{
	width:89.5953%;
	margin:0 auto;
}
#navi01 li {
	border-left:1px #D9C792 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#navi01 li:last-child{
	border-left:1px #D9C792 solid;
	border-right:1px #D9C792 solid;
}

#navi01 li ul li:last-child{
	border-left:none;
	border-right:none;
}
#navi01 li a:hover img{filter: alpha(opacity=1);-moz-opacity:1;opacity:1;}

/*===============
サブメニュー　ブロック
================*/
#navi01 li ul {
	visibility: hidden;
	overflow: hidden;
    width: 17.2%;
	position:absolute;
	z-index:100;
}

/*===============
サブメニュー　一行
================*/
#navi01 li ul li{
	clear:both;
	border-bottom:1px solid #FFFFFF;
	border-left:none;
	border-right:none;
	width:100%;
	background: rgba(0,0,0,0.50);
}
#navi01 li ul li:hover{background: rgba(86,85,85,0.50);}
#navi01 li ul li:last-child{border-bottom:none;}

/*サブメニュー　一行内リンク*/
#navi01 li ul li a{
	text-indent:2em;
	padding:1em 0;
	display:block;
	width:100%;
	text-decoration:none;
	color:#FFFFFF;
}

/*===============
メインに触れたらサブを表示
================*/
#navi01 li:hover ul li,#navi01 li ul li:hover{
	visibility:visible;
	overflow: visible;
	height:auto;
}
/*===============
ふわっと表示
================*/
#navi01 li:hover{
	background-color:rgba(217,199,146,0.4);
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}


h1{ text-align:left;  margin:0 auto; padding-top:0;}

.foot01_02{
	width:100%;
	margin:0;
}
.foot01_03{
	width:95%;
	margin:0 5% 0 0;
}

/**** ページTOP **/
#page_top {
	display:block;
	position:fixed;
	bottom:0.5%;
	right:1%;
	width:7%;
	z-index:50;
}

}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 960px) { 
#head00 { width:960px; margin:0 auto 0 auto;}
#head01 { width:960px; margin:0 auto;}
#head02{width:240px; margin:0;}
#head03{width:700px; margin:0 0 0 20px;}


.head03_01{
	width:140px;
	margin:0;
}

.head03_01 p{
	width:140px;
	margin:0;
	float:none;
}

.head03_02{
	width:240px;
	margin:0 0 0 90px;
}
.head03_03{
	width:210px;
	margin:0 15px 0 5px;
}

.head03_03 img{
	width:210px;
	margin:0;
}

#navi01{
	width:700px;
}

#navi01 li {
	width:173px;
}

#navi01 li  img{
	width:155px;
	margin:0 auto;
}
#navi01 li ul {
	width:172px;
}


/***  メインビジュアルJquery  ***/
#foot01 {
	width:960px;
	text-align:center;
	margin:0 auto;
	padding:30px 0 30px;
}

.foot01_02{
	width:180px;
}
.foot01_03{
	width:206px;
}
/**** ページTOP **/
#page_top {
	position:relative;
	width:72px;
}

}