@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:14px;font-family:"Yu Gothic";line-height:1;vertical-align:baseline;color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; font-size:14px;font-family:メイリオ;line-height:1;color:#333;}
html				{overflow-y:scroll;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, textarea,	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;text-decoration:none;color:#333;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}



@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:100;
}
@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:200;
}
@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:300;
}
@font-face {
font-family:"Yu Gothic";
src:local("Yu Gothic Medium");
font-weight:400;
}
@font-face {
font-family:"Yu Gothic Bold";
src:local("Yu Gothic Bold");
font-weight:bold;
}
@font-face {
font-family:"yumin";
src:local("Yu Mincho");
font-weight:bold;
}






/*FireFoxセンタリング位置*/
html				{overflow:scroll;}

/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a			{cursor:pointer; padding:0; margin:0;}
a img		{border:none; background-color:transparent;}
/*a:hover img	{
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}
*/

/* clearfix */
.cf:after,.clearfix:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf,.clearfix			{display:inline-block;}
/* Hides from IE-mac \*/
* html .cf,* html .clearfix	{height:1%;
}
.cf,.clearfix			{display:block;
}

/* Hides from IE-mac \*/
* html .cf	{height:1%;
}
.cf			{display:block;
}
/* End hide from IE-mac */

.mt0	{margin-top:0!important;}
.ml0	{margin-left:0!important;}
.mb0	{margin-bottom:0!important;}
.pt0	{padding-top:0!important;}
.mb20	{margin-bottom:20px;}
.mt20	{margin-top:20px;}

.noline	{border:none!important;background:none!important;}


/*共通デザイン*/

.wrap	{width:100%; clear:both;
}
.box	{margin:0 auto;width:1000px;}





/* ◆ NAV AREA ◆
---------------------------------------------------------------------------------------- */

