@charset "utf-8";
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/
.disp_p { display:none; }
.disp_s { display:block; }
.slid_hidden { display:none; }

/***  ヘッダー  ***/
#head00 {
	width:92%;
	margin:0 auto;
	padding:0.5em 0;
	line-height:1.4em;
	display:block;
}

#head01 { width:60%; margin:0 20%; padding-top:0; }
#head02 { width:100%; margin:0; }

/***  スマホ用ナヴィゲーション（ＭＥＮＵ）  ***/
.slideout-header {
	padding:0.3em 0 ;
	position:relative;
	display:block;
}


.smenu_head00 table{ width:100%; }
.smenu_head00 img { width:70%; margin:0 auto; }
.smenu_head01 { width:5.2083%; margin:0.6em 15.6667% 0 0.5834%; vertical-align:middle; }
.smenu_head02 { width:55.4166%; vertical-align:middle; }
.smenu_head02 img { width:50%; margin:0.7em auto; }
.smenu_head03 { width:6.0416%; margin:0.4em 0.5833% 0 16.5%; vertical-align:middle; }

.slideout-menu { display:none; position: absolute; top:100%; width: 100%; z-index:700;}
.slideout-menu li { list-style: none; }

.smenu_menu00 { width:100%; padding:0.4em 0 0.2em; }
.smenu_menu01 { width:6.4583%; margin:0 0 0 5.8333%; }
.smenu_menu02 { width:78.1250%; margin:0 2.0834%; }
.smenu_menu03 { width:1.6666%; margin:0 3.75% 0 0; }

.smenu_font00 { color:#FFFFFF; font-size:120%; }
.smenu_font01 { color:#4D4D4D; font-size:90%; }

.smenu_back00 { background:rgba(255,255,255,1); } /* 白 */
.smenu_back01 { background:rgba(244,179,193,1); } /* ピンク */
.smenu_back02 { background:rgba(118,201,222,1); } /* ブルー */
.smenu_back03 { background:rgba(141,209,120,1); } /* グリーン */
.smenu_back04 { background:rgba(246,206,57,1); } /* イエロー */
.smenu_back05 { background:rgba(229,229,229,1); } /* グレー */

.smenu_line01 { border-bottom:#BFBFBF solid 1px; }
.smenu_line02 { border-bottom:#BFBFBF dotted 1px; }

.slideout_header_dmyo { width:100%; background-color:rgba(255,255,255,1); } 
.slideout_header_dmy { visibility:hidden; }

/***  フッダー  ***/
#foot01,
#foot02 {
	width:92%;
	text-align:left;
	margin:0 auto;
	padding:3em 0 0;
}
#foot02 { padding:0; }

.foot01_01 { width:100%; margin:0 auto; }
.foot01_01L { width:67.4418%; }
.foot01_01R { width:27.9069%; }
#foot01 h5 { font-weight:bold; }
#foot01 ul { padding-bottom:0.8em; }
#foot01 li { float:left; }
.foot01_02 li { padding-right:1.5em; }
.foot01_03 table { width:100%; padding:0; border-top:#8E8E8E dotted 1px; border-collapse: collapse; }
.foot01_03 tr { border-bottom:#8E8E8E dotted 1px; }
.foot01_03 th { background:#F2F7F9; text-align:center; padding:0.3em 3%; width:19%; }
.foot01_03 td { padding:0.3em 3%; width:69%; text-align:left; vertical-align:middle; }
.foot01_04u { padding-bottom:0.8em; }

/***  サイト内検索領域  ***/
#site_search { 
	width:100%;
	left:0;
	background-color:rgba(255,255,255,0.8); 
	display:none;
}

.site_searchu { 
	width:100%;
	margin:0 auto;
	padding:0.3em 0; 
	text-align:right;
}

.site_s01 { width:90%; margin:0 5%; padding:0.5em 0; }
.site_s01 img { width:auto; margin-left:auto; }
.site_s02 { width:100% }


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

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
#main { margin-top:0; padding-top:0; }
.disp_p { display:block; }
.disp_s { display:none; }

/***  ヘッダー  ***/
#head00 { width:100%; }
#head01 { width:50%; margin:0; }
#head02 { width:50%; margin:0; }

.head01_01 { width:50%; margin:0.2em 47.9167% 0 2.0833%; }
.head02_01 { width:95.8333%; margin:0 2.08335%; }

.head02_02 { width:100%; }
.head02_mushi { width:8%; }
.head02_moji { width:23%; }
.head02_size { width:25%; margin-left:32%;}

.head02_moji li { float:left; cursor:pointer; background:#E3E3E3; display:block; text-align:center; height:1.4em; line-height:1.4em; }
.head02_moji li.hover { background:#FF8EA3; }
.head02_moji li.active { color:#ffffff; background:#FF8EA3; } 

.head02_moji1 { width:19%; margin:3% 3%; padding:0 2.5%; font-size:100%; }
.head02_moji2 { width:25%; margin:1.5% 3%; padding:0 1%; font-size:120%; }
.head02_moji3 { width:28%; margin:0 3%; padding:0 0.5%; font-size:130%; }


.head02_menu li { display:inline; } 

/***  フッダー  ***/
#foot01,
#foot02 { width:100%; }
.foot01_01 { width:93.4783%; margin:0; }

/***  サイト内検索領域  ***/
.site_searchu { width:100%; }
.site_s01 { width:8%; margin:0; padding:0.3em 5% 0.3em 0; }
.site_s01 img { width:100%; }
.site_s02 { width:87% }


/**** ページTOP **/
#page_top {
	bottom:2em;
	right:1%;
	width:10%;
}

}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 960px) { 
/****  ヘッダー　**/ 
#head00 { width:960px; margin:0 auto; }

/***  フッダー  ***/
#foot01,
#foot02 { width:960px; margin:0 auto; padding:30px 0 0; }
#foot02 { padding:0; }

/***  サイト内検索領域  ***/
.site_searchu { width:960px; }
.site_s01 { width:5%; }
.site_s01 img { width:auto; }
.site_s02 { width:90% }

/**** ページTOP **/
#page_top {
	width:auto;
}

}