div.prmenu_container				{margin:0px auto 0 auto;width:100%;height:50px;position:relative;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
div.prmenu_container nav			{margin:0 auto;width:1000px;}
div.prmenu_container ul				{width:100%;height:auto !important;padding:0;margin:0;display:table;/* overflow:hidden; */}

div.prmenu_container ul li {
display:block;
height:auto !important;
display:table-cell;
padding:0;
margin:0;
text-align:center;
position:relative;
box-size:border-box;
width:154px!important;
}

div.prmenu_container ul li a span.logo {padding:0px 0 0 0;line-height:0;border:none;    border-left: 1px solid #eee;display:block;width:230px;position:relative;top:14px;text-align:left;}
div.prmenu_container ul li a span.logo img {max-width:200px;}

div.prmenu_container ul li a {
display:block;
width:100%;
height:30px;
margin:0;
padding:0;
color:#666666;
text-align:center;
line-height:50px;
font-size:14px;
text-decoration:none;
font-family:"Yu Gothic";
letter-spacing:0.05em;
text-align:center;
}


div.prmenu_container ul li a span {
padding:8px 0 8px 0;
color:#666;
text-align:center;
font-size:13px;
text-decoration:none;
font-family:"Yu Gothic";
letter-spacing:0.05em;
display:block;
width:122px;
border-left:solid 1px #e9e9e9;
}
div.prmenu_container ul li:last-child a span {
border-right:solid 1px #e9e9e9;
}


div.prmenu_container ul li p {
display:block;
width:100%;
height:30px;
margin:0;
padding:0;
color:#FFF;
text-align:center;
line-height:50px;
font-size:13px;
font-weight:bold;
text-decoration:none;
font-family:"Yu Gothic";
letter-spacing:0.05em;
}

div.prmenu_container ul li p:hover {cursor:pointer;}

div.prmenu_container ul li p span {
padding:8px 0 8px 0;
width:154px;
display:inline-block;
color:#666;
text-align:center;
font-size:13px;
text-decoration:none;
font-family:"Yu Gothic";
letter-spacing:0.05em;
border-left:solid 1px #e9e9e9;
}

div.prmenu_container ul li:last-child {background-image:none;}


div.prmenu_container ul li a {
font-size:13px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

div.prmenu_container ul li a:hover {
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}

/*  END NAV  */


/* SUB NAV */

div.prmenu_container ul li ul					{display:none;width:192px;padding:19px 0 0 0;margin:0!important;position:absolute;z-index:99999;}
div.prmenu_container ul li:hover ul 			{display:block;}
div.prmenu_container ul li ul li				{display:block;width:100%!important;padding:0;margin:0;border-top:1px solid #666666;border-left:none;}
div.prmenu_container ul li ul li:first-child	{/*border-top:none;width:auto!important;*/}
div.prmenu_container ul li ul li a				{padding:0 15px;height:auto;text-align:left;width:162px;}


/* SUB SUB NAV */

div.prmenu_container ul li ul li ul						{display:none;position:absolute;top:0;}
div.prmenu_container ul li:not(:last-child) ul li ul	{left:100%;}
div.prmenu_container ul li:last-child ul li ul			{right:100%;}
div.prmenu_container ul li ul li ul li					{display:none;}
div.prmenu_container ul li ul li:hover ul				{display:block;}
div.prmenu_container ul li ul li:hover ul li			{display:block;}


div.prmenu_container ul li:last-child {background-image:none;}

div.prmenu_container ul li ul li a:link,
div.prmenu_container ul li ul li a:visited {background-color:#eaeef0;}

div.prmenu_container ul li ul li a:hover,
div.prmenu_container ul li ul li a:active {background-color:#c4e5f3;opacity:1;}



.slicknav_menu {
	display:none;
}

.logo img {margin-left: auto;
    margin-right: auto;
    display: block;}



/* ◆ FOOTER AREA ◆
---------------------------------------------------------------------------------------- */

.pagetop	{
	margin-top: 40px;
    margin-bottom: -40px;
    text-align: right;
    display: block;
    float: right;
    width: 40px;}
.pagetop a	{color:#fff;width:70px;display:inline-block;}

footer	{padding: 30px 0 0 0;
    min-width: 1000px;
    background: url(../img/foot_back.jpg) no-repeat;
    background-size: contain;
    background-position:50% 50%;
    min-height: 234px;
    border-top: 1px solid #666666;}

footer ul.nav01						{letter-spacing:-0.4em;}
footer ul.nav01 li					{display:inline-block;letter-spacing:normal;}
footer ul.nav01 li a				{margin:0 1em 10px 0;color:#666;font-family:"Yu Gothic Bold";font-size:13px;border-left:solid 1px #fff;display:inline-block;line-height:1;letter-spacing:0.1em;}
footer ul.nav01 li a:hover			{text-decoration: underline;}
footer ul.nav01 li:first-child a	{border:none;}

footer ul.nav01 li:nth-child(n+2) {margin-left:1em;}
footer ul.nav01 li:nth-child(6) {margin-left:0em;}
footer ul.nav01 li:after {content:"／";}

footer ul.nav01+p+.nav01 li:nth-child(6) {margin-left:1em;}
footer ul.nav01+p+.nav01 li:nth-child(7) {margin-left:0em;}


footer p.mid			{margin:30px 0 10px 0;color:#666;font-family:"Yu Gothic Bold";font-size:14px;letter-spacing:0.1em;}

footer ul.nav02							{margin-top:15px;letter-spacing:-0.4em;}
footer ul.nav02 li						{display:inline-block;letter-spacing:normal;}
footer ul.nav02 li a					{color:#666666;font-family:"Yu Gothic Bold";font-size:12px;display:block;line-height:1;letter-spacing:0.1em;}
footer ul.nav02 li a:before				{padding:0 10px;content:"／";font-size:11px;}
footer ul.nav02 li:first-child a:before	{padding:0;content:"";}




footer p.copy	{margin-top:20px;padding:20px 0;text-align:center;font-family:"Yu Gothic Bold";font-size:11px;letter-spacing:0.2em;}

.foot_l {float:left;width:30%;}
.foot_r {float:right;width:70%;margin-top:20px;}
.foot_l img {margin-top:100px;}





/* ◆ SP CSS ◆ -----------------------------------

MAX:768px

---------------------------------------------------- */


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

/*共通デザイン*/

.wrap	{width:100%; clear:both;}
.box	{margin:0 auto;width:auto!important;min-width:auto;}

a:hover img	{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}






/* ◆ GNAV AREA ◆
---------------------------------------------------------------------------------------- */

.prmenu_container	{display:none;}

.js #menu			{display:none;}
.js .slicknav_menu	{display:block;}

.slicknav_btn {position:relative;display:block;padding:20px 0;font-size:18px;line-height:1;text-align:center;font-family:"メイリオ", Meiryo, Osaka,sans-serif;letter-spacing:0.1em;background-color:#333;}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0.188em;}

.slicknav_menu							{*zoom:1;}
.slicknav_menu .slicknav_menutxt		{display:block;line-height:1.188em;}
.slicknav_menu .slicknav_icon			{display:none;float:left;width:1.125em;height:0.875em;margin:0.188em 0 0 0.438em;}
.slicknav_menu .slicknav_icon:before	{background:transparent;width:1.125em;height:0.875em;display:block;content:"";position:absolute;}
.slicknav_menu .slicknav_no-text		{margin:0;}
.slicknav_menu .slicknav_icon-bar {
display:block;
width:1.125em;
height:0.125em;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_menu:before	{content:" ";display:table;}
.slicknav_menu:after	{content:" ";display:table;clear:both;}

.slicknav_nav		{clear:both;}
.slicknav_nav ul	{display:block;}
.slicknav_nav li	{display:block;border-top:solid 1px #666666;}
.slicknav_nav li a	{font-weight:bold;}

.slicknav_nav .slicknav_arrow	{display:none;}
.slicknav_nav .slicknav_item	{cursor:pointer;}
.slicknav_nav .slicknav_item a	{display:inline;}
.slicknav_nav .slicknav_row		{display:block;}

.slicknav_nav a							{display:block;}
.slicknav_nav .slicknav_parent-link a	{display:inline;}

.slicknav_brand		{float:left;}
.slicknav_menu		{font-size:16px;box-sizing:border-box;background:#ffffff;}
.slicknav_menu *	{box-sizing:border-box;}

.slicknav_menu .slicknav_menutxt	{color:#fff;font-weight:bold;text-shadow:0 1px 3px #000;}
.slicknav_menu .slicknav_icon-bar	{background-color:#fff;}


.slicknav_nav		{color:#fff;margin:0;padding:0;font-size:0.875em;list-style:none;overflow:hidden;border-bottom:1px solid #666666;}
.slicknav_nav ul	{list-style:none;overflow:hidden;padding:0;}

.slicknav_nav .slicknav_row	{padding:20px 10px;color:#fff;}
.slicknav_nav a				{padding:20px 10px;text-decoration:none;color:#666666;}
.slicknav_nav span			{color:#666666;font-weight:bold;font-size:16px;}

.slicknav_nav .slicknav_txtnode			{margin-left:15px;}
.slicknav_nav .slicknav_item a			{padding:0;margin:0;}
.slicknav_nav .slicknav_parent-link a	{padding:0;margin:0;}
.slicknav_brand							{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px;}

nav li.forsp			{background:#fff;text-align:center;}
nav li.forsp a			{padding:10px 0;}
nav li.forsp a:hover	{background:#fff;}

.logo img {max-width:90%}
.foot_l img {max-width:90%;}

/* SUB NAV */

.slicknav_nav ul.sub						{display:block!important;background:#eaeef0;}
.slicknav_nav ul.sub li						{border-top:solid 1px #666666;}
.slicknav_nav ul.sub li a					{font-weight:normal;}
.slicknav_nav ul.sub li a:before			{content:"┣ ";}
.slicknav_nav ul.sub li:last-child a:before	{content:"┗ ";}



/* ◆ FOOTER AREA ◆
---------------------------------------------------------------------------------------- */

.pagetop			{margin-top:60px;text-align:center;}
.pagetop a			{padding:20px 0;color:#fff;font-size:14px;width:100%;display:block;background:url(../img/ftnav_line.gif) repeat-x bottom left #3a3a3a;letter-spacing:0.1em;}
.pagetop a:before	{content:"▲";font-size:10px;padding:0 5px 0 0;}

footer		{margin-top:30px;padding:0px 0 0 0;min-width:auto;background:none;}

footer ul.nav01						{text-align:center;letter-spacing:-0.4em;}
footer ul.nav01 li					{display:block;letter-spacing:normal;border-top:1px solid #666;}
footer ul.nav01 li:after {content:"";}
footer ul.nav01 li:nth-child(n+2) {margin-left:0;}

footer ul.nav01 li a				{margin:0 0 0 0;padding:20px 0;color:#666;font-family:"Yu Gothic Bold";font-size:13px;display:block;}
footer ul.nav01 li:first-child a	{border:none;}

footer p.mid			{margin:0px;background:none;text-align:center;color:#fff;font-family:"Yu Gothic Bold";font-size:13px;letter-spacing:0.1em;background: #666666;padding: 20px;}

footer ul.nav02							{margin-top:15px;text-align:center;letter-spacing:-0.4em;background:#4e4e4e;}
footer ul.nav02 li						{display:block;letter-spacing:normal;}
footer ul.nav02 li a					{padding:15px 0;color:#fff;display:block;border-top:solid 1px #3a3a3a;}
footer ul.nav02 li a:before				{padding:0;content:"";font-size:11px;}
footer ul.nav02 li:first-child a:before	{padding:0;content:"";}

footer p.copy	{margin-top:0;padding:20px 0;text-align:center;color:#a6a6a6;font-family:"Yu Gothic Bold";font-size:10px;background:#202020;letter-spacing:0;}
.foot_l {float:none;width:100%;}
.foot_r {float:none;width:100%;}

.foot_l img {margin:20px auto;display:block;}

.pagetop {display:none;}




div.prmenu_container ul li ul.sp2menu li {width:50%!important;display:inline-block!important;float:left;margin-left:1px;}
div.prmenu_container ul li ul.sp2menu li:nth-child(2n){margin-left:1px;width:49%!important;}
}